@quidgest/ui 0.14.17 → 0.14.19

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.14.17
+ * Quidgest UI v0.14.19
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -319,6 +319,9 @@ body {
       }
     }
   }
+  .q-icon {
+    color: currentcolor;
+  }
   
   &--large {
     font-size: 0.9rem;
@@ -519,6 +522,9 @@ $button-text-on-plain: var(--q-theme-on-background);
     pointer-events: none;
     line-height: 1;
   }
+  .q-icon {
+    color: currentcolor;
+  }
   .q-spinner-loader {
     color: currentcolor;
   }
@@ -803,6 +809,7 @@ $button-text-on-plain: var(--q-theme-on-background);
     justify-content: center;
     width: var(--box-size);
     height: var(--box-size);
+    font-size: calc(var(--box-size) * 0.75);
     border: 1px solid $border;
     border-radius: var(--border-radius);
     padding: 0;
@@ -926,16 +933,15 @@ $button-text-on-plain: var(--q-theme-on-background);
     margin: 0;
     padding: 0;
     .q-btn__content {
-      width: 100%;
       gap: 0;
       padding: $btn-padding;
       display: flex;
       flex-direction: column;
       align-items: start;
       letter-spacing: 0.02rem;
-      color: var(--q-theme-on-background);
       h4 {
         margin: 0;
+        text-transform: uppercase;
       }
     }
   }
@@ -995,8 +1001,6 @@ $button-text-on-plain: var(--q-theme-on-background);
   }
   
   &--required {
-    margin-top: -0.3rem;
-    margin-left: 0.1rem;
     font-weight: 700;
     color: var(--q-theme-danger);
   }
@@ -1049,10 +1053,10 @@ $button-text-on-plain: var(--q-theme-on-background);
     cursor: inherit;
   }
 }
-.q-date-time-picker {
-  &__input-icon {
-    opacity: 0.5;
-  }
+.dp__menu.dp__theme_light,
+.dp__menu.dp__theme_dark {
+  --dp-hover-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
+  --dp-primary-color: var(--q-theme-primary);
 }
 .dp__main {
   font-family: inherit;
@@ -1163,13 +1167,6 @@ $button-text-on-plain: var(--q-theme-on-background);
   flex-direction: column;
   border-radius: var(--border-radius);
   width: fit-content;
-  &__label {
-    display: flex;
-    gap: $space-base;
-    align-items: center;
-    color: var(--q-theme-neutral-dark);
-    line-height: 1.5;
-  }
   &__control {
     display: flex;
     align-items: center;
@@ -1189,6 +1186,9 @@ $button-text-on-plain: var(--q-theme-on-background);
     color: var(--q-theme-neutral);
     margin-top: $space-base;
     font-size: calc(0.9 * $font-size-base);
+    .q-icon {
+      color: currentcolor;
+    }
   }
   &__prepend,
   &__append {
@@ -1225,6 +1225,13 @@ $button-text-on-plain: var(--q-theme-on-background);
       }
     }
   }
+  &--invalid {
+    #{$this}__control {
+      &:not(:focus-within) {
+        border-color: var(--q-theme-danger);
+      }
+    }
+  }
   &:not(#{$this}--disabled) {
     #{$this}__control {
       &:focus-within {
@@ -1346,6 +1353,7 @@ $button-text-on-plain: var(--q-theme-on-background);
 }
 .q-icon {
   display: inline-block;
+  color: var(--q-theme-primary);
   &__svg {
     fill: currentcolor;
   }
@@ -1419,6 +1427,16 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
     }
   }
 }
+.q-label {
+  display: flex;
+  gap: $space-base;
+  align-items: center;
+  color: var(--q-theme-neutral-dark);
+  line-height: 1.5;
+  .q-icon {
+    color: currentcolor;
+  }
+}
 $line-color: var(--q-theme-primary);
 .q-line-loader {
   width: 100%;
@@ -1548,6 +1566,7 @@ $line-color: var(--q-theme-primary);
     color: var(--q-theme-neutral);
     font-size: 0.75em;
     .q-icon {
+      color: currentcolor;
       font-size: inherit;
       flex-shrink: 0;
       height: 1lh;
@@ -1557,6 +1576,32 @@ $line-color: var(--q-theme-primary);
     margin-top: 1px;
   }
 }
