@quidgest/ui 0.14.10 → 0.14.12

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,255 +1,270 @@
-import { defineComponent as X, mergeModels as M, useModel as Y, computed as l, reactive as R, watch as k, ref as V, nextTick as m, onMounted as Z, onBeforeUnmount as ee, openBlock as u, createElementBlock as g, Fragment as te, createBlock as A, Teleport as ne, normalizeClass as U, createCommentVNode as L, createVNode as oe, Transition as re, withCtx as ae, normalizeStyle as z, createElementVNode as ie, mergeProps as le, withKeys as de, renderSlot as se, unref as ue } from "vue";
-import { QRemoveScrollBar as ce } from "../QRemoveScrollBar/index.js";
-import { getSideFromPlacement as fe, computePosition as me } from "../../composables/overlay.js";
-import { getElement as ve } from "../../utils/getElement.js";
-const pe = ["role"], ge = /* @__PURE__ */ X({
+import { defineComponent as ne, mergeModels as O, useModel as oe, computed as l, reactive as V, watch as k, ref as A, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as g, openBlock as u, Fragment as ae, createBlock as U, createCommentVNode as L, Teleport as le, createVNode as z, unref as B, withCtx as I, normalizeClass as P, Transition as se, normalizeStyle as N, createElementVNode as de, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
+import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
+import { QThemeProvider as ve } from "../QThemeProvider/index.js";
+import { getSideFromPlacement as pe, computePosition as he } from "../../composables/overlay.js";
+import { useTheme as ye } from "../../composables/theme.js";
+import { getElement as we } from "../../utils/getElement.js";
+const ke = ["role"], Te = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ M({
-    anchor: { default: void 0 },
+  props: /* @__PURE__ */ O({
+    anchor: {},
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean },
-    backdropClass: { default: void 0 },
+    backdropClass: {},
     delay: { default: 500 },
     nonModal: { type: Boolean },
     scrollLock: { type: Boolean },
     offset: { default: 8 },
+    crossOffset: { default: 0 },
     persistent: { type: Boolean },
     placement: { default: "right" },
     spy: { type: Boolean },
     transition: { default: "fade" },
     trigger: { default: "click" },
     width: { default: "auto" },
-    class: { default: void 0 }
+    class: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["enter", "leave"], ["update:modelValue"]),
-  setup(B, { emit: I }) {
-    const t = B, b = I, r = Y(B, "modelValue"), N = l(() => [
+  emits: /* @__PURE__ */ O(["enter", "leave"], ["update:modelValue"]),
+  setup(b, { emit: Q }) {
+    const t = b, _ = Q, r = oe(b, "modelValue"), D = ye(), F = l(() => [
       "q-overlay",
-      `q-overlay--${fe(n.placement)}`,
+      `q-overlay--${pe(n.placement)}`,
       {
         "q-overlay--independent": c.value,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), c = l(() => t.anchor === void 0), _ = l(() => (r.value || n.animating) && !t.nonModal), O = l(() => (r.value || n.animating) && t.scrollLock), n = R({
+    ]), c = l(() => t.anchor === void 0), T = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = V({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), a = R({
+    }), i = V({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), P = l(() => n.top !== 0 && n.left !== 0);
+    }), W = l(() => n.top !== 0 && n.left !== 0);
     k(r, () => n.animating = !0);
-    const D = l(() => {
+    const j = l(() => {
       if (c.value) return;
-      const e = s(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+      const e = d(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
         top: `${n.top}px`,
         left: `${n.left}px`,
         width: o !== void 0 ? `${o}px` : void 0
       };
-    }), F = l(() => {
+    }), G = l(() => {
       if (t.arrow)
         return {
-          top: a.top !== void 0 ? `${a.top}px` : void 0,
-          left: a.left !== void 0 ? `${a.left}px` : void 0,
-          opacity: a.hidden ? 0 : 1
+          top: i.top !== void 0 ? `${i.top}px` : void 0,
+          left: i.left !== void 0 ? `${i.left}px` : void 0,
+          opacity: i.hidden ? 0 : 1
         };
-    }), v = V(null), p = V(null);
-    function i() {
-      const e = s();
-      if (!e || !p.value)
+    }), p = A(null), h = A(null);
+    function a() {
+      const e = d();
+      if (!e || !h.value)
         return;
       const w = {
         placement: t.placement,
         width: t.width,
         offset: t.offset,
+        crossOffset: t.crossOffset,
         arrow: t.arrow
-      }, o = me(
+      }, o = he(
         e,
-        p.value,
-        (v == null ? void 0 : v.value) ?? void 0,
+        h.value,
+        (p == null ? void 0 : p.value) ?? void 0,
         w
       );
-      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, a.hidden = o.arrowCoords === void 0, o.arrowCoords && (a.top = o.arrowCoords.y, a.left = o.arrowCoords.x);
+      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
     }
     k(
       () => t.placement,
-      () => m(i)
+      () => v(a)
     );
-    let y;
-    function h() {
-      T(0);
+    let f;
+    function y() {
+      x(0);
     }
     function C() {
-      T(t.delay);
+      x(t.delay);
     }
-    function T(e) {
-      y || (y = window.setTimeout(() => {
+    function x(e) {
+      f && S(), f = window.setTimeout(() => {
         r.value = !0;
-      }, e));
+      }, e);
     }
-    function d() {
-      if (clearTimeout(y), y = void 0, r.value = !1, t.anchor && t.trigger === "click") {
-        const e = s();
+    function s() {
+      if (f && S(), r.value = !1, t.anchor && t.trigger === "click") {
+        const e = d();
         e == null || e.focus();
       }
     }
-    k(P, () => m(K));
-    function K() {
-      b("enter");
+    function S() {
+      clearTimeout(f), f = void 0;
     }
-    let x;
-    function Q() {
-      window.clearTimeout(x), x = window.setTimeout(() => n.animating = !1, 200), b("leave");
+    k(W, () => v(H));
+    function H() {
+      _("enter");
     }
-    function s() {
-      return t.anchor ? ve(t.anchor) : null;
+    let q;
+    function J() {
+      window.clearTimeout(q), q = window.setTimeout(() => n.animating = !1, 200), _("leave");
     }
-    let f;
-    function W() {
-      const e = s();
+    function d() {
+      return t.anchor ? we(t.anchor) : null;
+    }
+    let m;
+    function X() {
+      const e = d();
       if (e)
-        switch (f = new MutationObserver(i), f.observe(e, {
+        switch (m = new MutationObserver(a), m.observe(e, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), t.trigger) {
           case "click":
-            e.addEventListener("click", h);
+            e.addEventListener("click", y);
             break;
           case "hover":
-            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", d), e.addEventListener("focusin", h), e.addEventListener("focusout", d);
+            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
             break;
         }
     }
-    function j() {
-      const e = s();
+    function Y() {
+      const e = d();
       if (e)
-        switch (f == null || f.disconnect(), t.trigger) {
+        switch (m == null || m.disconnect(), t.trigger) {
           case "click":
-            e.removeEventListener("click", h);
+            e.removeEventListener("click", y);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", d), e.removeEventListener("focusin", h), e.removeEventListener("focusout", d);
+            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
             break;
         }
     }
-    function G() {
-      window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
+    function Z() {
+      window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
     }
-    function H() {
-      window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
+    function ee() {
+      window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
     }
     let E;
-    function S() {
-      s() ? (i(), E = window.setTimeout(S, 100)) : d();
+    function $() {
+      d() ? (a(), E = window.setTimeout($, 100)) : s();
     }
-    function J() {
-      c.value || (G(), t.spy ? S() : i()), (c.value || t.trigger === "click") && m(() => {
+    function te() {
+      c.value || (Z(), t.spy ? $() : a()), (c.value || t.trigger === "click") && v(() => {
         var e;
-        return (e = p.value) == null ? void 0 : e.focus();
+        return (e = h.value) == null ? void 0 : e.focus();
       });
     }
-    function q() {
-      c.value || H(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
+    function M() {
+      c.value || ee(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
     }
-    function $() {
-      t.persistent || d();
+    function R() {
+      t.persistent || s();
     }
-    return Z(() => {
-      m(W);
-    }), ee(() => {
-      j(), q();
+    return re(() => {
+      v(X);
+    }), ie(() => {
+      Y(), M();
     }), k(
       r,
       (e) => {
-        m(() => e ? J() : q());
+        v(() => e ? te() : M());
       },
       { immediate: !0 }
     ), (e, w) => (u(), g(
-      te,
+      ae,
       null,
       [
-        (u(), A(ne, {
+        (u(), U(le, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          _.value ? (u(), g(
-            "div",
-            {
-              key: 0,
-              class: U([
-                t.backdropClass,
-                "q-overlay__underlay",
-                { "q-overlay__underlay--blur": t.backdropBlur }
-              ])
-            },
-            null,
-            2
-            /* CLASS */
-          )) : L("v-if", !0),
-          oe(re, {
-            name: t.transition,
-            appear: "",
-            onLeave: Q
+          z(B(ve), {
+            theme: B(D).current.value.name
           }, {
-            default: ae(() => [
-              r.value ? (u(), g(
+            default: I(() => [
+              T.value ? (u(), g(
                 "div",
                 {
                   key: 0,
-                  class: U(N.value),
-                  style: z(D.value)
+                  class: P([
+                    t.backdropClass,
+                    "q-overlay__underlay",
+                    { "q-overlay__underlay--blur": t.backdropBlur }
+                  ])
                 },
-                [
-                  ie("div", le({
-                    ref_key: "overlayRef",
-                    ref: p,
-                    class: "q-overlay__content",
-                    tabindex: "-1",
-                    role: _.value ? "dialog" : void 0
-                  }, e.$attrs, {
-                    onKeydown: de($, ["escape"]),
-                    onBlur: $
-                  }), [
-                    t.arrow ? (u(), g(
-                      "div",
-                      {
-                        key: 0,
-                        ref_key: "arrowRef",
-                        ref: v,
-                        role: "presentation",
-                        class: "q-overlay__arrow",
-                        style: z(F.value)
-                      },
-                      null,
-                      4
-                      /* STYLE */
-                    )) : L("v-if", !0),
-                    se(e.$slots, "default")
-                  ], 16, pe)
-                ],
-                6
-                /* CLASS, STYLE */
-              )) : L("v-if", !0)
+                null,
+                2
+                /* CLASS */
+              )) : L("v-if", !0),
+              z(se, {
+                name: t.transition,
+                appear: "",
+                onLeave: J
+              }, {
+                default: I(() => [
+                  r.value ? (u(), g(
+                    "div",
+                    {
+                      key: 0,
+                      class: P(F.value),
+                      style: N(j.value)
+                    },
+                    [
+                      de("div", ue({
+                        ref_key: "overlayRef",
+                        ref: h,
+                        class: "q-overlay__content",
+                        tabindex: "-1",
+                        role: T.value ? "dialog" : void 0
+                      }, e.$attrs, {
+                        onKeydown: ce(R, ["escape"]),
+                        onBlur: R
+                      }), [
+                        t.arrow ? (u(), g(
+                          "div",
+                          {
+                            key: 0,
+                            ref_key: "arrowRef",
+                            ref: p,
+                            role: "presentation",
+                            class: "q-overlay__arrow",
+                            style: N(G.value)
+                          },
+                          null,
+                          4
+                          /* STYLE */
+                        )) : L("v-if", !0),
+                        fe(e.$slots, "default")
+                      ], 16, ke)
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : L("v-if", !0)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["name"])
             ]),
             _: 3
             /* FORWARDED */
-          }, 8, ["name"])
+          }, 8, ["theme"])
         ], 8, ["disabled", "to"])),
-        O.value ? (u(), A(ue(ce), { key: 0 })) : L("v-if", !0)
+        K.value ? (u(), U(B(me), { key: 0 })) : L("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -257,5 +272,5 @@ const pe = ["role"], ge = /* @__PURE__ */ X({
   }
 });
 export {
-  ge as default
+  Te as default
 };

package/esm/components/QOverlay/index.d.ts

@@ -1,4 +1,80 @@
-import { default as _QOverlay } from './QOverlay';
-declare const QOverlay: typeof _QOverlay;
+declare const QOverlay: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    } & import('./types').QOverlayProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    } & {
+        enter: () => any;
+        leave: () => any;
+    }, import('vue').PublicProps, {
+        transition: string;
+        width: "auto" | "anchor";
+        appearance: import('../../composables/overlay').Appearance;
+        attach: string;
+        delay: number;
+        offset: number;
+        crossOffset: number;
+        placement: import('../../composables/overlay').Placement;
+        trigger: import('../../composables/overlay').Trigger;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        overlayRef: HTMLDivElement;
+        arrowRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    } & import('./types').QOverlayProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        transition: string;
+        width: "auto" | "anchor";
+        appearance: import('../../composables/overlay').Appearance;
+        attach: string;
+        delay: number;
+        offset: number;
+        crossOffset: number;
+        placement: import('../../composables/overlay').Placement;
+        trigger: import('../../composables/overlay').Trigger;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: boolean;
+} & import('./types').QOverlayProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    enter: () => any;
+    leave: () => any;
+}, string, {
+    transition: string;
+    width: "auto" | "anchor";
+    appearance: import('../../composables/overlay').Appearance;
+    attach: string;
+    delay: number;
+    offset: number;
+    crossOffset: number;
+    placement: import('../../composables/overlay').Placement;
+    trigger: import('../../composables/overlay').Trigger;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
 export { QOverlay };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AAKtC,QAAA,MAAM,QAAQ,EAAiC,OAAO,SAAS,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/esm/components/QOverlay/types.d.ts

@@ -51,6 +51,10 @@ export type QOverlayProps = {
      * Offset the overlay in the given amount of pixels.
      */
     offset?: number;
+    /**
+     * Offset the overlay in the given amount of pixels (perpendicular to the main axis).
+     */
+    crossOffset?: number;
     /**
      * If enabled, deactivation of the element will not occur upon clicking outside
      * or pressing the escape key.

package/esm/components/QOverlay/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}

package/esm/components/QPopover/QPopover.d.ts

@@ -19,7 +19,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     html: boolean;
-    title: string;
     arrow: boolean;
     attach: string;
     placement: import('../../composables/overlay').Placement;

package/esm/components/QPopover/QPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA4BA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6BjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8DT,OAAO,IAA6B;;wBATtB,GAAG;sBACL,GAAG;;;;EAa5B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA4BA;AAuDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwET,OAAO,IAA6B;;wBAXtB,GAAG;sBACL,GAAG;;;;EAe5B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPopover/QPopover.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, mergeModels as m, useModel as u, openBlock as t, createBlock as h, unref as f, withCtx as y, createElementBlock as l, createTextVNode as _, toDisplayString as d, renderSlot as s, createCommentVNode as i } from "vue";
+import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as t, unref as f, withCtx as y, createElementBlock as l, createCommentVNode as d, createTextVNode as _, renderSlot as s, toDisplayString as i } from "vue";
 import { QOverlay as v } from "../QOverlay/index.js";
 const b = {
   key: 0,
@@ -18,7 +18,7 @@ const b = {
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
-    title: { default: "" }
+    title: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
@@ -41,12 +41,12 @@ const b = {
       default: y(() => [
         e.title || o.$slots.header ? (t(), l("h3", b, [
           _(
-            d(e.title) + " ",
+            i(e.title) + " ",
             1
             /* TEXT */
           ),
           s(o.$slots, "header")
-        ])) : i("v-if", !0),
+        ])) : d("v-if", !0),
         e.text || o.$slots.body ? (t(), l("div", k, [
           e.html ? (t(), l("span", {
             key: 0,
@@ -54,12 +54,12 @@ const b = {
           }, null, 8, B)) : (t(), l(
             "span",
             V,
-            d(e.text),
+            i(e.text),
             1
             /* TEXT */
           )),
           s(o.$slots, "body")
-        ])) : i("v-if", !0)
+        ])) : d("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */

package/esm/components/QPopover/index.d.ts

@@ -1,4 +1,51 @@
-import { default as _QPopover } from './QPopover';
-declare const QPopover: typeof _QPopover;
+declare const QPopover: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    } & import('./types').QPopoverProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        html: boolean;
+        arrow: boolean;
+        attach: string;
+        placement: import('../../composables/overlay').Placement;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    } & import('./types').QPopoverProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        html: boolean;
+        arrow: boolean;
+        attach: string;
+        placement: import('../../composables/overlay').Placement;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: boolean;
+} & import('./types').QPopoverProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, {
+    html: boolean;
+    arrow: boolean;
+    attach: string;
+    placement: import('../../composables/overlay').Placement;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        body?(_: {}): any;
+    };
+});
 export { QPopover };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QPopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AAKtC,QAAA,MAAM,QAAQ,EAAiC,OAAO,SAAS,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}