@sabrenski/spire-ui 0.0.21 → 0.0.22

package/dist/spire-ui.es.js

@@ -1,7 +1,7 @@
 var kr = Object.defineProperty;
 var wr = (t, e, i) => e in t ? kr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var oe = (t, e, i) => wr(t, typeof e != "symbol" ? e + "" : e, i);
-import { defineComponent as Q, ref as P, watch as ke, computed as x, provide as ut, toRef as mt, createElementBlock as b, openBlock as p, normalizeClass as E, renderSlot as G, onMounted as Qe, onUnmounted as Ne, onBeforeUnmount as fn, isRef as Mr, unref as U, shallowRef as eo, inject as Pe, nextTick as Be, watchEffect as Cr, createBlock as W, resolveDynamicComponent as ze, mergeProps as Pi, withCtx as j, useSlots as St, createElementVNode as v, createCommentVNode as L, Transition as Ct, withDirectives as pn, vShow as ns, toDisplayString as V, createTextVNode as _e, normalizeStyle as Ce, isVNode as Sr, h as ni, reactive as ml, Teleport as Et, createVNode as le, Fragment as fe, renderList as we, createStaticVNode as $r, createSlots as to, withModifiers as It, withKeys as Mn, vModelCheckbox as Dr, normalizeProps as Lr, guardReactiveProps as Ir, readonly as Tr, TransitionGroup as Ar, resolveComponent as Pr } from "vue";
+import { defineComponent as Q, ref as P, watch as ke, computed as x, provide as ut, toRef as mt, createElementBlock as b, openBlock as p, normalizeClass as E, renderSlot as G, onMounted as Qe, onUnmounted as Ne, onBeforeUnmount as fn, isRef as Mr, unref as U, shallowRef as eo, inject as Pe, nextTick as Be, watchEffect as Cr, createBlock as W, resolveDynamicComponent as ze, mergeProps as Pi, withCtx as j, useSlots as St, createElementVNode as v, createCommentVNode as L, Transition as Ct, withDirectives as pn, vShow as ns, toDisplayString as V, createTextVNode as _e, normalizeStyle as Ce, isVNode as Sr, h as ni, reactive as ml, Teleport as Et, createVNode as le, Fragment as he, renderList as we, createStaticVNode as $r, createSlots as to, withModifiers as It, withKeys as Mn, vModelCheckbox as Dr, normalizeProps as Lr, guardReactiveProps as Ir, readonly as Tr, TransitionGroup as Ar, resolveComponent as Pr } from "vue";
 import { useEditor as Er, EditorContent as Rr, BubbleMenu as Or, VueRenderer as zr } from "@tiptap/vue-3";
 import Br from "@tiptap/starter-kit";
 import Vr from "@tiptap/extension-underline";
