@quidgest/ui 0.14.13 → 0.14.15

package/esm/components/QAccordion/QAccordion.vue.js

@@ -1,27 +1,40 @@
-import { defineComponent as r, mergeModels as a, toRef as l, useModel as s, createElementBlock as n, openBlock as d, renderSlot as i } from "vue";
-import { provideDefaults as m } from "../../composables/defaults.js";
-import { useGroup as c } from "../../composables/group.js";
-const p = { class: "q-accordion" }, V = /* @__PURE__ */ r({
+import { defineComponent as l, mergeModels as c, toRef as t, useModel as n, watch as r, createElementBlock as d, openBlock as m, normalizeClass as p, renderSlot as u } from "vue";
+import { provideDefaults as f } from "../../composables/defaults.js";
+import { useGroup as v } from "../../composables/group.js";
+const g = ["id"], B = /* @__PURE__ */ l({
   __name: "QAccordion",
-  props: /* @__PURE__ */ a({
+  props: /* @__PURE__ */ c({
+    id: {},
+    class: {},
+    iconRight: { type: Boolean },
+    spacing: {},
     variant: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    m({
+  setup(i) {
+    const e = i;
+    f({
       QCollapsible: {
-        variant: l(e, "variant")
+        iconRight: t(e, "iconRight"),
+        spacing: t(e, "spacing"),
+        variant: t(e, "variant"),
+        width: "block"
       }
     });
-    const o = s(e, "modelValue");
-    return c({ active: o }), (t, f) => (d(), n("div", p, [
-      i(t.$slots, "default")
-    ]));
+    const a = n(i, "modelValue"), { active: s } = v({ active: a });
+    return r(s, (o) => {
+      a.value = o;
+    }), (o, h) => (m(), d("div", {
+      id: e.id,
+      class: p(["q-accordion", e.class])
+    }, [
+      u(o.$slots, "default")
+    ], 10, g));
   }
 });
 export {
-  V as default
+  B as default
 };

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

@@ -1,7 +1,11 @@
 declare const QAccordion: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
-    } & import('./types').QAccordionProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        iconRight?: boolean;
+        spacing?: import('../QCollapsible/types').QCollapsibleSpacing;
+        variant?: import('../QCollapsible/types').QCollapsibleVariant;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
@@ -14,7 +18,11 @@ declare const QAccordion: {
         Defaults: {};
     }, Readonly<{
         modelValue?: string;
-    } & import('./types').QAccordionProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        iconRight?: boolean;
+        spacing?: import('../QCollapsible/types').QCollapsibleSpacing;
+        variant?: import('../QCollapsible/types').QCollapsibleVariant;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -22,7 +30,11 @@ declare const QAccordion: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: string;
-} & import('./types').QAccordionProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    iconRight?: boolean;
+    spacing?: import('../QCollapsible/types').QCollapsibleSpacing;
+    variant?: import('../QCollapsible/types').QCollapsibleVariant;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -1,7 +1,17 @@
-export type QAccordionProps = {
+import { QCollapsibleSpacing, QCollapsibleVariant } from '../QCollapsible/types';
+import { QBaseComponentProps } from '../../types/component';
+export type QAccordionProps = QBaseComponentProps & {
     /**
-     * The variant of the collapsibles.
+     * If true, positions the expand/collapse icon on the right.
      */
-    variant?: 'default' | 'border-bottom';
+    iconRight?: boolean;
+    /**
+     * Defines the spacing around the title of each collapsible panel.
+     */
+    spacing?: QCollapsibleSpacing;
+    /**
+     * Specifies the visual style of the collapsible sections.
+     */
+    variant?: QCollapsibleVariant;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;CACrC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC7B,CAAA"}

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

@@ -13,7 +13,8 @@ declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<QBadgeProps> & Readonly<{
     "onClick:remove"?: (() => any) | undefined;
 }>, {
-    variant: "tonal" | "bold" | "outlined";
+    size: import('./types').QBadgeSize;
+    variant: import('./types').QBadgeVariant;
     color: string;
     icons: typeof DEFAULT_ICONS;
     texts: typeof DEFAULT_TEXTS;

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":"AAsBA;AAiHC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoFvD,iBAAS,cAAc;WAqET,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;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"}

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

@@ -1,39 +1,44 @@
-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({
+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({
   __name: "QBadge",
   props: {
+    id: {},
+    class: {},
     color: { default: "primary" },
     variant: { default: "tonal" },
     removable: { type: Boolean },
     pill: { type: Boolean },
-    icons: { default: () => $ },
-    texts: { default: () => V }
+    size: { default: "default" },
+    icons: { default: () => M },
+    texts: { default: () => R }
   },
   emits: ["click:remove"],
   setup(f, { emit: p }) {
-    const e = f, v = p, b = h(), l = r(() => !!b.onClick), n = r(
+    const e = f, v = p, b = h(), l = n(() => !!b.onClick), r = n(
       () => ["primary", "info", "success", "warning", "danger", "highlight"].includes(e.color)
-    ), g = r(() => {
-      const o = n.value ? `q-badge--${e.color}` : void 0;
+    ), g = n(() => {
+      const o = r.value ? `q-badge--${e.color}` : void 0, t = e.size !== "default" ? `q-badge--${e.size}` : void 0;
       return [
         "q-badge",
         `q-badge--${e.variant}`,
         o,
+        t,
         {
           "q-badge--pill": e.pill,
           "q-badge--clickable": l.value
-        }
+        },
+        e.class
       ];
-    }), C = r(() => {
+    }), C = n(() => {
       let o, t, a, i;
-      if (!n.value) {
+      if (!r.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));
+        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,
@@ -48,12 +53,13 @@ const O = ["role", "tabindex", "onKeydown"], X = { class: "q-badge__content" },
     function k(o) {
       o.stopImmediatePropagation();
     }
-    return (o, t) => (d(), B("span", {
-      class: E(g.value),
+    return (o, t) => (c(), z("span", {
+      id: e.id,
+      class: w(g.value),
       role: l.value ? "button" : "presentation",
-      style: w(C.value),
+      style: T(C.value),
       tabindex: l.value ? 0 : void 0,
-      onKeydown: T(N(k, ["stop", "prevent"]), ["enter"])
+      onKeydown: B(E(k, ["stop", "prevent"]), ["enter"])
     }, [
       t[0] || (t[0] = u(
         "div",
@@ -63,8 +69,8 @@ const O = ["role", "tabindex", "onKeydown"], X = { class: "q-badge__content" },
         /* HOISTED */
       )),
       u("div", X, [
-        S(o.$slots, "default"),
-        e.removable ? (d(), z(m(Q), {
+        N(o.$slots, "default"),
+        e.removable ? (c(), S(m(P), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
@@ -72,10 +78,10 @@ const O = ["role", "tabindex", "onKeydown"], X = { class: "q-badge__content" },
           onClick: _,
           "aria-label": e.texts.removeText
         }, {
-          default: H(() => [
-            I(
-              m(U),
-              K(P(e.icons.remove)),
+          default: A(() => [
+            H(
+              m(Q),
+              I(K(e.icons.remove)),
               null,
               16
               /* FULL_PROPS */
@@ -83,7 +89,7 @@ const O = ["role", "tabindex", "onKeydown"], X = { class: "q-badge__content" },
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["aria-label"])) : A("v-if", !0)
+        }, 8, ["aria-label"])) : $("v-if", !0)
       ])
     ], 46, O));
   }

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

@@ -4,7 +4,8 @@ declare const QBadge: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "click:remove": () => any;
     }, import('vue').PublicProps, {
-        variant: "tonal" | "bold" | "outlined";
+        size: import('./types').QBadgeSize;
+        variant: import('./types').QBadgeVariant;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
         texts: typeof import('./types').DEFAULT_TEXTS;
@@ -18,7 +19,8 @@ declare const QBadge: {
     }, Readonly<import('./types').QBadgeProps> & Readonly<{
         "onClick:remove"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "tonal" | "bold" | "outlined";
+        size: import('./types').QBadgeSize;
+        variant: import('./types').QBadgeVariant;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
         texts: typeof import('./types').DEFAULT_TEXTS;
@@ -31,7 +33,8 @@ declare const QBadge: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "click:remove": () => any;
 }, string, {
-    variant: "tonal" | "bold" | "outlined";
+    size: import('./types').QBadgeSize;
+    variant: import('./types').QBadgeVariant;
     color: string;
     icons: typeof import('./types').DEFAULT_ICONS;
     texts: typeof import('./types').DEFAULT_TEXTS;

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":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,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

@@ -1,21 +1,29 @@
-export type QBadgeProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QBadgeVariant = 'tonal' | 'bold' | 'outlined';
+export type QBadgeSize = 'default' | 'large';
+export type QBadgeProps = QBaseComponentProps & {
     /**
      * The color of the badge.
-     * Can be chosen from utility colors like 'success' or 'danger', or specified using CSS color codes.
+     * Can be chosen from utility colors like 'success' or 'danger',
+     * or specified using CSS color codes.
      */
     color?: string;
     /**
-     * The visual style variant of the badge.
+     * Specifies the visual style of the badge.
      */
-    variant?: 'tonal' | 'bold' | 'outlined';
+    variant?: QBadgeVariant;
     /**
-     * Indicates if the badge can be removed.
+     * Whether the badge can be removed.
      */
     removable?: boolean;
     /**
      * Whether to convey a pill shape to the badge.
      */
     pill?: boolean;
+    /**
+     * The size of the badge.
+     */
+    size?: QBadgeSize;
     /**
      * Custom icon configurations.
      */

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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;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/QBadgeIndicator/QBadgeIndicator.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
 };
 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;
+    placement: import('./types').QBadgeIndicatorPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +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"}
+{"version":3,"file":"QBadgeIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/QBadgeIndicator.vue"],"names":[],"mappings":"AAgBA;AAmDC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA6BpD,iBAAS,cAAc;WA+CT,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

@@ -1,32 +1,37 @@
-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 { defineComponent as d, useSlots as i, computed as o, createElementBlock as p, openBlock as m, normalizeClass as a, renderSlot as n, createVNode as u, unref 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({
+const q = ["id"], S = /* @__PURE__ */ d({
   __name: "QBadgeIndicator",
   props: {
+    id: {},
+    class: {},
     content: {},
-    position: { default: "top-right" },
+    placement: { default: "top-right" },
     color: {}
   },
   setup(s) {
-    const o = s, a = i(), c = e(() => !o.content && !a.content), r = e(() => [
+    const t = s, c = i(), l = o(() => !t.content && !c.content), r = o(() => [
       "q-badge-indicator",
-      `q-badge-indicator--${o.position}`,
+      `q-badge-indicator--${t.placement}`,
       {
-        "q-badge-indicator--dot": c.value
+        "q-badge-indicator--dot": l.value
       }
     ]);
-    return (t, v) => (p(), d("div", q, [
-      n(t.$slots, "default"),
-      u(m(h), {
+    return (e, v) => (m(), p("div", {
+      id: t.id,
+      class: a(["q-badge-indicator__wrapper", t.class])
+    }, [
+      n(e.$slots, "default"),
+      u(f(h), {
         pill: "",
         variant: "bold",
-        class: f(r.value),
-        color: o.color
+        class: a(r.value),
+        color: t.color
       }, {
         default: _(() => [
-          n(t.$slots, "content", {}, () => [
+          n(e.$slots, "content", {}, () => [
             g(
-              b(o.content),
+              b(t.content),
               1
               /* TEXT */
             )
@@ -35,7 +40,7 @@ const q = { class: "q-badge-indicator__wrapper" }, S = /* @__PURE__ */ l({
         _: 3
         /* FORWARDED */
       }, 8, ["class", "color"])
-    ]));
+    ], 10, q));
   }
 });
 export {

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

@@ -1,7 +1,7 @@
 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;
+        placement: import('./types').QBadgeIndicatorPlacement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -10,13 +10,13 @@ declare const QBadgeIndicator: {
         M: {};
         Defaults: {};
     }, Readonly<QBadgeIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {
-        position: import('./types').QBadgeIndicatorPosition;
+        placement: import('./types').QBadgeIndicatorPlacement;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<QBadgeIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    position: import('./types').QBadgeIndicatorPosition;
+    placement: import('./types').QBadgeIndicatorPlacement;
 }, {}, 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/QBadgeIndicator/types.d.ts

@@ -1,15 +1,17 @@
-export type QBadgeIndicatorPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-export type QBadgeIndicatorProps = {
+import { QBaseComponentProps } from '../../types/component';
+/** The possible placements for a QBadgeIndicator component. */
+export type QBadgeIndicatorPlacement = 'top-right' | 'top-center' | 'top-left' | 'middle-right' | 'middle-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
+export type QBadgeIndicatorProps = QBaseComponentProps & {
     /**
      * 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.
+     * The placement of the badge relative to the wrapped element.
      * Defaults to `top-right`.
      */
-    position?: QBadgeIndicatorPosition;
+    placement?: QBadgeIndicatorPlacement;
     /**
      * The color of the badge.
      * Can be chosen from utility colors like 'success' or 'danger', or specified using CSS color codes.

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,+DAA+D;AAC/D,MAAM,MAAM,wBAAwB,GACjC,WAAW,GACX,YAAY,GACZ,UAAU,GACV,cAAc,GACd,aAAa,GACb,cAAc,GACd,eAAe,GACf,aAAa,CAAA;AAEhB,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACxD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAA;IAEpC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

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

@@ -13,8 +13,8 @@ declare const __VLS_component: import('vue').DefineComponent<QButtonProps, {}, {
 }, string, import('vue').PublicProps, Readonly<QButtonProps> & Readonly<{
     onClick?: ((event: Event) => any) | undefined;
 }>, {
-    size: "regular" | "small";
-    bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+    size: import('./types').QButtonSize;
+    bStyle: import('./types').QButtonVariant;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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;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"}
+{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAyBA;AA2EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA8C5C,iBAAS,cAAc;WAmDT,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,11 +1,13 @@
-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 { defineComponent as f, computed as s, 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 a, createTextVNode as d, toDisplayString as r } from "vue";
 import { QSpinnerLoader as B } from "../QSpinnerLoader/index.js";
-const h = ["disabled"], z = {
+const h = ["id", "disabled"], z = {
   key: 0,
   class: "q-btn__spinner"
 }, C = { class: "q-btn__content" }, O = /* @__PURE__ */ f({
   __name: "QButton",
   props: {
+    id: {},
+    class: {},
     active: { type: Boolean },
     bStyle: { default: "secondary" },
     label: {},
@@ -15,16 +17,15 @@ const h = ["disabled"], z = {
     elevated: { type: Boolean },
     block: { type: Boolean },
     loading: { type: Boolean },
-    size: { default: "regular" },
-    class: {}
+    size: { default: "regular" }
   },
   emits: ["click"],
-  setup(d, { emit: b }) {
-    const e = d, p = b, s = a(() => e.disabled || e.loading);
+  setup(c, { emit: b }) {
+    const e = c, p = b, i = s(() => e.disabled || e.loading);
     function u(t) {
-      s.value || p("click", t);
+      i.value || p("click", t);
     }
-    const m = a(() => {
+    const m = s(() => {
       const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -41,9 +42,10 @@ const h = ["disabled"], z = {
       ];
     });
     return (t, S) => (n(), o("button", {
+      id: e.id,
       type: "button",
       class: v(m.value),
-      disabled: s.value,
+      disabled: i.value,
       onClick: y(u, ["stop", "prevent"])
     }, [
       t.loading ? (n(), o("div", z, [
@@ -51,11 +53,11 @@ const h = ["disabled"], z = {
       ])) : l("v-if", !0),
       g("span", C, [
         t.iconOnRight ? (n(), o(
-          i,
+          a,
           { key: 0 },
           [
-            r(
-              c(e.label),
+            d(
+              r(e.label),
               1
               /* TEXT */
             )
@@ -65,11 +67,11 @@ const h = ["disabled"], z = {
         )) : l("v-if", !0),
         q(t.$slots, "default"),
         t.iconOnRight ? l("v-if", !0) : (n(), o(
-          i,
+          a,
           { key: 1 },
           [
-            r(
-              c(e.label),
+            d(
+              r(e.label),
               1
               /* TEXT */
             )

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

@@ -5,8 +5,8 @@ declare const QButton: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (event: Event) => any;
     }, import('vue').PublicProps, {
-        size: "regular" | "small";
-        bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+        size: import('./types').QButtonSize;
+        bStyle: import('./types').QButtonVariant;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -17,8 +17,8 @@ declare const QButton: {
     }, Readonly<QButtonProps> & Readonly<{
         onClick?: ((event: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: "regular" | "small";
-        bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+        size: import('./types').QButtonSize;
+        bStyle: import('./types').QButtonVariant;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -28,8 +28,8 @@ declare const QButton: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: Event) => any;
 }, string, {
-    size: "regular" | "small";
-    bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+    size: import('./types').QButtonSize;
+    bStyle: import('./types').QButtonVariant;
 }, {}, 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/QButton/types.d.ts

@@ -1,4 +1,7 @@
-export type QButtonProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'plain';
+export type QButtonSize = 'small' | 'regular';
+export type QButtonProps = QBaseComponentProps & {
     /**
      * Indicates whether the button is active or not.
      */
@@ -6,7 +9,7 @@ export type QButtonProps = {
     /**
      * The style of the button.
      */
-    bStyle?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'plain';
+    bStyle?: QButtonVariant;
     /**
      * The text content of the button.
      */
@@ -38,10 +41,6 @@ export type QButtonProps = {
     /**
      * The size of the button, either 'regular' or 'small'.
      */
-    size?: 'regular' | 'small';
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
+    size?: QButtonSize;
 };
 //# sourceMappingURL=types.d.ts.map