@quidgest/ui 0.14.11 → 0.14.13

package/esm/components/QBadge/QBadge.vue.js

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

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

@@ -1,4 +1,44 @@
-import { default as _QBadge } from './QBadge';
-declare const QBadge: typeof _QBadge;
+declare const QBadge: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QBadgeProps> & Readonly<{
+        "onClick:remove"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "click:remove": () => any;
+    }, import('vue').PublicProps, {
+        variant: "tonal" | "bold" | "outlined";
+        color: string;
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QBadgeProps> & Readonly<{
+        "onClick:remove"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        variant: "tonal" | "bold" | "outlined";
+        color: string;
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QBadgeProps> & Readonly<{
+    "onClick:remove"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:remove": () => any;
+}, string, {
+    variant: "tonal" | "bold" | "outlined";
+    color: string;
+    icons: typeof import('./types').DEFAULT_ICONS;
+    texts: typeof import('./types').DEFAULT_TEXTS;
+}, {}, 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 { QBadge };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,cAAc,CAAA;AAKlC,QAAA,MAAM,MAAM,EAA+B,OAAO,OAAO,CAAA;AAGzD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -20,10 +20,17 @@ export type QBadgeProps = {
      * Custom icon configurations.
      */
     icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom texts.
+     */
+    texts?: typeof DEFAULT_TEXTS;
 };
 export declare const DEFAULT_ICONS: {
     remove: {
         icon: string;
     };
 };
+export declare const DEFAULT_TEXTS: {
+    removeText: string;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA;AAEhC,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/QBadge/types.js

@@ -1,8 +1,11 @@
-const o = {
+const e = {
   remove: {
     icon: "close"
   }
+}, o = {
+  removeText: "Remove"
 };
 export {
-  o as DEFAULT_ICONS
+  e as DEFAULT_ICONS,
+  o as DEFAULT_TEXTS
 };

package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts

@@ -0,0 +1,22 @@
+import { QBadgeIndicatorProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QBadgeIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QBadgeIndicatorProps> & Readonly<{}>, {
+    position: import('./types').QBadgeIndicatorPosition;
+}, {}, {}, {}, 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=QBadgeIndicator.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QBadgeIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/QBadgeIndicator.vue"],"names":[],"mappings":"AAcA;AAgDC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA4BpD,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,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"}

package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as l, useSlots as i, computed as e, createElementBlock as d, openBlock as p, renderSlot as n, createVNode as u, unref as m, normalizeClass as f, withCtx as _, createTextVNode as g, toDisplayString as b } from "vue";
+import { QBadge as h } from "../QBadge/index.js";
+const q = { class: "q-badge-indicator__wrapper" }, S = /* @__PURE__ */ l({
+  __name: "QBadgeIndicator",
+  props: {
+    content: {},
+    position: { default: "top-right" },
+    color: {}
+  },
+  setup(s) {
+    const o = s, a = i(), c = e(() => !o.content && !a.content), r = e(() => [
+      "q-badge-indicator",
+      `q-badge-indicator--${o.position}`,
+      {
+        "q-badge-indicator--dot": c.value
+      }
+    ]);
+    return (t, v) => (p(), d("div", q, [
+      n(t.$slots, "default"),
+      u(m(h), {
+        pill: "",
+        variant: "bold",
+        class: f(r.value),
+        color: o.color
+      }, {
+        default: _(() => [
+          n(t.$slots, "content", {}, () => [
+            g(
+              b(o.content),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "color"])
+    ]));
+  }
+});
+export {
+  S as default
+};

package/esm/components/QBadgeIndicator/QBadgeIndicator.vue2.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAKnD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAAoC,CAAA;AAGzD,OAAO,EAAE,eAAe,EAAE,CAAA;AAG1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/esm/components/QBadgeIndicator/index.js

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

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

@@ -0,0 +1,19 @@
+export type QBadgeIndicatorPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export type QBadgeIndicatorProps = {
+    /**
+     * The content to display inside the badge.
+     * If omitted, the badge appears as a small dot.
+     */
+    content?: string;
+    /**
+     * The position of the badge relative to the wrapped element.
+     * Defaults to `top-right`.
+     */
+    position?: QBadgeIndicatorPosition;
+    /**
+     * The color of the badge.
+     * Can be chosen from utility colors like 'success' or 'danger', or specified using CSS color codes.
+     */
+    color?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;AAE/F,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAA;IAElC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QButton/QButton.d.ts

@@ -14,8 +14,6 @@ declare const __VLS_component: import('vue').DefineComponent<QButtonProps, {}, {
     onClick?: ((event: Event) => any) | undefined;
 }>, {
     size: "regular" | "small";
-    class: string | unknown[];
-    label: string;
     bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAwBA;AA4EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAwD5C,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAwBA;AA0EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA8C5C,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;2FASnB,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/QButton/QButton.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as m, computed as s, openBlock as n, createElementBlock as o, normalizeClass as y, withModifiers as v, createVNode as g, unref as k, createCommentVNode as l, createElementVNode as _, Fragment as i, createTextVNode as d, toDisplayString as r, renderSlot as q } from "vue";
+import { defineComponent as f, computed as a, createElementBlock as o, openBlock as n, withModifiers as y, normalizeClass as v, createCommentVNode as l, createElementVNode as g, createVNode as k, unref as _, renderSlot as q, Fragment as i, createTextVNode as r, toDisplayString as c } from "vue";
 import { QSpinnerLoader as B } from "../QSpinnerLoader/index.js";
 const h = ["disabled"], z = {
   key: 0,
   class: "q-btn__spinner"
-}, C = { class: "q-btn__content" }, O = /* @__PURE__ */ m({
+}, C = { class: "q-btn__content" }, O = /* @__PURE__ */ f({
   __name: "QButton",
   props: {
     active: { type: Boolean },
     bStyle: { default: "secondary" },
-    label: { default: "" },
+    label: {},
     disabled: { type: Boolean },
     iconOnRight: { type: Boolean },
     borderless: { type: Boolean },
@@ -16,15 +16,15 @@ const h = ["disabled"], z = {
     block: { type: Boolean },
     loading: { type: Boolean },
     size: { default: "regular" },
-    class: { default: void 0 }
+    class: {}
   },
   emits: ["click"],
-  setup(c, { emit: b }) {
-    const e = c, u = b, a = s(() => e.disabled || e.loading);
-    function p(t) {
-      a.value || u("click", t);
+  setup(d, { emit: b }) {
+    const e = d, p = b, s = a(() => e.disabled || e.loading);
+    function u(t) {
+      s.value || p("click", t);
     }
-    const f = s(() => {
+    const m = a(() => {
       const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -42,20 +42,20 @@ const h = ["disabled"], z = {
     });
     return (t, S) => (n(), o("button", {
       type: "button",
-      class: y(f.value),
-      disabled: a.value,
-      onClick: v(p, ["stop", "prevent"])
+      class: v(m.value),
+      disabled: s.value,
+      onClick: y(u, ["stop", "prevent"])
     }, [
       t.loading ? (n(), o("div", z, [
-        g(k(B), { size: 20 })
+        k(_(B), { size: 20 })
       ])) : l("v-if", !0),
-      _("span", C, [
+      g("span", C, [
         t.iconOnRight ? (n(), o(
           i,
           { key: 0 },
           [
-            d(
-              r(e.label),
+            r(
+              c(e.label),
               1
               /* TEXT */
             )
@@ -68,8 +68,8 @@ const h = ["disabled"], z = {
           i,
           { key: 1 },
           [
-            d(
-              r(e.label),
+            r(
+              c(e.label),
               1
               /* TEXT */
             )

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

@@ -1,6 +1,40 @@
-import { default as _QButton } from './QButton';
 import { QButtonProps } from './types';
-declare const QButton: typeof _QButton;
+declare const QButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QButtonProps> & Readonly<{
+        onClick?: ((event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (event: Event) => any;
+    }, import('vue').PublicProps, {
+        size: "regular" | "small";
+        bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<QButtonProps> & Readonly<{
+        onClick?: ((event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "regular" | "small";
+        bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<QButtonProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: Event) => any;
+}, string, {
+    size: "regular" | "small";
+    bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+}, {}, 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 { QButton };
 export type { QButtonProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAA;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO,EAAgC,OAAO,QAAQ,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QButtonGroup/QButtonGroup.d.ts

@@ -8,9 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QButtonGroupProps> & Readonly<{}>, {
-    class: string | unknown[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<QButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAYA;AA0CC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6BjD,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAYA;AAwCC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmBjD,iBAAS,cAAc;WA8BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,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/QButtonGroup/QButtonGroup.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as s, toRef as o, openBlock as a, createElementBlock as r, normalizeClass as d, renderSlot as n } from "vue";
+import { defineComponent as l, toRef as o, createElementBlock as r, openBlock as a, normalizeClass as n, renderSlot as d } from "vue";
 import { provideDefaults as p } from "../../composables/defaults.js";
-const i = /* @__PURE__ */ s({
+const b = /* @__PURE__ */ l({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
-    class: { default: void 0 }
+    class: {}
   },
   setup(t) {
     const e = t;
@@ -17,10 +17,10 @@ const i = /* @__PURE__ */ s({
         borderless: o(e, "borderless"),
         elevated: !1
       }
-    }), (l, u) => (a(), r(
+    }), (s, c) => (a(), r(
       "div",
       {
-        class: d([
+        class: n([
           "q-btn-group",
           {
             "q-btn-group--elevated": e.elevated
@@ -29,7 +29,7 @@ const i = /* @__PURE__ */ s({
         ])
       },
       [
-        n(l.$slots, "default")
+        d(s.$slots, "default")
       ],
       2
       /* CLASS */
@@ -37,5 +37,5 @@ const i = /* @__PURE__ */ s({
   }
 });
 export {
-  i as default
+  b as default
 };

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

@@ -1,4 +1,19 @@
-import { default as _QButtonGroup } from './QButtonGroup';
-declare const QButtonGroup: typeof _QButtonGroup;
+declare const QButtonGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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 { QButtonGroup };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAK9C,QAAA,MAAM,YAAY,EAAqC,OAAO,aAAa,CAAA;AAG3E,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA"}