@quidgest/ui 0.16.54 → 0.16.56

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.54
+ * Quidgest UI v0.16.56
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -467,7 +467,6 @@ $transition-duration: 0.2s !default;
   border-width: 1px;
   border-color: transparent;
   border-radius: var(--border-radius);
-  padding: 0.4em 0.5em;
   font-size: 0.75rem;
   line-height: 1;
   position: relative;
@@ -483,18 +482,49 @@ $transition-duration: 0.2s !default;
     border-radius: inherit;
     opacity: 0.1;
   }
-  &__content {
+  &__content,
+  &__content.q-button {
     display: inline-flex;
+    border-width: 1px;
+    border-radius: var(--border-radius);
     align-items: center;
     gap: 0.25em;
     z-index: 1;
+    font-size: 0.75rem;
   }
-  &__remove.q-button {
-    padding: 0;
+  &__content:not(.q-button) {
+    border-color: transparent;
+    padding: 0.483em 0.5em;
+  }
+  &__content.q-button {
+    padding: calc(0.483em + 1px) calc(0.5em + 1px);
   }
   .q-icon {
     color: currentcolor;
   }
+  &__remove.q-button {
+    padding: 0.25rem;
+  }
+  &:not(:has(button.q-badge__content)) {
+    
+    .q-badge__remove.q-button {
+      background-color: transparent;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border-color: transparent;
+      .q-button__content {
+        padding: 1px;
+        border-radius: 9999px;
+      }
+      &:not(:disabled):hover {
+        background-color: transparent;
+        border-color: transparent;
+        .q-button__content {
+          background-color: var(--q-button-hover-color);
+        }
+      }
+    }
+  }
   
   &--bold {
     background-color: var(--q-badge-main-color);
@@ -511,46 +541,45 @@ $transition-duration: 0.2s !default;
     #{$this}__underlay {
       background-color: var(--q-badge-main-color);
     }
+    
+    &:not(:has(button.q-badge__content)) .q-badge__remove.q-button:not(:hover) {
+      background-color: transparent;
+    }
   }
   &--pill {
     border-radius: 9999px;
+    .q-button {
+      border-radius: 9999px;
+    }
   }
   &--disabled {
     opacity: 0.6;
     pointer-events: none;
   }
-  &--clickable {
-    cursor: pointer;
-    &:hover {
-      color: var(--q-badge-on-hover-color, var(--q-badge-on-main-color));
-      background-color: var(--q-badge-hover-color);
-      border-color: var(--q-badge-hover-color);
-      .q-icon {
-        color: var(--q-badge-on-hover-color);
-      }
-      .q-button:not(:disabled):hover {
-        background-color: var(--q-badge-on-hover-color);
-        border-color: var(--q-badge-on-hover-color);
-        .q-icon {
-          color: var(--q-badge-hover-color);
-        }
-      }
-    }
-    &:focus {
-      outline: $outline;
-      &:not(:focus-visible) {
-        outline: 0;
-      }
-    }
-  }
   
   @each $color, $value in $theme-colors {
     @include color-variant('q-badge', $color);
   }
   
   &--large {
-    font-size: 0.9rem;
+    min-height: 44px;
+    &:is(span) {
+      padding: 0 0.5rem;
+    }
+    button.q-button {
+      &.q-badge__content,
+      &.q-badge__remove {
+        min-height: 40px;
+        padding: 0 1rem;
+      }
+    }
   }
+  span {
+    display: inline-flex;
+  }
+}
+.q-button-group > .q-button:not(:first-child).q-badge__remove {
+  margin-left: 1px;
 }
 .q-badge-indicator {
   $this: &;
@@ -641,7 +670,7 @@ $transition-duration: 0.2s !default;
   overflow: hidden;
   position: relative;
   border-width: 1px;
-  padding: 0.4rem;
+  padding: 0.4rem 0.8rem;
   line-height: 1;
   gap: $space-base;
   border-radius: var(--border-radius);
@@ -776,7 +805,7 @@ $transition-duration: 0.2s !default;
   
   &--small {
     font-size: 0.8em;
-    padding: 0.25rem;
+    padding: 0.25rem 0.5rem;
   }
   
   &--borderless {
@@ -1203,6 +1232,7 @@ $q-carousel-height-md: 300px;
   align-items: flex-start;
   gap: 0.5rem;
   width: fit-content;
+  border-radius: var(--border-radius);
   color: var(--q-theme-neutral-dark);
   cursor: pointer;
   &--focus-style:focus-within {
@@ -3131,6 +3161,9 @@ $spinner-color: var(--q-theme-primary);
     cursor: not-allowed;
   }
 }
+.q-switch:not(.q-switch--with-labels) {
+  --q-switch-label-padding-h: var(--q-switch-label-padding-v);
+}
 .q-switch__container {
   position: relative;
   display: inline-flex;
@@ -3218,6 +3251,9 @@ $spinner-color: var(--q-theme-primary);
       var(--q-switch-shadow-spread);
   padding: var(--q-switch-label-padding-v) var(--q-switch-label-padding-h);
 }
+.q-switch--with-labels.q-switch--checked:not(.q-switch--readonly) .q-switch__label--off {
+  color: var(--q-theme-primary-light);
+}
 .q-switch--readonly {
   cursor: default;
   pointer-events: none;

package/esm/components/QBadge/QBadge.d.ts

@@ -4,9 +4,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLSpanElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -19,7 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}
     variant: import('./types').QBadgeVariant;
     icons: typeof DEFAULT_ICONS;
     texts: typeof DEFAULT_TEXTS;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AA6BA;AAmHC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAiF3C,iBAAS,cAAc;WAgFT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;yFASnB,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"}
+{"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAyCA;AAiJC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAkG3C,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,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/QBadge/QBadge.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as y, useAttrs as k, computed as r, toRef as h, createElementBlock as c, openBlock as n, withKeys as x, normalizeStyle as B, normalizeClass as z, withModifiers as T, createCommentVNode as u, createElementVNode as w, renderSlot as E, createBlock as N, unref as m, withCtx as S, createVNode as V, normalizeProps as $, guardReactiveProps as A } from "vue";
-import { DEFAULT_TEXTS as I, DEFAULT_ICONS as K } from "./constants.js";
-import { QButton as P } from "../QButton/index.js";
-import { QIcon as Q } from "../QIcon/index.js";
-import { useColor as R } from "../../composables/useColor/index.js";
-const U = ["id", "role", "tabindex", "onKeydown"], D = {
+import { defineComponent as V, useAttrs as A, computed as a, toRef as D, createElementBlock as k, createBlock as i, openBlock as t, normalizeStyle as L, normalizeClass as g, createCommentVNode as c, createElementVNode as q, renderSlot as y, unref as l, mergeProps as B, withCtx as n, createVNode as d, normalizeProps as h, guardReactiveProps as z, resolveDynamicComponent as R } from "vue";
+import { DEFAULT_TEXTS as U, DEFAULT_ICONS as F } from "./constants.js";
+import { QButton as u } from "../QButton/index.js";
+import { QButtonGroup as I } from "../QButtonGroup/index.js";
+import { QIcon as x } from "../QIcon/index.js";
+import { useColor as w } from "../../composables/useColor/index.js";
+const G = ["id"], H = {
   key: 0,
-  class: "q-badge__underlay"
-}, F = { class: "q-badge__content" }, j = /* @__PURE__ */ y({
+  class: "q-badge__underlay q-button--background"
+}, M = { class: "q-badge__content" }, Y = /* @__PURE__ */ V({
   __name: "QBadge",
   props: {
     id: {},
@@ -17,80 +18,125 @@ const U = ["id", "role", "tabindex", "onKeydown"], D = {
     size: { default: "default" },
     disabled: { type: Boolean },
     removable: { type: Boolean },
-    icons: { default: () => K },
-    texts: { default: () => I }
+    icons: { default: () => F },
+    texts: { default: () => U }
   },
   emits: ["click:remove"],
-  setup(b, { emit: v }) {
-    const e = b, p = v, f = k(), a = r(() => !!f.onClick), _ = r(() => {
-      const o = i.value ? `q-badge--${e.color}` : void 0, t = e.size !== "default" ? `q-badge--${e.size}` : void 0;
+  setup(T, { emit: E }) {
+    const e = T, $ = E, m = A(), N = a(() => !!m.onClick), v = a(() => {
+      const o = e.size !== "default" ? `q-badge--${e.size}` : void 0;
+      return [
+        {
+          "q-badge--pill": e.pill
+        },
+        o,
+        e.class
+      ];
+    }), P = a(() => {
+      const o = f.value ? `q-badge--${e.color}` : void 0;
       return [
         "q-badge",
         `q-badge--${e.variant}`,
-        o,
-        t,
         {
-          "q-badge--pill": e.pill,
-          "q-badge--disabled": e.disabled,
-          "q-badge--clickable": a.value && !e.disabled
+          "q-badge--disabled": e.disabled
         },
-        e.class
+        o,
+        v.value
       ];
-    }), { isUtilityColor: i, style: l } = R(h(e, "color")), C = r(() => {
-      var o, t, s, d;
-      if (!i.value)
+    }), { isUtilityColor: f, style: r } = w(D(e, "color")), Q = a(() => {
+      var o, s, C, _;
+      if (!f.value)
         return {
-          "--q-badge-main-color": (o = l.value) == null ? void 0 : o.mainColor,
-          "--q-badge-on-main-color": (t = l.value) == null ? void 0 : t.onMainColor,
-          "--q-badge-hover-color": (s = l.value) == null ? void 0 : s.hoverColor,
-          "--q-badge-on-hover-color": (d = l.value) == null ? void 0 : d.onHoverColor
+          "--q-badge-main-color": (o = r.value) == null ? void 0 : o.mainColor,
+          "--q-badge-on-main-color": (s = r.value) == null ? void 0 : s.onMainColor,
+          "--q-badge-hover-color": (C = r.value) == null ? void 0 : C.hoverColor,
+          "--q-badge-on-hover-color": (_ = r.value) == null ? void 0 : _.onHoverColor
         };
-    });
-    function g(o) {
-      o.stopImmediatePropagation();
+    }), S = a(() => m.onClick), b = a(() => ({
+      class: "q-badge__remove",
+      variant: e.variant,
+      color: e.color,
+      ariaLabel: e.texts.removeText,
+      title: e.texts.removeText,
+      disabled: e.disabled
+    }));
+    function p() {
+      $("click:remove");
     }
-    function q() {
-      p("click:remove");
-    }
-    return (o, t) => (n(), c("span", {
-      id: e.id,
-      class: z(_.value),
-      role: a.value ? "button" : "presentation",
-      style: B(C.value),
-      tabindex: a.value ? 0 : void 0,
-      onKeydown: x(T(g, ["stop", "prevent"]), ["enter"])
-    }, [
-      e.variant === "tonal" ? (n(), c("div", D)) : u("v-if", !0),
-      w("div", F, [
-        E(o.$slots, "default"),
-        e.removable ? (n(), N(m(P), {
-          key: 0,
-          class: "q-badge__remove",
-          pill: "",
-          borderless: "",
-          tabindex: "0",
+    return (o, s) => N.value ? (t(), i(R(e.removable ? l(I) : "span"), {
+      key: 1,
+      class: g(v.value)
+    }, {
+      default: n(() => [
+        d(l(u), {
+          class: "q-badge__content",
+          variant: e.variant,
           color: e.color,
-          "aria-label": e.texts.removeText,
-          title: e.texts.removeText,
           disabled: e.disabled,
-          onClick: q
+          onClick: S.value
         }, {
-          default: S(() => [
-            V(
-              m(Q),
-              $(A(e.icons.remove)),
-              null,
-              16
-              /* FULL_PROPS */
-            )
+          default: n(() => [
+            y(o.$slots, "default")
           ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["color", "aria-label", "title", "disabled"])) : u("v-if", !0)
+          _: 3
+          /* FORWARDED */
+        }, 8, ["variant", "color", "disabled", "onClick"]),
+        e.removable ? (t(), i(
+          l(u),
+          B({ key: 0 }, b.value, { onClick: p }),
+          {
+            default: n(() => [
+              d(
+                l(x),
+                h(z(e.icons.remove)),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          },
+          16
+          /* FULL_PROPS */
+        )) : c("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["class"])) : (t(), k("span", {
+      key: 0,
+      id: e.id,
+      class: g(P.value),
+      style: L(Q.value)
+    }, [
+      e.variant === "tonal" ? (t(), k("div", H)) : c("v-if", !0),
+      q("span", null, [
+        q("div", M, [
+          y(o.$slots, "default")
+        ]),
+        e.removable ? (t(), i(
+          l(u),
+          B({ key: 0 }, b.value, { onClick: p }),
+          {
+            default: n(() => [
+              d(
+                l(x),
+                h(z(e.icons.remove)),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          },
+          16
+          /* FULL_PROPS */
+        )) : c("v-if", !0)
       ])
-    ], 46, U));
+    ], 14, G));
   }
 });
 export {
-  j as default
+  Y as default
 };

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

@@ -9,7 +9,7 @@ declare const QBadge: {
         variant: import('./types').QBadgeVariant;
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -41,6 +41,7 @@ declare const QBadge: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
 });
 export { QBadge };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}

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

@@ -96,7 +96,7 @@ export type QDialogProps = QBaseComponentProps & {
     closingFocus?: HTMLElement | string;
     /**
      * Whether to return focus to the element that opened this
-     * when the focus trap is deactivaed.
+     * when the focus wrap is deactivated.
      *
      * @category Behavior
      */

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

@@ -163,7 +163,7 @@ export type QOverlayProps = QBaseComponentProps & {
     closingFocus?: HTMLElement | string;
     /**
      * Whether to return focus to the element that opened this
-     * when the focus trap is deactivaed.
+     * when the focus wrap is deactivated.
      *
      * @category Behavior
      */

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

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     placement: import('..').QOverlayPlacement;
     arrow: boolean;
     attach: string;
+    headingLevel: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AAkCA;AA6DC,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;WAsFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;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"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAsCA;AAyEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6BlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACH,GAAG;yBACX,GAAG;;;;EAehC;AAaD,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,17 +1,18 @@
-import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as l, createCommentVNode as v, renderSlot as a, Fragment as k, toDisplayString as i } from "vue";
-import { QOverlay as B } from "../QOverlay/index.js";
-const V = { class: "q-popover__content" }, g = {
+import { defineComponent as u, mergeModels as h, useModel as v, computed as f, createBlock as s, openBlock as a, unref as y, normalizeClass as g, withCtx as i, createElementVNode as _, createElementBlock as l, createCommentVNode as k, renderSlot as o, Fragment as V, resolveDynamicComponent as B, createTextVNode as L, toDisplayString as p } from "vue";
+import { QOverlay as $ } from "../QOverlay/index.js";
+const b = { class: "q-popover__content" }, w = {
   key: 0,
   class: "q-popover__header"
-}, $ = { class: "q-popover__title" }, b = ["innerHTML"], w = { key: 1 }, C = /* @__PURE__ */ c({
+}, C = ["innerHTML"], M = { key: 1 }, N = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ h({
     id: {},
     class: {},
     anchor: {},
     text: {},
     title: {},
+    headingLevel: { default: 2 },
     arrow: { type: Boolean, default: !0 },
     placement: { default: "right" },
     attach: { default: "body" },
@@ -24,12 +25,12 @@ const V = { class: "q-popover__content" }, g = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const e = n, s = u(n, "modelValue");
-    return (t, r) => (o(), h(f(B), {
+    const e = n, d = v(n, "modelValue"), c = f(() => e.headingLevel >= 1 && e.headingLevel <= 6 ? "h" + e.headingLevel : "div");
+    return (t, r) => (a(), s(y($), {
       id: e.id,
-      modelValue: s.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
-      class: y(["q-popover", e.class]),
+      modelValue: d.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (m) => d.value = m),
+      class: g(["q-popover", e.class]),
       trigger: "click",
       anchor: e.anchor,
       arrow: e.arrow,
@@ -38,35 +39,39 @@ const V = { class: "q-popover__content" }, g = {
       disabled: e.disabled,
       placement: e.placement
     }, {
-      default: _(() => [
-        d("div", V, [
-          e.title || t.$slots.header ? (o(), l("div", g, [
-            t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
-              k,
+      default: i(() => [
+        _("div", b, [
+          e.title || t.$slots.header ? (a(), l("div", w, [
+            t.$slots.header ? o(t.$slots, "header", { key: 0 }) : (a(), l(
+              V,
               { key: 1 },
               [
-                a(t.$slots, "header.prepend"),
-                d(
-                  "h4",
-                  $,
-                  i(e.title),
-                  1
-                  /* TEXT */
-                ),
-                a(t.$slots, "header.append")
+                o(t.$slots, "header.prepend"),
+                (a(), s(B(c.value), { class: "q-popover__title" }, {
+                  default: i(() => [
+                    L(
+                      p(e.title),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })),
+                o(t.$slots, "header.append")
               ],
               64
               /* STABLE_FRAGMENT */
             ))
-          ])) : v("v-if", !0),
-          a(t.$slots, "default", {}, () => [
-            e.html ? (o(), l("span", {
+          ])) : k("v-if", !0),
+          o(t.$slots, "default", {}, () => [
+            e.html ? (a(), l("span", {
               key: 0,
               innerHTML: e.text
-            }, null, 8, b)) : (o(), l(
+            }, null, 8, C)) : (a(), l(
               "span",
-              w,
-              i(e.text),
+              M,
+              p(e.text),
               1
               /* TEXT */
             ))
@@ -79,5 +84,5 @@ const V = { class: "q-popover__content" }, g = {
   }
 });
 export {
-  C as default
+  N as default
 };

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

@@ -5,6 +5,7 @@ declare const QPopover: {
         anchor: import('../../utils/getElement').Selector;
         text?: string;
         title?: string;
+        headingLevel?: number;
         arrow?: boolean;
         placement?: import('..').QOverlayPlacement;
         attach?: string;
@@ -20,6 +21,7 @@ declare const QPopover: {
         placement: import('..').QOverlayPlacement;
         arrow: boolean;
         attach: string;
+        headingLevel: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -33,6 +35,7 @@ declare const QPopover: {
         anchor: import('../../utils/getElement').Selector;
         text?: string;
         title?: string;
+        headingLevel?: number;
         arrow?: boolean;
         placement?: import('..').QOverlayPlacement;
         attach?: string;
@@ -46,6 +49,7 @@ declare const QPopover: {
         placement: import('..').QOverlayPlacement;
         arrow: boolean;
         attach: string;
+        headingLevel: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -56,6 +60,7 @@ declare const QPopover: {
     anchor: import('../../utils/getElement').Selector;
     text?: string;
     title?: string;
+    headingLevel?: number;
     arrow?: boolean;
     placement?: import('..').QOverlayPlacement;
     attach?: string;
@@ -71,6 +76,7 @@ declare const QPopover: {
     placement: import('..').QOverlayPlacement;
     arrow: boolean;
     attach: string;
+    headingLevel: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,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;AAGnB,cAAc,SAAS,CAAA"}

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

@@ -20,6 +20,12 @@ export type QPopoverProps = QBaseComponentProps & {
      * @category Content
      */
     title?: string;
+    /**
+     * The heading level of the title of the popover.
+     *
+     * @category Content
+     */
+    headingLevel?: number;
     /**
      * Whether the popover has an arrow pointing to the target.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAuBA;AA8GC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAsErC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAcD,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"}
+{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAuBA;AAyGC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAiErC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAcD,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"}