@quidgest/ui 0.16.42 → 0.16.44

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.42
+ * Quidgest UI v0.16.44
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1573,62 +1573,74 @@ $q-carousel-height-md: 300px;
   }
 }
 .q-divider {
+  --q-divider-thickness: 1px;
+  --q-divider-color: var(--q-theme-neutral);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
-  color: var(--q-theme-neutral);
+  color: var(--q-divider-color);
   font-size: 0.875rem;
-}
-.q-divider--horizontal {
-  width: 100%;
-  flex-direction: row;
-  margin: 8px 0;
-}
-.q-divider--horizontal:not(.q-divider--labeled)::before {
-  content: '';
-  flex: 1;
-  border-top-width: 1px;
-}
-.q-divider--horizontal.q-divider--labeled .q-divider__line {
-  flex: 1;
-  border-top-width: 1px;
-}
-.q-divider--horizontal.q-divider--labeled .q-divider__label {
-  padding: 0 12px;
-  white-space: nowrap;
-}
-.q-divider--horizontal.q-divider--inset {
-  max-width: calc(100% - 72px);
-  margin-inline-start: 72px;
-}
-.q-divider--vertical {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-  min-height: 100%; 
-  margin: 0 8px;
-}
-.q-divider--vertical:not(.q-divider--labeled)::before {
-  content: '';
-  flex: 1;
-  border-left-width: 1px;
-}
-.q-divider--vertical.q-divider--labeled .q-divider__line {
-  border-left-width: 1px;
-  height: 100%;
-}
-.q-divider--vertical.q-divider--labeled .q-divider__label {
-  writing-mode: vertical-rl;
-  text-orientation: mixed;
-  padding: 12px 0;
-  white-space: nowrap;
-}
-.q-divider--vertical.q-divider--inset {
-  margin-bottom: 8px;
-  margin-top: 8px;
-  max-height: calc(100% - 16px);
+  
+  &--horizontal {
+    width: 100%;
+    flex-direction: row;
+    margin: 8px 0;
+  }
+  &--horizontal:not(.q-divider--labeled)::before {
+    content: '';
+    flex: 1;
+    border-top-width: var(--q-divider-thickness);
+    border-color: var(--q-divider-color);
+  }
+  
+  &--horizontal.q-divider--labeled .q-divider__line {
+    flex: 1;
+    border-top-width: var(--q-divider-thickness);
+    border-color: var(--q-divider-color);
+  }
+  &--horizontal.q-divider--labeled .q-divider__label {
+    padding: 0 12px;
+    white-space: nowrap;
+  }
+  
+  &--horizontal.q-divider--inset {
+    max-width: calc(100% - 72px);
+    margin-inline-start: 72px;
+  }
+  
+  &--vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    min-height: 100%; 
+    margin: 0 8px;
+  }
+  &--vertical:not(.q-divider--labeled)::before {
+    content: '';
+    flex: 1;
+    border-left-width: var(--q-divider-thickness);
+    border-color: var(--q-divider-color);
+  }
+  
+  &--vertical.q-divider--labeled .q-divider__line {
+    border-left-width: var(--q-divider-thickness);
+    border-color: var(--q-divider-color);
+    height: 100%;
+  }
+  &--vertical.q-divider--labeled .q-divider__label {
+    writing-mode: vertical-rl;
+    text-orientation: mixed;
+    padding: 12px 0;
+    white-space: nowrap;
+  }
+  
+  &--vertical.q-divider--inset {
+    margin-bottom: 8px;
+    margin-top: 8px;
+    max-height: calc(100% - 16px);
+  }
 }
 .q-dropdown-menu {
   &__body {
@@ -2719,6 +2731,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     gap: 0.1rem;
     overflow: hidden;
     width: 100%;
+    height: 1.35rem;
     #{$this}__badge {
       &-count {
         font-weight: $font-weight-black;
@@ -2728,7 +2741,6 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
       }
     }
     .q-badge__content {
-      height: 0.85em;
       white-space: nowrap;
     }
   }

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

@@ -36,6 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     backdropBlur: boolean;
     attach: string;
     focusTrap: boolean;