+.q-meter {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  &__labels {
+    display: flex;
+    justify-content: space-between;
+  }
+  &__value-label {
+    color: var(--q-theme-neutral);
+  }
+  &__track {
+    position: relative;
+    width: 100%;
+    height: 0.5rem;
+    overflow: hidden;
+    border-radius: $border-radius;
+    background-color: rgb(var(--q-theme-neutral-light-rgb) / 50%);
+  }
+  &__fill {
+    height: 100%;
+    width: 100%;
+    transition: all 0.3s ease;
+    background-color: var(--q-theme-primary);
+  }
+}
 $overlay-border-width: 1px;
 $overlay-arrow-width: 11.31px;
 $overlay-arrow-height: 11.31px;
@@ -1649,36 +1694,55 @@ $arrow-tip-radius: 0.1rem;
     --q-overlay-border-color: var(--q-theme-neutral-dark);
   }
 }
-$popover-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+.q-password-field {
+  &__meter {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1rem;
+    &-score {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+  }
+  &__messages {
+    display: flex;
+    flex-direction: column;
+    list-style: none;
+    color: var(--q-theme-danger);
+    padding: 0;
+    margin: 0;
+    font-size: 0.75rem;
+    gap: 0.25rem;
+  }
+  &__inline-messages {
+    padding: 0.25rem 0;
+  }
+}
 .q-popover {
   .q-overlay__content {
-    z-index: 1070;
     position: relative;
+    z-index: 1070;
+    display: flex;
+    flex-direction: column;
+    gap: $space-base * 2;
     max-width: 276px;
+    padding: $space-base * 4;
+    font-size: calc($font-size-base * 0.9);
     line-height: 1.5;
     word-break: normal;
     word-spacing: normal;
     word-wrap: break-word;
     white-space: normal;
     line-break: auto;
-    font-size: calc($font-size-base * 0.9);
   }
   &__header {
-    padding: 0.5rem 1rem;
     margin: 0;
+    border-radius: 0.25rem;
     font-size: $font-size-base;
-    background-color: $popover-header-bg;
-    border-bottom: 1px solid var(--q-overlay-border-color);
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-  &__body {
-    padding: 1rem;
   }
 }
-.q-popover.q-overlay--bottom .q-overlay__arrow::after {
-  border-bottom-color: $popover-header-bg;
-}
 $table-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 25%);
 $row-hover-bg: rgb(var(--q-theme-primary-light-rgb) / 50%);
 $row-selected-bg: rgb(var(--q-theme-primary-rgb) / 15%);

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

@@ -1 +1 @@
-{"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAuBA;AA2HC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA4FvD,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;yFASnB,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":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAuBA;AA4GC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8EvD,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;yFASnB,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/QBadge/QBadge.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as y, useAttrs as h, computed as n, createElementBlock as z, openBlock as c, withKeys as B, normalizeStyle as T, normalizeClass as w, withModifiers as E, createElementVNode as u, renderSlot as N, createBlock as S, createCommentVNode as $, unref as m, withCtx as A, createVNode as H, normalizeProps as I, guardReactiveProps as K } from "vue";
-import { QButton as P } from "../QButton/index.js";
-import { QIcon as Q } from "../QIcon/index.js";
-import { parseColor as U, rgbToHsl as V, colorToHex as D, darken as F, getContrastingColor as L } from "../../utils/color.js";
-import { DEFAULT_TEXTS as R, DEFAULT_ICONS as M } from "./types.js";
-const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__content" }, Z = /* @__PURE__ */ y({
+import { defineComponent as q, useAttrs as y, computed as r, toRef as d, createElementBlock as x, openBlock as c, withKeys as h, normalizeStyle as B, normalizeClass as z, withModifiers as w, createElementVNode as u, renderSlot as E, createBlock as S, createCommentVNode as T, unref as m, withCtx as N, createVNode as V, normalizeProps as $, guardReactiveProps as A } from "vue";
+import { QButton as I } from "../QButton/index.js";
+import { QIcon as K } from "../QIcon/index.js";
+import { DEFAULT_TEXTS as P, DEFAULT_ICONS as Q } from "./types.js";
+import { useColorStyle as R } from "../../composables/useColorStyle/index.js";
+const U = ["id", "role", "tabindex", "onKeydown"], D = { class: "q-badge__content" }, j = /* @__PURE__ */ q({
   __name: "QBadge",
   props: {
     id: {},
@@ -13,15 +13,13 @@ const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__conten
     removable: { type: Boolean },
     pill: { type: Boolean },
     size: { default: "default" },
-    icons: { default: () => M },
-    texts: { default: () => R }
+    icons: { default: () => Q },
+    texts: { default: () => P }
   },
   emits: ["click:remove"],
-  setup(f, { emit: p }) {
-    const e = f, v = p, b = h(), l = n(() => !!b.onClick), r = n(
-      () => ["primary", "info", "success", "warning", "danger", "highlight"].includes(e.color)
-    ), g = n(() => {
-      const o = r.value ? `q-badge--${e.color}` : void 0, t = e.size !== "default" ? `q-badge--${e.size}` : void 0;
+  setup(v, { emit: f }) {
+    const e = v, p = f, b = y(), a = r(() => !!b.onClick), g = r(() => {
+      const o = n.value ? `q-badge--${e.color}` : void 0, t = e.size !== "default" ? `q-badge--${e.size}` : void 0;
       return [
         "q-badge",
         `q-badge--${e.variant}`,
@@ -29,37 +27,33 @@ const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__conten
         t,
         {
           "q-badge--pill": e.pill,
-          "q-badge--clickable": l.value
+          "q-badge--clickable": a.value
         },
         e.class
       ];
-    }), C = n(() => {
-      let o, t, a, i;
-      if (!r.value) {
-        o = e.color;
-        const s = U(o), q = V(s), d = L(q.l), x = D(F(s, 25));
-        e.variant === "tonal" || e.variant === "outlined" ? (t = o, l.value && (i = d)) : (t = d, l.value && (a = x));
-      }
-      return {
-        "--q-badge-color": o,
-        "--q-badge-text-color": t,
-        "--q-badge-text-hover-color": i,
-        "--q-badge-hover-color": a
-      };
+    }), { isUtilityColor: n, style: l } = R(d(e, "color"), d(e, "variant")), C = r(() => {
+      var o, t, s, i;
+      if (!n.value)
+        return {
+          "--q-badge-color": (o = l.value) == null ? void 0 : o.backgroundColor,
+          "--q-badge-text-color": (t = l.value) == null ? void 0 : t.color,
+          "--q-badge-hover-color": (s = l.value) == null ? void 0 : s.hoverBackgroundColor,
+          "--q-badge-text-hover-color": (i = l.value) == null ? void 0 : i.hoverColor
+        };
     });
-    function _() {
-      v("click:remove");
-    }
-    function k(o) {
+    function _(o) {
       o.stopImmediatePropagation();
     }
-    return (o, t) => (c(), z("span", {
+    function k() {
+      p("click:remove");
+    }
+    return (o, t) => (c(), x("span", {
       id: e.id,
-      class: w(g.value),
-      role: l.value ? "button" : "presentation",
-      style: T(C.value),
-      tabindex: l.value ? 0 : void 0,
-      onKeydown: B(E(k, ["stop", "prevent"]), ["enter"])
+      class: z(g.value),
+      role: a.value ? "button" : "presentation",
+      style: B(C.value),
+      tabindex: a.value ? 0 : void 0,
+      onKeydown: h(w(_, ["stop", "prevent"]), ["enter"])
     }, [
       t[0] || (t[0] = u(
         "div",
@@ -68,20 +62,20 @@ const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__conten
         -1
         /* HOISTED */
       )),
-      u("div", X, [
-        N(o.$slots, "default"),
-        e.removable ? (c(), S(m(P), {
+      u("div", D, [
+        E(o.$slots, "default"),
+        e.removable ? (c(), S(m(I), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
           "aria-label": e.texts.removeText,
-          onClick: _
+          onClick: k
         }, {
-          default: A(() => [
-            H(
-              m(Q),
-              I(K(e.icons.remove)),
+          default: N(() => [
+            V(
+              m(K),
+              $(A(e.icons.remove)),
               null,
               16
               /* FULL_PROPS */
@@ -89,11 +83,11 @@ const O = ["id", "role", "tabindex", "onKeydown"], X = { class: "q-badge__conten
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["aria-label"])) : $("v-if", !0)
+        }, 8, ["aria-label"])) : T("v-if", !0)
       ])
-    ], 46, O));
+    ], 46, U));
   }
 });
 export {
-  Z as default
+  j as default
 };

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

@@ -1,4 +1,5 @@
-import { QCheckboxProps, DEFAULT_ICONS } from './types';
+import { DEFAULT_ICONS } from './constants';
+import { QCheckboxProps } from './types';
 type __VLS_Props = QCheckboxProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAiDA;AA0GC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA+CnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;wBAZtB,GAAG;wBACF,GAAG;;;;EAgB/B;AAeD,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":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAiDA;AAwGC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAO3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA+CnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;wBAZtB,GAAG;wBACF,GAAG;;;;EAgB/B;AAeD,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/QCheckbox/QCheckbox.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as y, mergeModels as x, useModel as v, computed as _, createElementBlock as q, openBlock as a, Fragment as g, createElementVNode as o, normalizeClass as $, createBlock as n, createCommentVNode as i, createSlots as u, withCtx as m, renderSlot as b, mergeProps as h, withKeys as k, withModifiers as d, unref as B } from "vue";
-import { QIcon as C } from "../QIcon/index.js";
+import { DEFAULT_ICONS as C } from "./constants.js";
+import { QIcon as w } from "../QIcon/index.js";
 import p from "./QCheckboxLabel.vue.js";
-import { DEFAULT_ICONS as w } from "./types.js";
 const V = ["id"], M = ["aria-checked", "disabled", "onKeydown"], P = ["checked", "disabled"], S = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "QCheckbox",
@@ -15,7 +15,7 @@ const V = ["id"], M = ["aria-checked", "disabled", "onKeydown"], P = ["checked",
     indeterminate: { type: Boolean },
     color: { default: "primary" },
     size: { default: "regular" },
-    icons: { default: () => w }
+    icons: { default: () => C }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
@@ -75,7 +75,7 @@ const V = ["id"], M = ["aria-checked", "disabled", "onKeydown"], P = ["checked",
             ]
           }), [
             l.value || t.indeterminate ? (a(), n(
-              B(C),
+              B(w),
               h({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
               null,
               16

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

@@ -0,0 +1,9 @@
+export declare const DEFAULT_ICONS: {
+    checked: {
+        icon: string;
+    };
+    indeterminate: {
+        icon: string;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}

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

@@ -10,7 +10,7 @@ declare const QCheckbox: {
         indeterminate?: boolean;
         color?: string;
         size?: import('./types').QCheckboxLabelSize;
-        icons?: typeof import('./types').DEFAULT_ICONS;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -18,7 +18,7 @@ declare const QCheckbox: {
     }, import('vue').PublicProps, {
         size: import('./types').QCheckboxLabelSize;
         color: string;
-        icons: typeof import('./types').DEFAULT_ICONS;
+        icons: typeof import('./constants').DEFAULT_ICONS;
         labelPlacement: import('./types').QCheckboxLabelPlacement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -38,13 +38,13 @@ declare const QCheckbox: {
         indeterminate?: boolean;
         color?: string;
         size?: import('./types').QCheckboxLabelSize;
-        icons?: typeof import('./types').DEFAULT_ICONS;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('./types').QCheckboxLabelSize;
         color: string;
-        icons: typeof import('./types').DEFAULT_ICONS;
+        icons: typeof import('./constants').DEFAULT_ICONS;
         labelPlacement: import('./types').QCheckboxLabelPlacement;
     }>;
     __isFragment?: never;
@@ -61,7 +61,7 @@ declare const QCheckbox: {
     indeterminate?: boolean;
     color?: string;
     size?: import('./types').QCheckboxLabelSize;
-    icons?: typeof import('./types').DEFAULT_ICONS;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -69,7 +69,7 @@ declare const QCheckbox: {
 }, string, {
     size: import('./types').QCheckboxLabelSize;
     color: string;
-    icons: typeof import('./types').DEFAULT_ICONS;
+    icons: typeof import('./constants').DEFAULT_ICONS;
     labelPlacement: import('./types').QCheckboxLabelPlacement;
 }, {}, 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/QCheckbox/types.d.ts

@@ -1,3 +1,4 @@
+import { DEFAULT_ICONS } from './constants';
 import { QBaseComponentProps } from '../../types/component';
 export type QCheckboxLabelProps = QBaseComponentProps & {
     /**
@@ -37,12 +38,4 @@ export type QCheckboxProps = QCheckboxLabelProps & {
      */
     icons?: typeof DEFAULT_ICONS;
 };
-export declare const DEFAULT_ICONS: {
-    checked: {
-        icon: string;
-    };
-    indeterminate: {
-        icon: string;
-    };
-};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAuEA;AAsJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAkEtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;sBAfvB,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;;EAehC;AAmBD,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":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAwEA;AAuJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAkEtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6IT,OAAO,IAA6B;;sBAfvB,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;;EAehC;AAmBD,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/QCollapsible/QCollapsible.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, mergeModels as T, useModel as w, computed as r, watch as N, createBlock as $, openBlock as c, unref as a, normalizeClass as _, withCtx as d, createElementVNode as n, renderSlot as i, createElementBlock as u, createCommentVNode as o, createVNode as p, toDisplayString as b, createTextVNode as B } from "vue";
+import { defineComponent as y, mergeModels as T, useModel as w, computed as r, watch as N, createBlock as $, openBlock as c, unref as a, normalizeClass as b, withCtx as d, createElementVNode as n, renderSlot as i, createElementBlock as u, createCommentVNode as o, createVNode as p, toDisplayString as _, createTextVNode as B } from "vue";
 import { DEFAULT_ICONS as E } from "./types.js";
 import { QButton as I } from "../QButton/index.js";
 import { QCard as V } from "../QCard/index.js";
@@ -44,13 +44,13 @@ const L = {
         },
         l.class
       ];
-    }), C = r(() => [
+    }), k = r(() => [
       "q-collapsible__content-wrapper",
       {
         "q-collapsible__content-show": s.value
       }
     ]);
-    function k() {
+    function C() {
       s.value = !s.value, t == null || t.toggle();
     }
     return N(
@@ -58,15 +58,16 @@ const L = {
       () => s.value = t == null ? void 0 : t.isActive.value
     ), (e, f) => (c(), $(a(V), {
       id: a(m),
-      class: _(g.value),
+      class: b(g.value),
       width: q.value
     }, {
       header: d(() => [
         e.title ? (c(), u("div", L, [
           p(a(I), {
             "b-style": "tertiary",
+            block: "",
             class: "q-collapsible__btn",
-            onClick: k
+            onClick: C
           }, {
             default: d(() => [
               o(" TITLE "),
@@ -82,7 +83,7 @@ const L = {
                 n(
                   "h4",
                   S,
-                  b(e.title),
+                  _(e.title),
                   1
                   /* TEXT */
                 ),
@@ -101,7 +102,7 @@ const L = {
               e.$slots.subtitle || e.subtitle ? (c(), u("div", H, [
                 i(e.$slots, "subtitle", {}, () => [
                   B(
-                    b(e.subtitle),
+                    _(e.subtitle),
                     1
                     /* TEXT */
                   )
@@ -117,7 +118,7 @@ const L = {
         n(
           "div",
           {
-            class: _(C.value)
+            class: b(k.value)
           },
           [
             n("div", M, [