@quidgest/ui 0.16.46 → 0.16.47

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.46",
+  "version": "0.16.47",
   "components": [
     {
       "name": "QAccordion",
@@ -1407,6 +1407,17 @@
             "default": "DEFAULT_ICONS",
             "required": false,
             "category": "Configuration"
+          },
+          {
+            "name": "hasFocusOutline",
+            "type": {
+              "kind": "primitive",
+              "name": "boolean"
+            },
+            "description": "Indicates whether the control will have an outline when focused.",
+            "default": "true",
+            "required": false,
+            "category": "Behavior"
           }
         ],
         "events": [
@@ -5509,6 +5520,17 @@
             "description": "Indicates whether the provided value fails the validation criteria.",
             "required": false,
             "category": "State"
+          },
+          {
+            "name": "hasFocusOutline",
+            "type": {
+              "kind": "primitive",
+              "name": "boolean"
+            },
+            "description": "Indicates whether the control will have an outline when focused.",
+            "default": "true",
+            "required": false,
+            "category": "Behavior"
           }
         ],
         "events": [

package/dist/ui.css

@@ -1321,7 +1321,7 @@ body *::-webkit-scrollbar-track {
   color: var(--q-theme-neutral-dark);
   cursor: pointer;
 }
-.q-checkbox:focus-within {
+.q-checkbox--focus-style:focus-within {
   outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
 .q-checkbox label {
@@ -4305,9 +4305,6 @@ body *::-webkit-scrollbar-track {
   gap: 0.5em;
   cursor: pointer;
 }
-.q-radio-button:focus-within {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
-}
 .q-radio-button label {
   line-height: 1;
   cursor: pointer;
@@ -4407,6 +4404,10 @@ body *::-webkit-scrollbar-track {
   padding: 0.625rem;
 }
 
+.q-radio-group--focus-style .q-radio-button:focus-within {
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
+}
+
 .q-select {
   /* Icon of the selected item */
 }

package/dist/ui.esm.js

@@ -3,7 +3,7 @@ var Is = (a, e, t) => e in a ? Os(a, e, { enumerable: !0, configurable: !0, writ
 var we = (a, e, t) => Is(a, typeof e != "symbol" ? e + "" : e, t);
 import { getCurrentInstance as qn, computed as $, ref as K, toValue as ga, provide as Al, inject as Ja, unref as u, isRef as wn, watch as Ae, defineComponent as ce, mergeModels as Oe, toRef as Pe, useModel as Ye, createElementBlock as k, openBlock as p, normalizeClass as ie, renderSlot as P, normalizeStyle as ze, withModifiers as at, createCommentVNode as E, createElementVNode as te, createVNode as he, createTextVNode as Ge, toDisplayString as ke, useAttrs as Cl, createBlock as re, resolveDynamicComponent as ra, withCtx as H, Fragment as be, h as ul, mergeProps as Me, withKeys as _n, normalizeProps as Ie, guardReactiveProps as Qe, useSlots as Gt, onMounted as Je, onUnmounted as Tt, renderList as Re, nextTick as Ue, useTemplateRef as Dt, createSlots as We, withDirectives as Wt, vModelDynamic as Es, vModelText as Pl, useId as Ls, Comment as Rs, cloneVNode as Bs, reactive as na, onBeforeUnmount as Gr, Teleport as Kr, Transition as Ht, render as cr, getCurrentScope as Zr, onScopeDispose as Jr, onBeforeUpdate as Fs, vShow as gn, resolveComponent as Vs, vModelCheckbox as Ns, readonly as Ys, customRef as zs, shallowRef as dl, toHandlers as Qs, watchEffect as Ws, TransitionGroup as Hs } from "vue";
 /*!
- * Quidgest UI v0.16.46
+ * Quidgest UI v0.16.47
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1582,7 +1582,8 @@ const Bi = /* @__PURE__ */ ce({
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
-    icons: { default: () => ku }
+    icons: { default: () => ku },
+    hasFocusOutline: { type: Boolean, default: !0 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
@@ -1597,7 +1598,8 @@ const Bi = /* @__PURE__ */ ce({
         "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
     ]);
@@ -2388,7 +2390,7 @@ const Bi = /* @__PURE__ */ ce({
       P(n.$slots, "default")
     ], 8, ad));
   }
-}), En = _e(ju), po = _e(td), vo = _e(ld), mo = Symbol("DismissibleLayer");
+}), En = _e(ju), po = _e(td), vo = _e(ld), mo = Symbol.for("DismissibleLayer");
 function rd() {
   const a = K([]);
   function e(l) {
@@ -3526,7 +3528,7 @@ const uc = ["id"], dc = ["role"], cc = /* @__PURE__ */ ce({
         "q-overlay--center": t.centerVertically
       },
       t.class
-    ]), s = $(() => t.anchor === void 0), i = $(() => l.value && !t.nonModal), d = $(() => (l.value || v.animating) && t.scrollLock), c = $(() => !t.inline && (l.value || v.animating)), f = $(() => D.value ?? "#" + t.id), v = na({
+    ]), s = $(() => t.anchor === void 0), i = $(() => l.value && !t.nonModal), d = $(() => (l.value || v.animating) && t.scrollLock), c = $(() => !t.inline && (l.value || v.animating)), f = () => D.value ? D.value ?? void 0 : "#" + t.id, v = na({
       animating: !1,
       top: 0,
       left: 0,
@@ -3736,8 +3738,8 @@ const uc = ["id"], dc = ["role"], cc = /* @__PURE__ */ ce({
                   D.value ? (p(), re(u(Zd), {
                     key: 0,
                     active: !t.nonModal && l.value && t.focusTrap,
-                    "fallback-focus": f.value,
-                    "initial-focus": f.value,
+                    "fallback-focus": f,
+                    "initial-focus": f,
                     "return-focus-on-deactivate": t.returnFocusOnDeactivate
                   }, {
                     default: H(() => [
@@ -3760,7 +3762,7 @@ const uc = ["id"], dc = ["role"], cc = /* @__PURE__ */ ce({
                       ], 16, dc)
                     ]),
                     _: 3
-                  }, 8, ["active", "fallback-focus", "initial-focus", "return-focus-on-deactivate"])) : E("", !0)
+                  }, 8, ["active", "return-focus-on-deactivate"])) : E("", !0)
                 ]),
                 _: 3
               })
@@ -14670,7 +14672,8 @@ const Jh = /* @__PURE__ */ Xh(Gh, [["render", Zh]]), Ha = _e(Hh), Ml = _e(Uh), D
     columns: { default: 1 },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
-    invalid: { type: Boolean }
+    invalid: { type: Boolean },
+    hasFocusOutline: { type: Boolean, default: !0 }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -14684,7 +14687,8 @@ const Jh = /* @__PURE__ */ Xh(Gh, [["render", Zh]]), Ha = _e(Hh), Ml = _e(Uh), D
     const l = ht(Pe(e, "id")), r = ht(Pe(e, "name")), o = $(() => [
       "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
     ]), s = $(() => e.columns > 1 ? {