@treeui/vue 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,59 +1,341 @@
-import { defineComponent as F, computed as o, openBlock as l, createElementBlock as d, normalizeClass as S, renderSlot as b, createCommentVNode as _, createElementVNode as v, toDisplayString as L, createBlock as re, resolveDynamicComponent as Ue, withCtx as Q, createVNode as E, ref as R, useAttrs as ie, toRef as Be, watch as we, onBeforeUnmount as Oe, unref as f, normalizeStyle as de, mergeProps as ue, normalizeProps as te, guardReactiveProps as ae, Transition as Se, Fragment as be, renderList as he, nextTick as le, useSlots as qe, Teleport as Ge, createTextVNode as Je } from "vue";
-import { startOfDay as ke, parseDateValue as ge, createId as Ie, startOfMonth as U, startOfWeek as ee, addDays as H, toDateValue as $e, isSameDay as Te, addMonths as De, isEscapeKey as Ce, isActivationKey as Ae, focusFirst as Pe, getFocusableElements as Qe, focusLast as Xe } from "@treeui/utils";
-import { getTreeIcon as se, treeIconDefaults as oe } from "@treeui/icons";
-const Ye = {
+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 { 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({
+  __name: "TreeAccordion",
+  props: {
+    type: { default: "single" },
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    collapsible: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = i(() => {
+      const $ = e.defaultValue;
+      return $ === void 0 ? [] : Array.isArray($) ? $ : [$];
+    }), d = Ue(new Set(u.value)), v = i(() => e.modelValue !== void 0), m = i(() => {
+      if (v.value) {
+        const $ = e.modelValue;
+        return new Set(Array.isArray($) ? $ : [$]);
+      }
+      return d;
+    });
+    function _($) {
+      return m.value.has($);
+    }
+    function p($) {
+      if (e.type === "single") {
+        const w = [...$];
+        o("update:modelValue", w.length > 0 ? w[0] : void 0);
+      } else
+        o("update:modelValue", [...$]);
+    }
+    function l($) {
+      const w = _($);
+      if (e.type === "single")
+        w ? e.collapsible && (v.value || d.delete($), p(/* @__PURE__ */ new Set())) : (v.value || (d.clear(), d.add($)), p(/* @__PURE__ */ new Set([$])));
+      else {
+        const E = new Set(m.value);
+        w ? E.delete($) : E.add($), v.value || (w ? d.delete($) : d.add($)), p(E);
+      }
+    }
+    const r = /* @__PURE__ */ new Map(), f = Ue([]);
+    function g($, w) {
+      r.has($) || f.push($), r.set($, w);
+    }
+    function A($) {
+      r.delete($);
+      const w = f.indexOf($);
+      w !== -1 && f.splice(w, 1);
+    }
+    function O() {
+      return f.filter(($) => {
+        const w = r.get($);
+        return w && !w.hasAttribute("disabled");
+      });
+    }
+    function V($) {
+      var z;
+      const w = O(), E = w.indexOf($), y = E > 0 ? E - 1 : w.length - 1;
+      (z = r.get(w[y])) == null || z.focus();
+    }
+    function F($) {
+      var z;
+      const w = O(), E = w.indexOf($), y = E < w.length - 1 ? E + 1 : 0;
+      (z = r.get(w[y])) == null || z.focus();
+    }
+    function M() {
+      var w;
+      const $ = O();
+      $.length && ((w = r.get($[0])) == null || w.focus());
+    }
+    function X() {
+      var w;
+      const $ = O();
+      $.length && ((w = r.get($[$.length - 1])) == null || w.focus());
+    }
+    return Xe(Et, {
+      type: e.type,
+      disabled: e.disabled,
+      collapsible: e.collapsible,
+      isItemOpen: _,
+      toggleItem: l,
+      registerTrigger: g,
+      unregisterTrigger: A,
+      focusPrev: V,
+      focusNext: F,
+      focusFirst: M,
+      focusLast: X
+    }), ($, w) => (s(), n("div", Ht, [
+      T($.$slots, "default")
+    ]));
+  }
+}), jt = { class: "tree-accordion__heading" }, Ut = ["id", "aria-expanded", "aria-controls", "disabled"], Nt = ["id", "aria-labelledby"], qt = { class: "tree-accordion__panel" }, Ze = /* @__PURE__ */ L({
+  __name: "TreeAccordionItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const a = 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(() => [
+      "tree-accordion__item",
+      {
+        "is-open": m.value,
+        "is-disabled": _.value
+      }
+    ]);
+    function l() {
+      _.value || o.toggleItem(a.value);
+    }
+    function r(f) {
+      if (!_.value)
+        switch (f.key) {
+          case "ArrowDown":
+            f.preventDefault(), o.focusNext(a.value);
+            break;
+          case "ArrowUp":
+            f.preventDefault(), o.focusPrev(a.value);
+            break;
+          case "Home":
+            f.preventDefault(), o.focusFirst();
+            break;
+          case "End":
+            f.preventDefault(), o.focusLast();
+            break;
+        }
+    }
+    return Ot(() => {
+      v.value && o.registerTrigger(a.value, v.value);
+    }), he(() => {
+      o.unregisterTrigger(a.value);
+    }), (f, g) => (s(), n("div", {
+      class: P(p.value)
+    }, [
+      c("h3", jt, [
+        c("button", {
+          id: D(u),
+          ref_key: "triggerRef",
+          ref: v,
+          type: "button",
+          class: "tree-accordion__trigger",
+          "aria-expanded": m.value,
+          "aria-controls": D(d),
+          disabled: _.value || void 0,
+          onClick: l,
+          onKeydown: r
+        }, [
+          T(f.$slots, "trigger", { open: m.value }, () => [
+            ne(N(t.value), 1)
+          ]),
+          (s(), n("svg", {
+            class: P(["tree-accordion__icon", { "is-open": m.value }]),
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [...g[0] || (g[0] = [
+            c("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+          ])], 2))
+        ], 40, Ut)
+      ]),
+      m.value ? (s(), n("div", {
+        key: 0,
+        id: D(d),
+        role: "region",
+        "aria-labelledby": D(u),
+        class: "tree-accordion__content"
+      }, [
+        c("div", qt, [
+          T(f.$slots, "default")
+        ])
+      ], 8, Nt)) : S("", !0)
+    ], 2));
+  }
+}), Gt = {
+  key: 0,
+  class: "tree-alert__icon",
+  "aria-hidden": "true"
+}, Wt = { class: "tree-alert__content" }, et = /* @__PURE__ */ L({
+  __name: "TreeAlert",
+  props: {
+    variant: { default: "info" },
+    size: { default: "md" },
+    dismissible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismiss"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = i(() => [
+      "tree-alert",
+      `tree-alert--${e.variant}`,
+      `tree-alert--${e.size}`
+    ]);
+    function d() {
+      o("dismiss");
+    }
+    return (v, m) => (s(), n("div", {
+      class: P(u.value),
+      role: "alert"
+    }, [
+      v.$slots.icon ? (s(), n("span", Gt, [
+        T(v.$slots, "icon")
+      ])) : S("", !0),
+      c("div", Wt, [
+        T(v.$slots, "default")
+      ]),
+      t.dismissible ? (s(), n("button", {
+        key: 1,
+        type: "button",
+        class: "tree-alert__dismiss",
+        "aria-label": "Dismiss",
+        onClick: d
+      }, [
+        T(v.$slots, "dismiss-icon", {}, () => [
+          m[0] || (m[0] = c("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            c("path", { d: "M18 6 6 18" }),
+            c("path", { d: "m6 6 12 12" })
+          ], -1))
+        ])
+      ])) : S("", !0)
+    ], 2));
+  }
+}), Xt = {
   key: 0,
   class: "tree-badge__icon",
   "aria-hidden": "true"
-}, Le = /* @__PURE__ */ F({
+}, Ne = /* @__PURE__ */ L({
   __name: "TreeBadge",
   props: {
     variant: { default: "soft" },
     size: { default: "md" }
   },
   setup(t) {
-    const p = t, n = o(() => [
+    const a = t, e = i(() => [
       "tree-badge",
-      `tree-badge--${p.variant}`,
-      `tree-badge--${p.size}`
+      `tree-badge--${a.variant}`,
+      `tree-badge--${a.size}`
     ]);
-    return (r, c) => (l(), d("span", {
-      class: S(n.value)
+    return (o, u) => (s(), n("span", {
+      class: P(e.value)
     }, [
-      r.$slots.icon ? (l(), d("span", Ye, [
-        b(r.$slots, "icon")
-      ])) : _("", !0),
-      b(r.$slots, "default")
+      o.$slots.icon ? (s(), n("span", Xt, [
+        T(o.$slots, "icon")
+      ])) : S("", !0),
+      T(o.$slots, "default")
     ], 2));
   }
-}), Ze = ["aria-label"], et = { class: "tree-visually-hidden" }, ne = /* @__PURE__ */ F({
+}), Yt = {
+  "aria-label": "Breadcrumb",
+  class: "tree-breadcrumb"
+}, tt = /* @__PURE__ */ L({
+  __name: "TreeBreadcrumb",
+  props: {
+    separator: { default: "/" }
+  },
+  setup(t) {
+    const a = t;
+    return (e, o) => (s(), n("nav", Yt, [
+      c("ol", {
+        class: "tree-breadcrumb__list",
+        style: Q({ "--tree-breadcrumb-separator": `'${a.separator}'` })
+      }, [
+        T(e.$slots, "default")
+      ], 4)
+    ]));
+  }
+}), Jt = { class: "tree-breadcrumb__item" }, Qt = ["href"], Zt = {
+  key: 1,
+  class: "tree-breadcrumb__current",
+  "aria-current": "page"
+}, at = /* @__PURE__ */ L({
+  __name: "TreeBreadcrumbItem",
+  props: {
+    href: { default: void 0 },
+    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", {
+        key: 0,
+        href: t.href,
+        class: "tree-breadcrumb__link"
+      }, [
+        T(o.$slots, "default")
+      ], 8, Qt)) : (s(), n("span", Zt, [
+        T(o.$slots, "default")
+      ]))
+    ]));
+  }
+}), ea = ["aria-label"], ta = { class: "tree-visually-hidden" }, Ve = /* @__PURE__ */ L({
   __name: "TreeSpinner",
   props: {
     size: { default: "md" },
     label: { default: "Loading" }
   },
   setup(t) {
-    const p = t, n = o(() => ["tree-spinner", `tree-spinner--${p.size}`]);
-    return (r, c) => (l(), d("span", {
-      class: S(n.value),
+    const a = t, e = i(() => ["tree-spinner", `tree-spinner--${a.size}`]);
+    return (o, u) => (s(), n("span", {
+      class: P(e.value),
       role: "status",
       "aria-label": t.label
     }, [
-      c[0] || (c[0] = v("span", {
+      u[0] || (u[0] = c("span", {
         class: "tree-spinner__ring",
         "aria-hidden": "true"
       }, null, -1)),
-      v("span", et, L(t.label), 1)
-    ], 10, Ze));
+      c("span", ta, N(t.label), 1)
+    ], 10, ea));
   }
-}), tt = {
+}), aa = {
   key: 0,
   class: "tree-button__spinner"
-}, at = {
+}, sa = {
   key: 1,
   class: "tree-button__icon",
   "aria-hidden": "true"
-}, st = { class: "tree-button__label" }, Ee = /* @__PURE__ */ F({
+}, oa = { class: "tree-button__label" }, qe = /* @__PURE__ */ L({
   __name: "TreeButton",
   props: {
     as: { default: "button" },
@@ -64,55 +346,55 @@ const Ye = {
     type: { default: "button" }
   },
   emits: ["click"],
-  setup(t, { emit: p }) {
-    const n = t, r = p, c = o(() => n.as === "button"), a = o(() => n.disabled || n.loading), h = o(() => [
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = i(() => e.as === "button"), d = i(() => e.disabled || e.loading), v = i(() => [
       "tree-button",
-      `tree-button--${n.variant}`,
-      `tree-button--${n.size}`,
+      `tree-button--${e.variant}`,
+      `tree-button--${e.size}`,
       {
-        "is-loading": n.loading,
-        "is-disabled": a.value
+        "is-loading": e.loading,
+        "is-disabled": d.value
       }
-    ]), T = (m) => {
-      if (a.value) {
-        m.preventDefault(), m.stopPropagation();
+    ]), m = (_) => {
+      if (d.value) {
+        _.preventDefault(), _.stopPropagation();
         return;
       }
-      r("click", m);
+      o("click", _);
     };
-    return (m, k) => (l(), re(Ue(t.as), {
-      type: c.value ? t.type : void 0,
-      class: S(h.value),
-      disabled: c.value ? a.value : void 0,
-      "aria-disabled": !c.value && a.value ? "true" : void 0,
+    return (_, p) => (s(), _e(zt(t.as), {
+      type: u.value ? t.type : void 0,
+      class: P(v.value),
+      disabled: u.value ? d.value : void 0,
+      "aria-disabled": !u.value && d.value ? "true" : void 0,
       "aria-busy": t.loading || void 0,
-      tabindex: !c.value && a.value ? -1 : void 0,
-      onClick: T
+      tabindex: !u.value && d.value ? -1 : void 0,
+      onClick: m
     }, {
-      default: Q(() => [
-        t.loading ? (l(), d("span", tt, [
-          E(ne, {
+      default: de(() => [
+        t.loading ? (s(), n("span", aa, [
+          Y(Ve, {
             size: "sm",
             label: "Loading"
           })
-        ])) : _("", !0),
-        m.$slots.icon ? (l(), d("span", at, [
-          b(m.$slots, "icon")
-        ])) : _("", !0),
-        v("span", st, [
-          b(m.$slots, "default")
+        ])) : S("", !0),
+        _.$slots.icon ? (s(), n("span", sa, [
+          T(_.$slots, "icon")
+        ])) : S("", !0),
+        c("span", oa, [
+          T(_.$slots, "default")
         ])
       ]),
       _: 3
     }, 8, ["type", "class", "disabled", "aria-disabled", "aria-busy", "tabindex"]));
   }
-}), ot = {
+}), la = {
   key: 0,
   class: "tree-card__header"
-}, lt = { class: "tree-card__body" }, nt = {
+}, na = { class: "tree-card__body" }, ra = {
   key: 1,
   class: "tree-card__footer"
-}, Re = /* @__PURE__ */ F({
+}, st = /* @__PURE__ */ L({
   __name: "TreeCard",
   props: {
     as: { default: "section" },
@@ -120,43 +402,273 @@ const Ye = {
     size: { default: "md" }
   },
   setup(t) {
-    const p = t, n = o(() => [
+    const a = t, e = i(() => [
       "tree-card",
-      `tree-card--${p.variant}`,
-      `tree-card--${p.size}`
+      `tree-card--${a.variant}`,
+      `tree-card--${a.size}`
     ]);
-    return (r, c) => (l(), re(Ue(t.as), {
-      class: S(n.value)
+    return (o, u) => (s(), _e(zt(t.as), {
+      class: P(e.value)
     }, {
-      default: Q(() => [
-        r.$slots.header ? (l(), d("header", ot, [
-          b(r.$slots, "header")
-        ])) : _("", !0),
-        v("div", lt, [
-          b(r.$slots, "default")
+      default: de(() => [
+        o.$slots.header ? (s(), n("header", la, [
+          T(o.$slots, "header")
+        ])) : S("", !0),
+        c("div", na, [
+          T(o.$slots, "default")
         ]),
-        r.$slots.footer ? (l(), d("footer", nt, [
-          b(r.$slots, "footer")
-        ])) : _("", !0)
+        o.$slots.footer ? (s(), n("footer", ra, [
+          T(o.$slots, "footer")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ve = (t, p, n) => {
-  const r = R(p), c = o(() => t.value ?? r.value);
+}), ia = ["checked", "disabled", "aria-checked", "aria-invalid"], da = {
+  class: "tree-checkbox__control",
+  "aria-hidden": "true"
+}, ca = {
+  key: 0,
+  class: "tree-checkbox__icon",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ua = {
+  key: 1,
+  class: "tree-checkbox__icon",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+}, fa = {
+  key: 0,
+  class: "tree-checkbox__label"
+}, ot = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = se(), d = j(null);
+    ce(
+      () => e.indeterminate,
+      (l) => {
+        d.value && (d.value.indeterminate = l);
+      }
+    ), ce(d, (l) => {
+      l && (l.indeterminate = e.indeterminate);
+    });
+    const v = i(() => [
+      "tree-checkbox",
+      `tree-checkbox--${e.size}`,
+      {
+        "is-checked": e.modelValue,
+        "is-indeterminate": e.indeterminate,
+        "is-disabled": e.disabled,
+        "is-invalid": e.invalid
+      },
+      u.class
+    ]), m = i(() => u.style), _ = i(() => {
+      const { class: l, style: r, ...f } = u;
+      return f;
+    }), p = () => {
+      o("update:modelValue", !e.modelValue);
+    };
+    return (l, r) => (s(), n("label", {
+      class: P(v.value),
+      style: Q(m.value)
+    }, [
+      c("input", J({
+        ref_key: "inputRef",
+        ref: d
+      }, _.value, {
+        type: "checkbox",
+        class: "tree-checkbox__input",
+        checked: t.modelValue,
+        disabled: t.disabled,
+        "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
+        "aria-invalid": t.invalid || void 0,
+        onChange: p
+      }), null, 16, ia),
+      c("span", da, [
+        t.modelValue && !t.indeterminate ? (s(), 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] = [
+          c("line", {
+            x1: "4",
+            y1: "8",
+            x2: "12",
+            y2: "8"
+          }, null, -1)
+        ])])) : S("", !0)
+      ]),
+      l.$slots.default ? (s(), n("span", fa, [
+        T(l.$slots, "default")
+      ])) : S("", !0)
+    ], 6));
+  }
+}), Te = (t, a, e) => {
+  const o = j(a), u = i(() => t.value ?? o.value);
   return {
-    value: c,
-    setValue: (h) => {
-      h !== c.value && (t.value === void 0 && (r.value = h), n(h));
+    value: u,
+    setValue: (v) => {
+      v !== u.value && (t.value === void 0 && (o.value = v), e(v));
     }
   };
-}, rt = ["data-state"], it = ["name", "value"], dt = ["disabled", "aria-controls", "aria-expanded", "aria-invalid"], ut = {
+}, va = ["data-state"], pa = ["id"], ba = ["aria-disabled", "tabindex", "onClick", "onKeydown"], lt = /* @__PURE__ */ L({
+  __name: "TreeContextMenu",
+  props: {
+    items: { default: () => [] },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    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(
+      ve(e, "open"),
+      e.defaultOpen,
+      (y) => {
+        o("update:open", y), o("open-change", y);
+      }
+    ), r = i(() => [
+      "tree-context-menu",
+      `tree-context-menu--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-open": p.value
+      }
+    ]), f = i(() => e.items.filter((y) => !y.disabled)), g = (y, z) => {
+      e.disabled || (_.value = { x: y, y: z }, m.value = f.value.length > 0 ? e.items.indexOf(f.value[0]) : 0, l(!0), Z(() => V(m.value)));
+    }, A = (y = !1) => {
+      l(!1), m.value = -1, y && Z(() => {
+        var z;
+        return (z = d.value) == null ? void 0 : z.focus();
+      });
+    }, O = (y) => {
+      y.disabled || (o("select", y.value), A(!0));
+    }, V = (y) => {
+      const z = e.items[y];
+      if (!z) return;
+      const H = v.value.get(z.value);
+      H == null || H.focus();
+    }, F = (y, z) => {
+      y instanceof HTMLElement ? v.value.set(z, y) : v.value.delete(z);
+    }, M = (y) => {
+      let z = m.value + y;
+      for (; z >= 0 && z < e.items.length; ) {
+        if (!e.items[z].disabled) {
+          m.value = z, V(z);
+          return;
+        }
+        z += y;
+      }
+    }, X = (y) => {
+      e.disabled || (y.preventDefault(), g(y.clientX, y.clientY));
+    }, $ = (y, z) => {
+      if (pe(y)) {
+        y.preventDefault(), A(!0);
+        return;
+      }
+      if (ke(y)) {
+        y.preventDefault(), O(z);
+        return;
+      }
+      switch (y.key) {
+        case "ArrowDown":
+          y.preventDefault(), M(1);
+          break;
+        case "ArrowUp":
+          y.preventDefault(), M(-1);
+          break;
+        case "Home":
+          y.preventDefault(), m.value = f.value.length > 0 ? e.items.indexOf(f.value[0]) : 0, V(m.value);
+          break;
+        case "End":
+          y.preventDefault(), m.value = f.value.length > 0 ? e.items.indexOf(f.value[f.value.length - 1]) : e.items.length - 1, V(m.value);
+          break;
+      }
+    }, w = (y) => {
+      if (!p.value) return;
+      const z = y.target;
+      if (!(z instanceof Node)) return;
+      const H = document.getElementById(u);
+      H != null && H.contains(z) || A();
+    }, E = (y) => {
+      var H;
+      if (!p.value) return;
+      const z = y.target;
+      z instanceof Node && ((H = d.value) != null && H.contains(z) || A());
+    };
+    return ce(p, (y) => {
+      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", {
+      ref_key: "rootRef",
+      ref: d,
+      class: P(r.value),
+      "data-state": D(p) ? "open" : "closed",
+      onContextmenu: X
+    }, [
+      T(y.$slots, "default"),
+      (s(), _e(Ee, { to: "body" }, [
+        Y($e, { name: "tree-fade" }, {
+          default: de(() => [
+            D(p) && !t.disabled ? (s(), n("ul", {
+              key: 0,
+              id: D(u),
+              role: "menu",
+              class: P(["tree-context-menu__menu", `tree-context-menu--${t.size}`]),
+              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", {
+                key: H.value,
+                ref_for: !0,
+                ref: (h) => F(h, H.value),
+                role: "menuitem",
+                class: P(["tree-context-menu__item", {
+                  "is-disabled": H.disabled,
+                  "is-focused": x === m.value
+                }]),
+                "aria-disabled": H.disabled || void 0,
+                tabindex: H.disabled ? -1 : 0,
+                onClick: (h) => O(H),
+                onKeydown: (h) => $(h, H)
+              }, [
+                T(y.$slots, "item", {
+                  item: H,
+                  index: x
+                }, () => [
+                  ne(N(H.label), 1)
+                ])
+              ], 42, ba))), 128))
+            ], 14, pa)) : S("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 42, va));
+  }
+}), ma = ["data-state"], _a = ["name", "value"], ha = ["disabled", "aria-controls", "aria-expanded", "aria-invalid"], ya = {
   key: 0,
   class: "tree-date-picker__slot tree-date-picker__slot--prefix"
-}, ct = ["data-placeholder"], ft = { class: "tree-date-picker__slot tree-date-picker__slot--suffix" }, pt = ["id"], vt = { class: "tree-date-picker__header" }, mt = ["disabled"], yt = ["disabled"], _t = {
+}, ga = ["data-placeholder"], ka = { class: "tree-date-picker__slot tree-date-picker__slot--suffix" }, $a = ["id"], Ta = { class: "tree-date-picker__header" }, wa = ["disabled"], Ca = ["disabled"], Da = {
   class: "tree-date-picker__weekdays",
   "aria-hidden": "true"
-}, bt = ["aria-selected"], ht = ["data-date", "disabled", "tabindex", "aria-current", "aria-label", "onClick", "onKeydown"], Fe = /* @__PURE__ */ F({
+}, Ba = ["aria-selected"], xa = ["data-date", "disabled", "tabindex", "aria-current", "aria-label", "onClick", "onKeydown"], nt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "TreeDatePicker",
   props: {
@@ -174,651 +686,2920 @@ const Ye = {
     id: { default: void 0 }
   },
   emits: ["update:modelValue", "update:open", "open-change", "select"],
-  setup(t, { emit: p }) {
-    const n = se("calendar"), r = se("chevron-left"), c = se("chevron-right"), a = t, h = p, T = ie(), m = ke(/* @__PURE__ */ new Date()), k = o(() => ge(a.modelValue)), u = o(() => ge(a.min)), D = o(() => ge(a.max)), w = a.id ?? Ie("tree-date-picker"), z = `${w}-caption`, j = R(null), W = R(null), M = /* @__PURE__ */ new Map(), O = R(U(k.value ?? m)), y = R(k.value ?? m), q = o(() => {
-      const { class: e, style: s, name: g, ...J } = T;
-      return J;
-    }), G = o(
-      () => typeof T.name == "string" ? T.name : void 0
-    ), ce = o(() => [
+  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(() => {
+      const { class: B, style: U, name: ee, ...xe } = m;
+      return xe;
+    }), $ = i(
+      () => typeof m.name == "string" ? m.name : void 0
+    ), w = i(() => [
       "tree-date-picker",
-      `tree-date-picker--${a.size}`,
+      `tree-date-picker--${d.size}`,
       {
-        "is-disabled": a.disabled,
-        "is-invalid": a.invalid,
-        "is-open": C.value
+        "is-disabled": d.disabled,
+        "is-invalid": d.invalid,
+        "is-open": y.value
       },
-      T.class
-    ]), K = o(() => T.style), { value: C, setValue: X } = Ve(
-      Be(a, "open"),
-      a.defaultOpen,
-      (e) => {
-        h("update:open", e), h("open-change", e);
-      }
-    ), Y = o(() => k.value ? new Intl.DateTimeFormat(a.locale, {
+      m.class
+    ]), E = i(() => m.style), { value: y, setValue: z } = Te(
+      ve(d, "open"),
+      d.defaultOpen,
+      (B) => {
+        v("update:open", B), v("open-change", B);
+      }
+    ), H = i(() => p.value ? new Intl.DateTimeFormat(d.locale, {
       day: "numeric",
       month: "long",
       year: "numeric"
-    }).format(k.value) : a.placeholder), fe = o(
-      () => new Intl.DateTimeFormat(a.locale, {
+    }).format(p.value) : d.placeholder), x = i(
+      () => new Intl.DateTimeFormat(d.locale, {
         month: "long",
         year: "numeric"
-      }).format(O.value)
-    ), pe = o(() => {
-      const e = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), s = ee(new Date(2024, 0, 7), a.weekStartsOn);
+      }).format(F.value)
+    ), h = i(() => {
+      const B = new Intl.DateTimeFormat(d.locale, { weekday: "short" }), U = Me(new Date(2024, 0, 7), d.weekStartsOn);
       return Array.from(
         { length: 7 },
-        (g, J) => e.format(H(s, J))
+        (ee, xe) => B.format(Ce(U, xe))
       );
-    }), N = (e) => !!(a.disabled || u.value && e < u.value || D.value && e > D.value), A = (e) => {
-      y.value = ke(e), O.value = U(e);
+    }), C = (B) => !!(d.disabled || l.value && B < l.value || r.value && B > r.value), K = (B) => {
+      M.value = Le(B), F.value = we(B);
     };
-    we(
-      k,
-      (e) => {
-        if (e) {
-          A(e);
+    ce(
+      p,
+      (B) => {
+        if (B) {
+          K(B);
           return;
         }
-        C.value || A(m);
+        y.value || K(_);
       },
       { immediate: !0 }
     );
-    const ve = o(() => {
-      const e = ee(U(O.value), a.weekStartsOn);
+    const ae = i(() => {
+      const B = Me(we(F.value), d.weekStartsOn);
       return Array.from(
         { length: 6 },
-        (s, g) => Array.from({ length: 7 }, (J, $) => {
-          const B = H(e, g * 7 + $), We = $e(B);
+        (U, ee) => Array.from({ length: 7 }, (xe, te) => {
+          const le = Ce(B, ee * 7 + te), Lt = Fe(le);
           return {
-            date: B,
-            dayLabel: B.getDate(),
-            disabled: N(B),
-            inMonth: B.getMonth() === O.value.getMonth(),
-            isFocused: Te(B, y.value),
-            isSelected: Te(B, k.value),
-            isToday: Te(B, m),
-            key: We
+            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, _),
+            key: Lt
           };
         })
       );
-    }), me = o(() => u.value ? U(O.value) > U(u.value) : !0), ye = o(() => D.value ? U(O.value) < U(D.value) : !0), i = () => {
-      const e = $e(y.value);
-      le(() => {
-        var s;
-        (s = M.get(e)) == null || s.focus();
+    }), ue = i(() => l.value ? we(F.value) > we(l.value) : !0), I = i(() => r.value ? we(F.value) < we(r.value) : !0), b = () => {
+      const B = Fe(M.value);
+      Z(() => {
+        var U;
+        (U = V.get(B)) == null || U.focus();
       });
-    }, I = (e, s) => {
-      if (e instanceof HTMLButtonElement) {
-        M.set(s, e);
+    }, k = (B, U) => {
+      if (B instanceof HTMLButtonElement) {
+        V.set(U, B);
         return;
       }
-      M.delete(s);
-    }, V = () => {
-      a.disabled || (A(k.value ?? y.value ?? m), X(!0), i());
-    }, x = (e = !1) => {
-      X(!1), e && le(() => {
-        var s;
-        (s = W.value) == null || s.focus();
+      V.delete(U);
+    }, R = () => {
+      d.disabled || (K(p.value ?? M.value ?? _), z(!0), b());
+    }, q = (B = !1) => {
+      z(!1), B && Z(() => {
+        var U;
+        (U = O.value) == null || U.focus();
       });
-    }, Z = () => {
-      if (C.value) {
-        x();
+    }, W = () => {
+      if (y.value) {
+        q();
         return;
       }
-      V();
-    }, ze = (e) => {
-      const s = De(O.value, e);
-      A(s), i();
-    }, P = (e) => {
-      N(e) || (A(e), i());
-    }, Me = (e) => {
-      if (N(e))
+      R();
+    }, oe = (B) => {
+      const U = je(F.value, B);
+      K(U), b();
+    }, G = (B) => {
+      C(B) || (K(B), b());
+    }, ye = (B) => {
+      if (C(B))
         return;
-      const s = ke(e), g = $e(s);
-      A(s), h("update:modelValue", g), h("select", g), x(!0);
-    }, He = (e) => {
-      if (!a.disabled) {
-        if (Ce(e) && C.value) {
-          e.preventDefault(), x();
+      const U = Le(B), ee = Fe(U);
+      K(U), v("update:modelValue", ee), v("select", ee), q(!0);
+    }, Be = (B) => {
+      if (!d.disabled) {
+        if (pe(B) && y.value) {
+          B.preventDefault(), q();
           return;
         }
-        (Ae(e) || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), V());
+        (ke(B) || B.key === "ArrowDown" || B.key === "ArrowUp") && (B.preventDefault(), R());
       }
-    }, je = (e, s) => {
-      if (Ce(e)) {
-        e.preventDefault(), x(!0);
+    }, ge = (B, U) => {
+      if (pe(B)) {
+        B.preventDefault(), q(!0);
         return;
       }
-      if (Ae(e)) {
-        e.preventDefault(), Me(s);
+      if (ke(B)) {
+        B.preventDefault(), ye(U);
         return;
       }
-      switch (e.key) {
+      switch (B.key) {
         case "ArrowLeft":
-          e.preventDefault(), P(H(s, -1));
+          B.preventDefault(), G(Ce(U, -1));
           break;
         case "ArrowRight":
-          e.preventDefault(), P(H(s, 1));
+          B.preventDefault(), G(Ce(U, 1));
           break;
         case "ArrowUp":
-          e.preventDefault(), P(H(s, -7));
+          B.preventDefault(), G(Ce(U, -7));
           break;
         case "ArrowDown":
-          e.preventDefault(), P(H(s, 7));
+          B.preventDefault(), G(Ce(U, 7));
           break;
         case "Home":
-          e.preventDefault(), P(ee(s, a.weekStartsOn));
+          B.preventDefault(), G(Me(U, d.weekStartsOn));
           break;
         case "End":
-          e.preventDefault(), P(H(ee(s, a.weekStartsOn), 6));
+          B.preventDefault(), G(Ce(Me(U, d.weekStartsOn), 6));
           break;
         case "PageUp":
-          e.preventDefault(), P(De(s, e.shiftKey ? -12 : -1));
+          B.preventDefault(), G(je(U, B.shiftKey ? -12 : -1));
           break;
         case "PageDown":
-          e.preventDefault(), P(De(s, e.shiftKey ? 12 : 1));
+          B.preventDefault(), G(je(U, B.shiftKey ? 12 : 1));
           break;
       }
-    }, _e = (e) => {
-      var g;
-      if (!C.value)
+    }, fe = (B) => {
+      var ee;
+      if (!y.value)
         return;
-      const s = e.target;
-      s instanceof Node && ((g = j.value) != null && g.contains(s) || x());
+      const U = B.target;
+      U instanceof Node && ((ee = A.value) != null && ee.contains(U) || q());
     };
-    return we(C, (e) => {
-      if (e) {
-        document.addEventListener("pointerdown", _e);
+    return ce(y, (B) => {
+      if (B) {
+        document.addEventListener("pointerdown", fe);
         return;
       }
-      document.removeEventListener("pointerdown", _e);
-    }), Oe(() => {
-      document.removeEventListener("pointerdown", _e);
-    }), (e, s) => (l(), d("div", {
+      document.removeEventListener("pointerdown", fe);
+    }), he(() => {
+      document.removeEventListener("pointerdown", fe);
+    }), (B, U) => (s(), n("div", {
       ref_key: "rootRef",
-      ref: j,
-      class: S(ce.value),
-      style: de(K.value),
-      "data-state": f(C) ? "open" : "closed"
+      ref: A,
+      class: P(w.value),
+      style: Q(E.value),
+      "data-state": D(y) ? "open" : "closed"
     }, [
-      G.value ? (l(), d("input", {
+      $.value ? (s(), n("input", {
         key: 0,
         type: "hidden",
-        name: G.value,
+        name: $.value,
         value: t.modelValue
-      }, null, 8, it)) : _("", !0),
-      v("button", ue({
+      }, null, 8, _a)) : S("", !0),
+      c("button", J({
         ref_key: "triggerRef",
-        ref: W
-      }, q.value, {
+        ref: O
+      }, X.value, {
         type: "button",
         class: "tree-date-picker__trigger",
         disabled: t.disabled,
-        "aria-controls": f(C) ? f(w) : void 0,
+        "aria-controls": D(y) ? D(f) : void 0,
         "aria-haspopup": "dialog",
-        "aria-expanded": f(C),
+        "aria-expanded": D(y),
         "aria-invalid": t.invalid || void 0,
-        onClick: Z,
-        onKeydown: He
+        onClick: W,
+        onKeydown: Be
       }), [
-        e.$slots.prefix ? (l(), d("span", ut, [
-          b(e.$slots, "prefix")
-        ])) : _("", !0),
-        v("span", {
+        B.$slots.prefix ? (s(), n("span", ya, [
+          T(B.$slots, "prefix")
+        ])) : S("", !0),
+        c("span", {
           class: "tree-date-picker__value",
-          "data-placeholder": k.value ? void 0 : !0
-        }, L(Y.value), 9, ct),
-        v("span", ft, [
-          b(e.$slots, "suffix", {}, () => [
-            E(f(n), te(ae(f(oe))), null, 16)
+          "data-placeholder": p.value ? void 0 : !0
+        }, N(H.value), 9, ga),
+        c("span", ka, [
+          T(B.$slots, "suffix", {}, () => [
+            Y(D(e), Ae(Se(D(De))), null, 16)
           ])
         ])
-      ], 16, dt),
-      E(Se, { name: "tree-fade" }, {
-        default: Q(() => [
-          f(C) && !t.disabled ? (l(), d("div", {
+      ], 16, ha),
+      Y($e, { name: "tree-fade" }, {
+        default: de(() => [
+          D(y) && !t.disabled ? (s(), n("div", {
             key: 0,
-            id: f(w),
+            id: D(f),
             class: "tree-date-picker__content",
             role: "dialog",
             "aria-modal": "false",
-            "aria-labelledby": z
+            "aria-labelledby": g
           }, [
-            v("div", vt, [
-              v("button", {
+            c("div", Ta, [
+              c("button", {
                 type: "button",
                 class: "tree-date-picker__nav",
-                disabled: !me.value,
+                disabled: !ue.value,
                 "aria-label": "Previous month",
-                onClick: s[0] || (s[0] = (g) => ze(-1))
+                onClick: U[0] || (U[0] = (ee) => oe(-1))
               }, [
-                E(f(r), te(ae(f(oe))), null, 16)
-              ], 8, mt),
-              v("p", {
-                id: z,
+                Y(D(o), Ae(Se(D(De))), null, 16)
+              ], 8, wa),
+              c("p", {
+                id: g,
                 class: "tree-date-picker__month"
-              }, L(fe.value), 1),
-              v("button", {
+              }, N(x.value), 1),
+              c("button", {
                 type: "button",
                 class: "tree-date-picker__nav",
-                disabled: !ye.value,
+                disabled: !I.value,
                 "aria-label": "Next month",
-                onClick: s[1] || (s[1] = (g) => ze(1))
+                onClick: U[1] || (U[1] = (ee) => oe(1))
               }, [
-                E(f(c), te(ae(f(oe))), null, 16)
-              ], 8, yt)
+                Y(D(u), Ae(Se(D(De))), null, 16)
+              ], 8, Ca)
             ]),
-            v("div", _t, [
-              (l(!0), d(be, null, he(pe.value, (g) => (l(), d("span", {
-                key: g,
+            c("div", Da, [
+              (s(!0), n(re, null, ie(h.value, (ee) => (s(), n("span", {
+                key: ee,
                 class: "tree-date-picker__weekday"
-              }, L(g), 1))), 128))
+              }, N(ee), 1))), 128))
             ]),
-            v("div", {
+            c("div", {
               class: "tree-date-picker__grid",
               role: "grid",
-              "aria-labelledby": z
+              "aria-labelledby": g
             }, [
-              (l(!0), d(be, null, he(ve.value, (g, J) => (l(), d("div", {
-                key: J,
+              (s(!0), n(re, null, ie(ae.value, (ee, xe) => (s(), n("div", {
+                key: xe,
                 class: "tree-date-picker__row",
                 role: "row"
               }, [
-                (l(!0), d(be, null, he(g, ($) => (l(), d("div", {
-                  key: $.key,
+                (s(!0), n(re, null, ie(ee, (te) => (s(), n("div", {
+                  key: te.key,
                   class: "tree-date-picker__cell",
                   role: "gridcell",
-                  "aria-selected": $.isSelected
+                  "aria-selected": te.isSelected
                 }, [
-                  v("button", {
+                  c("button", {
                     ref_for: !0,
-                    ref: (B) => I(B, $.key),
+                    ref: (le) => k(le, te.key),
                     type: "button",
-                    class: S(["tree-date-picker__day", {
-                      "is-muted": !$.inMonth,
-                      "is-selected": $.isSelected,
-                      "is-today": $.isToday
+                    class: P(["tree-date-picker__day", {
+                      "is-muted": !te.inMonth,
+                      "is-selected": te.isSelected,
+                      "is-today": te.isToday
                     }]),
-                    "data-date": $.key,
-                    disabled: $.disabled,
-                    tabindex: $.isFocused ? 0 : -1,
-                    "aria-current": $.isToday ? "date" : void 0,
-                    "aria-label": $.key,
-                    onClick: (B) => Me($.date),
-                    onKeydown: (B) => je(B, $.date)
-                  }, L($.dayLabel), 43, ht)
-                ], 8, bt))), 128))
+                    "data-date": te.key,
+                    disabled: te.disabled,
+                    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)
+                  }, N(te.dayLabel), 43, xa)
+                ], 8, Ba))), 128))
               ]))), 128))
             ])
-          ], 8, pt)) : _("", !0)
+          ], 8, $a)) : S("", !0)
         ]),
         _: 1
       })
-    ], 14, rt));
-  }
-}), kt = {
-  key: 0,
-  class: "tree-input__slot tree-input__slot--prefix"
-}, gt = ["type", "value", "placeholder", "disabled", "aria-invalid"], $t = {
-  key: 2,
-  class: "tree-input__slot tree-input__slot--suffix"
-}, Ke = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "TreeInput",
-  props: {
-    modelValue: { default: "" },
-    size: { default: "md" },
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    type: { default: "text" },
-    placeholder: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: p }) {
-    const n = t, r = p, c = ie(), a = o(() => [
-      "tree-input",
-      `tree-input--${n.size}`,
-      {
-        "is-disabled": n.disabled,
-        "is-invalid": n.invalid,
-        "is-loading": n.loading
-      },
-      c.class
-    ]), h = o(() => c.style), T = o(() => {
-      const { class: u, style: D, ...w } = c;
-      return w;
-    }), m = o(() => `${n.modelValue ?? ""}`), k = (u) => {
-      r("update:modelValue", u.target.value);
-    };
-    return (u, D) => (l(), d("label", {
-      class: S(a.value),
-      style: de(h.value)
-    }, [
-      u.$slots.prefix ? (l(), d("span", kt, [
-        b(u.$slots, "prefix")
-      ])) : _("", !0),
-      v("input", ue(T.value, {
-        class: "tree-input__field",
-        type: t.type,
-        value: m.value,
-        placeholder: t.placeholder,
-        disabled: t.disabled,
-        "aria-invalid": t.invalid || void 0,
-        onInput: k
-      }), null, 16, gt),
-      t.loading ? (l(), re(ne, {
-        key: 1,
-        size: "sm",
-        label: "Loading"
-      })) : _("", !0),
-      u.$slots.suffix ? (l(), d("span", $t, [
-        b(u.$slots, "suffix")
-      ])) : _("", !0)
-    ], 6));
+    ], 14, ma));
   }
-}), Tt = ["data-state"], Dt = ["aria-disabled"], wt = ["data-state"], Ct = { class: "tree-modal__positioner" }, Bt = ["id", "aria-labelledby", "aria-describedby"], Ot = {
+}), Va = ["data-state"], Ia = ["aria-disabled"], Aa = ["data-state"], Sa = ["id", "aria-labelledby", "aria-describedby"], Oa = {
   key: 0,
-  class: "tree-modal__topbar"
-}, St = { class: "tree-modal__title" }, It = ["aria-label"], Vt = { class: "tree-modal__body" }, zt = {
+  class: "tree-drawer__topbar"
+}, za = { class: "tree-drawer__title" }, Pa = ["aria-label"], Ma = { class: "tree-drawer__body" }, Ea = {
   key: 2,
-  class: "tree-modal__footer"
-}, Ne = /* @__PURE__ */ F({
+  class: "tree-drawer__footer"
+}, rt = /* @__PURE__ */ L({
   inheritAttrs: !1,
-  __name: "TreeModal",
+  __name: "TreeDrawer",
   props: {
     open: { type: Boolean, default: void 0 },
     defaultOpen: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     size: { default: "md" },
+    side: { default: "right" },
     title: { default: "" },
     description: { default: "" },
     closeOnEscape: { type: Boolean, default: !0 },
     closeOnOverlay: { type: Boolean, default: !0 },
     showCloseButton: { type: Boolean, default: !0 },
-    closeLabel: { default: "Close modal" },
+    closeLabel: { default: "Close drawer" },
     id: { default: void 0 }
   },
   emits: ["update:open", "open-change"],
-  setup(t, { emit: p }) {
-    const n = se("x"), r = t, c = p, a = ie(), h = r.id ?? Ie("tree-modal"), T = `${h}-title`, m = `${h}-description`, k = R(null), u = R(null), D = R(null), w = o(() => !!(r.title || z.header)), z = qe(), j = o(() => ["tree-modal", a.class]), W = o(() => a.style), M = o(() => {
-      const { class: i, style: I, ...V } = a;
-      return V;
-    }), O = o(() => [
-      "tree-modal__surface",
-      `tree-modal__surface--${r.size}`
-    ]), { value: y, setValue: q } = Ve(
-      Be(r, "open"),
-      r.defaultOpen,
-      (i) => {
-        c("update:open", i), c("open-change", i);
-      }
-    ), G = o(() => w.value ? T : void 0), ce = o(() => r.description ? m : void 0);
-    let K = 0, C = "";
-    const X = () => {
-      typeof document > "u" || (K === 0 && (C = document.body.style.overflow, document.body.style.overflow = "hidden"), K += 1);
-    }, Y = () => {
-      typeof document > "u" || K === 0 || (K -= 1, K === 0 && (document.body.style.overflow = C));
-    }, fe = () => {
-      le(() => {
-        if (!u.value)
+  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(() => {
+      const { class: b, style: k, ...R } = d;
+      return R;
+    }), F = i(() => [
+      "tree-drawer__surface",
+      `tree-drawer__surface--${o.size}`,
+      `tree-drawer__surface--${o.side}`
+    ]), { value: M, setValue: X } = Te(
+      ve(o, "open"),
+      o.defaultOpen,
+      (b) => {
+        u("update:open", b), u("open-change", b);
+      }
+    ), $ = i(() => f.value ? m : void 0), w = i(() => o.description ? _ : void 0);
+    let E = 0, y = "";
+    const z = () => {
+      typeof document > "u" || (E === 0 && (y = document.body.style.overflow, document.body.style.overflow = "hidden"), E += 1);
+    }, H = () => {
+      typeof document > "u" || E === 0 || (E -= 1, E === 0 && (document.body.style.overflow = y));
+    }, x = () => {
+      Z(() => {
+        if (!l.value)
           return;
-        Pe(u.value) || u.value.focus();
+        Oe(l.value) || l.value.focus();
       });
-    }, pe = () => {
-      r.disabled || (D.value = document.activeElement, q(!0));
-    }, N = () => {
-      q(!1);
-    }, A = (i) => {
-      if (r.disabled) {
-        i.preventDefault(), i.stopPropagation();
+    }, h = () => {
+      o.disabled || (r.value = document.activeElement, X(!0));
+    }, C = () => {
+      X(!1);
+    }, K = (b) => {
+      if (o.disabled) {
+        b.preventDefault(), b.stopPropagation();
         return;
       }
-      i.defaultPrevented || pe();
-    }, ve = () => {
-      r.closeOnOverlay && N();
-    }, me = (i) => {
-      i.stopPropagation();
-    }, ye = (i) => {
-      if (Ce(i) && r.closeOnEscape) {
-        i.preventDefault(), N();
+      b.defaultPrevented || h();
+    }, ae = () => {
+      o.closeOnOverlay && C();
+    }, ue = (b) => {
+      b.stopPropagation();
+    }, I = (b) => {
+      if (pe(b) && o.closeOnEscape) {
+        b.preventDefault(), C();
         return;
       }
-      if (i.key !== "Tab" || !u.value)
+      if (b.key !== "Tab" || !l.value)
         return;
-      const I = Qe(u.value);
-      if (!I.length) {
-        i.preventDefault(), u.value.focus();
+      const k = Pt(l.value);
+      if (!k.length) {
+        b.preventDefault(), l.value.focus();
         return;
       }
-      const V = I[0], x = I[I.length - 1], Z = document.activeElement;
-      i.shiftKey && Z === V && (i.preventDefault(), Xe(u.value)), !i.shiftKey && Z === x && (i.preventDefault(), Pe(u.value));
+      const R = k[0], q = k[k.length - 1], W = document.activeElement;
+      b.shiftKey && W === R && (b.preventDefault(), Mt(l.value)), !b.shiftKey && W === q && (b.preventDefault(), Oe(l.value));
     };
-    return we(y, (i, I) => {
-      if (i) {
-        X(), fe();
+    return ce(M, (b, k) => {
+      if (b) {
+        z(), x();
         return;
       }
-      I && (Y(), le(() => {
-        var V;
-        (V = D.value) == null || V.focus();
+      k && (H(), Z(() => {
+        var R;
+        (R = r.value) == null || R.focus();
       }));
-    }), Oe(() => {
-      y.value && Y();
-    }), (i, I) => (l(), d("div", {
+    }), he(() => {
+      M.value && H();
+    }), (b, k) => (s(), n("div", {
       ref_key: "rootRef",
-      ref: k,
-      class: S(j.value),
-      style: de(W.value),
-      "data-state": f(y) ? "open" : "closed"
+      ref: p,
+      class: P(A.value),
+      style: Q(O.value),
+      "data-state": D(M) ? "open" : "closed"
     }, [
-      i.$slots.trigger ? (l(), d("span", ue({
+      b.$slots.trigger ? (s(), n("span", J({
         key: 0,
-        class: "tree-modal__trigger"
-      }, M.value, {
+        class: "tree-drawer__trigger"
+      }, V.value, {
         "aria-disabled": t.disabled || void 0,
-        onClick: A
+        onClick: K
       }), [
-        b(i.$slots, "trigger")
-      ], 16, Dt)) : _("", !0),
-      (l(), re(Ge, { to: "body" }, [
-        E(Se, { name: "tree-modal-fade" }, {
-          default: Q(() => [
-            f(y) ? (l(), d("div", {
+        T(b.$slots, "trigger")
+      ], 16, Ia)) : S("", !0),
+      (s(), _e(Ee, { to: "body" }, [
+        Y($e, { name: "tree-drawer-fade" }, {
+          default: de(() => [
+            D(M) ? (s(), n("div", {
               key: 0,
-              class: "tree-modal__portal",
-              "data-state": f(y) ? "open" : "closed"
+              class: "tree-drawer__portal",
+              "data-state": D(M) ? "open" : "closed"
             }, [
-              v("div", {
-                class: "tree-modal__backdrop",
+              c("div", {
+                class: "tree-drawer__backdrop",
                 "aria-hidden": "true",
-                onClick: ve
+                onClick: ae
               }),
-              v("div", Ct, [
-                v("div", {
-                  id: f(h),
-                  ref_key: "surfaceRef",
-                  ref: u,
-                  class: S(O.value),
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-labelledby": G.value,
-                  "aria-describedby": ce.value,
-                  tabindex: "-1",
-                  onClick: me,
-                  onKeydown: ye
-                }, [
-                  w.value || t.showCloseButton ? (l(), d("div", Ot, [
-                    w.value ? (l(), d("div", {
-                      key: 0,
-                      id: T,
-                      class: "tree-modal__header"
-                    }, [
-                      b(i.$slots, "header", {}, () => [
-                        v("h2", St, L(t.title), 1)
-                      ])
-                    ])) : _("", !0),
-                    t.showCloseButton ? (l(), d("button", {
-                      key: 1,
-                      type: "button",
-                      class: "tree-modal__close",
-                      "aria-label": t.closeLabel,
-                      onClick: N
-                    }, [
-                      E(f(n), te(ae(f(oe))), null, 16)
-                    ], 8, It)) : _("", !0)
-                  ])) : _("", !0),
-                  t.description ? (l(), d("p", {
-                    key: 1,
+              c("div", {
+                id: D(v),
+                ref_key: "surfaceRef",
+                ref: l,
+                class: P(F.value),
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": $.value,
+                "aria-describedby": w.value,
+                tabindex: "-1",
+                onClick: ue,
+                onKeydown: I
+              }, [
+                f.value || t.showCloseButton ? (s(), n("div", Oa, [
+                  f.value ? (s(), n("div", {
+                    key: 0,
                     id: m,
-                    class: "tree-modal__description"
-                  }, L(t.description), 1)) : _("", !0),
-                  v("div", Vt, [
-                    b(i.$slots, "content", {}, () => [
-                      b(i.$slots, "default")
+                    class: "tree-drawer__header"
+                  }, [
+                    T(b.$slots, "header", {}, () => [
+                      c("h2", za, N(t.title), 1)
                     ])
-                  ]),
-                  i.$slots.footer ? (l(), d("div", zt, [
-                    b(i.$slots, "footer")
-                  ])) : _("", !0)
-                ], 42, Bt)
-              ])
-            ], 8, wt)) : _("", !0)
+                  ])) : S("", !0),
+                  t.showCloseButton ? (s(), n("button", {
+                    key: 1,
+                    type: "button",
+                    class: "tree-drawer__close",
+                    "aria-label": t.closeLabel,
+                    onClick: C
+                  }, [
+                    Y(D(e), Ae(Se(D(De))), null, 16)
+                  ], 8, Pa)) : S("", !0)
+                ])) : S("", !0),
+                t.description ? (s(), n("p", {
+                  key: 1,
+                  id: _,
+                  class: "tree-drawer__description"
+                }, N(t.description), 1)) : S("", !0),
+                c("div", Ma, [
+                  T(b.$slots, "content", {}, () => [
+                    T(b.$slots, "default")
+                  ])
+                ]),
+                b.$slots.footer ? (s(), n("div", Ea, [
+                  T(b.$slots, "footer")
+                ])) : S("", !0)
+              ], 42, Sa)
+            ], 8, Aa)) : S("", !0)
           ]),
           _: 3
         })
       ]))
-    ], 14, Tt));
+    ], 14, Va));
   }
-}), Mt = ["data-state"], At = ["aria-describedby"], Pt = ["id", "data-state"], xe = /* @__PURE__ */ F({
+}), Ra = ["data-state"], La = { class: "tree-dropdown__trigger-wrapper" }, Ka = ["disabled", "aria-controls", "aria-expanded"], Fa = { class: "tree-dropdown__label" }, Ha = ["id", "aria-label"], ja = ["aria-disabled", "tabindex", "onClick", "onKeydown"], it = /* @__PURE__ */ L({
   inheritAttrs: !1,
-  __name: "TreeTooltip",
+  __name: "TreeDropdown",
   props: {
-    open: { type: Boolean },
+    items: { default: () => [] },
+    open: { type: Boolean, default: void 0 },
     defaultOpen: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    content: { default: "" },
-    side: { default: "top" },
-    delay: { default: 80 },
-    id: { default: void 0 }
+    size: { default: "md" },
+    label: { default: "" }
   },
-  emits: ["update:open", "open-change"],
-  setup(t, { emit: p }) {
-    const n = t, r = p, c = ie(), a = n.id ?? Ie("tree-tooltip"), h = o(() => {
-      const { class: y, style: q, ...G } = c;
-      return G;
-    }), T = o(() => ["tree-tooltip", c.class]), m = o(() => c.style), { value: k, setValue: u } = Ve(
-      Be(n, "open"),
-      n.defaultOpen,
-      (y) => {
-        r("update:open", y), r("open-change", y);
+  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(() => {
+      const { class: x, style: h, ...C } = u;
+      return C;
+    }), { value: r, setValue: f } = Te(
+      ve(e, "open"),
+      e.defaultOpen,
+      (x) => {
+        o("update:open", x), o("open-change", x);
       }
-    );
-    let D;
-    const w = () => {
-      D && (clearTimeout(D), D = void 0);
-    }, z = (y = !1) => {
-      if (!n.disabled) {
-        if (w(), y) {
-          u(!0);
+    ), g = i(() => [
+      "tree-dropdown",
+      `tree-dropdown--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-open": r.value
+      },
+      u.class
+    ]), A = i(() => u.style), O = i(() => e.items.filter((x) => !x.disabled)), V = () => {
+      e.disabled || (p.value = O.value.length > 0 ? e.items.indexOf(O.value[0]) : 0, f(!0), Z(() => $(p.value)));
+    }, F = (x = !1) => {
+      f(!1), p.value = -1, x && Z(() => {
+        var h;
+        return (h = m.value) == null ? void 0 : h.focus();
+      });
+    }, M = () => {
+      r.value ? F() : V();
+    }, X = (x) => {
+      x.disabled || (o("select", x.value), F(!0));
+    }, $ = (x) => {
+      const h = e.items[x];
+      if (!h) return;
+      const C = _.value.get(h.value);
+      C == null || C.focus();
+    }, w = (x, h) => {
+      x instanceof HTMLElement ? _.value.set(h, x) : _.value.delete(h);
+    }, E = (x) => {
+      let h = p.value + x;
+      for (; h >= 0 && h < e.items.length; ) {
+        if (!e.items[h].disabled) {
+          p.value = h, $(h);
           return;
         }
-        D = setTimeout(() => {
-          u(!0);
-        }, n.delay);
+        h += x;
       }
-    }, j = () => {
-      z(!0);
-    }, W = () => {
-      z();
-    }, M = () => {
-      w(), u(!1);
-    }, O = o(() => [
-      "tree-tooltip__content",
-      `tree-tooltip__content--${n.side}`
-    ]);
-    return Oe(w), (y, q) => (l(), d("span", {
-      class: S(T.value),
-      style: de(m.value),
-      "data-state": f(k) ? "open" : "closed",
-      onMouseenter: W,
-      onMouseleave: M,
-      onFocusCapture: j,
-      onBlurCapture: M
+    }, y = (x) => {
+      if (!e.disabled) {
+        if (pe(x) && r.value) {
+          x.preventDefault(), F();
+          return;
+        }
+        (ke(x) || x.key === "ArrowDown" || x.key === "ArrowUp") && (x.preventDefault(), V());
+      }
+    }, z = (x, h) => {
+      if (pe(x)) {
+        x.preventDefault(), F(!0);
+        return;
+      }
+      if (ke(x)) {
+        x.preventDefault(), X(h);
+        return;
+      }
+      switch (x.key) {
+        case "ArrowDown":
+          x.preventDefault(), E(1);
+          break;
+        case "ArrowUp":
+          x.preventDefault(), E(-1);
+          break;
+        case "Home":
+          x.preventDefault(), p.value = O.value.length > 0 ? e.items.indexOf(O.value[0]) : 0, $(p.value);
+          break;
+        case "End":
+          x.preventDefault(), p.value = O.value.length > 0 ? e.items.indexOf(O.value[O.value.length - 1]) : e.items.length - 1, $(p.value);
+          break;
+      }
+    }, H = (x) => {
+      var C;
+      if (!r.value) return;
+      const h = x.target;
+      h instanceof Node && ((C = v.value) != null && C.contains(h) || F());
+    };
+    return ce(r, (x) => {
+      x ? document.addEventListener("pointerdown", H) : document.removeEventListener("pointerdown", H);
+    }), he(() => {
+      document.removeEventListener("pointerdown", H);
+    }), (x, h) => (s(), n("div", {
+      ref_key: "rootRef",
+      ref: v,
+      class: P(g.value),
+      style: Q(A.value),
+      "data-state": D(r) ? "open" : "closed"
     }, [
-      v("span", ue({
-        class: "tree-tooltip__trigger",
-        "aria-describedby": f(k) ? f(a) : void 0
-      }, h.value), [
-        b(y.$slots, "trigger", {}, () => [
-          b(y.$slots, "default")
+      c("span", La, [
+        T(x.$slots, "trigger", { isOpen: D(r) }, () => [
+          c("button", J({
+            ref_key: "triggerRef",
+            ref: m
+          }, l.value, {
+            type: "button",
+            class: "tree-dropdown__trigger",
+            disabled: t.disabled,
+            "aria-controls": D(r) ? D(d) : void 0,
+            "aria-haspopup": "menu",
+            "aria-expanded": D(r),
+            onClick: M,
+            onKeydown: y
+          }), [
+            c("span", Fa, N(t.label), 1),
+            h[0] || (h[0] = c("svg", {
+              class: "tree-dropdown__chevron",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              c("polyline", { points: "4 6 8 10 12 6" })
+            ], -1))
+          ], 16, Ka)
         ])
-      ], 16, At),
-      E(Se, { name: "tree-fade" }, {
-        default: Q(() => [
-          f(k) && !t.disabled ? (l(), d("span", {
+      ]),
+      Y($e, { name: "tree-fade" }, {
+        default: de(() => [
+          D(r) && !t.disabled ? (s(), n("ul", {
             key: 0,
-            id: f(a),
-            role: "tooltip",
-            class: S(O.value),
-            "data-state": f(k) ? "open" : "closed"
+            id: D(d),
+            role: "menu",
+            class: "tree-dropdown__menu",
+            "aria-label": t.label || void 0
           }, [
-            b(y.$slots, "content", {}, () => [
-              Je(L(t.content), 1)
-            ])
-          ], 10, Pt)) : _("", !0)
+            (s(!0), n(re, null, ie(t.items, (C, K) => (s(), n("li", {
+              key: C.value,
+              ref_for: !0,
+              ref: (ae) => w(ae, C.value),
+              role: "menuitem",
+              class: P(["tree-dropdown__item", {
+                "is-disabled": C.disabled,
+                "is-focused": K === p.value
+              }]),
+              "aria-disabled": C.disabled || void 0,
+              tabindex: C.disabled ? -1 : 0,
+              onClick: (ae) => X(C),
+              onKeydown: (ae) => z(ae, C)
+            }, [
+              T(x.$slots, "item", {
+                item: C,
+                index: K
+              }, () => [
+                ne(N(C.label), 1)
+              ])
+            ], 42, ja))), 128))
+          ], 8, Ha)) : S("", !0)
         ]),
         _: 3
       })
-    ], 46, Mt));
-  }
-}), Lt = {
-  TBadge: Le,
-  TButton: Ee,
-  TCard: Re,
-  TDatePicker: Fe,
-  TInput: Ke,
-  TModal: Ne,
-  TSpinner: ne,
-  TTooltip: xe,
-  TreeBadge: Le,
-  TreeButton: Ee,
-  TreeCard: Re,
-  TreeDatePicker: Fe,
-  TreeInput: Ke,
-  TreeModal: Ne,
-  TreeSpinner: ne,
-  TreeTooltip: xe
-}, Et = {
+    ], 14, Ra));
+  }
+}), Ua = ["value", "checked", "disabled", "name", "aria-checked", "aria-invalid"], Na = {
+  class: "tree-radio__control",
+  "aria-hidden": "true"
+}, qa = {
+  key: 0,
+  class: "tree-radio__dot"
+}, Ga = {
+  key: 0,
+  class: "tree-radio__label"
+}, dt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeRadio",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    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(() => [
+      "tree-radio",
+      `tree-radio--${m.value}`,
+      {
+        "is-checked": u.value,
+        "is-disabled": d.value,
+        "is-invalid": v.value
+      },
+      o.class
+    ]), p = i(() => o.style), l = i(() => {
+      const { class: f, style: g, ...A } = o;
+      return A;
+    }), r = () => {
+      e && e.onChange(a.value);
+    };
+    return (f, g) => {
+      var A;
+      return s(), n("label", {
+        class: P(_.value),
+        style: Q(p.value)
+      }, [
+        c("input", J(l.value, {
+          type: "radio",
+          class: "tree-radio__input",
+          value: t.value,
+          checked: u.value,
+          disabled: d.value,
+          name: (A = D(e)) == null ? void 0 : A.name(),
+          "aria-checked": u.value,
+          "aria-invalid": v.value || void 0,
+          onChange: r
+        }), null, 16, Ua),
+        c("span", Na, [
+          u.value ? (s(), n("span", qa)) : S("", !0)
+        ]),
+        f.$slots.default ? (s(), n("span", Ga, [
+          T(f.$slots, "default")
+        ])) : S("", !0)
+      ], 6);
+    };
+  }
+}), ct = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeRadioGroup",
+  props: {
+    modelValue: { default: void 0 },
+    name: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = se();
+    Xe("tree-radio-group", {
+      modelValue: () => e.modelValue,
+      name: () => e.name,
+      disabled: () => e.disabled,
+      invalid: () => e.invalid,
+      size: () => e.size,
+      onChange: (_) => {
+        o("update:modelValue", _);
+      }
+    });
+    const d = i(() => [
+      "tree-radio-group",
+      u.class
+    ]), v = i(() => u.style), m = i(() => {
+      const { class: _, style: p, ...l } = u;
+      return l;
+    });
+    return (_, p) => (s(), n("div", J(m.value, {
+      class: d.value,
+      style: v.value,
+      role: "radiogroup"
+    }), [
+      T(_.$slots, "default")
+    ], 16));
+  }
+}), Wa = ["data-state"], Xa = ["disabled", "aria-controls", "aria-expanded", "aria-invalid", "aria-busy"], Ya = {
+  key: 0,
+  class: "tree-select__slot tree-select__slot--prefix"
+}, Ja = ["data-placeholder"], Qa = {
+  key: 2,
+  class: "tree-select__chevron",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, Za = ["id", "aria-label"], es = ["aria-selected", "aria-disabled", "tabindex", "onClick", "onKeydown"], ts = {
+  key: 0,
+  class: "tree-select__check",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, ut = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeSelect",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    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(() => {
+      const { class: h, style: C, ...K } = u;
+      return K;
+    }), { value: r, setValue: f } = Te(
+      ve(e, "open"),
+      e.defaultOpen,
+      (h) => {
+        o("update:open", h), o("open-change", h);
+      }
+    ), g = i(() => [
+      "tree-select",
+      `tree-select--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-invalid": e.invalid,
+        "is-loading": e.loading,
+        "is-open": r.value
+      },
+      u.class
+    ]), A = i(() => u.style), O = i(() => {
+      const h = e.options.find((C) => C.value === e.modelValue);
+      return (h == null ? void 0 : h.label) ?? "";
+    }), V = i(
+      () => e.options.filter((h) => !h.disabled)
+    ), F = () => {
+      if (e.disabled) return;
+      const h = e.options.findIndex((C) => C.value === e.modelValue);
+      p.value = h >= 0 ? h : 0, f(!0), Z(() => w(p.value));
+    }, M = (h = !1) => {
+      f(!1), p.value = -1, h && Z(() => {
+        var C;
+        return (C = m.value) == null ? void 0 : C.focus();
+      });
+    }, X = () => {
+      r.value ? M() : F();
+    }, $ = (h) => {
+      h.disabled || (o("update:modelValue", h.value), M(!0));
+    }, w = (h) => {
+      const C = e.options[h];
+      if (!C) return;
+      const K = _.value.get(C.value);
+      K == null || K.focus();
+    }, E = (h, C) => {
+      h instanceof HTMLElement ? _.value.set(C, h) : _.value.delete(C);
+    }, y = (h) => {
+      let C = p.value + h;
+      for (; C >= 0 && C < e.options.length; ) {
+        if (!e.options[C].disabled) {
+          p.value = C, w(C);
+          return;
+        }
+        C += h;
+      }
+    }, z = (h) => {
+      if (!e.disabled) {
+        if (pe(h) && r.value) {
+          h.preventDefault(), M();
+          return;
+        }
+        (ke(h) || h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), F());
+      }
+    }, H = (h, C, K) => {
+      if (pe(h)) {
+        h.preventDefault(), M(!0);
+        return;
+      }
+      if (ke(h)) {
+        h.preventDefault(), $(C);
+        return;
+      }
+      switch (h.key) {
+        case "ArrowDown":
+          h.preventDefault(), y(1);
+          break;
+        case "ArrowUp":
+          h.preventDefault(), y(-1);
+          break;
+        case "Home":
+          h.preventDefault(), p.value = V.value.length > 0 ? e.options.indexOf(V.value[0]) : 0, w(p.value);
+          break;
+        case "End":
+          h.preventDefault(), p.value = V.value.length > 0 ? e.options.indexOf(V.value[V.value.length - 1]) : e.options.length - 1, w(p.value);
+          break;
+      }
+    }, x = (h) => {
+      var K;
+      if (!r.value) return;
+      const C = h.target;
+      C instanceof Node && ((K = v.value) != null && K.contains(C) || M());
+    };
+    return ce(r, (h) => {
+      h ? document.addEventListener("pointerdown", x) : document.removeEventListener("pointerdown", x);
+    }), he(() => {
+      document.removeEventListener("pointerdown", x);
+    }), (h, C) => (s(), n("div", {
+      ref_key: "rootRef",
+      ref: v,
+      class: P(g.value),
+      style: Q(A.value),
+      "data-state": D(r) ? "open" : "closed"
+    }, [
+      c("button", J({
+        ref_key: "triggerRef",
+        ref: m
+      }, l.value, {
+        type: "button",
+        class: "tree-select__trigger",
+        disabled: t.disabled,
+        "aria-controls": D(r) ? D(d) : void 0,
+        "aria-haspopup": "listbox",
+        "aria-expanded": D(r),
+        "aria-invalid": t.invalid || void 0,
+        "aria-busy": t.loading || void 0,
+        onClick: X,
+        onKeydown: z
+      }), [
+        h.$slots.prefix ? (s(), 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, {
+          key: 1,
+          size: "sm",
+          label: "Loading"
+        })) : (s(), 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", {
+            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", {
+              key: K.value,
+              ref_for: !0,
+              ref: (ue) => E(ue, K.value),
+              role: "option",
+              class: P(["tree-select__option", {
+                "is-selected": K.value === t.modelValue,
+                "is-disabled": K.disabled,
+                "is-focused": ae === p.value
+              }]),
+              "aria-selected": K.value === t.modelValue,
+              "aria-disabled": K.disabled || void 0,
+              tabindex: K.disabled ? -1 : 0,
+              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] = [
+                c("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" }, null, -1)
+              ])])) : S("", !0)
+            ], 42, es))), 128))
+          ], 8, Za)) : S("", !0)
+        ]),
+        _: 1
+      })
+    ], 14, Wa));
+  }
+}), as = {
+  key: 0,
+  class: "tree-input__slot tree-input__slot--prefix"
+}, ss = ["type", "value", "placeholder", "disabled", "aria-invalid"], os = {
+  key: 2,
+  class: "tree-input__slot tree-input__slot--suffix"
+}, ft = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeInput",
+  props: {
+    modelValue: { default: "" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    placeholder: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = se(), d = i(() => [
+      "tree-input",
+      `tree-input--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-invalid": e.invalid,
+        "is-loading": e.loading
+      },
+      u.class
+    ]), v = i(() => u.style), m = i(() => {
+      const { class: l, style: r, ...f } = u;
+      return f;
+    }), _ = i(() => `${e.modelValue ?? ""}`), p = (l) => {
+      o("update:modelValue", l.target.value);
+    };
+    return (l, r) => (s(), n("label", {
+      class: P(d.value),
+      style: Q(v.value)
+    }, [
+      l.$slots.prefix ? (s(), n("span", as, [
+        T(l.$slots, "prefix")
+      ])) : S("", !0),
+      c("input", J(m.value, {
+        class: "tree-input__field",
+        type: t.type,
+        value: _.value,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        "aria-invalid": t.invalid || void 0,
+        onInput: p
+      }), null, 16, ss),
+      t.loading ? (s(), _e(Ve, {
+        key: 1,
+        size: "sm",
+        label: "Loading"
+      })) : S("", !0),
+      l.$slots.suffix ? (s(), n("span", os, [
+        T(l.$slots, "suffix")
+      ])) : S("", !0)
+    ], 6));
+  }
+}), ls = ["value", "placeholder", "disabled", "rows", "aria-invalid"], vt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeTextarea",
+  props: {
+    modelValue: { default: "" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    rows: { default: 3 },
+    autoGrow: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = se(), d = j(null), v = i(() => [
+      "tree-textarea",
+      `tree-textarea--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-invalid": e.invalid,
+        "is-loading": e.loading
+      },
+      u.class
+    ]), m = i(() => u.style), _ = i(() => {
+      const { class: f, style: g, ...A } = u;
+      return A;
+    }), p = i(() => `${e.modelValue ?? ""}`), l = (f) => {
+      o("update:modelValue", f.target.value);
+    }, r = () => {
+      const f = d.value;
+      !f || !e.autoGrow || (f.style.height = "auto", f.style.height = `${f.scrollHeight}px`);
+    };
+    return ce(
+      () => e.modelValue,
+      async () => {
+        e.autoGrow && (await Z(), r());
+      }
+    ), (f, g) => (s(), n("label", {
+      class: P(v.value),
+      style: Q(m.value)
+    }, [
+      c("textarea", J({
+        ref_key: "textareaRef",
+        ref: d
+      }, _.value, {
+        class: "tree-textarea__field",
+        value: p.value,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        rows: t.rows,
+        "aria-invalid": t.invalid || void 0,
+        onInput: l
+      }), null, 16, ls),
+      t.loading ? (s(), _e(Ve, {
+        key: 0,
+        size: "sm",
+        label: "Loading"
+      })) : S("", !0)
+    ], 6));
+  }
+}), ns = ["data-state"], rs = ["aria-disabled"], is = ["data-state"], ds = { class: "tree-modal__positioner" }, cs = ["id", "aria-labelledby", "aria-describedby"], us = {
+  key: 0,
+  class: "tree-modal__topbar"
+}, fs = { class: "tree-modal__title" }, vs = ["aria-label"], ps = { class: "tree-modal__body" }, bs = {
+  key: 2,
+  class: "tree-modal__footer"
+}, pt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeModal",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    title: { default: "" },
+    description: { default: "" },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOverlay: { type: Boolean, default: !0 },
+    showCloseButton: { type: Boolean, default: !0 },
+    closeLabel: { default: "Close modal" },
+    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(() => {
+      const { class: b, style: k, ...R } = d;
+      return R;
+    }), F = i(() => [
+      "tree-modal__surface",
+      `tree-modal__surface--${o.size}`
+    ]), { value: M, setValue: X } = Te(
+      ve(o, "open"),
+      o.defaultOpen,
+      (b) => {
+        u("update:open", b), u("open-change", b);
+      }
+    ), $ = i(() => f.value ? m : void 0), w = i(() => o.description ? _ : void 0);
+    let E = 0, y = "";
+    const z = () => {
+      typeof document > "u" || (E === 0 && (y = document.body.style.overflow, document.body.style.overflow = "hidden"), E += 1);
+    }, H = () => {
+      typeof document > "u" || E === 0 || (E -= 1, E === 0 && (document.body.style.overflow = y));
+    }, x = () => {
+      Z(() => {
+        if (!l.value)
+          return;
+        Oe(l.value) || l.value.focus();
+      });
+    }, h = () => {
+      o.disabled || (r.value = document.activeElement, X(!0));
+    }, C = () => {
+      X(!1);
+    }, K = (b) => {
+      if (o.disabled) {
+        b.preventDefault(), b.stopPropagation();
+        return;
+      }
+      b.defaultPrevented || h();
+    }, ae = () => {
+      o.closeOnOverlay && C();
+    }, ue = (b) => {
+      b.stopPropagation();
+    }, I = (b) => {
+      if (pe(b) && o.closeOnEscape) {
+        b.preventDefault(), C();
+        return;
+      }
+      if (b.key !== "Tab" || !l.value)
+        return;
+      const k = Pt(l.value);
+      if (!k.length) {
+        b.preventDefault(), l.value.focus();
+        return;
+      }
+      const R = k[0], q = k[k.length - 1], W = document.activeElement;
+      b.shiftKey && W === R && (b.preventDefault(), Mt(l.value)), !b.shiftKey && W === q && (b.preventDefault(), Oe(l.value));
+    };
+    return ce(M, (b, k) => {
+      if (b) {
+        z(), x();
+        return;
+      }
+      k && (H(), Z(() => {
+        var R;
+        (R = r.value) == null || R.focus();
+      }));
+    }), he(() => {
+      M.value && H();
+    }), (b, k) => (s(), 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({
+        key: 0,
+        class: "tree-modal__trigger"
+      }, V.value, {
+        "aria-disabled": t.disabled || void 0,
+        onClick: K
+      }), [
+        T(b.$slots, "trigger")
+      ], 16, rs)) : S("", !0),
+      (s(), _e(Ee, { to: "body" }, [
+        Y($e, { name: "tree-modal-fade" }, {
+          default: de(() => [
+            D(M) ? (s(), n("div", {
+              key: 0,
+              class: "tree-modal__portal",
+              "data-state": D(M) ? "open" : "closed"
+            }, [
+              c("div", {
+                class: "tree-modal__backdrop",
+                "aria-hidden": "true",
+                onClick: ae
+              }),
+              c("div", ds, [
+                c("div", {
+                  id: D(v),
+                  ref_key: "surfaceRef",
+                  ref: l,
+                  class: P(F.value),
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-labelledby": $.value,
+                  "aria-describedby": w.value,
+                  tabindex: "-1",
+                  onClick: ue,
+                  onKeydown: I
+                }, [
+                  f.value || t.showCloseButton ? (s(), n("div", us, [
+                    f.value ? (s(), n("div", {
+                      key: 0,
+                      id: m,
+                      class: "tree-modal__header"
+                    }, [
+                      T(b.$slots, "header", {}, () => [
+                        c("h2", fs, N(t.title), 1)
+                      ])
+                    ])) : S("", !0),
+                    t.showCloseButton ? (s(), n("button", {
+                      key: 1,
+                      type: "button",
+                      class: "tree-modal__close",
+                      "aria-label": t.closeLabel,
+                      onClick: C
+                    }, [
+                      Y(D(e), Ae(Se(D(De))), null, 16)
+                    ], 8, vs)) : S("", !0)
+                  ])) : S("", !0),
+                  t.description ? (s(), n("p", {
+                    key: 1,
+                    id: _,
+                    class: "tree-modal__description"
+                  }, N(t.description), 1)) : S("", !0),
+                  c("div", ps, [
+                    T(b.$slots, "content", {}, () => [
+                      T(b.$slots, "default")
+                    ])
+                  ]),
+                  b.$slots.footer ? (s(), n("div", bs, [
+                    T(b.$slots, "footer")
+                  ])) : S("", !0)
+                ], 42, cs)
+              ])
+            ], 8, is)) : S("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 14, ns));
+  }
+}), bt = /* @__PURE__ */ L({
+  __name: "TreeSkeleton",
+  props: {
+    width: { default: "100%" },
+    height: { default: void 0 },
+    animation: { default: "pulse" }
+  },
+  setup(t) {
+    const a = t, e = i(() => [
+      "tree-skeleton",
+      a.animation !== "none" ? `tree-skeleton--${a.animation}` : ""
+    ]), o = i(() => ({
+      width: a.width,
+      height: a.height
+    }));
+    return (u, d) => (s(), n("span", {
+      class: P(e.value),
+      style: Q(o.value),
+      "aria-hidden": "true"
+    }, [
+      T(u.$slots, "default")
+    ], 6));
+  }
+}), ms = ["checked", "disabled", "aria-checked", "aria-invalid"], _s = {
+  key: 0,
+  class: "tree-switch__label"
+}, mt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = se(), d = i(() => [
+      "tree-switch",
+      `tree-switch--${e.size}`,
+      {
+        "is-checked": e.modelValue,
+        "is-disabled": e.disabled,
+        "is-invalid": e.invalid
+      },
+      u.class
+    ]), v = i(() => u.style), m = i(() => {
+      const { class: p, style: l, ...r } = u;
+      return r;
+    }), _ = () => {
+      o("update:modelValue", !e.modelValue);
+    };
+    return (p, l) => (s(), n("label", {
+      class: P(d.value),
+      style: Q(v.value)
+    }, [
+      c("input", J(m.value, {
+        type: "checkbox",
+        role: "switch",
+        class: "tree-switch__input",
+        checked: t.modelValue,
+        disabled: t.disabled,
+        "aria-checked": t.modelValue,
+        "aria-invalid": t.invalid || void 0,
+        onChange: _
+      }), null, 16, ms),
+      l[0] || (l[0] = c("span", {
+        class: "tree-switch__track",
+        "aria-hidden": "true"
+      }, [
+        c("span", { class: "tree-switch__thumb" })
+      ], -1)),
+      p.$slots.default ? (s(), n("span", _s, [
+        T(p.$slots, "default")
+      ])) : S("", !0)
+    ], 6));
+  }
+}), hs = ["data-state"], ys = ["aria-describedby"], gs = ["id", "data-state"], _t = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeTooltip",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    content: { default: "" },
+    side: { default: "top" },
+    delay: { default: 80 },
+    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(() => {
+      const { class: M, style: X, ...$ } = u;
+      return $;
+    }), m = i(() => ["tree-tooltip", u.class]), _ = i(() => u.style), { value: p, setValue: l } = Te(
+      ve(e, "open"),
+      e.defaultOpen,
+      (M) => {
+        o("update:open", M), o("open-change", M);
+      }
+    );
+    let r;
+    const f = () => {
+      r && (clearTimeout(r), r = void 0);
+    }, g = (M = !1) => {
+      if (!e.disabled) {
+        if (f(), M) {
+          l(!0);
+          return;
+        }
+        r = setTimeout(() => {
+          l(!0);
+        }, e.delay);
+      }
+    }, A = () => {
+      g(!0);
+    }, O = () => {
+      g();
+    }, V = () => {
+      f(), l(!1);
+    }, F = i(() => [
+      "tree-tooltip__content",
+      `tree-tooltip__content--${e.side}`
+    ]);
+    return he(f), (M, X) => (s(), n("span", {
+      class: P(m.value),
+      style: Q(_.value),
+      "data-state": D(p) ? "open" : "closed",
+      onMouseenter: O,
+      onMouseleave: V,
+      onFocusCapture: A,
+      onBlurCapture: V
+    }, [
+      c("span", J({
+        class: "tree-tooltip__trigger",
+        "aria-describedby": D(p) ? D(d) : void 0
+      }, v.value), [
+        T(M.$slots, "trigger", {}, () => [
+          T(M.$slots, "default")
+        ])
+      ], 16, ys),
+      Y($e, { name: "tree-fade" }, {
+        default: de(() => [
+          D(p) && !t.disabled ? (s(), n("span", {
+            key: 0,
+            id: D(d),
+            role: "tooltip",
+            class: P(F.value),
+            "data-state": D(p) ? "open" : "closed"
+          }, [
+            T(M.$slots, "content", {}, () => [
+              ne(N(t.content), 1)
+            ])
+          ], 10, gs)) : S("", !0)
+        ]),
+        _: 3
+      })
+    ], 46, hs));
+  }
+}), ks = ["for"], $s = {
+  key: 0,
+  class: "tree-form-field__required",
+  "aria-hidden": "true"
+}, Ts = { class: "tree-form-field__control" }, ws = {
+  key: 1,
+  class: "tree-form-field__error",
+  role: "alert"
+}, Cs = {
+  key: 2,
+  class: "tree-form-field__hint"
+}, ht = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeFormField",
+  props: {
+    label: { default: void 0 },
+    htmlFor: { default: void 0 },
+    error: { default: void 0 },
+    hint: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  setup(t) {
+    const a = t, e = se(), o = i(() => !!a.error || !!u.error), u = Ye(), d = i(() => [
+      "tree-form-field",
+      `tree-form-field--${a.size}`,
+      {
+        "is-disabled": a.disabled,
+        "is-invalid": o.value,
+        "is-required": a.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, {
+      class: d.value,
+      style: v.value
+    }), [
+      t.label || _.$slots.label ? (s(), n("label", {
+        key: 0,
+        class: "tree-form-field__label",
+        for: t.htmlFor
+      }, [
+        T(_.$slots, "label", {}, () => [
+          ne(N(t.label), 1)
+        ]),
+        t.required ? (s(), n("span", $s, "*")) : S("", !0)
+      ], 8, ks)) : S("", !0),
+      c("div", Ts, [
+        T(_.$slots, "default")
+      ]),
+      o.value ? (s(), n("p", ws, [
+        T(_.$slots, "error", {}, () => [
+          ne(N(t.error), 1)
+        ])
+      ])) : t.hint || _.$slots.hint ? (s(), n("p", Cs, [
+        T(_.$slots, "hint", {}, () => [
+          ne(N(t.hint), 1)
+        ])
+      ])) : S("", !0)
+    ], 16));
+  }
+}), Ds = ["aria-label"], Bs = { class: "tree-pagination__list" }, xs = { class: "tree-pagination__item" }, Vs = ["disabled"], Is = {
+  key: 0,
+  class: "tree-pagination__ellipsis",
+  "aria-hidden": "true"
+}, As = ["disabled", "aria-label", "aria-current", "onClick", "onKeydown"], Ss = { class: "tree-pagination__item" }, Os = ["disabled"], yt = /* @__PURE__ */ L({
+  __name: "TreePagination",
+  props: {
+    modelValue: { default: 1 },
+    totalPages: {},
+    siblings: { default: 1 },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "Pagination" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, 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);
+      f.push(1), g > 2 && f.push("ellipsis");
+      for (let O = g; O <= A; O++)
+        f.push(O);
+      return A < p - 1 && f.push("ellipsis"), p > 1 && f.push(p), f;
+    }), v = i(() => [
+      "tree-pagination",
+      `tree-pagination--${e.size}`,
+      { "is-disabled": e.disabled }
+    ]);
+    function m(p) {
+      if (e.disabled) return;
+      const l = Math.min(Math.max(1, p), e.totalPages);
+      l !== u.value && o("update:modelValue", l);
+    }
+    function _(p, l) {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(l));
+    }
+    return (p, l) => (s(), n("nav", {
+      class: P(v.value),
+      "aria-label": t.label
+    }, [
+      c("ul", Bs, [
+        c("li", xs, [
+          c("button", {
+            class: "tree-pagination__button tree-pagination__button--prev",
+            type: "button",
+            disabled: t.disabled || u.value <= 1,
+            "aria-label": "Go to previous page",
+            onClick: l[0] || (l[0] = (r) => m(u.value - 1))
+          }, [
+            T(p.$slots, "previous", {}, () => [
+              l[2] || (l[2] = c("svg", {
+                class: "tree-pagination__icon",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                c("path", {
+                  d: "M10 12L6 8l4-4",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1))
+            ])
+          ], 8, Vs)
+        ]),
+        (s(!0), n(re, null, ie(d.value, (r, f) => (s(), n("li", {
+          key: r === "ellipsis" ? `ellipsis-${f}` : r,
+          class: "tree-pagination__item"
+        }, [
+          r === "ellipsis" ? (s(), n("span", Is, " … ")) : (s(), n("button", {
+            key: 1,
+            class: P(["tree-pagination__button", { "is-active": r === u.value }]),
+            type: "button",
+            disabled: t.disabled,
+            "aria-label": `Go to page ${r}`,
+            "aria-current": r === u.value ? "page" : void 0,
+            onClick: (g) => m(r),
+            onKeydown: (g) => _(g, r)
+          }, N(r), 43, As))
+        ]))), 128)),
+        c("li", Ss, [
+          c("button", {
+            class: "tree-pagination__button tree-pagination__button--next",
+            type: "button",
+            disabled: t.disabled || u.value >= t.totalPages,
+            "aria-label": "Go to next page",
+            onClick: l[1] || (l[1] = (r) => m(u.value + 1))
+          }, [
+            T(p.$slots, "next", {}, () => [
+              l[3] || (l[3] = c("svg", {
+                class: "tree-pagination__icon",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                c("path", {
+                  d: "M6 4l4 4-4 4",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1))
+            ])
+          ], 8, Os)
+        ])
+      ])
+    ], 10, Ds));
+  }
+}), zs = ["data-state"], Ps = ["disabled", "aria-expanded", "aria-controls"], Ms = ["id", "data-state"], gt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreePopover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    side: { default: "bottom" },
+    align: { default: "center" },
+    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(() => {
+      const { class: w, style: E, ...y } = u;
+      return y;
+    }), { value: l, setValue: r } = Te(
+      ve(e, "open"),
+      e.defaultOpen,
+      (w) => {
+        o("update:open", w), o("open-change", w);
+      }
+    ), f = i(() => [
+      "tree-popover",
+      {
+        "is-open": l.value,
+        "is-disabled": e.disabled
+      },
+      u.class
+    ]), g = i(() => u.style), A = i(() => [
+      "tree-popover__content",
+      `tree-popover__content--${e.side}`,
+      `tree-popover__content--align-${e.align}`
+    ]), O = () => {
+      e.disabled || (r(!0), Z(() => {
+        _.value && (Oe(_.value) || _.value.focus());
+      }));
+    }, V = (w = !1) => {
+      r(!1), w && Z(() => {
+        var E;
+        return (E = m.value) == null ? void 0 : E.focus();
+      });
+    }, F = () => {
+      l.value ? V() : O();
+    }, M = (w) => {
+      e.disabled || pe(w) && l.value && (w.preventDefault(), V());
+    }, X = (w) => {
+      pe(w) && (w.preventDefault(), V(!0));
+    }, $ = (w) => {
+      var y;
+      if (!l.value) return;
+      const E = w.target;
+      E instanceof Node && ((y = v.value) != null && y.contains(E) || V());
+    };
+    return ce(l, (w) => {
+      w ? document.addEventListener("pointerdown", $) : document.removeEventListener("pointerdown", $);
+    }), he(() => {
+      document.removeEventListener("pointerdown", $);
+    }), (w, E) => (s(), n("div", {
+      ref_key: "rootRef",
+      ref: v,
+      class: P(f.value),
+      style: Q(g.value),
+      "data-state": D(l) ? "open" : "closed"
+    }, [
+      c("div", {
+        class: "tree-popover__anchor",
+        onClick: F,
+        onKeydown: M
+      }, [
+        T(w.$slots, "trigger", { isOpen: D(l) }, () => [
+          c("button", J({
+            ref_key: "triggerRef",
+            ref: m,
+            type: "button",
+            class: "tree-popover__trigger",
+            disabled: t.disabled,
+            "aria-expanded": D(l),
+            "aria-controls": D(l) ? D(d) : void 0,
+            "aria-haspopup": "dialog"
+          }, p.value), null, 16, Ps)
+        ])
+      ], 32),
+      Y($e, { name: "tree-popover-fade" }, {
+        default: de(() => [
+          D(l) && !t.disabled ? (s(), n("div", {
+            key: 0,
+            id: D(d),
+            ref_key: "contentRef",
+            ref: _,
+            role: "dialog",
+            class: P(A.value),
+            "data-state": D(l) ? "open" : "closed",
+            tabindex: "-1",
+            onKeydown: X
+          }, [
+            T(w.$slots, "default")
+          ], 42, Ms)) : S("", !0)
+        ]),
+        _: 3
+      })
+    ], 14, zs));
+  }
+}), Es = ["aria-valuenow", "aria-label"], Rs = { class: "tree-progress__track" }, Ls = { class: "tree-visually-hidden" }, kt = /* @__PURE__ */ L({
+  __name: "TreeProgress",
+  props: {
+    value: { default: void 0 },
+    max: { default: 100 },
+    size: { default: "md" },
+    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(() => [
+      "tree-progress",
+      `tree-progress--${a.size}`,
+      { "tree-progress--indeterminate": e.value }
+    ]);
+    return (d, v) => (s(), n("div", {
+      class: P(u.value),
+      role: "progressbar",
+      "aria-valuenow": e.value ? void 0 : o.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": t.label
+    }, [
+      c("div", Rs, [
+        c("div", {
+          class: "tree-progress__fill",
+          style: Q(e.value ? void 0 : { width: `${o.value}%` })
+        }, null, 4)
+      ]),
+      c("span", Ls, N(t.label), 1)
+    ], 10, Es));
+  }
+}), Re = Symbol("TreeTabs"), $t = /* @__PURE__ */ L({
+  __name: "TreeTabs",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    size: { default: "md" },
+    activationMode: { default: "automatic" },
+    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) => {
+      V !== _.value && (e.modelValue === void 0 && (d.value = V), o("update:modelValue", V));
+    }, l = (V) => {
+      v.value.includes(V) || v.value.push(V);
+    }, r = (V) => {
+      const F = v.value.indexOf(V);
+      F >= 0 && v.value.splice(F, 1), delete m[V];
+    }, f = () => v.value, g = (V) => e.disabled || !!m[V], A = (V, F) => {
+      F ? m[V] = !0 : delete m[V];
+    };
+    ce(
+      () => e.modelValue,
+      (V) => {
+        V !== void 0 && (d.value = V);
+      }
+    ), Xe(Re, {
+      activeValue: _,
+      setActiveValue: p,
+      size: ve(e, "size"),
+      activationMode: ve(e, "activationMode"),
+      disabled: ve(e, "disabled"),
+      baseId: u,
+      registerTab: l,
+      unregisterTab: r,
+      getTabValues: f,
+      isTabDisabled: g,
+      setTabDisabled: A
+    });
+    const O = i(() => [
+      "tree-tabs",
+      `tree-tabs--${e.size}`
+    ]);
+    return (V, F) => (s(), n("div", {
+      class: P(O.value)
+    }, [
+      T(V.$slots, "default")
+    ], 2));
+  }
+}), Tt = /* @__PURE__ */ L({
+  __name: "TreeTabList",
+  setup(t) {
+    const a = Pe(Re);
+    if (!a)
+      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;
+    }), d = (l) => {
+      const r = u();
+      if (!r.length) return;
+      const f = document.activeElement;
+      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") {
+        const V = O.dataset.tabValue;
+        V && a.setActiveValue(V);
+      }
+    }, v = () => {
+      const l = u();
+      if (l.length && (l[0].focus(), a.activationMode.value === "automatic")) {
+        const r = l[0].dataset.tabValue;
+        r && a.setActiveValue(r);
+      }
+    }, m = () => {
+      const l = u();
+      if (!l.length) return;
+      const r = l[l.length - 1];
+      if (r.focus(), a.activationMode.value === "automatic") {
+        const f = r.dataset.tabValue;
+        f && a.setActiveValue(f);
+      }
+    }, _ = (l) => {
+      var r;
+      switch (l.key) {
+        case "ArrowRight":
+          l.preventDefault(), d(1);
+          break;
+        case "ArrowLeft":
+          l.preventDefault(), d(-1);
+          break;
+        case "Home":
+          l.preventDefault(), v();
+          break;
+        case "End":
+          l.preventDefault(), m();
+          break;
+        default:
+          if (a.activationMode.value === "manual" && ke(l)) {
+            l.preventDefault();
+            const g = (r = l.target.dataset) == null ? void 0 : r.tabValue;
+            g && a.setActiveValue(g);
+          }
+          break;
+      }
+    }, p = i(() => [
+      "tree-tabs__list"
+    ]);
+    return (l, r) => (s(), n("div", {
+      ref_key: "listRef",
+      ref: e,
+      role: "tablist",
+      "aria-orientation": "horizontal",
+      class: P(p.value),
+      onKeydown: _
+    }, [
+      T(l.$slots, "default")
+    ], 34));
+  }
+}), Ks = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-tab-value"], wt = /* @__PURE__ */ L({
+  __name: "TreeTab",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const a = 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);
+    }), ce(
+      () => a.disabled,
+      (p) => e.setTabDisabled(a.value, p)
+    ), he(() => {
+      e.unregisterTab(a.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);
+    }, _ = i(() => [
+      "tree-tabs__tab",
+      `tree-tabs__tab--${e.size.value}`,
+      {
+        "is-active": o.value,
+        "is-disabled": u.value
+      }
+    ]);
+    return (p, l) => (s(), n("button", {
+      id: d.value,
+      role: "tab",
+      type: "button",
+      class: P(_.value),
+      "aria-selected": o.value,
+      "aria-controls": v.value,
+      tabindex: o.value ? 0 : -1,
+      disabled: u.value || void 0,
+      "data-tab-value": t.value,
+      onClick: m
+    }, [
+      T(p.$slots, "default")
+    ], 10, Ks));
+  }
+}), Fs = ["id", "aria-labelledby"], Ct = /* @__PURE__ */ L({
+  __name: "TreeTabPanel",
+  props: {
+    value: {}
+  },
+  setup(t) {
+    const a = 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", {
+      key: 0,
+      id: u.value,
+      role: "tabpanel",
+      "aria-labelledby": d.value,
+      tabindex: "0",
+      class: "tree-tabs__panel"
+    }, [
+      T(v.$slots, "default")
+    ], 8, Fs)) : S("", !0);
+  }
+}), Hs = ["aria-describedby"], js = {
+  class: "tree-toast__icon",
+  "aria-hidden": "true"
+}, Us = { class: "tree-toast__content" }, Ge = /* @__PURE__ */ L({
+  __name: "TreeToast",
+  props: {
+    toast: {}
+  },
+  emits: ["close"],
+  setup(t, { emit: a }) {
+    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(() => [
+      "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", {
+      class: P(p.value),
+      role: "status",
+      "aria-labelledby": m,
+      "aria-describedby": t.toast.description ? _ : void 0
+    }, [
+      c("span", js, [
+        Y(D(l), J(D(De), { size: 18 }), null, 16)
+      ]),
+      c("div", Us, [
+        c("p", {
+          id: m,
+          class: "tree-toast__title"
+        }, N(t.toast.title), 1),
+        t.toast.description ? (s(), n("p", {
+          key: 0,
+          id: _,
+          class: "tree-toast__description"
+        }, N(t.toast.description), 1)) : S("", !0)
+      ]),
+      t.toast.closable ? (s(), n("button", {
+        key: 0,
+        type: "button",
+        class: "tree-toast__close",
+        "aria-label": "Dismiss notification",
+        onClick: r
+      }, [
+        Y(D(e), J(D(De), { size: 16 }), null, 16)
+      ])) : S("", !0)
+    ], 10, Hs));
+  }
+}), Ie = j([]), ze = /* @__PURE__ */ new Map();
+function Ns(t) {
+  const a = be("tree-toast"), e = {
+    id: a,
+    title: t.title,
+    description: t.description,
+    variant: t.variant ?? "info",
+    duration: t.duration ?? 5e3,
+    closable: t.closable ?? !0
+  };
+  if (Ie.value = [...Ie.value, e], e.duration > 0) {
+    const o = setTimeout(() => {
+      Rt(a);
+    }, e.duration);
+    ze.set(a, o);
+  }
+  return a;
+}
+function Rt(t) {
+  const a = ze.get(t);
+  a && (clearTimeout(a), ze.delete(t)), Ie.value = Ie.value.filter((e) => e.id !== t);
+}
+function qs() {
+  for (const t of ze.values())
+    clearTimeout(t);
+  ze.clear(), Ie.value = [];
+}
+function Gs() {
+  return {
+    toasts: Kt(Ie),
+    add: Ns,
+    remove: Rt,
+    clear: qs
+  };
+}
+const Dt = /* @__PURE__ */ L({
+  __name: "TreeToastProvider",
+  props: {
+    position: { default: "bottom-right" },
+    max: { default: 5 }
+  },
+  setup(t) {
+    const a = t, { toasts: e, remove: o } = Gs(), u = i(
+      () => e.value.slice(-a.max)
+    ), d = i(() => [
+      "tree-toast-provider",
+      `tree-toast-provider--${a.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)
+    ]));
+  }
+}), Ws = ["aria-label"], Xs = ["src", "alt"], Ys = {
+  key: 1,
+  class: "tree-avatar__initials",
+  "aria-hidden": "true"
+}, Js = ["aria-label"], Bt = /* @__PURE__ */ L({
+  __name: "TreeAvatar",
+  props: {
+    src: { default: void 0 },
+    alt: { default: "" },
+    initials: { default: void 0 },
+    size: { default: "md" },
+    status: { default: void 0 }
+  },
+  setup(t) {
+    const a = 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() : "");
+    function u(d) {
+      const v = d.target;
+      v.style.display = "none";
+    }
+    return (d, v) => (s(), n("span", {
+      class: P(e.value),
+      role: "img",
+      "aria-label": t.alt || void 0
+    }, [
+      t.src ? (s(), 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)),
+      T(d.$slots, "default"),
+      t.status ? (s(), n("span", {
+        key: 2,
+        class: P(["tree-avatar__status", `tree-avatar__status--${t.status}`]),
+        "aria-label": t.status
+      }, null, 10, Js)) : S("", !0)
+    ], 10, Ws));
+  }
+}), Qs = ["role", "aria-orientation", "aria-label"], xt = /* @__PURE__ */ L({
+  __name: "TreeDivider",
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: !0 },
+    label: { default: void 0 }
+  },
+  setup(t) {
+    const a = t, e = i(() => [
+      "tree-divider",
+      `tree-divider--${a.orientation}`
+    ]);
+    return (o, u) => (s(), n("hr", {
+      class: P(e.value),
+      role: t.decorative ? "none" : "separator",
+      "aria-orientation": t.decorative ? void 0 : t.orientation,
+      "aria-label": t.decorative ? void 0 : t.label
+    }, null, 10, Qs));
+  }
+}), Zs = { class: "tree-table-wrapper" }, eo = { class: "tree-table__head" }, to = { class: "tree-table__row" }, ao = ["aria-sort", "tabindex", "onClick", "onKeydown"], so = { class: "tree-table__header-content" }, oo = {
+  key: 0,
+  class: "tree-table__sort-icon",
+  "aria-hidden": "true"
+}, lo = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, no = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ro = {
+  key: 2,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  style: { opacity: "0.4" }
+}, io = { class: "tree-table__body" }, co = {
+  key: 0,
+  class: "tree-table__row tree-table__row--empty"
+}, uo = ["colspan"], Vt = /* @__PURE__ */ L({
+  __name: "TreeTable",
+  props: {
+    columns: {},
+    rows: {},
+    size: { default: "md" },
+    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(() => [
+      "tree-table",
+      `tree-table--${e.size}`
+    ]), m = i(() => {
+      const r = d.value;
+      return !r || r.direction === "none" ? e.rows : [...e.rows].sort((f, g) => {
+        const A = f[r.key], O = g[r.key];
+        if (A == null && O == null) return 0;
+        if (A == null) return 1;
+        if (O == null) return -1;
+        const V = typeof A == "number" && typeof O == "number" ? A - O : String(A).localeCompare(String(O));
+        return r.direction === "desc" ? -V : V;
+      });
+    });
+    function _(r) {
+      if (!r.sortable) return;
+      const f = d.value;
+      let g = "asc";
+      (f == null ? void 0 : f.key) === r.key && (f.direction === "asc" ? g = "desc" : f.direction === "desc" ? g = "none" : g = "asc");
+      const A = { key: r.key, direction: g };
+      u.value = A, o("sort", A);
+    }
+    function p(r) {
+      if (!r.sortable) return;
+      const f = d.value;
+      return (f == null ? void 0 : f.key) !== r.key || f.direction === "none" ? "none" : f.direction === "asc" ? "ascending" : "descending";
+    }
+    function l(r, f) {
+      f.sortable && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), _(f));
+    }
+    return (r, f) => (s(), 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", {
+              key: g.key,
+              class: P(["tree-table__header", [
+                g.sortable ? "tree-table__header--sortable" : "",
+                g.align ? `tree-table__header--${g.align}` : ""
+              ]]),
+              style: Q(g.width ? { width: g.width } : void 0),
+              "aria-sort": p(g),
+              tabindex: g.sortable ? 0 : void 0,
+              scope: "col",
+              onClick: (A) => _(g),
+              onKeydown: (A) => l(A, g)
+            }, [
+              T(r.$slots, `header-${g.key}`, { column: g }, () => {
+                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] = [
+                        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] = [
+                        c("path", { d: "m6 9 6 6 6-6" }, null, -1)
+                      ])])) : (s(), 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)
+                      ])]))
+                    ])) : S("", !0)
+                  ])
+                ];
+              })
+            ], 46, ao))), 128))
+          ])
+        ]),
+        c("tbody", io, [
+          m.value.length === 0 ? (s(), 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))
+              ])
+            ], 8, uo)
+          ])) : S("", !0),
+          (s(!0), n(re, null, ie(m.value, (g, A) => (s(), n("tr", {
+            key: A,
+            class: "tree-table__row"
+          }, [
+            (s(!0), n(re, null, ie(t.columns, (O) => (s(), n("td", {
+              key: O.key,
+              class: P(["tree-table__cell", O.align ? `tree-table__cell--${O.align}` : ""])
+            }, [
+              T(r.$slots, `cell-${O.key}`, {
+                row: g,
+                value: g[O.key]
+              }, () => [
+                ne(N(g[O.key] ?? ""), 1)
+              ])
+            ], 2))), 128))
+          ]))), 128))
+        ])
+      ], 2)
+    ]));
+  }
+}), fo = {
+  key: 0,
+  class: "tree-tag__icon",
+  "aria-hidden": "true"
+}, vo = { class: "tree-tag__label" }, po = ["disabled"], It = /* @__PURE__ */ L({
+  __name: "TreeTag",
+  props: {
+    variant: { default: "soft" },
+    size: { default: "md" },
+    removable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["remove"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = i(() => [
+      "tree-tag",
+      `tree-tag--${e.variant}`,
+      `tree-tag--${e.size}`,
+      e.disabled ? "is-disabled" : ""
+    ]);
+    function d() {
+      e.disabled || o("remove");
+    }
+    return (v, m) => (s(), n("span", {
+      class: P(u.value)
+    }, [
+      v.$slots.icon ? (s(), n("span", fo, [
+        T(v.$slots, "icon")
+      ])) : S("", !0),
+      c("span", vo, [
+        T(v.$slots, "default")
+      ]),
+      t.removable ? (s(), n("button", {
+        key: 1,
+        type: "button",
+        class: "tree-tag__remove",
+        disabled: t.disabled,
+        "aria-label": "Remove",
+        onClick: d
+      }, [...m[0] || (m[0] = [
+        c("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          c("path", { d: "M18 6 6 18" }),
+          c("path", { d: "m6 6 12 12" })
+        ], -1)
+      ])], 8, po)) : S("", !0)
+    ], 2));
+  }
+}), bo = {
+  key: 0,
+  class: "tree-pricing-card__badge"
+}, mo = { class: "tree-pricing-card__header" }, _o = { class: "tree-pricing-card__title" }, ho = {
+  key: 0,
+  class: "tree-pricing-card__description"
+}, yo = { class: "tree-pricing-card__price" }, go = { class: "tree-pricing-card__currency" }, ko = { class: "tree-pricing-card__amount" }, $o = {
+  key: 0,
+  class: "tree-pricing-card__period"
+}, To = {
+  key: 1,
+  class: "tree-pricing-card__features"
+}, wo = {
+  class: "tree-pricing-card__feature-list",
+  role: "list"
+}, Co = {
+  class: "tree-pricing-card__feature-icon",
+  "aria-hidden": "true"
+}, Do = {
+  key: 2,
+  class: "tree-pricing-card__action"
+}, We = /* @__PURE__ */ L({
+  __name: "TreePricingCard",
+  props: {
+    title: {},
+    description: { default: void 0 },
+    price: {},
+    currency: { default: "$" },
+    period: { default: void 0 },
+    features: { default: () => [] },
+    highlighted: { type: Boolean, default: !1 },
+    badge: { default: void 0 },
+    buttonText: { default: void 0 },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, u = i(() => [
+      "tree-pricing-card",
+      `tree-pricing-card--${e.size}`,
+      {
+        "tree-pricing-card--highlighted": e.highlighted
+      }
+    ]), d = () => {
+      e.disabled || o("select");
+    };
+    return (v, m) => (s(), n("article", {
+      class: P(u.value)
+    }, [
+      t.badge || v.$slots.badge ? (s(), n("div", bo, [
+        T(v.$slots, "badge", {}, () => [
+          Y(Ne, {
+            variant: "solid",
+            size: "sm"
+          }, {
+            default: de(() => [
+              ne(N(t.badge), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : S("", !0),
+      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)
+        ])
+      ]),
+      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.features.length > 0 || v.$slots.features ? (s(), n("div", To, [
+        T(v.$slots, "features", {}, () => [
+          c("ul", wo, [
+            (s(!0), n(re, null, ie(t.features, (_, p) => (s(), n("li", {
+              key: p,
+              class: P(["tree-pricing-card__feature-item", { "tree-pricing-card__feature-item--excluded": _.included === !1 }])
+            }, [
+              c("span", Co, N(_.included === !1 ? "✕" : "✓"), 1),
+              c("span", null, N(_.text), 1)
+            ], 2))), 128))
+          ])
+        ])
+      ])) : S("", !0),
+      t.buttonText || v.$slots.action ? (s(), n("footer", Do, [
+        T(v.$slots, "action", {}, () => [
+          Y(qe, {
+            variant: t.highlighted ? "solid" : "outline",
+            size: t.size,
+            disabled: t.disabled,
+            onClick: d
+          }, {
+            default: de(() => [
+              ne(N(t.buttonText), 1)
+            ]),
+            _: 1
+          }, 8, ["variant", "size", "disabled"])
+        ])
+      ])) : S("", !0)
+    ], 2));
+  }
+}), At = /* @__PURE__ */ L({
+  __name: "TreePricing",
+  props: {
+    plans: {},
+    size: { default: "md" },
+    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", {
+      class: "tree-pricing",
+      style: Q(u.value),
+      role: "list"
+    }, [
+      (s(!0), n(re, null, ie(t.plans, (m, _) => (s(), n("div", {
+        key: _,
+        role: "listitem"
+      }, [
+        T(d.$slots, "plan", {
+          plan: m,
+          index: _
+        }, () => [
+          Y(We, J({ ref_for: !0 }, m, {
+            size: t.size,
+            onSelect: (p) => o("select", m, _)
+          }), null, 16, ["size", "onSelect"])
+        ])
+      ]))), 128))
+    ], 4));
+  }
+}), Bo = {
+  class: "tree-md-editor__toolbar",
+  role: "toolbar",
+  "aria-label": "Markdown formatting"
+}, xo = { class: "tree-md-editor__toolbar-group" }, Vo = ["disabled"], Io = ["disabled"], Ao = ["disabled"], So = { class: "tree-md-editor__toolbar-group" }, Oo = ["disabled"], zo = ["disabled"], Po = ["disabled"], Mo = { class: "tree-md-editor__toolbar-group" }, Eo = ["disabled"], Ro = ["disabled"], Lo = ["disabled"], Ko = { class: "tree-md-editor__toolbar-group" }, Fo = ["disabled"], Ho = ["disabled"], jo = ["disabled"], Uo = ["disabled"], No = { class: "tree-md-editor__body" }, qo = { class: "tree-md-editor__pane tree-md-editor__pane--write" }, Go = ["value", "placeholder", "disabled", "aria-label"], Wo = {
+  class: "tree-md-editor__pane tree-md-editor__pane--preview",
+  "aria-label": "Markdown preview"
+}, Xo = ["innerHTML"], Yo = {
+  key: 0,
+  class: "tree-md-editor__upload-bar",
+  role: "status",
+  "aria-live": "polite"
+}, St = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "TreeMarkdownEditor",
+  props: {
+    modelValue: { default: "" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: "Write your markdown here..." },
+    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(() => [
+      "tree-md-editor",
+      `tree-md-editor--${e.size}`,
+      {
+        "is-disabled": e.disabled,
+        "is-uploading": v.value
+      },
+      u.class
+    ]), _ = i(() => u.style), p = i(() => {
+      const { class: I, style: b, ...k } = u;
+      return k;
+    }), l = i(() => `${e.modelValue ?? ""}`), r = (I) => {
+      o("update:modelValue", I.target.value);
+    }, 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);
+      o("update:modelValue", G), Z(() => {
+        k.focus();
+        const ye = oe ? R + I.length + oe.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);
+      o("update:modelValue", fe), Z(() => {
+        k.focus(), k.setSelectionRange(W + ge.length, W + ge.length);
+      });
+    }, A = () => f("**", "**"), O = () => f("_", "_"), V = () => f("`", "`"), F = () => f("\n```\n", "\n```\n"), M = () => f("[", "](url)"), X = () => f(`
+- `), $ = () => f(`
+1. `), w = () => f(`
+> `), E = () => f(`
+---
+`), y = i(() => H(l.value));
+    function z(I) {
+      return I.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+    }
+    function H(I) {
+      if (!I) return "";
+      const b = I.split(`
+`), k = [];
+      let R = !1, q = !1, W = !1;
+      for (let oe = 0; oe < b.length; oe++) {
+        const G = b[oe];
+        if (G.trim().startsWith("```")) {
+          R ? (k.push("</code></pre>"), R = !1) : (R = !0, k.push('<pre class="tree-md-editor__code-block"><code>'));
+          continue;
+        }
+        if (R) {
+          k.push(z(G)), k.push(`
+`);
+          continue;
+        }
+        const ye = /^[-*+]\s/.test(G.trim()), Be = /^\d+\.\s/.test(G.trim());
+        if (q && !ye && (k.push("</ul>"), q = !1), W && !Be && (k.push("</ol>"), W = !1), /^(-{3,}|_{3,}|\*{3,})$/.test(G.trim())) {
+          k.push('<hr class="tree-md-editor__hr" />');
+          continue;
+        }
+        const ge = G.match(/^(#{1,6})\s+(.+)$/);
+        if (ge) {
+          const fe = ge[1].length;
+          k.push(`<h${fe} class="tree-md-editor__heading tree-md-editor__heading--${fe}">${x(z(ge[2]))}</h${fe}>`);
+          continue;
+        }
+        if (G.trim().startsWith("> ")) {
+          k.push(`<blockquote class="tree-md-editor__blockquote">${x(z(G.trim().slice(2)))}</blockquote>`);
+          continue;
+        }
+        if (ye) {
+          q || (k.push('<ul class="tree-md-editor__list">'), q = !0), k.push(`<li>${x(z(G.trim().slice(2)))}</li>`);
+          continue;
+        }
+        if (Be) {
+          W || (k.push('<ol class="tree-md-editor__list tree-md-editor__list--ordered">'), W = !0);
+          const fe = G.trim().replace(/^\d+\.\s/, "");
+          k.push(`<li>${x(z(fe))}</li>`);
+          continue;
+        }
+        if (G.trim() === "") {
+          k.push("<br />");
+          continue;
+        }
+        k.push(`<p class="tree-md-editor__paragraph">${x(z(G))}</p>`);
+      }
+      return R && k.push("</code></pre>"), q && k.push("</ul>"), W && k.push("</ol>"), k.join(`
+`);
+    }
+    function x(I) {
+      return I = I.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" class="tree-md-editor__image" loading="lazy" />'), I = I.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'), I = I.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), I = I.replace(/_(.+?)_/g, "<em>$1</em>"), I = I.replace(new RegExp("(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)", "g"), "<em>$1</em>"), I = I.replace(/`(.+?)`/g, '<code class="tree-md-editor__inline-code">$1</code>'), I = I.replace(/~~(.+?)~~/g, "<del>$1</del>"), I;
+    }
+    const h = async (I) => {
+      var k;
+      if (e.disabled) return;
+      const b = (k = I.clipboardData) == null ? void 0 : k.items;
+      if (b) {
+        for (const R of b)
+          if (R.type.startsWith("image/")) {
+            I.preventDefault();
+            const q = R.getAsFile();
+            q && await ae(q);
+            return;
+          }
+      }
+    }, C = async (I) => {
+      var k;
+      if (e.disabled) return;
+      const b = (k = I.dataTransfer) == null ? void 0 : k.files;
+      if (b)
+        for (const R of b)
+          R.type.startsWith("image/") && (I.preventDefault(), await ae(R));
+    }, K = (I) => {
+      e.disabled || I.preventDefault();
+    }, ae = async (I) => {
+      if (!e.uploadImage) {
+        f(`![${I.name}]()`);
+        return;
+      }
+      const b = `![Uploading ${I.name}...]()`;
+      f(b), v.value = !0;
+      try {
+        const k = e.uploadImage(I), R = k instanceof Promise ? await k : k, W = l.value.replace(b, `![${I.name}](${R})`);
+        o("update:modelValue", W), o("image-upload", I, R);
+      } catch (k) {
+        const q = l.value.replace(b, "");
+        o("update:modelValue", q), o("image-upload-error", I, k instanceof Error ? k : new Error(String(k)));
+      } finally {
+        v.value = !1;
+      }
+    }, ue = (I) => {
+      if (!(e.disabled || !(I.metaKey || I.ctrlKey)))
+        switch (I.key) {
+          case "b":
+            I.preventDefault(), A();
+            break;
+          case "i":
+            I.preventDefault(), O();
+            break;
+          case "k":
+            I.preventDefault(), M();
+            break;
+          case "e":
+            I.preventDefault(), V();
+            break;
+        }
+    };
+    return (I, b) => (s(), n("div", J(p.value, {
+      class: m.value,
+      style: _.value
+    }), [
+      c("div", Bo, [
+        c("div", xo, [
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Heading 1 (H1)",
+            disabled: t.disabled,
+            onClick: b[0] || (b[0] = (k) => g(1))
+          }, " H1 ", 8, Vo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Heading 2 (H2)",
+            disabled: t.disabled,
+            onClick: b[1] || (b[1] = (k) => g(2))
+          }, " H2 ", 8, Io),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Heading 3 (H3)",
+            disabled: t.disabled,
+            onClick: b[2] || (b[2] = (k) => g(3))
+          }, " H3 ", 8, Ao)
+        ]),
+        b[7] || (b[7] = c("div", {
+          class: "tree-md-editor__toolbar-divider",
+          role: "separator"
+        }, null, -1)),
+        c("div", So, [
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Bold (Ctrl+B)",
+            disabled: t.disabled,
+            onClick: A
+          }, [...b[4] || (b[4] = [
+            c("strong", null, "B", -1)
+          ])], 8, Oo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Italic (Ctrl+I)",
+            disabled: t.disabled,
+            onClick: O
+          }, [...b[5] || (b[5] = [
+            c("em", null, "I", -1)
+          ])], 8, zo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Strikethrough",
+            disabled: t.disabled,
+            onClick: b[3] || (b[3] = (k) => f("~~", "~~"))
+          }, [...b[6] || (b[6] = [
+            c("del", null, "S", -1)
+          ])], 8, Po)
+        ]),
+        b[8] || (b[8] = c("div", {
+          class: "tree-md-editor__toolbar-divider",
+          role: "separator"
+        }, null, -1)),
+        c("div", Mo, [
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Inline code (Ctrl+E)",
+            disabled: t.disabled,
+            onClick: V
+          }, " </> ", 8, Eo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Code block",
+            disabled: t.disabled,
+            onClick: F
+          }, " { } ", 8, Ro),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Link (Ctrl+K)",
+            disabled: t.disabled,
+            onClick: M
+          }, " 🔗 ", 8, Lo)
+        ]),
+        b[9] || (b[9] = c("div", {
+          class: "tree-md-editor__toolbar-divider",
+          role: "separator"
+        }, null, -1)),
+        c("div", Ko, [
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Unordered list",
+            disabled: t.disabled,
+            onClick: X
+          }, " • List ", 8, Fo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Ordered list",
+            disabled: t.disabled,
+            onClick: $
+          }, " 1. List ", 8, Ho),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Blockquote",
+            disabled: t.disabled,
+            onClick: w
+          }, " > ", 8, jo),
+          c("button", {
+            type: "button",
+            class: "tree-md-editor__toolbar-btn",
+            title: "Horizontal rule",
+            disabled: t.disabled,
+            onClick: E
+          }, " ― ", 8, Uo)
+        ]),
+        T(I.$slots, "toolbar")
+      ]),
+      c("div", No, [
+        c("div", qo, [
+          c("textarea", {
+            ref_key: "textareaRef",
+            ref: d,
+            class: "tree-md-editor__textarea",
+            value: l.value,
+            placeholder: t.placeholder,
+            disabled: t.disabled,
+            "aria-label": t.placeholder,
+            onInput: r,
+            onPaste: h,
+            onDrop: C,
+            onDragover: K,
+            onKeydown: ue
+          }, null, 40, Go)
+        ]),
+        c("div", Wo, [
+          c("div", {
+            class: "tree-md-editor__preview",
+            innerHTML: y.value
+          }, null, 8, Xo)
+        ])
+      ]),
+      v.value ? (s(), n("div", Yo, " Uploading image… ")) : S("", !0)
+    ], 16));
+  }
+}), Jo = {
+  TAccordion: Qe,
+  TAccordionItem: Ze,
+  TAlert: et,
+  TBadge: Ne,
+  TBreadcrumb: tt,
+  TBreadcrumbItem: at,
+  TButton: qe,
+  TCard: st,
+  TCheckbox: ot,
+  TContextMenu: lt,
+  TDatePicker: nt,
+  TDrawer: rt,
+  TDropdown: it,
+  TFormField: ht,
+  TInput: ft,
+  TModal: pt,
+  TRadio: dt,
+  TRadioGroup: ct,
+  TSelect: ut,
+  TSkeleton: bt,
+  TSpinner: Ve,
+  TSwitch: mt,
+  TTextarea: vt,
+  TTabs: $t,
+  TTabList: Tt,
+  TTab: wt,
+  TTabPanel: Ct,
+  TToast: Ge,
+  TToastProvider: Dt,
+  TPagination: yt,
+  TPopover: gt,
+  TProgress: kt,
+  TTooltip: _t,
+  TAvatar: Bt,
+  TDivider: xt,
+  TTable: Vt,
+  TTag: It,
+  TPricing: At,
+  TPricingCard: We,
+  TMarkdownEditor: St,
+  TreeAccordion: Qe,
+  TreeAccordionItem: Ze,
+  TreeAlert: et,
+  TreeBadge: Ne,
+  TreeBreadcrumb: tt,
+  TreeBreadcrumbItem: at,
+  TreeButton: qe,
+  TreeCard: st,
+  TreeCheckbox: ot,
+  TreeContextMenu: lt,
+  TreeDatePicker: nt,
+  TreeDrawer: rt,
+  TreeDropdown: it,
+  TreeRadio: dt,
+  TreeRadioGroup: ct,
+  TreeSelect: ut,
+  TreeSkeleton: bt,
+  TreeInput: ft,
+  TreeTextarea: vt,
+  TreeModal: pt,
+  TreePagination: yt,
+  TreePopover: gt,
+  TreeSpinner: Ve,
+  TreeFormField: ht,
+  TreeProgress: kt,
+  TreeSwitch: mt,
+  TreeTabs: $t,
+  TreeTabList: Tt,
+  TreeTab: wt,
+  TreeTabPanel: Ct,
+  TreeToast: Ge,
+  TreeToastProvider: Dt,
+  TreeTooltip: _t,
+  TreeAvatar: Bt,
+  TreeDivider: xt,
+  TreeTable: Vt,
+  TreeTag: It,
+  TreePricing: At,
+  TreePricingCard: We,
+  TreeMarkdownEditor: St
+}, Qo = {
   install(t) {
-    Object.entries(Lt).forEach(([p, n]) => {
-      t.component(p, n);
+    Object.entries(Jo).forEach(([a, e]) => {
+      t.component(a, e);
     });
   }
-}, Nt = Et.install, xt = ["sm", "md", "lg"], Ut = ["solid", "outline", "ghost", "soft", "danger"], Ht = ["outline", "soft", "solid"], jt = ["top", "bottom"];
+}, 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"];
 export {
-  Le as TBadge,
-  Ee as TButton,
-  Re as TCard,
-  Fe as TDatePicker,
-  Ke as TInput,
-  Ne as TModal,
-  ne as TSpinner,
-  xe as TTooltip,
-  Le as TreeBadge,
-  Ee as TreeButton,
-  Re as TreeCard,
-  Fe as TreeDatePicker,
-  Ke as TreeInput,
-  Ne as TreeModal,
-  ne as TreeSpinner,
-  xe as TreeTooltip,
-  Et as TreeUIPlugin,
-  Et as default,
-  Nt as install,
-  Ht as treeCardVariants,
-  xt as treeSizes,
-  jt as treeTooltipSides,
-  Ut as treeVariants
+  Qe as TAccordion,
+  Ze as TAccordionItem,
+  et as TAlert,
+  Bt as TAvatar,
+  Ne as TBadge,
+  tt as TBreadcrumb,
+  at as TBreadcrumbItem,
+  qe as TButton,
+  st as TCard,
+  ot as TCheckbox,
+  lt as TContextMenu,
+  nt as TDatePicker,
+  xt as TDivider,
+  rt as TDrawer,
+  it as TDropdown,
+  ht as TFormField,
+  ft as TInput,
+  St as TMarkdownEditor,
+  pt as TModal,
+  yt as TPagination,
+  gt as TPopover,
+  At as TPricing,
+  We as TPricingCard,
+  kt as TProgress,
+  dt as TRadio,
+  ct as TRadioGroup,
+  ut as TSelect,
+  bt as TSkeleton,
+  Ve as TSpinner,
+  mt as TSwitch,
+  wt as TTab,
+  Tt as TTabList,
+  Ct as TTabPanel,
+  Vt as TTable,
+  $t as TTabs,
+  It as TTag,
+  vt as TTextarea,
+  Ge as TToast,
+  Dt as TToastProvider,
+  _t as TTooltip,
+  Qe as TreeAccordion,
+  Ze as TreeAccordionItem,
+  et as TreeAlert,
+  Bt as TreeAvatar,
+  Ne as TreeBadge,
+  tt as TreeBreadcrumb,
+  at as TreeBreadcrumbItem,
+  qe as TreeButton,
+  st as TreeCard,
+  ot as TreeCheckbox,
+  lt as TreeContextMenu,
+  nt as TreeDatePicker,
+  xt as TreeDivider,
+  rt as TreeDrawer,
+  it as TreeDropdown,
+  ht as TreeFormField,
+  ft as TreeInput,
+  St as TreeMarkdownEditor,
+  pt as TreeModal,
+  yt as TreePagination,
+  gt as TreePopover,
+  At as TreePricing,
+  We as TreePricingCard,
+  kt as TreeProgress,
+  dt as TreeRadio,
+  ct as TreeRadioGroup,
+  ut as TreeSelect,
+  bt as TreeSkeleton,
+  Ve as TreeSpinner,
+  mt as TreeSwitch,
+  wt as TreeTab,
+  Tt as TreeTabList,
+  Ct as TreeTabPanel,
+  Vt as TreeTable,
+  $t as TreeTabs,
+  It as TreeTag,
+  vt as TreeTextarea,
+  Ge as TreeToast,
+  Dt as TreeToastProvider,
+  _t as TreeTooltip,
+  Qo as TreeUIPlugin,
+  Qo as default,
+  al as install,
+  ll as treeCardVariants,
+  rl as treeDrawerSides,
+  sl as treeSizes,
+  nl as treeTooltipSides,
+  ol as treeVariants,
+  Gs as useToast
 };