@quidgest/ui 0.16.45 → 0.16.47

package/esm/components/QLabel/QLabel.d.ts

@@ -7,10 +7,10 @@ declare function __VLS_template(): {
         append?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<QLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAeA;AA0CC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAwB3C,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAgB9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAaA;AAoCC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoB3C,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QLabel/QLabel.vue.js

@@ -1,6 +1,5 @@
-import { defineComponent as l, computed as a, createElementBlock as n, openBlock as d, normalizeClass as i, renderSlot as s, createElementVNode as p, mergeProps as c, createTextVNode as u, toDisplayString as f } from "vue";
-const m = ["id"], b = ["for"], h = /* @__PURE__ */ l({
-  inheritAttrs: !1,
+import { defineComponent as t, computed as a, createElementBlock as n, openBlock as d, normalizeClass as c, renderSlot as l, createElementVNode as i, createTextVNode as p, toDisplayString as u } from "vue";
+const f = ["id"], m = ["for"], q = /* @__PURE__ */ t({
   __name: "QLabel",
   props: {
     id: {},
@@ -9,34 +8,34 @@ const m = ["id"], b = ["for"], h = /* @__PURE__ */ l({
     required: { type: Boolean },
     for: {}
   },
-  setup(o) {
-    const e = o, t = a(() => [
+  setup(s) {
+    const e = s, r = a(() => [
       "q-label",
       {
         "q-label--required": e.required
       },
       e.class
     ]);
-    return (r, _) => (d(), n("div", {
+    return (o, _) => (d(), n("div", {
       id: e.id,
-      class: i(t.value)
+      class: c(r.value)
     }, [
-      s(r.$slots, "prepend"),
-      p("label", c({
+      l(o.$slots, "prepend"),
+      i("label", {
         for: e.for
-      }, r.$attrs), [
-        s(r.$slots, "default", {}, () => [
-          u(
-            f(e.label),
+      }, [
+        l(o.$slots, "default", {}, () => [
+          p(
+            u(e.label),
             1
             /* TEXT */
           )
         ])
-      ], 16, b),
-      s(r.$slots, "append")
-    ], 10, m));
+      ], 8, m),
+      l(o.$slots, "append")
+    ], 10, f));
   }
 });
 export {
-  h as default
+  q as default
 };

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

@@ -1,5 +1,5 @@
 declare const QLabel: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

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/QRadioButton.d.ts

@@ -5,7 +5,9 @@ declare function __VLS_template(): {
         default?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        inputEl: HTMLInputElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -13,7 +15,9 @@ declare const __VLS_component: import('vue').DefineComponent<QRadioButtonProps,
     size: import('./types').QRadioButtonSize;
     color: string;
     labelPlacement: import('./types').QRadioButtonLabelPlacement;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputEl: HTMLInputElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AA2BA;AA0FC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmDjD,iBAAS,cAAc;WAgET,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,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":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AA+BA;AAuGC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA4DjD,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;yBAbrB,GAAG;yBACF,GAAG;;;;;;EAiBhC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,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/QRadioButton.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, toRef as b, computed as r, createBlock as f, openBlock as v, unref as o, normalizeClass as y, createSlots as g, withCtx as d, createElementVNode as q, renderSlot as s, createCommentVNode as B, mergeProps as C } from "vue";
-import { QLabel as h } from "../QLabel/index.js";
-import { useId as k } from "../../composables/uid.js";
-import { useGroupItem as z } from "../../composables/useGroup/index.js";
-const P = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m({
+import { defineComponent as v, toRef as y, useTemplateRef as g, computed as r, createBlock as C, openBlock as k, unref as t, withModifiers as i, normalizeClass as q, createSlots as B, withCtx as s, createElementVNode as R, renderSlot as d, createCommentVNode as h, mergeProps as w } from "vue";
+import { QLabel as z } from "../QLabel/index.js";
+import { useId as E } from "../../composables/uid.js";
+import { useGroupItem as P } from "../../composables/useGroup/index.js";
+const $ = ["id", "checked", "name", "value", "disabled"], G = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "QRadioButton",
   props: {
@@ -20,15 +20,15 @@ const P = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
     readonly: { type: Boolean },
     invalid: { type: Boolean }
   },
-  setup(i) {
-    const e = i, n = k(b(e, "id")), t = z(e.value);
-    if (!t)
+  setup(u) {
+    const e = u, n = E(y(e, "id")), p = g("inputEl"), a = P(e.value);
+    if (!a)
       throw new Error("QRadioButton must be used inside a QRadioGroup");
-    const u = r(() => e.labelPlacement === "start" ? "append" : "prepend"), p = r(() => {
-      const a = e.size !== "regular" ? `q-radio-button--${e.size}` : void 0, l = e.color !== "primary" ? `q-radio-button--${e.color}` : void 0;
+    const c = r(() => e.labelPlacement === "start" ? "append" : "prepend"), m = r(() => {
+      const o = e.size !== "regular" ? `q-radio-button--${e.size}` : void 0, l = e.color !== "primary" ? `q-radio-button--${e.color}` : void 0;
       return [
         "q-radio-button",
-        a,
+        o,
         l,
         {
           "q-radio-button--readonly": e.readonly,
@@ -38,40 +38,49 @@ const P = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
         e.class
       ];
     });
-    return (a, l) => (v(), f(o(h), {
-      for: o(n),
-      class: y(p.value),
-      label: e.label
-    }, g({
-      [u.value]: d(() => [
-        q("input", C({
-          id: o(n),
-          checked: o(t).isActive.value,
-          tabindex: "0",
+    function f() {
+      var o;
+      (o = p.value) == null || o.focus();
+    }
+    return (o, l) => (k(), C(t(z), {
+      for: t(n),
+      class: q(m.value),
+      label: e.label,
+      tabindex: "-1",
+      onMousedown: i(f, ["prevent"]),
+      onClick: t(a).toggle
+    }, B({
+      [c.value]: s(() => [
+        R("input", w({
+          id: t(n),
+          ref: "inputEl",
+          checked: t(a).isActive.value,
           type: "radio",
           class: "q-radio-button__input",
           name: e.name,
-          value: a.value,
+          value: o.value,
           disabled: e.readonly || e.disabled
-        }, a.$attrs, {
+        }, o.$attrs, {
           onChange: l[0] || (l[0] = //@ts-ignore
-          (...c) => o(t).toggle && o(t).toggle(...c))
-        }), null, 16, P),
-        e.labelPlacement === "end" ? s(a.$slots, "default", { key: 0 }) : B("v-if", !0)
+          (...b) => t(a).toggle && t(a).toggle(...b)),
+          onClick: l[1] || (l[1] = i(() => {
+          }, ["stop"]))
+        }), null, 16, $),
+        e.labelPlacement === "end" ? d(o.$slots, "default", { key: 0 }) : h("v-if", !0)
       ]),
       _: 2
       /* DYNAMIC */
     }, [
       e.labelPlacement === "start" ? {
         name: "prepend",
-        fn: d(() => [
-          s(a.$slots, "default")
+        fn: s(() => [
+          d(o.$slots, "default")
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["for", "class", "label"]));
+    ]), 1032, ["for", "class", "label", "onClick"]));
   }
 });
 export {
-  w as default
+  G as default
 };

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,12 +1,12 @@
-import { defineComponent as y, mergeModels as q, 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__ */ y({
+}, S = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "QRadioGroup",
   props: /* @__PURE__ */ q({
@@ -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 });
-    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

@@ -3,7 +3,9 @@ declare const QRadioButton: {
         size: import('./types').QRadioButtonSize;
         color: string;
         labelPlacement: import('./types').QRadioButtonLabelPlacement;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputEl: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -43,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, {
@@ -72,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;
     }>;
@@ -96,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"}

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

@@ -44,6 +44,12 @@ export type QRadioGroupProps = QLabelProps & {
      * @category State
      */
     invalid?: boolean;
+    /**
+     * Indicates whether the control will have an outline when focused.
+     *
+     * @category Behavior
+     */
+    hasFocusOutline?: boolean;
 };
 export type QRadioButtonLabelPlacement = 'start' | 'end';
 export type QRadioButtonProps = QLabelProps & {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}