+    returnFocusOnDeactivate: 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":"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"}
+{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAqGA;AAsLC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA6EjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0PT,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,6 +1,6 @@
-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 { defineComponent as U, mergeModels as g, useModel as Q, ref as V, computed as B, createBlock as u, openBlock as t, unref as a, normalizeClass as b, withCtx as p, createElementVNode as $, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as m, createVNode as y, normalizeProps as q, guardReactiveProps as C, createTextVNode as A, 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 { QButton as D } from "../QButton/index.js";
 import { QIcon as f } from "../QIcon/index.js";
 import { QOverlay as x } from "../QOverlay/index.js";
 import { QTextField as R } from "../QTextField/index.js";
@@ -25,7 +25,7 @@ const j = {
 }, oe = {
   key: 0,
   class: "q-dialog__footer-buttons"
-}, ne = /* @__PURE__ */ Q({
+}, ne = /* @__PURE__ */ U({
   __name: "QDialog",
   props: /* @__PURE__ */ g({
     id: {},
@@ -40,6 +40,7 @@ const j = {
     attach: { default: "body" },
     inline: { type: Boolean },
     focusTrap: { type: Boolean, default: !0 },
+    returnFocusOnDeactivate: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
     input: {},
@@ -49,30 +50,30 @@ const j = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ g(["enter", "leave"], ["update:modelValue"]),
-  setup(y, { emit: N }) {
-    const e = y, k = N, m = A(y, "modelValue"), u = V(""), d = V(""), z = b(() => ["q-dialog", e.class]), D = b(() => `q-overlay--${e.size}`);
+  setup(_, { emit: F }) {
+    const e = _, k = F, v = Q(_, "modelValue"), c = V(""), d = V(""), L = B(() => ["q-dialog", e.class]), N = B(() => `q-overlay--${e.size}`);
     function h() {
-      m.value = !1;
+      v.value = !1;
     }
-    function E(o) {
-      var r, t;
+    function z(o) {
+      var r, l;
       if (o.action) {
-        if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(u)), a(d)))
+        if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(c)), a(d)))
           return;
-        (t = o.action) == null || t.call(o, a(u));
+        (l = o.action) == null || l.call(o, a(c));
       }
       h();
     }
-    function M() {
+    function E() {
       k("enter");
     }
-    function U() {
+    function M() {
       k("leave");
     }
-    return (o, r) => (l(), c(a(x), {
+    return (o, r) => (t(), u(a(x), {
       id: e.id,
-      modelValue: m.value,
-      "onUpdate:modelValue": r[1] || (r[1] = (t) => m.value = t),
+      modelValue: v.value,
+      "onUpdate:modelValue": r[1] || (r[1] = (l) => v.value = l),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -81,37 +82,38 @@ const j = {
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
       "focus-trap": e.focusTrap,
-      class: B(D.value),
-      onEnter: M,
-      onLeave: U
+      "return-focus-on-deactivate": e.returnFocusOnDeactivate,
+      class: b(N.value),
+      onEnter: E,
+      onLeave: M
     }, {
       default: p(() => [
         $(
           "div",
           {
-            class: B(z.value)
+            class: b(L.value)
           },
           [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), s("div", j, [
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), s("div", j, [
               n(o.$slots, "header", {}, () => [
                 n(o.$slots, "header.prepend"),
-                e.title ? (l(), s(
+                e.title ? (t(), s(
                   "span",
                   G,
-                  v(e.title),
+                  m(e.title),
                   1
                   /* TEXT */
                 )) : i("v-if", !0),
                 n(o.$slots, "header.append")
               ])
             ])) : i("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (l(), s("div", J, [
+            e.icon || e.text || o.$slots.body ? (t(), s("div", J, [
               n(o.$slots, "body", {}, () => {
-                var t;
+                var l;
                 return [
                   n(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (l(), s("span", K, [
-                      _(
+                    e.icon ? (t(), s("span", K, [
+                      y(
                         a(f),
                         q(C(e.icon)),
                         null,
@@ -121,32 +123,32 @@ const j = {
                     ])) : i("v-if", !0)
                   ]),
                   $("div", W, [
-                    e.html ? (l(), s("div", {
+                    e.html ? (t(), s("div", {
                       key: 0,
                       innerHTML: e.text
-                    }, null, 8, X)) : (l(), s(
+                    }, null, 8, X)) : (t(), s(
                       "div",
                       Y,
-                      v(e.text),
+                      m(e.text),
                       1
                       /* TEXT */
                     ))
                   ]),
-                  e.input ? (l(), s("div", Z, [
-                    _(a(R), {
-                      modelValue: u.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (F) => u.value = F),
+                  e.input ? (t(), s("div", Z, [
+                    y(a(R), {
+                      modelValue: c.value,
+                      "onUpdate:modelValue": r[0] || (r[0] = (O) => c.value = O),
                       invalid: !!d.value,
-                      placeholder: (t = e.input) == null ? void 0 : t.placeholder,
+                      placeholder: (l = e.input) == null ? void 0 : l.placeholder,
                       size: "block"
                     }, {
                       extras: p(() => [
-                        d.value ? (l(), c(a(f), {
+                        d.value ? (t(), u(a(f), {
                           key: 0,
                           icon: "exclamation-sign"
                         })) : i("v-if", !0),
-                        O(
-                          " " + v(d.value),
+                        A(
+                          " " + m(d.value),
                           1
                           /* TEXT */
                         )
@@ -159,22 +161,22 @@ const j = {
                 ];
               })
             ])) : i("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (l(), s("div", ee, [
-              e.buttons ? (l(), s("span", oe, [
-                (l(!0), s(
+            e.buttons || o.$slots["footer.append"] ? (t(), s("div", ee, [
+              e.buttons ? (t(), s("span", oe, [
+                (t(!0), s(
                   S,
                   null,
-                  I(e.buttons, (t) => (l(), c(a(L), T({ ref_for: !0 }, t.props, {
-                    key: t.id,
-                    onClick: () => E(t)
+                  I(e.buttons, (l) => (t(), u(a(D), T({ ref_for: !0 }, l.props, {
+                    key: l.id,
+                    onClick: () => z(l)
                   }), {
                     default: p(() => [
-                      t.icon ? (l(), c(
+                      l.icon ? (t(), u(
                         a(f),
                         T({
                           key: 0,
                           ref_for: !0
-                        }, t.icon),
+                        }, l.icon),
                         null,
                         16
                         /* FULL_PROPS */
@@ -189,14 +191,14 @@ const j = {
               ])) : i("v-if", !0),
               n(o.$slots, "footer.append")
             ])) : i("v-if", !0),
-            e.dismissible ? (l(), c(a(L), {
+            e.dismissible ? (t(), u(a(D), {
               key: 3,
               class: "q-dialog__close",
               variant: "text",
               onClick: h
             }, {
               default: p(() => [
-                _(
+                y(
                   a(f),
                   q(C(e.icons.close)),
                   null,
@@ -214,7 +216,7 @@ const j = {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "class"]));
+    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "return-focus-on-deactivate", "class"]));
   }
 });
 export {

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

@@ -12,6 +12,7 @@ declare const QDialog: {
         attach?: string;
         inline?: boolean;
         focusTrap?: boolean;
+        returnFocusOnDeactivate?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -33,6 +34,7 @@ declare const QDialog: {
         backdropBlur: boolean;
         attach: string;
         focusTrap: boolean;
+        returnFocusOnDeactivate: boolean;
         buttons: import('./types').DialogButton[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -54,6 +56,7 @@ declare const QDialog: {
         attach?: string;
         inline?: boolean;
         focusTrap?: boolean;
+        returnFocusOnDeactivate?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -70,6 +73,7 @@ declare const QDialog: {
         backdropBlur: boolean;
         attach: string;
         focusTrap: boolean;
+        returnFocusOnDeactivate: boolean;
         buttons: import('./types').DialogButton[];
     }>;
     __isFragment?: never;
@@ -88,6 +92,7 @@ declare const QDialog: {
     attach?: string;
     inline?: boolean;
     focusTrap?: boolean;
+    returnFocusOnDeactivate?: boolean;
     dismissible?: boolean;
     html?: boolean;
     input?: import('./types').QDialogInputOption;
@@ -109,6 +114,7 @@ declare const QDialog: {
     backdropBlur: boolean;
     attach: string;
     focusTrap: boolean;
+    returnFocusOnDeactivate: 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

@@ -67,6 +67,13 @@ export type QDialogProps = QBaseComponentProps & {
      * @category Behavior
      */
     focusTrap?: boolean;
+    /**
+     * Whether to return focus to the element that opened this
+     * when the focus trap is deactivaed.
+     *
+     * @category Behavior
+     */
+    returnFocusOnDeactivate?: 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;;;;;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"}
+{"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;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC;;;;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/QDivider/QDivider.d.ts

@@ -9,7 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QDividerProps> & Readonly<{}>, {
+    color: string;
     direction: "horizontal" | "vertical";
+    thickness: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAcA;AAyCC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA2B7C,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,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"}
+{"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAeA;AAsEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiD7C,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,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/QDivider/QDivider.vue.js

@@ -1,42 +1,50 @@
-import { defineComponent as v, computed as t, useSlots as c, createElementBlock as l, openBlock as o, normalizeClass as u, createCommentVNode as p, Fragment as m, createElementVNode as s, renderSlot as _ } from "vue";
-const f = ["id"], q = { class: "q-divider__label" }, b = /* @__PURE__ */ v({
+import { defineComponent as m, computed as i, useSlots as p, toRef as f, createElementBlock as r, openBlock as n, normalizeStyle as _, normalizeClass as q, createCommentVNode as k, Fragment as y, createElementVNode as l, renderSlot as h } from "vue";
+import { useColor as C } from "../../composables/useColor/index.js";
+const $ = ["id"], b = { class: "q-divider__label" }, S = /* @__PURE__ */ m({
   __name: "QDivider",
   props: {
     id: {},
     class: {},
     direction: { default: "horizontal" },
-    inset: { type: Boolean }
+    inset: { type: Boolean },
+    thickness: { default: 1 },
+    color: { default: "neutral" }
   },
-  setup(n) {
-    const e = n, d = t(() => !!c().default), r = t(() => [
+  setup(d) {
+    const e = d, o = i(() => !!p().default), a = i(() => [
       "q-divider",
       `q-divider--${e.direction}`,
       {
         "q-divider--inset": e.inset,
-        "q-divider--labeled": d.value
+        "q-divider--labeled": o.value
       },
       e.class
-    ]);
-    return (a, i) => (o(), l("div", {
+    ]), { isUtilityColor: c, style: u } = C(f(e, "color")), v = i(() => {
+      var s;
+      const t = {};
+      return e.thickness >= 0 && e.thickness !== 1 && (t["--q-divider-thickness"] = `${e.thickness}px`), e.color !== "neutral" && (t["--q-divider-color"] = c.value ? `var(--q-theme-${e.color})` : (s = u.value) == null ? void 0 : s.mainColor), t;
+    });
+    return (t, s) => (n(), r("div", {
       id: e.id,
-      class: u(r.value),
+      class: q(a.value),
+      style: _(v.value),
       role: "separator"
     }, [
-      d.value ? (o(), l(
-        m,
+      o.value ? (n(), r(
+        y,
         { key: 0 },
         [
-          i[0] || (i[0] = s(
+          s[0] || (s[0] = l(
             "div",
             { class: "q-divider__line" },
             null,
             -1
             /* HOISTED */
           )),
-          s("span", q, [
-            _(a.$slots, "default")
+          l("span", b, [
+            h(t.$slots, "default")
           ]),
-          i[1] || (i[1] = s(
+          s[1] || (s[1] = l(
             "div",
             { class: "q-divider__line" },
             null,
@@ -46,10 +54,10 @@ const f = ["id"], q = { class: "q-divider__label" }, b = /* @__PURE__ */ v({
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : p("v-if", !0)
-    ], 10, f));
+      )) : k("v-if", !0)
+    ], 14, $));
   }
 });
 export {
-  b as default
+  S as default
 };

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

@@ -1,6 +1,8 @@
 declare const QDivider: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        color: string;
         direction: "horizontal" | "vertical";
+        thickness: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -9,13 +11,17 @@ declare const QDivider: {
         M: {};
         Defaults: {};
     }, Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, {
+        color: string;
         direction: "horizontal" | "vertical";
+        thickness: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').QDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    color: string;
     direction: "horizontal" | "vertical";
+    thickness: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}

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

@@ -12,5 +12,19 @@ export type QDividerProps = QBaseComponentProps & {
      * @category Presentation
      */
     inset?: boolean;
+    /**
+     * The thickness of the divider line in pixels.
+     *
+     * @category Presentation
+     */
+    thickness?: number;
+    /**
+     * The color of the divider line.
+     * Can be chosen from utility colors like 'success' or 'danger',
+     * or specified using CSS color codes.
+     *
+     * @category Presentation
+     */
+    color?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAErC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAErC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QDropdownMenu/QDropdownMenu.d.ts

@@ -6,6 +6,8 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
         item?(_: {
             item: import('..').Item;
         }): any;

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

@@ -1 +1 @@
-{"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAiBA;AAuDC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA6BvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwDT,OAAO,IAA6B;;;;YAXxB,GAAG;;;YACM,GAAG;;;;EAerC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kFAOnB,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":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAuBA;AA6DC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA6BvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwET,OAAO,IAA6B;;yBAbrB,GAAG;wBACJ,GAAG;;;YACL,GAAG;;;YACO,GAAG;;;;EAetC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kFAOnB,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"}