@@ -1158,7 +1158,7 @@ const fw = /* @__PURE__ */ J(ju, [["render", Yu], ["__scopeId", "data-v-933b4a45
     function ee() {
       o && A();
     }
-    function he(O) {
+    function fe(O) {
       if (o) {
         switch (O.key) {
           case "ArrowRight":
@@ -1270,7 +1270,7 @@ const fw = /* @__PURE__ */ J(ju, [["render", Yu], ["__scopeId", "data-v-933b4a45
         onClick: ge,
         onMouseenter: be,
         onMouseleave: He,
-        onKeydown: he
+        onKeydown: fe
       }, [
         G(O.$slots, "trigger", {
           open: l.value,
@@ -1681,7 +1681,7 @@ const gw = /* @__PURE__ */ J(ac, [["render", rc], ["__scopeId", "data-v-5ed4af21
           ], -1)
         ])]),
         default: j(() => [
-          (p(!0), b(fe, null, we(t.items, (n, s) => (p(), W(U(oc), {
+          (p(!0), b(he, null, we(t.items, (n, s) => (p(), W(U(oc), {
             key: s,
             href: n.href,
             to: n.to
@@ -2755,7 +2755,7 @@ const hd = ["for"], fd = {
           t.loading ? (p(), W(lo, {
             key: 0,
             size: C.value
-          }, null, 8, ["size"])) : (p(), b(fe, { key: 1 }, [
+          }, null, 8, ["size"])) : (p(), b(he, { key: 1 }, [
             h.value ? (p(), b("button", {
               key: 0,
               type: "button",
@@ -12632,16 +12632,16 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
               v("thead", null, [
                 v("tr", null, [
                   D[0] || (D[0] = v("th", { scope: "col" }, "Label", -1)),
-                  (p(!0), b(fe, null, we(t.data.datasets || [], (I, T) => (p(), b("th", {
+                  (p(!0), b(he, null, we(t.data.datasets || [], (I, T) => (p(), b("th", {
                     key: T,
                     scope: "col"
                   }, V(I.label || `Series ${T + 1}`), 1))), 128))
                 ])
               ]),
               v("tbody", null, [
-                (p(!0), b(fe, null, we(t.data.labels || [], (I, T) => (p(), b("tr", { key: T }, [
+                (p(!0), b(he, null, we(t.data.labels || [], (I, T) => (p(), b("tr", { key: T }, [
                   v("th", Qm, V(I), 1),
-                  (p(!0), b(fe, null, we(t.data.datasets || [], (z, H) => {
+                  (p(!0), b(he, null, we(t.data.datasets || [], (z, H) => {
                     var re;
                     return p(), b("td", { key: H }, V((re = z.data) == null ? void 0 : re[T]), 1);
                   }), 128))
@@ -12662,7 +12662,7 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
             })
           }, [
             h.value.title ? (p(), b("div", ev, V(h.value.title), 1)) : L("", !0),
-            (p(!0), b(fe, null, we(h.value.items, (I, T) => (p(), b("div", {
+            (p(!0), b(he, null, we(h.value.items, (I, T) => (p(), b("div", {
               key: T,
               class: "ui-chart__tooltip-item"
             }, [
@@ -12776,7 +12776,7 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
             toggle: h
           }, () => [
             v("div", sv, [
-              (p(!0), b(fe, null, we(d, (f, g) => (p(), b("button", {
+              (p(!0), b(he, null, we(d, (f, g) => (p(), b("button", {
                 key: g,
                 type: "button",
                 class: E(["ui-line-chart__legend-item", { "ui-line-chart__legend-item--hidden": f.hidden }]),
@@ -12892,7 +12892,7 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
             toggle: d
           }, () => [
             v("div", rv, [
-              (p(!0), b(fe, null, we(c, (h, f) => (p(), b("button", {
+              (p(!0), b(he, null, we(c, (h, f) => (p(), b("button", {
                 key: f,
                 type: "button",
                 class: E(["ui-bar-chart__legend-item", { "ui-bar-chart__legend-item--hidden": h.hidden }]),
@@ -12987,7 +12987,7 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
         }
       }, () => [
         v("div", hv, [
-          (p(!0), b(fe, null, we(t.segments, (f, g) => (p(), b("div", {
+          (p(!0), b(he, null, we(t.segments, (f, g) => (p(), b("div", {
             key: g,
             class: "ui-donut-chart__legend-item"
           }, [
@@ -13029,7 +13029,7 @@ const Jm = ["aria-label"], Zm = { class: "ui-chart__sr-table" }, Qm = { scope: "
         }
       }, () => [
         v("div", yv, [
-          (p(!0), b(fe, null, we(t.segments, (f, g) => (p(), b("div", {
+          (p(!0), b(he, null, we(t.segments, (f, g) => (p(), b("div", {
             key: g,
             class: "ui-donut-chart__legend-item"
           }, [
@@ -13218,7 +13218,7 @@ const Pv = {
         onClick: h
       }, null, 8, ["size", "disabled", "icon-left"]),
       v("ul", Pv, [
-        (p(!0), b(fe, null, we(r.value, (_, M) => (p(), b("li", {
+        (p(!0), b(he, null, we(r.value, (_, M) => (p(), b("li", {
           key: _ === "ellipsis" ? `ellipsis-${M}` : _,
           class: "ui-pagination__item"
         }, [
@@ -13502,9 +13502,9 @@ const Pv = {
         "aria-hidden": "true"
       }, [
         v("option", Wv, V(t.placeholder), 1),
-        (p(!0), b(fe, null, we(M.value, (A) => {
+        (p(!0), b(he, null, we(M.value, (A) => {
           var R, Ee, De, se;
-          return p(), b(fe, {
+          return p(), b(he, {
             key: A.type === "group-header" ? `native-group-${A.groupLabel}` : `native-${(R = A.option) == null ? void 0 : R.value}`
           }, [
             A.type === "option" ? (p(), b("option", {
@@ -13528,9 +13528,9 @@ const Pv = {
               style: Ce(S.value),
               "aria-labelledby": h.value
             }, [
-              (p(!0), b(fe, null, we(M.value, (A, R) => {
+              (p(!0), b(he, null, we(M.value, (A, R) => {
                 var Ee, De, se, ge, be, He, Z;
-                return p(), b(fe, {
+                return p(), b(he, {
                   key: A.type === "group-header" ? `group-${A.groupLabel}` : (Ee = A.option) == null ? void 0 : Ee.value
                 }, [
                   A.type === "group-header" ? (p(), b("li", Yv, V(A.groupLabel), 1)) : (p(), b("li", {
@@ -13788,7 +13788,7 @@ const eb = {
     function Z(B, q, K) {
       return q ? String(B ?? "").toLowerCase().includes(q.toLowerCase()) : !0;
     }
-    const ee = x(() => De.value !== "" || Object.keys(se.value).length > 0), he = x(() => g.filterable ? g.columns.filter((B) => B.filterable !== !1) : []), Se = P({}), Ye = P(null), wt = P(0), X = P(0), ae = P(null);
+    const ee = x(() => De.value !== "" || Object.keys(se.value).length > 0), fe = x(() => g.filterable ? g.columns.filter((B) => B.filterable !== !1) : []), Se = P({}), Ye = P(null), wt = P(0), X = P(0), ae = P(null);
     function ce(B) {
       return Se.value[B.key] ? `${Se.value[B.key]}px` : B.width;
     }
@@ -13963,7 +13963,7 @@ const eb = {
             ], 8, sb),
             ht.value ? (p(), b("div", ob, [
               v("ul", ab, [
-                (p(!0), b(fe, null, we(t.columns, (K) => (p(), b("li", {
+                (p(!0), b(he, null, we(t.columns, (K) => (p(), b("li", {
                   key: K.key,
                   class: "ui-table__dropdown-item",
                   role: "menuitemcheckbox",
@@ -14037,7 +14037,7 @@ const eb = {
                   "onUpdate:modelValue": F
                 }, null, 8, ["model-value", "indeterminate"])
               ])) : L("", !0),
-              (p(!0), b(fe, null, we(Dt.value, (K, Le) => (p(), b("th", {
+              (p(!0), b(he, null, we(Dt.value, (K, Le) => (p(), b("th", {
                 key: K.key,
                 class: E(["ui-table__header-cell", [
                   `ui-table__header-cell--${K.align || "left"}`,
@@ -14085,10 +14085,10 @@ const eb = {
                 }, null, 40, kb)) : L("", !0)
               ], 46, yb))), 128))
             ]),
-            t.filterable && he.value.length > 0 ? (p(), b("tr", wb, [
+            t.filterable && fe.value.length > 0 ? (p(), b("tr", wb, [
               t.expandable ? (p(), b("th", Mb)) : L("", !0),
               t.selectable ? (p(), b("th", Cb)) : L("", !0),
-              (p(!0), b(fe, null, we(Dt.value, (K) => (p(), b("th", {
+              (p(!0), b(he, null, we(Dt.value, (K) => (p(), b("th", {
                 key: `filter-${K.key}`,
                 class: "ui-table__filter-cell"
               }, [
@@ -14103,7 +14103,7 @@ const eb = {
             ])) : L("", !0)
           ]),
           v("tbody", Sb, [
-            t.loading ? (p(!0), b(fe, { key: 0 }, we(Bt.value, (K, Le) => (p(), b("tr", {
+            t.loading ? (p(!0), b(he, { key: 0 }, we(Bt.value, (K, Le) => (p(), b("tr", {
               key: `skeleton-${Le}`,
               class: "ui-table__row ui-table__row--skeleton"
             }, [
@@ -14121,7 +14121,7 @@ const eb = {
                   height: 16
                 })
               ])) : L("", !0),
-              (p(!0), b(fe, null, we(Dt.value, (ye, We) => (p(), b("td", {
+              (p(!0), b(he, null, we(Dt.value, (ye, We) => (p(), b("td", {
                 key: ye.key,
                 class: E(["ui-table__cell", [`ui-table__cell--${ye.align || "left"}`]])
               }, [
@@ -14144,7 +14144,7 @@ const eb = {
                   }, null, 8, ["title", "description"])
                 ], !0)
               ], 8, Ib)
-            ])) : (p(!0), b(fe, { key: 2 }, we(nt.value, (K, Le) => (p(), b(fe, {
+            ])) : (p(!0), b(he, { key: 2 }, we(nt.value, (K, Le) => (p(), b(he, {
               key: ie(K)
             }, [
               v("tr", {
@@ -14184,7 +14184,7 @@ const eb = {
                     "onUpdate:modelValue": (ye) => N(K, ye)
                   }, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"])
                 ])) : L("", !0),
-                (p(!0), b(fe, null, we(Dt.value, (ye) => (p(), b("td", {
+                (p(!0), b(he, null, we(Dt.value, (ye) => (p(), b("td", {
                   key: ye.key,
                   class: E(["ui-table__cell", [`ui-table__cell--${ye.align || "left"}`]]),
                   "data-label": ye.label,
@@ -14489,7 +14489,7 @@ const Xb = ["for"], qb = {
       if (!pe.value) return !0;
       const Y = new Date(N.value, A.value, 1), ne = new Date(pe.value.getFullYear(), pe.value.getMonth(), 1);
       return Y > ne;
-    }), he = x(() => {
+    }), fe = x(() => {
       if (H.value === "year") return !0;
       if (H.value === "month")
         return F.value ? N.value < F.value.getFullYear() : !0;
@@ -14529,7 +14529,7 @@ const Xb = ["for"], qb = {
       ee.value && (H.value === "year" ? wt(-1) : H.value === "month" ? Ye(-1) : Se(-1));
     }
     function ae() {
-      he.value && (H.value === "year" ? wt(1) : H.value === "month" ? Ye(1) : Se(1));
+      fe.value && (H.value === "year" ? wt(1) : H.value === "month" ? Ye(1) : Se(1));
     }
     function ce() {
       H.value === "day" ? H.value = "year" : (H.value, H.value = "day");
@@ -14780,7 +14780,7 @@ const Xb = ["for"], qb = {
             name: t.name,
             value: t.modelValue,
             required: t.required
-          }, null, 8, m0)) : t.name ? (p(), b(fe, { key: 1 }, [
+          }, null, 8, m0)) : t.name ? (p(), b(he, { key: 1 }, [
             v("input", {
               type: "hidden",
               name: `${t.name}[0]`,
@@ -14868,7 +14868,7 @@ const Xb = ["for"], qb = {
                   name: t.name,
                   value: t.modelValue,
                   required: t.required
-                }, null, 8, Qb)) : t.name ? (p(), b(fe, { key: 3 }, [
+                }, null, 8, Qb)) : t.name ? (p(), b(he, { key: 3 }, [
                   v("input", {
                     type: "hidden",
                     name: `${t.name}[0]`,
@@ -14910,13 +14910,13 @@ const Xb = ["for"], qb = {
                     variant: "ghost",
                     size: "sm",
                     "icon-left": U(M),
-                    disabled: !he.value,
+                    disabled: !fe.value,
                     "aria-label": "Next",
                     onClick: ae
                   }, null, 8, ["icon-left", "disabled"])
                 ]),
                 H.value === "year" ? (p(), b("div", o0, [
-                  (p(!0), b(fe, null, we(se.value, (me) => (p(), b("button", {
+                  (p(!0), b(he, null, we(se.value, (me) => (p(), b("button", {
                     key: me,
                     type: "button",
                     class: E(["ui-datepicker__year", {
@@ -14927,7 +14927,7 @@ const Xb = ["for"], qb = {
                     onClick: (tt) => xe(me)
                   }, V(me), 11, a0))), 128))
                 ])) : H.value === "month" ? (p(), b("div", l0, [
-                  (p(!0), b(fe, null, we(De.value, (me, tt) => (p(), b("button", {
+                  (p(!0), b(he, null, we(De.value, (me, tt) => (p(), b("button", {
                     key: tt,
                     type: "button",
                     class: E(["ui-datepicker__month", {
@@ -14937,9 +14937,9 @@ const Xb = ["for"], qb = {
                     disabled: de(tt),
                     onClick: (di) => Te(tt)
                   }, V(me), 11, r0))), 128))
-                ])) : (p(), b(fe, { key: 2 }, [
+                ])) : (p(), b(he, { key: 2 }, [
                   v("div", u0, [
-                    (p(!0), b(fe, null, we(Ee.value, (me) => (p(), b("span", {
+                    (p(!0), b(he, null, we(Ee.value, (me) => (p(), b("span", {
                       key: me,
                       class: "ui-datepicker__weekday",
                       role: "columnheader",
@@ -14955,7 +14955,7 @@ const Xb = ["for"], qb = {
                     "aria-label": `${R.value} ${N.value}`,
                     onKeydown: Dt
                   }, [
-                    (p(!0), b(fe, null, we(be.value, (me, tt) => (p(), b("button", {
+                    (p(!0), b(he, null, we(be.value, (me, tt) => (p(), b("button", {
                       key: tt,
                       type: "button",
                       class: E(["ui-datepicker__day", [
@@ -15027,13 +15027,13 @@ const Xb = ["for"], qb = {
                         variant: "ghost",
                         size: "md",
                         "icon-left": U(M),
-                        disabled: !he.value,
+                        disabled: !fe.value,
                         "aria-label": "Next",
                         onClick: ae
                       }, null, 8, ["icon-left", "disabled"])
                     ]),
                     H.value === "year" ? (p(), b("div", C0, [
-                      (p(!0), b(fe, null, we(se.value, (me) => (p(), b("button", {
+                      (p(!0), b(he, null, we(se.value, (me) => (p(), b("button", {
                         key: me,
                         type: "button",
                         class: E(["ui-datepicker__year", {
@@ -15044,7 +15044,7 @@ const Xb = ["for"], qb = {
                         onClick: (tt) => xe(me)
                       }, V(me), 11, S0))), 128))
                     ])) : H.value === "month" ? (p(), b("div", $0, [
-                      (p(!0), b(fe, null, we(De.value, (me, tt) => (p(), b("button", {
+                      (p(!0), b(he, null, we(De.value, (me, tt) => (p(), b("button", {
                         key: tt,
                         type: "button",
                         class: E(["ui-datepicker__month", {
@@ -15054,9 +15054,9 @@ const Xb = ["for"], qb = {
                         disabled: de(tt),
                         onClick: (di) => Te(tt)
                       }, V(me), 11, D0))), 128))
-                    ])) : (p(), b(fe, { key: 2 }, [
+                    ])) : (p(), b(he, { key: 2 }, [
                       v("div", L0, [
-                        (p(!0), b(fe, null, we(Ee.value, (me) => (p(), b("span", {
+                        (p(!0), b(he, null, we(Ee.value, (me) => (p(), b("span", {
                           key: me,
                           class: "ui-datepicker__weekday",
                           role: "columnheader",
@@ -15072,7 +15072,7 @@ const Xb = ["for"], qb = {
                         "aria-label": `${R.value} ${N.value}`,
                         onKeydown: Dt
                       }, [
-                        (p(!0), b(fe, null, we(be.value, (me, tt) => (p(), b("button", {
+                        (p(!0), b(he, null, we(be.value, (me, tt) => (p(), b("button", {
                           key: tt,
                           type: "button",
                           class: E(["ui-datepicker__day", [
@@ -15338,16 +15338,16 @@ const Xb = ["for"], qb = {
       return Z;
     }), C = x(() => n.modelValue === null || n.modelValue === void 0 ? [] : Array.isArray(n.modelValue) ? n.modelValue : [n.modelValue]), S = x(() => C.value.map((Z) => w.value.find((ee) => ee.value === Z)).filter((Z) => Z !== void 0)), D = x(() => {
       const Z = u.value.toLowerCase().trim(), ee = [];
-      for (const he of n.options)
-        if (i(he)) {
-          const Se = Z ? he.options.filter((Ye) => Ye.label.toLowerCase().includes(Z)) : he.options;
+      for (const fe of n.options)
+        if (i(fe)) {
+          const Se = Z ? fe.options.filter((Ye) => Ye.label.toLowerCase().includes(Z)) : fe.options;
           if (Se.length > 0) {
-            ee.push({ type: "group-header", groupLabel: he.label });
+            ee.push({ type: "group-header", groupLabel: fe.label });
             for (const Ye of Se)
               ee.push({ type: "option", option: Ye });
           }
         } else
-          (!Z || he.label.toLowerCase().includes(Z)) && ee.push({ type: "option", option: he });
+          (!Z || fe.label.toLowerCase().includes(Z)) && ee.push({ type: "option", option: fe });
       return ee;
     }), I = x(() => D.value.map((Z, ee) => ({ item: Z, index: ee })).filter(({ item: Z }) => {
       var ee;
@@ -15356,7 +15356,7 @@ const Xb = ["for"], qb = {
       if (!n.allowCreate) return !1;
       const Z = u.value.trim();
       return Z ? !w.value.some(
-        (he) => he.label.toLowerCase() === Z.toLowerCase()
+        (fe) => fe.label.toLowerCase() === Z.toLowerCase()
       ) : !1;
     }), z = x(() => {
       if (!(!r.value || c.value < 0))
@@ -15380,9 +15380,9 @@ const Xb = ["for"], qb = {
       r.value && (r.value = !1, c.value = -1, d.value = -1, !n.multiple && S.value.length > 0 ? u.value = S.value[0].label : n.multiple || (u.value = ""), document.removeEventListener("mousedown", ue), window.removeEventListener("resize", ie), window.removeEventListener("scroll", re, !0));
     }
     function ue(Z) {
-      var he, Se;
+      var fe, Se;
       const ee = Z.target;
-      (he = o.value) != null && he.contains(ee) || (Se = l.value) != null && Se.contains(ee) || ie();
+      (fe = o.value) != null && fe.contains(ee) || (Se = l.value) != null && Se.contains(ee) || ie();
     }
     function ve(Z) {
       const ee = Z.target;
@@ -15396,16 +15396,16 @@ const Xb = ["for"], qb = {
       var ee;
       if (!Z.disabled)
         if (n.multiple) {
-          const he = [...C.value], Se = he.indexOf(Z.value);
-          Se >= 0 ? he.splice(Se, 1) : he.push(Z.value), s("update:modelValue", he), u.value = "", (ee = a.value) == null || ee.focus();
+          const fe = [...C.value], Se = fe.indexOf(Z.value);
+          Se >= 0 ? fe.splice(Se, 1) : fe.push(Z.value), s("update:modelValue", fe), u.value = "", (ee = a.value) == null || ee.focus();
         } else
           s("update:modelValue", Z.value), u.value = Z.label, ie();
     }
     function N(Z, ee) {
       var Se;
       ee == null || ee.stopPropagation();
-      const he = C.value.filter((Ye) => Ye !== Z);
-      s("update:modelValue", he.length > 0 ? he : null), (Se = a.value) == null || Se.focus();
+      const fe = C.value.filter((Ye) => Ye !== Z);
+      s("update:modelValue", fe.length > 0 ? fe : null), (Se = a.value) == null || Se.focus();
     }
     function A() {
       const Z = u.value.trim();
@@ -15419,9 +15419,9 @@ const Xb = ["for"], qb = {
     function Ee(Z) {
       const ee = I.value;
       if (ee.length === 0) return;
-      const he = ee.indexOf(c.value);
+      const fe = ee.indexOf(c.value);
       let Se;
-      he === -1 ? Se = Z === 1 ? 0 : ee.length - 1 : Se = (he + Z + ee.length) % ee.length, c.value = ee[Se], Be(R);
+      fe === -1 ? Se = Z === 1 ? 0 : ee.length - 1 : Se = (fe + Z + ee.length) % ee.length, c.value = ee[Se], Be(R);
     }
     function De(Z) {
       switch (Z.key) {
@@ -15465,8 +15465,8 @@ const Xb = ["for"], qb = {
     function se(Z) {
       const ee = u.value.trim();
       if (!ee) return Z;
-      const he = new RegExp(`(${ee.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
-      return Z.replace(he, "<mark>$1</mark>");
+      const fe = new RegExp(`(${ee.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
+      return Z.replace(fe, "<mark>$1</mark>");
     }
     function ge(Z) {
       return C.value.includes(Z);
@@ -15474,7 +15474,7 @@ const Xb = ["for"], qb = {
     const be = x(() => n.multiple ? S.value.slice(0, n.maxDisplayedChips) : []), He = x(() => n.multiple ? Math.max(0, S.value.length - n.maxDisplayedChips) : 0);
     return ke(() => n.modelValue, (Z) => {
       if (!n.multiple && Z !== null && Z !== void 0) {
-        const ee = w.value.find((he) => he.value === Z);
+        const ee = w.value.find((fe) => fe.value === Z);
         ee && (u.value = ee.label);
       }
     }, { immediate: !0 }), fn(() => {
@@ -15511,23 +15511,23 @@ const Xb = ["for"], qb = {
             "ui-combobox__trigger--multiple": t.multiple
           }
         ]]),
-        onClick: ee[0] || (ee[0] = (he) => {
+        onClick: ee[0] || (ee[0] = (fe) => {
           var Se;
           return (Se = a.value) == null ? void 0 : Se.focus();
         })
       }, [
-        t.multiple ? (p(), b(fe, { key: 0 }, [
-          (p(!0), b(fe, null, we(be.value, (he, Se) => (p(), b("span", {
-            key: he.value,
-            class: E(["ui-combobox__chip", { "ui-combobox__chip--marked": d.value === C.value.indexOf(he.value) }])
+        t.multiple ? (p(), b(he, { key: 0 }, [
+          (p(!0), b(he, null, we(be.value, (fe, Se) => (p(), b("span", {
+            key: fe.value,
+            class: E(["ui-combobox__chip", { "ui-combobox__chip--marked": d.value === C.value.indexOf(fe.value) }])
           }, [
-            _e(V(he.label) + " ", 1),
+            _e(V(fe.label) + " ", 1),
             v("button", {
               type: "button",
               class: "ui-combobox__chip-remove",
               tabindex: "-1",
               "aria-label": "Remove",
-              onClick: (Ye) => N(he.value, Ye)
+              onClick: (Ye) => N(fe.value, Ye)
             }, [...ee[1] || (ee[1] = [
               v("svg", {
                 viewBox: "0 0 24 24",
@@ -15585,12 +15585,12 @@ const Xb = ["for"], qb = {
         "aria-hidden": "true"
       }, [
         t.multiple ? L("", !0) : (p(), b("option", X0, V(t.placeholder), 1)),
-        (p(!0), b(fe, null, we(w.value, (he) => (p(), b("option", {
-          key: he.value,
-          value: he.value,
-          selected: ge(he.value),
-          disabled: he.disabled
-        }, V(he.label), 9, q0))), 128))
+        (p(!0), b(he, null, we(w.value, (fe) => (p(), b("option", {
+          key: fe.value,
+          value: fe.value,
+          selected: ge(fe.value),
+          disabled: fe.disabled
+        }, V(fe.label), 9, q0))), 128))
       ], 8, K0)) : L("", !0),
       (p(), W(Et, { to: U(f) }, [
         le(Ct, { name: "ui-combobox-menu" }, {
@@ -15607,38 +15607,38 @@ const Xb = ["for"], qb = {
               "aria-multiselectable": t.multiple
             }, [
               I.value.length === 0 && !T.value ? (p(), b("li", J0, " No results found ")) : L("", !0),
-              (p(!0), b(fe, null, we(D.value, (he, Se) => {
+              (p(!0), b(he, null, we(D.value, (fe, Se) => {
                 var Ye, wt, X;
-                return p(), b(fe, {
-                  key: he.type === "group-header" ? `group-${he.groupLabel}` : (Ye = he.option) == null ? void 0 : Ye.value
+                return p(), b(he, {
+                  key: fe.type === "group-header" ? `group-${fe.groupLabel}` : (Ye = fe.option) == null ? void 0 : Ye.value
                 }, [
-                  he.type === "group-header" ? (p(), b("li", Z0, V(he.groupLabel), 1)) : (p(), b("li", {
+                  fe.type === "group-header" ? (p(), b("li", Z0, V(fe.groupLabel), 1)) : (p(), b("li", {
                     key: 1,
                     id: $(Se),
                     role: "option",
                     class: E(["ui-combobox__option", {
-                      "ui-combobox__option--selected": ge(he.option.value),
+                      "ui-combobox__option--selected": ge(fe.option.value),
                       "ui-combobox__option--highlighted": Se === c.value,
-                      "ui-combobox__option--disabled": (wt = he.option) == null ? void 0 : wt.disabled
+                      "ui-combobox__option--disabled": (wt = fe.option) == null ? void 0 : wt.disabled
                     }]),
-                    "aria-selected": ge(he.option.value),
-                    "aria-disabled": (X = he.option) == null ? void 0 : X.disabled,
+                    "aria-selected": ge(fe.option.value),
+                    "aria-disabled": (X = fe.option) == null ? void 0 : X.disabled,
                     onMouseenter: (ae) => {
                       var ce;
-                      return !((ce = he.option) != null && ce.disabled) && (c.value = Se);
+                      return !((ce = fe.option) != null && ce.disabled) && (c.value = Se);
                     },
-                    onClick: (ae) => he.option && F(he.option)
+                    onClick: (ae) => fe.option && F(fe.option)
                   }, [
                     t.multiple ? (p(), b("span", ey, [
-                      ge(he.option.value) ? (p(), b("svg", ty, [...ee[3] || (ee[3] = [
+                      ge(fe.option.value) ? (p(), b("svg", ty, [...ee[3] || (ee[3] = [
                         v("path", { d: "M5 12l5 5L20 7" }, null, -1)
                       ])])) : L("", !0)
                     ])) : L("", !0),
                     v("span", {
                       class: "ui-combobox__option-label",
-                      innerHTML: se(he.option.label)
+                      innerHTML: se(fe.option.label)
                     }, null, 8, iy),
-                    !t.multiple && ge(he.option.value) ? (p(), b("svg", ny, [...ee[4] || (ee[4] = [
+                    !t.multiple && ge(fe.option.value) ? (p(), b("svg", ny, [...ee[4] || (ee[4] = [
                       v("path", { d: "M5 12l5 5L20 7" }, null, -1)
                     ])])) : L("", !0)
                   ], 42, Q0))
@@ -16062,7 +16062,7 @@ const Xb = ["for"], qb = {
         ".wav": "WAV"
       }, ce = n.accept.split(",").map((Te) => Te.trim().toLowerCase()).map((Te) => X[Te] || Te.replace(/^\./, "").toUpperCase()), xe = [...new Set(ce)];
       return xe.length <= 3 ? xe.join(", ") : `${xe.slice(0, 2).join(", ")} +${xe.length - 2} more`;
-    }), he = x(() => n.maxVisibleFiles <= 0 || f.value ? n.modelValue : n.modelValue.slice(0, n.maxVisibleFiles)), Se = x(() => n.maxVisibleFiles <= 0 || f.value ? 0 : Math.max(0, n.modelValue.length - n.maxVisibleFiles));
+    }), fe = x(() => n.maxVisibleFiles <= 0 || f.value ? n.modelValue : n.modelValue.slice(0, n.maxVisibleFiles)), Se = x(() => n.maxVisibleFiles <= 0 || f.value ? 0 : Math.max(0, n.modelValue.length - n.maxVisibleFiles));
     function Ye() {
       f.value = !f.value;
     }
@@ -16145,25 +16145,25 @@ const Xb = ["for"], qb = {
             ])
           ], -1)),
           v("div", my, [
-            r.value ? (p(), b("span", vy, " Drop files here ")) : (p(), b(fe, { key: 1 }, [
+            r.value ? (p(), b("span", vy, " Drop files here ")) : (p(), b(he, { key: 1 }, [
               ae[0] || (ae[0] = v("span", { class: "ui-file-upload__primary-text" }, [
                 v("span", { class: "ui-file-upload__link" }, "Click to upload"),
                 _e(" or drag and drop ")
               ], -1)),
               ee.value || t.maxSize || t.allowPaste ? (p(), b("span", by, [
-                ee.value ? (p(), b(fe, { key: 0 }, [
+                ee.value ? (p(), b(he, { key: 0 }, [
                   _e(V(ee.value), 1)
                 ], 64)) : L("", !0),
-                ee.value && (t.maxSize || t.allowPaste) ? (p(), b(fe, { key: 1 }, [
+                ee.value && (t.maxSize || t.allowPaste) ? (p(), b(he, { key: 1 }, [
                   _e(" · ")
                 ], 64)) : L("", !0),
-                t.maxSize ? (p(), b(fe, { key: 2 }, [
+                t.maxSize ? (p(), b(he, { key: 2 }, [
                   _e("Max " + V(w(t.maxSize)), 1)
                 ], 64)) : L("", !0),
-                t.maxSize && t.allowPaste ? (p(), b(fe, { key: 3 }, [
+                t.maxSize && t.allowPaste ? (p(), b(he, { key: 3 }, [
                   _e(" · ")
                 ], 64)) : L("", !0),
-                t.allowPaste ? (p(), b(fe, { key: 4 }, [
+                t.allowPaste ? (p(), b(he, { key: 4 }, [
                   _e("Paste (Ctrl+V)")
                 ], 64)) : L("", !0)
               ])) : L("", !0)
@@ -16196,7 +16196,7 @@ const Xb = ["for"], qb = {
       ], 42, fy),
       Z.value ? (p(), b("div", _y, [
         v("ul", xy, [
-          (p(!0), b(fe, null, we(he.value, (ce) => (p(), b("li", {
+          (p(!0), b(he, null, we(fe.value, (ce) => (p(), b("li", {
             key: ce.id,
             class: E(["ui-file-upload__file", {
               "ui-file-upload__file--uploading": ce.status === "uploading",
@@ -16230,10 +16230,10 @@ const Xb = ["for"], qb = {
               v("span", Sy, V(ce.name), 1),
               v("span", $y, [
                 _e(V(w(ce.size)) + " ", 1),
-                ce.status === "error" && ce.error ? (p(), b(fe, { key: 0 }, [
+                ce.status === "error" && ce.error ? (p(), b(he, { key: 0 }, [
                   ae[4] || (ae[4] = _e(" · ", -1)),
                   v("span", Dy, V(ce.error), 1)
-                ], 64)) : ce.status === "success" ? (p(), b(fe, { key: 1 }, [
+                ], 64)) : ce.status === "success" ? (p(), b(he, { key: 1 }, [
                   ae[5] || (ae[5] = _e(" · ", -1)),
                   ae[6] || (ae[6] = v("span", { class: "ui-file-upload__file-success" }, "Uploaded", -1))
                 ], 64)) : L("", !0)
@@ -16327,7 +16327,7 @@ const Xb = ["for"], qb = {
           class: "ui-file-upload__toggle",
           onClick: Ye
         }, [
-          f.value ? (p(), b(fe, { key: 0 }, [
+          f.value ? (p(), b(he, { key: 0 }, [
             ae[11] || (ae[11] = v("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
@@ -16343,7 +16343,7 @@ const Xb = ["for"], qb = {
               })
             ], -1)),
             ae[12] || (ae[12] = _e(" Show less ", -1))
-          ], 64)) : (p(), b(fe, { key: 1 }, [
+          ], 64)) : (p(), b(he, { key: 1 }, [
             ae[13] || (ae[13] = v("svg", {
               viewBox: "0 0 24 24",
               fill: "none",
@@ -16876,7 +16876,7 @@ const Xb = ["for"], qb = {
       onMouseleave: c,
       onKeydown: h
     }, [
-      (p(!0), b(fe, null, we(t.max, (y) => (p(), b("span", {
+      (p(!0), b(he, null, we(t.max, (y) => (p(), b("span", {
         key: y,
         class: E(["ui-rating__star", [`ui-rating__star--${r(y)}`]]),
         onMousemove: (_) => u(_, y),
@@ -17101,7 +17101,7 @@ const Di = Symbol("rich-text-editor"), __ = ["aria-describedby"], x_ = ["id"], k
     }
     return Ne(() => {
       l && clearTimeout(l), r && clearTimeout(r);
-    }), (M, $) => (p(), b(fe, null, [
+    }), (M, $) => (p(), b(he, null, [
       v("span", Pi({
         ref_key: "triggerRef",
         ref: s,
@@ -17634,7 +17634,7 @@ const Di = Symbol("rich-text-editor"), __ = ["aria-describedby"], x_ = ["id"], k
       ]),
       default: j(() => [
         v("div", K_, [
-          l.value ? (p(), b(fe, { key: 1 }, [
+          l.value ? (p(), b(he, { key: 1 }, [
             v("div", G_, [
               w[5] || (w[5] = v("div", { class: "ui-rte-table-popover__section-title" }, "Rows", -1)),
               v("div", J_, [
@@ -17775,7 +17775,7 @@ const Di = Symbol("rich-text-editor"), __ = ["aria-describedby"], x_ = ["id"], k
               ])]),
               _: 1
             })
-          ], 64)) : (p(), b(fe, { key: 0 }, [
+          ], 64)) : (p(), b(he, { key: 0 }, [
             v("div", X_, " Insert table: " + V(o.value > 0 && a.value > 0 ? `${o.value} × ${a.value}` : "Select size"), 1),
             v("div", {
               class: "ui-rte-table-popover__grid",
@@ -17783,11 +17783,11 @@ const Di = Symbol("rich-text-editor"), __ = ["aria-describedby"], x_ = ["id"], k
                 o.value = 0, a.value = 0;
               })
             }, [
-              (p(), b(fe, null, we(cl, (C) => v("div", {
+              (p(), b(he, null, we(cl, (C) => v("div", {
                 key: C,
                 class: "ui-rte-table-popover__grid-row"
               }, [
-                (p(), b(fe, null, we(cl, (S) => v("button", {
+                (p(), b(he, null, we(cl, (S) => v("button", {
                   key: S,
                   type: "button",
                   class: E([
@@ -19202,7 +19202,7 @@ const Di = Symbol("rich-text-editor"), __ = ["aria-describedby"], x_ = ["id"], k
     return e({
       onKeyDown: a
     }), (l, r) => (p(), b("div", y1, [
-      t.items.length > 0 ? (p(!0), b(fe, { key: 0 }, we(t.items, (u, c) => (p(), b("button", {
+      t.items.length > 0 ? (p(!0), b(he, { key: 0 }, we(t.items, (u, c) => (p(), b("button", {
         key: u.id,
         type: "button",
         class: E(["ui-rte-mention-list__item", { "ui-rte-mention-list__item--selected": c === n.value }]),
@@ -19437,7 +19437,7 @@ const C1 = ["id", "aria-label", "aria-disabled"], S1 = ["aria-checked", "disable
         style: Ce(u.value),
         "aria-hidden": "true"
       }, null, 4),
-      (p(!0), b(fe, null, we(t.options, (_, M) => (p(), b("button", {
+      (p(!0), b(he, null, we(t.options, (_, M) => (p(), b("button", {
         key: _.value,
         ref_for: !0,
         ref: ($) => g($, M),
@@ -19614,7 +19614,7 @@ const T1 = {
           style: Ce(f.value)
         }, null, 4),
         t.showTicks ? (p(), b("div", T1, [
-          (p(!0), b(fe, null, we(g.value, (D, I) => (p(), b("span", {
+          (p(!0), b(he, null, we(g.value, (D, I) => (p(), b("span", {
             key: I,
             class: "ui-slider__tick",
             style: Ce({ insetInlineStart: `${D.percent}%` })
@@ -19951,7 +19951,7 @@ const T1 = {
           })) : t.icon ? (p(), W(ze(t.icon), {
             key: 1,
             class: "ui-stepper__custom-icon"
-          })) : (p(), b(fe, { key: 2 }, [
+          })) : (p(), b(he, { key: 2 }, [
             _e(V(U(i).index + 1), 1)
           ], 64))
         ], !0)
@@ -20147,7 +20147,7 @@ const T1 = {
         ]]),
         role: "tablist"
       }, [
-        (p(!0), b(fe, null, we(t.items, (m, y) => (p(), b("button", {
+        (p(!0), b(he, null, we(t.items, (m, y) => (p(), b("button", {
           key: m.value,
           ref_for: !0,
           ref: (_) => h(_, y),
@@ -20176,7 +20176,7 @@ const T1 = {
         }, null, 4)
       ], 2),
       v("div", fx, [
-        (p(!0), b(fe, null, we(t.items, (m) => pn((p(), b("div", {
+        (p(!0), b(he, null, we(t.items, (m) => pn((p(), b("div", {
           key: m.value,
           id: `tabpanel-${m.value}`,
           role: "tabpanel",
@@ -20484,9 +20484,9 @@ const $x = { class: "ui-timepicker__panel" }, Dx = { class: "ui-timepicker__colu
       const Z = new IntersectionObserver(
         (ee) => {
           if (!m.value) {
-            for (const he of ee)
-              if (he.isIntersecting && he.intersectionRatio >= 0.5) {
-                const Se = he.target.getAttribute("data-value");
+            for (const fe of ee)
+              if (fe.isIntersecting && fe.intersectionRatio >= 0.5) {
+                const Se = fe.target.getAttribute("data-value");
                 if (Se !== null) {
                   const Ye = isNaN(Number(Se)) ? Se : Number(Se);
                   be(Ye);
@@ -20622,7 +20622,7 @@ const $x = { class: "ui-timepicker__panel" }, Dx = { class: "ui-timepicker__colu
                 onScroll: N
               }, [
                 ge[1] || (ge[1] = v("div", { class: "ui-timepicker__spacer" }, null, -1)),
-                (p(!0), b(fe, null, we(M.value, (be) => (p(), b("div", {
+                (p(!0), b(he, null, we(M.value, (be) => (p(), b("div", {
                   key: be,
                   "data-value": be,
                   class: E(["ui-timepicker__item", { "ui-timepicker__item--selected": be === h.value }]),
@@ -20638,7 +20638,7 @@ const $x = { class: "ui-timepicker__panel" }, Dx = { class: "ui-timepicker__colu
                 onScroll: N
               }, [
                 ge[3] || (ge[3] = v("div", { class: "ui-timepicker__spacer" }, null, -1)),
-                (p(!0), b(fe, null, we($.value, (be) => (p(), b("div", {
+                (p(!0), b(he, null, we($.value, (be) => (p(), b("div", {
                   key: be,
                   "data-value": be,
                   class: E(["ui-timepicker__item", { "ui-timepicker__item--selected": be === f.value }]),
@@ -20654,7 +20654,7 @@ const $x = { class: "ui-timepicker__panel" }, Dx = { class: "ui-timepicker__colu
                 onScroll: N
               }, [
                 ge[5] || (ge[5] = v("div", { class: "ui-timepicker__spacer" }, null, -1)),
-                (p(), b(fe, null, we(k, (be) => v("div", {
+                (p(), b(he, null, we(k, (be) => v("div", {
                   key: be,
                   "data-value": be,
                   class: E(["ui-timepicker__item", { "ui-timepicker__item--selected": be === g.value }]),
@@ -20969,26 +20969,29 @@ const Gx = Tr(oi).toasts, _i = {
     function i(n) {
       _i.remove(n);
     }
-    return (n, s) => (p(), W(Et, { to: "body" }, [
-      v("div", {
-        class: E([e.class, "ui-toast-provider", `ui-toast-provider--${t.position}`]),
-        role: "region",
-        "aria-label": "Notifications"
-      }, [
-        le(Ar, { name: "toast" }, {
-          default: j(() => [
-            (p(!0), b(fe, null, we(U(Gx), (o) => (p(), W(ak, {
-              key: o.id,
-              toast: o,
-              onDismiss: i
-            }, null, 8, ["toast"]))), 128))
-          ]),
-          _: 1
-        })
-      ], 2)
-    ]));
+    return (n, s) => (p(), b(he, null, [
+      (p(), W(Et, { to: "body" }, [
+        v("div", {
+          class: E([e.class, "ui-toast-provider", `ui-toast-provider--${t.position}`]),
+          role: "region",
+          "aria-label": "Notifications"
+        }, [
+          le(Ar, { name: "toast" }, {
+            default: j(() => [
+              (p(!0), b(he, null, we(U(Gx), (o) => (p(), W(ak, {
+                key: o.id,
+                toast: o,
+                onDismiss: i
+              }, null, 8, ["toast"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ])),
+      G(n.$slots, "default", {}, void 0, !0)
+    ], 64));
   }
-}), m2 = /* @__PURE__ */ J(lk, [["__scopeId", "data-v-d64de1c7"]]);
+}), m2 = /* @__PURE__ */ J(lk, [["__scopeId", "data-v-b207502f"]]);
 function v2() {
   return {
     /**
@@ -21272,7 +21275,7 @@ const xr = Symbol("treeview"), Qs = Symbol("treeview-item"), rk = ["aria-multise
         le(Ct, { name: "ui-treeview-expand" }, {
           default: j(() => [
             m.value && f.value && c.value ? (p(), b("div", gk, [
-              (p(!0), b(fe, null, we(c.value, (I) => (p(), W(D, {
+              (p(!0), b(he, null, we(c.value, (I) => (p(), W(D, {
                 key: I.id,
                 node: I
               }, null, 8, ["node"]))), 128))