@quidgest/ui 0.16.37 → 0.16.39

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.37
+ * Quidgest UI v0.16.39
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -256,6 +256,7 @@ $outline: $outline-width $outline-style $outline-color;
 $scrollbar-thumb: var(--q-theme-neutral-light);
 $scrollbar-track: rgb(var(--q-theme-neutral-light-rgb) / 25%);
 $headings-text-transform: uppercase !default;
+$group-border-bottom: 1px solid $border !default;
 $input-padding-y: 0.26rem !default;
 $input-padding-x: 0.25rem !default;
 :root {
@@ -1937,6 +1938,121 @@ $q-carousel-height-md: 300px;
 .q-spacer {
   flex: 1 1 0;
 }
+.q-group-box {
+  $this: &;
+  display: inline-block;
+  word-wrap: break-word;
+  background-color: var(--q-theme-container);
+  border-width: 1px;
+  border-bottom: $group-border-bottom;
+  padding: 0.5rem 1rem 1rem;
+  border-radius: var(--border-radius);
+  position: relative;
+  max-width: 100%;
+  &:focus-visible {
+    outline: $outline;
+    border-radius: var(--border-radius);
+  }
+  &__title {
+    font-size: 1.2rem;
+    line-height: 1rem;
+    letter-spacing: 0.02rem;
+    color: var(--q-theme-primary);
+    text-transform: $headings-text-transform;
+    margin: 0;
+    margin-top: 0.25rem;
+    display: flex;
+    align-items: flex-start;
+    width: fit-content;
+    gap: 0.25rem;
+    margin-bottom: 0.5rem;
+  }
+  
+  &--background {
+    background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
+    padding: 0.5rem 1rem 1rem;
+  }
+  &--minor {
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+    padding: 0.5rem 0 0;
+  }
+  &--minor-border-top {
+    background-color: transparent;
+    border: none;
+    border-top: 1px solid var(--q-theme-neutral-light);
+    border-radius: 0;
+    margin-top: 0.5rem;
+    padding: 0.25rem 0;
+  }
+  &--minor,
+  &--minor-border-top {
+    #{$this}__title {
+      font-size: 0.9rem;
+      line-height: 1;
+      letter-spacing: initial;
+      color: var(--q-theme-neutral-dark);
+      text-transform: none;
+      font-weight: 600;
+      margin-bottom: 0.25rem;
+      margin-top: 0.25rem;
+    }
+  }
+  &--title-background {
+    padding: 0 !important;
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 30px;
+      width: 100%;
+      content: '';
+      background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+      border-radius: var(--border-radius) var(--border-radius) 0 0;
+    }
+    #{$this}__title {
+      padding: 0.5rem 1rem;
+      margin: 0;
+      font-size: 0.9rem;
+      font-weight: 700;
+      line-height: 1;
+      letter-spacing: 0.01rem;
+      color: var(--q-theme-on-background);
+      text-transform: none;
+      z-index: 10;
+      position: relative;
+    }
+    > #{$this}__content {
+      padding: 0.2rem 1rem 1rem;
+    }
+  }
+  &--subsection {
+    border: none;
+    margin-left: 0.625rem;
+    margin-bottom: 0.625rem;
+    #{$this}__title {
+      font-size: 0.9rem;
+      line-height: 1;
+      letter-spacing: initial;
+      background-color: transparent;
+      color: var(--q-theme-neutral-dark);
+      text-transform: none;
+      font-weight: 600;
+      margin-bottom: 0.25rem;
+    }
+  }
+  
+  &--borderless {
+    border-color: transparent;
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+  }
+  &--block {
+    width: 100%;
+  }
+}
 .q-icon {
   display: inline-block;
   color: var(--q-theme-primary);
@@ -2598,7 +2714,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     width: 100%;
     #{$this}__badge {
       &-count {
-        font-weight: bold;
+        font-weight: $font-weight-black;
       }
       &-hidden {
         visibility: hidden;
@@ -2606,6 +2722,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     }
     .q-badge__content {
       height: 0.85em;
+      white-space: nowrap;
     }
   }
   &__placeholder {
@@ -2671,7 +2788,7 @@ $sidebar-sizes: (
 @mixin sidebar-size-modifiers($prefix, $property) {
   @each $size, $value in $sidebar-sizes {
     $suffix: if($prefix == '', $size, '#{$prefix}-#{$size}');
-    .q-sidebar--#{$suffix} {
+    .q-sidebar--expanded.q-sidebar--#{$suffix} {
       #{$property}: $value;
     }
   }
@@ -2681,6 +2798,9 @@ $sidebar-sizes: (
   display: flex;
   overflow: hidden;
   flex-direction: row;
+  width: min-content;
+}
+.q-sidebar--expanded {
   min-width: $sidebar-size-small;
   max-width: $sidebar-size-large;
 }

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

@@ -35,6 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     icons: typeof DEFAULT_ICONS;
     backdropBlur: boolean;
     attach: string;
+    focusTrap: boolean;
     buttons: DialogButton[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAmGA;AAkLC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAyEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsPT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EASnB,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":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAoGA;AAoLC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA2EjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwPT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EASnB,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/QDialog/QDialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, mergeModels as g, useModel as A, ref as V, computed as b, createBlock as c, openBlock as l, unref as a, normalizeClass as B, withCtx as p, createElementVNode as $, createElementBlock as i, createCommentVNode as s, renderSlot as r, toDisplayString as v, createVNode as _, normalizeProps as q, guardReactiveProps as C, createTextVNode as O, Fragment as S, renderList as I, mergeProps as T } from "vue";
+import { defineComponent as Q, mergeModels as g, useModel as A, ref as V, computed as b, createBlock as c, openBlock as l, unref as a, normalizeClass as B, withCtx as p, createElementVNode as $, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as v, createVNode as _, normalizeProps as q, guardReactiveProps as C, createTextVNode as O, Fragment as S, renderList as I, mergeProps as T } from "vue";
 import { DEFAULT_ICONS as P, DEFAULT_BUTTONS as H, DEFAULT_ICON as w } from "./constants.js";
 import { QButton as L } from "../QButton/index.js";
 import { QIcon as f } from "../QIcon/index.js";
@@ -25,7 +25,7 @@ const j = {
 }, oe = {
   key: 0,
   class: "q-dialog__footer-buttons"
-}, re = /* @__PURE__ */ Q({
+}, ne = /* @__PURE__ */ Q({
   __name: "QDialog",
   props: /* @__PURE__ */ g({
     id: {},
@@ -39,6 +39,7 @@ const j = {
     centerVertically: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
+    focusTrap: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
     input: {},
@@ -54,9 +55,9 @@ const j = {
       m.value = !1;
     }
     function E(o) {
-      var n, t;
+      var r, t;
       if (o.action) {
-        if ((n = e.input) != null && n.validator && (d.value = e.input.validator(a(u)), a(d)))
+        if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(u)), a(d)))
           return;
         (t = o.action) == null || t.call(o, a(u));
       }
@@ -68,10 +69,10 @@ const j = {
     function U() {
       k("leave");
     }
-    return (o, n) => (l(), c(a(x), {
+    return (o, r) => (l(), c(a(x), {
       id: e.id,
       modelValue: m.value,
-      "onUpdate:modelValue": n[1] || (n[1] = (t) => m.value = t),
+      "onUpdate:modelValue": r[1] || (r[1] = (t) => m.value = t),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -79,6 +80,7 @@ const j = {
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
+      "focus-trap": e.focusTrap,
       class: B(D.value),
       onEnter: M,
       onLeave: U
@@ -90,25 +92,25 @@ const j = {
             class: B(z.value)
           },
           [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), i("div", j, [
-              r(o.$slots, "header", {}, () => [
-                r(o.$slots, "header.prepend"),
-                e.title ? (l(), i(
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), s("div", j, [
+              n(o.$slots, "header", {}, () => [
+                n(o.$slots, "header.prepend"),
+                e.title ? (l(), s(
                   "span",
                   G,
                   v(e.title),
                   1
                   /* TEXT */
-                )) : s("v-if", !0),
-                r(o.$slots, "header.append")
+                )) : i("v-if", !0),
+                n(o.$slots, "header.append")
               ])
-            ])) : s("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (l(), i("div", J, [
-              r(o.$slots, "body", {}, () => {
+            ])) : i("v-if", !0),
+            e.icon || e.text || o.$slots.body ? (l(), s("div", J, [
+              n(o.$slots, "body", {}, () => {
                 var t;
                 return [
-                  r(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (l(), i("span", K, [
+                  n(o.$slots, "body.icon", {}, () => [
+                    e.icon ? (l(), s("span", K, [
                       _(
                         a(f),
                         q(C(e.icon)),
@@ -116,13 +118,13 @@ const j = {
                         16
                         /* FULL_PROPS */
                       )
-                    ])) : s("v-if", !0)
+                    ])) : i("v-if", !0)
                   ]),
                   $("div", W, [
-                    e.html ? (l(), i("div", {
+                    e.html ? (l(), s("div", {
                       key: 0,
                       innerHTML: e.text
-                    }, null, 8, X)) : (l(), i(
+                    }, null, 8, X)) : (l(), s(
                       "div",
                       Y,
                       v(e.text),
@@ -130,10 +132,10 @@ const j = {
                       /* TEXT */
                     ))
                   ]),
-                  e.input ? (l(), i("div", Z, [
+                  e.input ? (l(), s("div", Z, [
                     _(a(R), {
                       modelValue: u.value,
-                      "onUpdate:modelValue": n[0] || (n[0] = (F) => u.value = F),
+                      "onUpdate:modelValue": r[0] || (r[0] = (F) => u.value = F),
                       invalid: !!d.value,
                       placeholder: (t = e.input) == null ? void 0 : t.placeholder,
                       size: "block"
@@ -142,7 +144,7 @@ const j = {
                         d.value ? (l(), c(a(f), {
                           key: 0,
                           icon: "exclamation-sign"
-                        })) : s("v-if", !0),
+                        })) : i("v-if", !0),
                         O(
                           " " + v(d.value),
                           1
@@ -152,14 +154,14 @@ const j = {
                       _: 1
                       /* STABLE */
                     }, 8, ["modelValue", "invalid", "placeholder"])
-                  ])) : s("v-if", !0),
-                  r(o.$slots, "body.append")
+                  ])) : i("v-if", !0),
+                  n(o.$slots, "body.append")
                 ];
               })
-            ])) : s("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (l(), i("div", ee, [
-              e.buttons ? (l(), i("span", oe, [
-                (l(!0), i(
+            ])) : i("v-if", !0),
+            e.buttons || o.$slots["footer.append"] ? (l(), s("div", ee, [
+              e.buttons ? (l(), s("span", oe, [
+                (l(!0), s(
                   S,
                   null,
                   I(e.buttons, (t) => (l(), c(a(L), T({ ref_for: !0 }, t.props, {
@@ -176,7 +178,7 @@ const j = {
                         null,
                         16
                         /* FULL_PROPS */
-                      )) : s("v-if", !0)
+                      )) : i("v-if", !0)
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -184,9 +186,9 @@ const j = {
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ])) : s("v-if", !0),
-              r(o.$slots, "footer.append")
-            ])) : s("v-if", !0),
+              ])) : i("v-if", !0),
+              n(o.$slots, "footer.append")
+            ])) : i("v-if", !0),
             e.dismissible ? (l(), c(a(L), {
               key: 3,
               class: "q-dialog__close",
@@ -204,7 +206,7 @@ const j = {
               ]),
               _: 1
               /* STABLE */
-            })) : s("v-if", !0)
+            })) : i("v-if", !0)
           ],
           2
           /* CLASS */
@@ -212,9 +214,9 @@ const j = {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "class"]));
+    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "class"]));
   }
 });
 export {
-  re as default
+  ne as default
 };

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

@@ -11,6 +11,7 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
+        focusTrap?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -31,6 +32,7 @@ declare const QDialog: {
         icons: typeof import('./constants').DEFAULT_ICONS;
         backdropBlur: boolean;
         attach: string;
+        focusTrap: boolean;
         buttons: import('./types').DialogButton[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -51,6 +53,7 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
+        focusTrap?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -66,6 +69,7 @@ declare const QDialog: {
         icons: typeof import('./constants').DEFAULT_ICONS;
         backdropBlur: boolean;
         attach: string;
+        focusTrap: boolean;
         buttons: import('./types').DialogButton[];
     }>;
     __isFragment?: never;
@@ -83,6 +87,7 @@ declare const QDialog: {
     centerVertically?: boolean;
     attach?: string;
     inline?: boolean;
+    focusTrap?: boolean;
     dismissible?: boolean;
     html?: boolean;
     input?: import('./types').QDialogInputOption;
@@ -103,6 +108,7 @@ declare const QDialog: {
     icons: typeof import('./constants').DEFAULT_ICONS;
     backdropBlur: boolean;
     attach: string;
+    focusTrap: boolean;
     buttons: import('./types').DialogButton[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}

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

@@ -60,6 +60,13 @@ export type QDialogProps = QBaseComponentProps & {
      * @category Behavior
      */
     inline?: boolean;
+    /**
+     * Whether to enable focus trapping within the dialog.
+     * When enabled, focus will be constrained to elements within the dialog.
+     *
+     * @category Behavior
+     */
+    focusTrap?: boolean;
     /**
      * True if the dialog window can be closed, false otherwise.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/esm/components/QGrid/QCol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QCol.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QGrid/QCol.vue"],"names":[],"mappings":"AAKA;AA0DC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA4CzC,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,ySAOnB,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":"QCol.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QGrid/QCol.vue"],"names":[],"mappings":"AAKA;AA6DC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+CzC,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,ySAOnB,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/QGrid/QCol.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as t, createElementBlock as u, openBlock as a, normalizeClass as m, renderSlot as d } from "vue";
+import { defineComponent as c, computed as s, createElementBlock as u, openBlock as a, normalizeClass as d, renderSlot as m } from "vue";
 import { provideDefaults as i } from "../../composables/defaults.js";
 const p = /* @__PURE__ */ c({
   __name: "QCol",
@@ -11,7 +11,7 @@ const p = /* @__PURE__ */ c({
     xxl: {}
   },
   setup(n) {
-    const e = n, r = t(() => [
+    const e = n, r = s(() => [
       "q-col",
       o("", e.cols),
       o("sm", e.sm),
@@ -20,21 +20,24 @@ const p = /* @__PURE__ */ c({
       o("xl", e.xl),
       o("xxl", e.xxl)
     ].filter(Boolean));
-    function o(l, s) {
-      if (s)
-        return s === "auto" ? `q-col${l ? `-${l}` : ""}-auto` : `q-col${l ? `-${l}` : ""}-${s}`;
+    function o(l, t) {
+      if (t)
+        return t === "auto" ? `q-col${l ? `-${l}` : ""}-auto` : `q-col${l ? `-${l}` : ""}-${t}`;
     }
     return i({
+      QGroupBox: {
+        block: s(() => e.cols === "auto" ? void 0 : !0)
+      },
       QField: {
-        size: t(() => e.cols === "auto" ? void 0 : "block")
+        size: s(() => e.cols === "auto" ? void 0 : "block")
       }
-    }), (l, s) => (a(), u(
+    }), (l, t) => (a(), u(
       "div",
       {
-        class: m(r.value)
+        class: d(r.value)
       },
       [
-        d(l.$slots, "default")
+        m(l.$slots, "default")
       ],
       2
       /* CLASS */

package/esm/components/QGroupBox/QGroupBox.d.ts

@@ -0,0 +1,21 @@
+import { QGroupBoxProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QGroupBoxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QGroupBoxProps> & Readonly<{}>, {
+    variant: import('./types').QGroupBoxVariant;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QGroupBox.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QGroupBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QGroupBox/QGroupBox.vue"],"names":[],"mappings":"AAcA;AA6CC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA+B9C,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,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/QGroupBox/QGroupBox.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as l, computed as n, createElementBlock as t, openBlock as s, normalizeClass as i, createCommentVNode as c, createElementVNode as d, toDisplayString as p, renderSlot as u } from "vue";
+const _ = ["id"], b = {
+  key: 0,
+  class: "q-group-box__title"
+}, m = { class: "q-group-box__content" }, x = /* @__PURE__ */ l({
+  __name: "QGroupBox",
+  props: {
+    id: {},
+    class: {},
+    title: {},
+    borderless: { type: Boolean },
+    variant: { default: "default" },
+    block: { type: Boolean }
+  },
+  setup(r) {
+    const e = r, a = n(() => [
+      "q-group-box",
+      e.variant === "default" ? void 0 : `q-group-box--${e.variant}`,
+      {
+        "q-group-box--block": e.block,
+        "q-group-box--borderless": e.borderless
+      },
+      e.class
+    ]);
+    return (o, f) => (s(), t("div", {
+      id: e.id,
+      class: i(a.value)
+    }, [
+      e.title ? (s(), t(
+        "div",
+        b,
+        p(e.title),
+        1
+        /* TEXT */
+      )) : c("v-if", !0),
+      d("div", m, [
+        u(o.$slots, "default")
+      ])
+    ], 10, _));
+  }
+});
+export {
+  x as default
+};

package/esm/components/QGroupBox/QGroupBox.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QGroupBox.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,26 @@
+declare const QGroupBox: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        variant: import('./types').QGroupBoxVariant;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, {
+        variant: import('./types').QGroupBoxVariant;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    variant: import('./types').QGroupBoxVariant;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export { QGroupBox };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QGroupBox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,cAAc,SAAS,CAAA"}

package/esm/components/QGroupBox/index.js

@@ -0,0 +1,6 @@
+import o from "./QGroupBox.vue.js";
+import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
+const t = r(o);
+export {
+  t as QGroupBox
+};

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

@@ -0,0 +1,32 @@
+import { QBaseComponentProps } from '../../types/component';
+/**
+ * QGroupBox visual style variants.
+ */
+export type QGroupBoxVariant = 'default' | 'background' | 'minor' | 'minor-border-top' | 'title-background';
+export type QGroupBoxProps = QBaseComponentProps & {
+    /**
+     * The title of the group box.
+     *
+     * @category Content
+     */
+    title?: string;
+    /**
+     * If true, the group box has no borders.
+     *
+     * @category Presentation
+     */
+    borderless?: boolean;
+    /**
+     * The styling variant of the group box.
+     *
+     * @category Presentation
+     */
+    variant?: QGroupBoxVariant;
+    /**
+     * If true, the group box spans the full width of its container.
+     *
+     * @category Presentation
+     */
+    block?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QGroupBox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACzB,SAAS,GACT,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,kBAAkB,CAAA;AAErB,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}