@quidgest/ui 0.16.46 → 0.16.47

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.46
+ * Quidgest UI v0.16.47
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1205,7 +1205,7 @@ $q-carousel-height-md: 300px;
   width: fit-content;
   color: var(--q-theme-neutral-dark);
   cursor: pointer;
-  &:focus-within {
+  &--focus-style:focus-within {
     outline: $outline;
   }
   label {
@@ -2639,9 +2639,6 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
   align-items: center;
   gap: 0.5em;
   cursor: pointer;
-  &:focus-within {
-    outline: $outline;
-  }
   label {
     line-height: 1;
     cursor: pointer;
@@ -2743,6 +2740,9 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     padding: 0.625rem;
   }
 }
+.q-radio-group--focus-style .q-radio-button:focus-within {
+  outline: $outline;
+}
 .q-select {
   $this: &;
   &:not(#{$this}--readonly):not(#{$this}--disabled) {

package/esm/components/QCheckbox/QCheckbox.d.ts

@@ -26,6 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     color: string;
     icons: typeof DEFAULT_ICONS;
     labelPlacement: import('./types').QCheckboxLabelPlacement;
+    hasFocusOutline: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputEl: HTMLInputElement;
     buttonEl: HTMLButtonElement;

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

@@ -1 +1 @@
-{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AA8DA;AA0IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAiEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;OASnB,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":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AA8DA;AA4IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OASnB,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/QCheckbox/QCheckbox.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as _, mergeModels as g, useModel as B, toRef as w, useTemplateRef as m, computed as $, watch as M, createElementBlock as V, openBlock as n, withModifiers as a, normalizeClass as P, createBlock as s, createCommentVNode as r, createElementVNode as f, unref as l, createSlots as p, withCtx as h, renderSlot as k, mergeProps as y, withKeys as v } from "vue";
+import { defineComponent as E, mergeModels as _, useModel as g, toRef as w, useTemplateRef as f, computed as $, watch as M, createElementBlock as V, openBlock as r, withModifiers as a, normalizeClass as P, createBlock as s, createCommentVNode as n, createElementVNode as m, unref as l, createSlots as p, withCtx as h, renderSlot as k, mergeProps as y, withKeys as v } from "vue";
 import { DEFAULT_ICONS as R } from "./constants.js";
 import { QIcon as z } from "../QIcon/index.js";
 import { QCheckboxLabel as q } from "./index.js";
-import { useId as I } from "../../composables/uid.js";
-const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria-checked", "disabled", "onKeydown"], D = /* @__PURE__ */ _({
+import { useId as F } from "../../composables/uid.js";
+const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria-checked", "disabled", "onKeydown"], L = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "QCheckbox",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ _({
     id: {},
     class: {},
     label: {},
@@ -18,14 +18,15 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
-    icons: { default: () => R }
+    icons: { default: () => R },
+    hasFocusOutline: { type: Boolean, default: !0 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = c, t = B(c, "modelValue"), i = I(w(e, "id")), u = m("inputEl"), x = m("buttonEl"), C = $(() => [
+    const e = c, t = g(c, "modelValue"), i = F(w(e, "id")), u = f("inputEl"), x = f("buttonEl"), C = $(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
@@ -33,28 +34,29 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
         "q-checkbox--readonly": e.readonly,
         "q-checkbox--disabled": e.disabled,
         "q-checkbox--checked": t.value,
-        "q-checkbox--indeterminate": e.indeterminate
+        "q-checkbox--indeterminate": e.indeterminate,
+        "q-checkbox--focus-style": e.hasFocusOutline
       },
       e.class
     ]);
     function d() {
       !e.disabled && !e.readonly && (t.value = !t.value);
     }
-    function E() {
+    function B() {
       var o;
       (o = x.value) == null || o.focus();
     }
     return M(t, (o) => {
       u.value && (u.value.checked = !!o);
-    }), (o, b) => (n(), V(
+    }), (o, b) => (r(), V(
       "div",
       {
         class: P(C.value),
         onClick: a(d, ["prevent"]),
-        onMousedown: a(E, ["prevent"])
+        onMousedown: a(B, ["prevent"])
       },
       [
-        e.label && e.labelPlacement !== "right" ? (n(), s(l(q), {
+        e.label && e.labelPlacement !== "right" ? (r(), s(l(q), {
           key: 0,
           for: l(i),
           label: e.label,
@@ -70,9 +72,9 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["for", "label", "required"])) : r("v-if", !0),
-        r(" Hidden native input for form submission "),
-        f("input", {
+        ]), 1032, ["for", "label", "required"])) : n("v-if", !0),
+        n(" Hidden native input for form submission "),
+        m("input", {
           ref: "inputEl",
           type: "checkbox",
           class: "q-checkbox__native-input",
@@ -82,9 +84,9 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
           "aria-readonly": e.readonly,
           tabindex: "-1",
           "aria-hidden": "true"
-        }, null, 8, K),
-        r(" Custom interactive button "),
-        f("button", y({
+        }, null, 8, I),
+        n(" Custom interactive button "),
+        m("button", y({
           id: l(i),
           ref: "buttonEl",
           role: "checkbox",
@@ -101,15 +103,15 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
             }, ["prevent"]), ["enter"]))
           ]
         }), [
-          t.value || o.indeterminate ? (n(), s(
+          t.value || o.indeterminate ? (r(), s(
             l(z),
             y({ key: 0 }, t.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
             null,
             16
             /* FULL_PROPS */
-          )) : r("v-if", !0)
-        ], 16, N),
-        e.label && e.labelPlacement === "right" ? (n(), s(l(q), {
+          )) : n("v-if", !0)
+        ], 16, K),
+        e.label && e.labelPlacement === "right" ? (r(), s(l(q), {
           key: 1,
           for: l(i),
           label: e.label,
@@ -125,7 +127,7 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["for", "label", "required"])) : r("v-if", !0)
+        ]), 1032, ["for", "label", "required"])) : n("v-if", !0)
       ],
       34
       /* CLASS, NEED_HYDRATION */
@@ -133,5 +135,5 @@ const K = ["checked", "disabled", "required", "aria-readonly"], N = ["id", "aria
   }
 });
 export {
-  D as default
+  L as default
 };

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

@@ -13,6 +13,7 @@ declare const QCheckbox: {
         readonly?: boolean;
         indeterminate?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -22,6 +23,7 @@ declare const QCheckbox: {
         color: string;
         icons: typeof import('./constants').DEFAULT_ICONS;
         labelPlacement: import('./types').QCheckboxLabelPlacement;
+        hasFocusOutline: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputEl: HTMLInputElement;
         buttonEl: HTMLButtonElement;
@@ -46,6 +48,7 @@ declare const QCheckbox: {
         readonly?: boolean;
         indeterminate?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -53,6 +56,7 @@ declare const QCheckbox: {
         color: string;
         icons: typeof import('./constants').DEFAULT_ICONS;
         labelPlacement: import('./types').QCheckboxLabelPlacement;
+        hasFocusOutline: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -71,6 +75,7 @@ declare const QCheckbox: {
     readonly?: boolean;
     indeterminate?: boolean;
     icons?: typeof import('./constants').DEFAULT_ICONS;
+    hasFocusOutline?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -80,6 +85,7 @@ declare const QCheckbox: {
     color: string;
     icons: typeof import('./constants').DEFAULT_ICONS;
     labelPlacement: import('./types').QCheckboxLabelPlacement;
+    hasFocusOutline: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         extras?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}

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

@@ -46,5 +46,11 @@ export type QCheckboxProps = QCheckboxLabelProps & {
      * @category Configuration
      */
     icons?: typeof DEFAULT_ICONS;
+    /**
+     * Indicates whether the control will have an outline when focused.
+     *
+     * @category Behavior
+     */
+    hasFocusOutline?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA;AAE7C,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA;AAE7C,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA8DA;AAshBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAyclC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6KT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA8DA;AAuhBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA0clC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6KT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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/QOverlay/QOverlay.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as de, mergeModels as F, useModel as fe, computed as l, reactive as I, ref as b, watch as P, nextTick as g, onMounted as ve, onBeforeUnmount as pe, createElementBlock as k, openBlock as c, Fragment as me, createBlock as _, createCommentVNode as y, Teleport as ye, createVNode as B, Transition as z, withCtx as L, normalizeClass as U, normalizeStyle as N, unref as T, createElementVNode as he, mergeProps as we, renderSlot as ge } from "vue";
+import { defineComponent as de, mergeModels as F, useModel as fe, computed as u, reactive as I, watch as P, ref as _, nextTick as g, onMounted as ve, onBeforeUnmount as pe, createElementBlock as k, openBlock as c, Fragment as me, createBlock as b, createCommentVNode as y, Teleport as ye, createVNode as B, Transition as z, withCtx as L, normalizeClass as U, normalizeStyle as N, unref as T, createElementVNode as he, mergeProps as we, renderSlot as ge } from "vue";
 import { QDismissibleLayer as ke } from "../QDismissibleLayer/index.js";
 import { QRemoveScrollBar as Le } from "../QRemoveScrollBar/index.js";
 import { FocusTrap as Ee } from "../../vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js";
-import { getSideFromPlacement as be, computePosition as _e } from "../../composables/overlay.js";
+import { getSideFromPlacement as _e, computePosition as be } from "../../composables/overlay.js";
 import { useTheme as Be } from "../../composables/theme.js";
 import { getElement as Te } from "../../utils/getElement.js";
 const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
@@ -38,17 +38,17 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
   }),
   emits: /* @__PURE__ */ F(["enter", "leave"], ["update:modelValue"]),
   setup(C, { emit: Q }) {
-    const t = C, x = Q, r = fe(C, "modelValue"), { class: W } = Be(), j = l(() => [
+    const t = C, x = Q, r = fe(C, "modelValue"), { class: W } = Be(), j = u(() => [
       "q-overlay",
-      `q-overlay--${be(o.placement)}`,
+      `q-overlay--${_e(o.placement)}`,
       W.value,
       {
-        "q-overlay--independent": f.value,
+        "q-overlay--independent": v.value,
         "q-overlay--inverted": t.appearance === "inverted",
         "q-overlay--center": t.centerVertically
       },
       t.class
-    ]), f = l(() => t.anchor === void 0), D = l(() => r.value && !t.nonModal), G = l(() => (r.value || o.animating) && t.scrollLock), H = l(() => !t.inline && (r.value || o.animating)), O = l(() => v.value ?? "#" + t.id), o = I({
+    ]), v = u(() => t.anchor === void 0), D = u(() => r.value && !t.nonModal), G = u(() => (r.value || o.animating) && t.scrollLock), H = u(() => !t.inline && (r.value || o.animating)), O = () => d.value ? d.value ?? void 0 : "#" + t.id, o = I({
       animating: !1,
       top: 0,
       left: 0,
@@ -60,37 +60,37 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
       hidden: !0
     });
     P(r, te);
-    const J = l(() => {
-      if (f.value) return;
-      const e = s(), u = t.width === "anchor", n = u ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+    const J = u(() => {
+      if (v.value) return;
+      const e = l(), s = t.width === "anchor", n = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
         top: `${o.top}px`,
         left: `${o.left}px`,
         width: n !== void 0 ? `${n}px` : void 0
       };
-    }), K = l(() => {
+    }), K = u(() => {
       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
         };
-    }), h = b(null), S = b(null), v = b(null);
+    }), h = _(null), S = _(null), d = _(null);
     function i() {
-      const e = s();
-      if (!e || !v.value)
+      const e = l();
+      if (!e || !d.value)
         return;
-      const u = {
+      const s = {
         placement: t.placement,
         width: t.width,
         offset: t.offset,
         crossOffset: t.crossOffset,
         arrow: t.arrow
-      }, n = _e(
+      }, n = be(
         e,
-        v.value,
+        d.value,
         (h == null ? void 0 : h.value) ?? void 0,
-        u
+        s
       );
       o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, a.hidden = n.arrowCoords === void 0, n.arrowCoords && (a.top = n.arrowCoords.y, a.left = n.arrowCoords.x);
     }
@@ -110,9 +110,9 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
         r.value = !0;
       }, e);
     }
-    function d() {
+    function f() {
       if (p && M(), r.value = !1, t.anchor && t.trigger === "click") {
-        const e = s();
+        const e = l();
         g(() => e == null ? void 0 : e.focus());
       }
     }
@@ -137,7 +137,7 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
     function V() {
       o.animating = !1;
     }
-    function s() {
+    function l() {
       return t.anchor ? Te(t.anchor) : null;
     }
     function ne(e) {
@@ -149,21 +149,21 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
         e.preventDefault();
         return;
       }
-      let u = !1;
-      e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (u = !0);
+      let s = !1;
+      e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (s = !0);
       const n = e.detail.originalEvent.target;
-      if ((A = s()) == null ? void 0 : A.contains(n)) {
+      if ((A = l()) == null ? void 0 : A.contains(n)) {
         e.preventDefault();
         return;
       }
-      e.detail.originalEvent.type === "focusin" && u && e.preventDefault();
+      e.detail.originalEvent.type === "focusin" && s && e.preventDefault();
     }
     function re() {
-      d();
+      f();
     }
     let m;
     function ae() {
-      const e = s();
+      const e = l();
       if (e)
         switch (m = new MutationObserver(i), m.observe(e, {
           attributes: !1,
@@ -175,19 +175,19 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
             e.addEventListener("click", w);
             break;
           case "hover":
-            e.addEventListener("mouseenter", q), e.addEventListener("mouseleave", d), e.addEventListener("focusin", w), e.addEventListener("focusout", d);
+            e.addEventListener("mouseenter", q), e.addEventListener("mouseleave", f), e.addEventListener("focusin", w), e.addEventListener("focusout", f);
             break;
         }
     }
     function ie() {
-      const e = s();
+      const e = l();
       if (e)
         switch (m == null || m.disconnect(), t.trigger) {
           case "click":
             e.removeEventListener("click", w);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", q), e.removeEventListener("mouseleave", d), e.removeEventListener("focusin", w), e.removeEventListener("focusout", d);
+            e.removeEventListener("mouseenter", q), e.removeEventListener("mouseleave", f), e.removeEventListener("focusin", w), e.removeEventListener("focusout", f);
             break;
         }
     }
@@ -199,22 +199,22 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
     }
     let E;
     function $() {
-      s() ? (i(), E = window.setTimeout($, 100)) : d();
+      l() ? (i(), E = window.setTimeout($, 100)) : f();
     }
     function ue() {
       var e;
-      f.value || (le(), t.spy ? $() : i()), (f.value || t.trigger === "click") && ((e = S.value) == null || e.focus());
+      v.value || (le(), t.spy ? $() : i()), (v.value || t.trigger === "click") && ((e = S.value) == null || e.focus());
     }
     function ce() {
-      f.value || se(), t.spy && (clearTimeout(E), E = void 0);
+      v.value || se(), t.spy && (clearTimeout(E), E = void 0);
     }
     return ve(() => {
       g(ae);
-    }), pe(ie), (e, u) => (c(), k(
+    }), pe(ie), (e, s) => (c(), k(
       me,
       null,
       [
-        (c(), _(ye, {
+        (c(), b(ye, {
           disabled: !H.value,
           to: t.attach
         }, [
@@ -254,7 +254,7 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
                 key: 0,
                 id: t.id,
                 ref_key: "overlayContainerRef",
-                ref: v,
+                ref: d,
                 tabindex: "-1",
                 class: U(j.value),
                 style: N(J.value)
@@ -265,11 +265,11 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
                   onPointerDownOutside: ne
                 }, {
                   default: L(() => [
-                    v.value ? (c(), _(T(Ee), {
+                    d.value ? (c(), b(T(Ee), {
                       key: 0,
                       active: !t.nonModal && r.value && t.focusTrap,
-                      "fallback-focus": O.value,
-                      "initial-focus": O.value,
+                      "fallback-focus": O,
+                      "initial-focus": O,
                       "return-focus-on-deactivate": t.returnFocusOnDeactivate
                     }, {
                       default: L(() => [
@@ -299,7 +299,7 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
                       ]),
                       _: 3
                       /* FORWARDED */
-                    }, 8, ["active", "fallback-focus", "initial-focus", "return-focus-on-deactivate"])) : y("v-if", !0)
+                    }, 8, ["active", "return-focus-on-deactivate"])) : y("v-if", !0)
                   ]),
                   _: 3
                   /* FORWARDED */
@@ -310,7 +310,7 @@ const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        G.value ? (c(), _(T(Le), { key: 0 })) : y("v-if", !0)
+        G.value ? (c(), b(T(Le), { key: 0 })) : y("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */

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

@@ -19,6 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     size: import('./types').QRadioButtonSize;
+    hasFocusOutline: boolean;
     orientation: import('./types').QRadioButtonOrientation;
     columns: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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;AA4GC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAmErC,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;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"}

package/esm/components/QRadioGroup/QRadioGroup.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as q, mergeModels as y, useModel as b, watch as B, toRef as r, computed as d, createElementBlock as n, openBlock as l, normalizeClass as _, createBlock as h, createCommentVNode as u, createElementVNode as z, unref as a, mergeProps as k, renderSlot as m } from "vue";
+import { defineComponent as g, mergeModels as q, useModel as b, watch as h, toRef as r, computed as d, createElementBlock as n, openBlock as l, normalizeClass as B, createBlock as _, createCommentVNode as u, createElementVNode as z, unref as a, mergeProps as k, renderSlot as c } from "vue";
 import { QLabel as V } from "../QLabel/index.js";
 import { provideDefaults as $ } from "../../composables/defaults.js";
-import { useId as c } from "../../composables/uid.js";
+import { useId as m } from "../../composables/uid.js";
 import { useGroup as C } from "../../composables/useGroup/index.js";
 const M = ["id"], Q = {
   key: 1,
   class: "q-field__extras"
-}, x = /* @__PURE__ */ q({
+}, S = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "QRadioGroup",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ q({
     id: {},
     class: {},
     label: {},
@@ -21,24 +21,26 @@ const M = ["id"], Q = {
     columns: { default: 1 },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
-    invalid: { type: Boolean }
+    invalid: { type: Boolean },
+    hasFocusOutline: { type: Boolean, default: !0 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, i = b(t, "modelValue"), { active: p } = C({ active: i, required: !0 });
-    B(p, (o) => {
-      i.value = o;
+    const e = t, s = b(t, "modelValue"), { active: p } = C({ active: s, required: !0 });
+    h(p, (o) => {
+      s.value = o;
     });
-    const s = c(r(e, "id")), f = c(r(e, "name")), v = d(() => [
+    const i = m(r(e, "id")), f = m(r(e, "name")), v = d(() => [
       "q-radio-group",
       {
-        "q-radio-group--horizontal": e.orientation === "horizontal"
+        "q-radio-group--horizontal": e.orientation === "horizontal",
+        "q-radio-group--focus-style": e.hasFocusOutline
       },
       e.class
-    ]), g = d(() => e.columns > 1 ? {
+    ]), y = d(() => e.columns > 1 ? {
       "--q-radio-group-columns": e.columns
     } : {
       undefined: void 0
@@ -54,25 +56,25 @@ const M = ["id"], Q = {
     }), (o, R) => (l(), n(
       "div",
       {
-        class: _(v.value)
+        class: B(v.value)
       },
       [
-        e.label ? (l(), h(a(V), {
+        e.label ? (l(), _(a(V), {
           key: 0,
-          for: a(s),
+          for: a(i),
           label: e.label,
           required: e.required
         }, null, 8, ["for", "label", "required"])) : u("v-if", !0),
         z("div", k({
-          id: a(s),
+          id: a(i),
           class: ["q-radio-group__group", { "q-radio-group--grid": e.columns > 1 }],
           role: "radiogroup",
-          style: g.value
+          style: y.value
         }, o.$attrs), [
-          m(o.$slots, "default")
+          c(o.$slots, "default")
         ], 16, M),
         o.$slots.extras ? (l(), n("div", Q, [
-          m(o.$slots, "extras")
+          c(o.$slots, "extras")
         ])) : u("v-if", !0)
       ],
       2
@@ -81,5 +83,5 @@ const M = ["id"], Q = {
   }
 });
 export {
-  x as default
+  S as default
 };

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

@@ -45,12 +45,14 @@ declare const QRadioGroup: {
         disabled?: boolean;
         readonly?: boolean;
         invalid?: boolean;
+        hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: any) => any;
     }, import('vue').PublicProps, {
         size: import('./types').QRadioButtonSize;
+        hasFocusOutline: boolean;
         orientation: import('./types').QRadioButtonOrientation;
         columns: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -74,10 +76,12 @@ declare const QRadioGroup: {
         disabled?: boolean;
         readonly?: boolean;
         invalid?: boolean;
+        hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('./types').QRadioButtonSize;
+        hasFocusOutline: boolean;
         orientation: import('./types').QRadioButtonOrientation;
         columns: number;
     }>;
@@ -98,12 +102,14 @@ declare const QRadioGroup: {
     disabled?: boolean;
     readonly?: boolean;
     invalid?: boolean;
+    hasFocusOutline?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, {
     size: import('./types').QRadioButtonSize;
+    hasFocusOutline: boolean;
     orientation: import('./types').QRadioButtonOrientation;
     columns: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}