@quidgest/ui 0.5.1 → 0.5.3

package/dist/ui.esm.js

@@ -1,15 +1,15 @@
-import { provide as qe, inject as De, getCurrentInstance as pe, ref as D, watch as z, defineComponent as _, computed as y, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, unref as g, normalizeClass as T, withModifiers as H, createVNode as N, createCommentVNode as b, Fragment as Q, createTextVNode as U, toDisplayString as C, renderSlot as L, toRef as j, createBlock as k, withCtx as E, renderList as P, resolveDynamicComponent as me, h as se, mergeProps as K, normalizeProps as he, reactive as Ee, onBeforeUnmount as Ie, onMounted as Te, Teleport as Ce, Transition as Ve, nextTick as le, createSlots as ze, guardReactiveProps as Qe, withDirectives as Ae } from "vue";
+import { provide as De, inject as pe, getCurrentInstance as me, ref as D, watch as z, defineComponent as _, computed as y, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, unref as g, normalizeClass as C, withModifiers as H, createVNode as N, createCommentVNode as b, Fragment as Q, createTextVNode as U, toDisplayString as I, renderSlot as L, toRef as J, createBlock as k, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Ee, onBeforeUnmount as Te, onMounted as Ce, Teleport as Ie, Transition as Ve, nextTick as le, createSlots as ze, guardReactiveProps as Qe, withDirectives as Ae } from "vue";
 function re(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function ye(t = {}, n = {}) {
+function ve(t = {}, n = {}) {
   const e = {};
   for (const o in t)
     e[o] = t[o];
   for (const o in n) {
     const a = t[o], s = n[o];
     if (re(a) && re(s)) {
-      e[o] = ye(
+      e[o] = ve(
         a,
         s
       );
@@ -21,20 +21,20 @@ function ye(t = {}, n = {}) {
 }
 const te = "q-defaults";
 function Oe() {
-  const t = pe();
+  const t = me();
   if (!t)
     throw new Error("[framework] useDefaults must be called from inside a setup function");
   const n = t.type.name ?? t.type.__name;
   if (!n)
     throw new Error("[framework] Could not determine component name");
-  return ve()[n] || {};
+  return ge()[n] || {};
 }
 function Fe(t) {
-  const n = structuredClone(ve()), e = ye(n, t);
-  qe(te, e);
+  const n = structuredClone(ge()), e = ve(n, t);
+  De(te, e);
 }
-function ve() {
-  return De(te, void 0) || {};
+function ge() {
+  return pe(te, void 0) || {};
 }
 const ie = {
   primary: "#00a1f8",
@@ -97,7 +97,7 @@ const ie = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function ge(t) {
+function be(t) {
   if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
@@ -109,22 +109,22 @@ function Re(t, n) {
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const e = be(t), o = n / 100;
-  return e.l = e.l + o * (100 - e.l), _e(e);
+  const e = _e(t), o = n / 100;
+  return e.l = e.l + o * (100 - e.l), ke(e);
 }
 function He(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const e = be(t), o = n / 100;
-  return e.l = e.l - o * e.l, _e(e);
+  const e = _e(t), o = n / 100;
+  return e.l = e.l - o * e.l, ke(e);
 }
 function ce(t) {
   const n = t.r.toString(16).padStart(2, "0"), e = t.g.toString(16).padStart(2, "0"), o = t.b.toString(16).padStart(2, "0");
   return `#${n}${e}${o}`;
 }
-function be(t) {
+function _e(t) {
   const n = t.r / 255, e = t.g / 255, o = t.b / 255, a = Math.max(n, e, o), s = Math.min(n, e, o);
   let l = 0, c;
   const i = (a + s) / 2;
@@ -151,14 +151,14 @@ function be(t) {
     l: Math.round(i * 100)
   };
 }
-function _e(t) {
+function ke(t) {
   const n = t.h / 360, e = t.s / 100, o = t.l / 100;
   let a, s, l;
   if (e === 0)
     a = s = l = o;
   else {
     const c = o < 0.5 ? o * (1 + e) : o + e - o * e, i = 2 * o - c;
-    a = J(i, c, n + 1 / 3), s = J(i, c, n), l = J(i, c, n - 1 / 3);
+    a = P(i, c, n + 1 / 3), s = P(i, c, n), l = P(i, c, n - 1 / 3);
   }
   return {
     r: Math.round(a * 255),
@@ -166,10 +166,16 @@ function _e(t) {
     b: Math.round(l * 255)
   };
 }
-function J(t, n, e) {
+function P(t, n, e) {
   return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (n - t) * 6 * e : e < 1 / 2 ? n : e < 2 / 3 ? t + (n - t) * (2 / 3 - e) * 6 : t;
 }
-const ee = "q-theme";
+const Z = "q-theme";
+function Ct() {
+  const t = pe(Z);
+  if (!t)
+    throw new Error("[framework] Could not find theme instance");
+  return t;
+}
 function Ne(t, n) {
   let e = null;
   if (n)
@@ -180,7 +186,7 @@ function Ne(t, n) {
         for (s in o.colors) {
           const l = o.colors[s];
           if (l && !s.startsWith("on") && !s.endsWith("Light") && !s.endsWith("Dark")) {
-            const c = ge(l), i = `${s}Light`, p = `${s}Dark`;
+            const c = be(l), i = `${s}Light`, p = `${s}Dark`;
             i in o.colors || (o.colors[i] = ce(Re(c, 85))), p in o.colors || (o.colors[p] = ce(He(c, 25)));
           }
         }
@@ -210,7 +216,7 @@ function Ne(t, n) {
         s && Ke(s.colors);
       },
       { immediate: !0 }
-    ), t.provide(ee, o);
+    ), t.provide(Z, o);
   }
 }
 function Ue(t, n = {}) {
@@ -218,9 +224,9 @@ function Ue(t, n = {}) {
 }
 function Ke(t) {
   let n = document.getElementById(
-    ee
+    Z
   );
-  n || (n = document.createElement("style"), n.type = "text/css", n.id = ee, document.head.appendChild(n));
+  n || (n = document.createElement("style"), n.type = "text/css", n.id = Z, document.head.appendChild(n));
   let e = `:root {
 `, o;
   for (o in t) {
@@ -228,7 +234,7 @@ function Ke(t) {
     if (a) {
       e += `  ${ue(o)}: ${a};
 `;
-      const s = ge(a);
+      const s = be(a);
       e += `  ${ue(o)}-rgb: ${s.r} ${s.g} ${s.b};
 `;
     }
@@ -238,13 +244,16 @@ function Ke(t) {
 function ue(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function Tt(t = {}) {
+function It(t = {}) {
   return { install: (e) => {
-    const o = t.directives || {};
-    for (const s in o)
-      e.directive(s, o[s]);
-    const a = t.defaults || {};
-    e.provide(te, a), Ne(e, t.themes);
+    const o = t.components || {};
+    for (const l in o)
+      e.component(l, o[l]);
+    const a = t.directives || {};
+    for (const l in a)
+      e.directive(l, a[l]);
+    const s = t.defaults || {};
+    e.provide(te, s), Ne(e, t.themes);
   } };
 }
 const We = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
@@ -288,7 +297,7 @@ function A(t) {
     const a = Oe();
     if (Ye(a))
       return n(e, o);
-    const s = pe();
+    const s = me();
     if (s === null)
       return n(e, o);
     const l = new Proxy(e, {
@@ -341,7 +350,7 @@ const Ze = ["disabled", "onClick"], je = {
     });
     return (l, c) => (r(), f("button", {
       type: "button",
-      class: T(s.value),
+      class: C(s.value),
       disabled: o.value,
       onClick: H(a, ["stop", "prevent"])
     }, [
@@ -350,11 +359,11 @@ const Ze = ["disabled", "onClick"], je = {
       ])) : b("", !0),
       X("span", Je, [
         l.iconOnRight ? (r(), f(Q, { key: 0 }, [
-          U(C(e.label), 1)
+          U(I(e.label), 1)
         ], 64)) : b("", !0),
         L(l.$slots, "default"),
         l.iconOnRight ? b("", !0) : (r(), f(Q, { key: 1 }, [
-          U(C(e.label), 1)
+          U(I(e.label), 1)
         ], 64))
       ])
     ], 10, Ze));
@@ -371,9 +380,9 @@ const Ze = ["disabled", "onClick"], je = {
     const n = t;
     Fe({
       QButton: {
-        bStyle: j(n, "bStyle"),
-        disabled: j(n, "disabled"),
-        borderless: j(n, "borderless"),
+        bStyle: J(n, "bStyle"),
+        disabled: J(n, "disabled"),
+        borderless: J(n, "borderless"),
         elevated: !1
       }
     });
@@ -384,12 +393,12 @@ const Ze = ["disabled", "onClick"], je = {
       }
     ]);
     return (o, a) => (r(), f("div", {
-      class: T(e.value)
+      class: C(e.value)
     }, [
       L(o.$slots, "default")
     ], 2));
   }
-}), Ct = /* @__PURE__ */ _({
+}), Vt = /* @__PURE__ */ _({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -424,7 +433,7 @@ const Ze = ["disabled", "onClick"], je = {
       elevated: e.elevated
     }, {
       default: E(() => [
-        (r(!0), f(Q, null, P(e.options, (i) => (r(), k(g(Pe), {
+        (r(!0), f(Q, null, ee(e.options, (i) => (r(), k(g(Pe), {
           key: i.key,
           title: i.title,
           label: i.label,
@@ -451,21 +460,21 @@ const Ze = ["disabled", "onClick"], je = {
     const n = t, e = y(() => {
       switch (n.type) {
         case "svg":
-          return $e;
+          return Se;
         case "font":
-          return ke;
-        case "img":
           return we;
+        case "img":
+          return $e;
         default:
           return;
       }
     });
-    return (o, a) => (r(), k(me(e.value), {
+    return (o, a) => (r(), k(he(e.value), {
       icon: n.name,
       size: n.size
     }, null, 8, ["icon", "size"]));
   }
-}), ke = /* @__PURE__ */ _({
+}), we = /* @__PURE__ */ _({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -479,11 +488,11 @@ const Ze = ["disabled", "onClick"], je = {
     }));
     return (a, s) => n.icon ? (r(), f("i", {
       key: 0,
-      class: T(["q-icon", "q-icon__font", e.value, `${n.library}-${n.icon}`]),
+      class: C(["q-icon", "q-icon__font", e.value, `${n.library}-${n.icon}`]),
       style: W(o.value)
     }, null, 6)) : b("", !0);
   }
-}), tt = ["src"], we = /* @__PURE__ */ _({
+}), tt = ["src"], $e = /* @__PURE__ */ _({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -613,7 +622,7 @@ function at(t) {
   );
   return e.getIsPending = () => n, e;
 }
-const $e = /* @__PURE__ */ _({
+const Se = /* @__PURE__ */ _({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -637,9 +646,9 @@ const $e = /* @__PURE__ */ _({
   }
 });
 A(O);
-A(ke);
 A(we);
 A($e);
+A(Se);
 const st = {
   key: 0,
   class: "q-input__prepend"
@@ -656,7 +665,7 @@ const st = {
   setup(t) {
     const n = t;
     return (e, o) => (r(), f("div", {
-      class: T([
+      class: C([
         "q-input",
         `q-input--${n.size}`,
         { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
@@ -680,7 +689,7 @@ const st = {
 function dt(t, n) {
   return r(), f("div", ut);
 }
-const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
+const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -732,9 +741,9 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
     }
     function q(d) {
       var v;
-      (v = I().at(d)) == null || v.focus();
+      (v = T().at(d)) == null || v.focus();
     }
-    function I() {
+    function T() {
       var v;
       const d = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
       return d ? Array.from(d).filter((x) => x.tabIndex !== -1) : [];
@@ -743,7 +752,7 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
       return d.indexOf(document.activeElement);
     }
     function M(d) {
-      const $ = I(), v = F($);
+      const $ = T(), v = F($);
       return d === "next" ? v === $.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
     }
     function V(d) {
@@ -754,21 +763,21 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
       (d) => {
         a.value = d;
       }
-    ), n({ focusItem: q }), (d, $) => (r(), k(me(s.value), {
+    ), n({ focusItem: q }), (d, $) => (r(), k(he(s.value), {
       ref_key: "listRef",
       ref: c,
-      class: T(["q-list", { "q-list--disabled": o.disabled }]),
+      class: C(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
       onFocus: p,
       onKeydown: w
     }, {
       default: E(() => [
-        (r(!0), f(Q, null, P(l.value, (v) => (r(), k(g(Le), K({
+        (r(!0), f(Q, null, ee(l.value, (v) => (r(), k(g(xe), K({
           key: v.title
         }, v), {
           default: E(() => [
-            (r(!0), f(Q, null, P(V(v.title), (x) => (r(), k(g(Be), {
+            (r(!0), f(Q, null, ee(V(v.title), (x) => (r(), k(g(Le), {
               key: x[o.itemValue],
               value: x[o.itemValue],
               label: x[o.itemLabel],
@@ -788,7 +797,7 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
   check: {
     name: "check"
   }
-}, Be = /* @__PURE__ */ _({
+}, Le = /* @__PURE__ */ _({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -811,7 +820,7 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
     return (s, l) => (r(), f("li", {
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: T([
+      class: C([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -824,8 +833,8 @@ const Vt = /* @__PURE__ */ it(ct, [["render", dt]]), Se = /* @__PURE__ */ _({
       onKeydown: a,
       onClick: H(o, ["stop", "prevent"])
     }, [
-      e.icon ? (r(), k(g(O), he(K({ key: 0 }, e.icon)), null, 16)) : b("", !0),
-      U(" " + C(e.label) + " ", 1),
+      e.icon ? (r(), k(g(O), ye(K({ key: 0 }, e.icon)), null, 16)) : b("", !0),
+      U(" " + I(e.label) + " ", 1),
       e.selected ? (r(), k(g(O), K({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
     ], 42, ft));
   }
@@ -834,7 +843,7 @@ let mt = 0;
 function ht() {
   return `uid-${++mt}`;
 }
-const yt = ["aria-labelledby"], vt = ["id"], Le = /* @__PURE__ */ _({
+const yt = ["aria-labelledby"], vt = ["id"], xe = /* @__PURE__ */ _({
   __name: "QListItemGroup",
   props: {
     id: { default: () => ht() },
@@ -854,18 +863,18 @@ const yt = ["aria-labelledby"], vt = ["id"], Le = /* @__PURE__ */ _({
         id: n.id,
         class: "q-list-item-group__title",
         role: "presentation"
-      }, C(n.title), 9, vt)) : b("", !0),
+      }, I(n.title), 9, vt)) : b("", !0),
       L(e.$slots, "default")
     ], 8, yt)) : L(e.$slots, "default", { key: 0 });
   }
 });
-A(Se);
 A(Be);
 A(Le);
+A(xe);
 function gt(t, n, e = "right", o) {
   const a = t.getBoundingClientRect(), s = a.x + window.scrollX, l = a.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
   let w = e;
-  c && !xe(a, c, w) && (w = bt(a, c, w));
+  c && !qe(a, c, w) && (w = bt(a, c, w));
   const m = { x: 0, y: 0, placement: w };
   switch (w) {
     case "top":
@@ -883,7 +892,7 @@ function gt(t, n, e = "right", o) {
   }
   return o === "anchor" && (m.width = a.width), m;
 }
-function xe(t, n, e) {
+function qe(t, n, e) {
   let o = !1, a = !1;
   switch (e) {
     case "top":
@@ -915,7 +924,7 @@ function bt(t, n, e) {
     right: ["left", "top", "bottom"]
   };
   for (const a of o[e])
-    if (xe(t, n, a))
+    if (qe(t, n, a))
       return a;
   return e;
 }
@@ -1002,7 +1011,7 @@ const _t = {
     function q() {
       s.value ? m() : w();
     }
-    let I;
+    let T;
     function F() {
       le(() => {
         const h = Y(e.anchor);
@@ -1020,7 +1029,7 @@ const _t = {
     function M() {
       le(() => {
         const h = Y(e.anchor);
-        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), I = new MutationObserver(i), I.observe(h, {
+        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), T = new MutationObserver(i), T.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1029,7 +1038,7 @@ const _t = {
       });
     }
     function V() {
-      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), I == null || I.disconnect();
+      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), T == null || T.disconnect();
     }
     let d;
     function $() {
@@ -1041,7 +1050,7 @@ const _t = {
     function x() {
       V(), e.spy && (clearTimeout(d), d = void 0);
     }
-    return Ie(x), Te(i), z(
+    return Te(x), Ce(i), z(
       () => e.disabled,
       (h) => {
         h || F();
@@ -1055,7 +1064,7 @@ const _t = {
       { immediate: !0 }
     ), (h, S) => (r(), f(Q, null, [
       L(h.$slots, "trigger", { open: s.value }),
-      (r(), k(Ce, {
+      (r(), k(Ie, {
         to: e.attach
       }, [
         N(Ve, {
@@ -1067,11 +1076,11 @@ const _t = {
           default: E(() => [
             s.value ? (r(), f("div", {
               key: 0,
-              class: T(o.value),
+              class: C(o.value),
               style: W(l.value)
             }, [
               X("div", {
-                class: T(["q-overlay__content"]),
+                class: C(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: c
               }, [
@@ -1091,7 +1100,7 @@ const _t = {
 }, wt = {
   key: 1,
   class: "q-popover__body"
-}, $t = ["innerHTML"], St = { key: 1 }, zt = /* @__PURE__ */ _({
+}, $t = ["innerHTML"], St = { key: 1 }, Qt = /* @__PURE__ */ _({
   __name: "QPopover",
   props: {
     modelValue: { type: Boolean },
@@ -1120,14 +1129,14 @@ const _t = {
     }, {
       default: E(() => [
         n.title || e.$slots.header ? (r(), f("h3", kt, [
-          U(C(n.title) + " ", 1),
+          U(I(n.title) + " ", 1),
           L(e.$slots, "header")
         ])) : b("", !0),
         n.text || e.$slots.body ? (r(), f("div", wt, [
           n.html ? (r(), f("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, $t)) : (r(), f("span", St, C(n.text), 1)),
+          }, null, 8, $t)) : (r(), f("span", St, I(n.text), 1)),
           L(e.$slots, "body")
         ])) : b("", !0)
       ]),
@@ -1156,7 +1165,7 @@ const _t = {
   clear: {
     name: "close"
   }
-}, Qt = /* @__PURE__ */ _({
+}, At = /* @__PURE__ */ _({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1187,7 +1196,7 @@ const _t = {
     function q() {
       m.value && (o.value = void 0, n("update:modelValue", o.value), V());
     }
-    function I() {
+    function T() {
       e.readonly || e.disabled || (a.value ? V() : M());
     }
     function F(u) {
@@ -1237,14 +1246,14 @@ const _t = {
         o.value = u;
       }
     ), (u, B) => {
-      var Z, ae;
+      var j, ae;
       return r(), f(Q, null, [
         N(g(rt), {
           ref_key: "inputRef",
           ref: l,
           role: "combobox",
           tabindex: "0",
-          class: T([
+          class: C([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1257,7 +1266,7 @@ const _t = {
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: I,
+          onClick: T,
           onKeydown: H($, ["stop"])
         }, ze({
           append: E(() => [
@@ -1269,17 +1278,17 @@ const _t = {
           ]),
           default: E(() => [
             o.value ? (r(), f(Q, { key: 0 }, [
-              U(C(w.value), 1)
-            ], 64)) : (r(), f("span", Lt, C(u.texts.placeholder), 1))
+              U(I(w.value), 1)
+            ], 64)) : (r(), f("span", Lt, I(u.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (Z = p.value) != null && Z.icon ? {
+          (j = p.value) != null && j.icon ? {
             name: "prepend",
             fn: E(() => {
               var G;
               return [
-                N(g(O), he(Qe((G = p.value) == null ? void 0 : G.icon)), null, 16)
+                N(g(O), ye(Qe((G = p.value) == null ? void 0 : G.icon)), null, 16)
               ];
             }),
             key: "0"
@@ -1307,7 +1316,7 @@ const _t = {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (r(), k(g(Se), {
+              })) : (r(), k(g(Be), {
                 key: 1,
                 ref_key: "listRef",
                 ref: c,
@@ -1333,7 +1342,7 @@ const _t = {
       ], 64);
     };
   }
-}), Dt = ["innerHTML"], Et = { key: 1 }, At = /* @__PURE__ */ _({
+}), Dt = ["innerHTML"], Et = { key: 1 }, Ot = /* @__PURE__ */ _({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1366,7 +1375,7 @@ const _t = {
         n.html ? (r(), f("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, Dt)) : (r(), f("span", Et, C(n.text), 1))
+        }, null, 8, Dt)) : (r(), f("span", Et, I(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
@@ -1375,24 +1384,25 @@ const _t = {
 export {
   Pe as QButton,
   et as QButtonGroup,
-  Ct as QButtonToggle,
+  Vt as QButtonToggle,
   O as QIcon,
-  ke as QIconFont,
-  we as QIconImg,
-  $e as QIconSvg,
+  we as QIconFont,
+  $e as QIconImg,
+  Se as QIconSvg,
   rt as QInput,
-  Vt as QLineLoader,
-  Se as QList,
-  Be as QListItem,
-  Le as QListItemGroup,
+  zt as QLineLoader,
+  Be as QList,
+  Le as QListItem,
+  xe as QListItemGroup,
   oe as QOverlay,
-  zt as QPopover,
-  Qt as QSelect,
+  Qt as QPopover,
+  At as QSelect,
   ne as QSpinnerLoader,
-  At as QTooltip,
+  Ot as QTooltip,
   Bt as clickOutside,
-  Tt as createFramework,
+  It as createFramework,
   Me as defaultDarkColorScheme,
-  ie as defaultLightColorScheme
+  ie as defaultLightColorScheme,
+  Ct as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map