@quidgest/ui 0.14.14 → 0.14.16

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IAElE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;CAClB,CAAA"}

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;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"}
+{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAaA;AAwCC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAkBjD,iBAAS,cAAc;WA+BT,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,13 @@
-import { defineComponent as l, toRef as o, createElementBlock as r, openBlock as a, normalizeClass as n, renderSlot as d } from "vue";
+import { defineComponent as l, toRef as o, createElementBlock as r, openBlock as d, normalizeClass as a, renderSlot as n } from "vue";
 import { provideDefaults as p } from "../../composables/defaults.js";
-const b = /* @__PURE__ */ l({
+const i = ["id"], m = /* @__PURE__ */ l({
   __name: "QButtonGroup",
   props: {
+    id: {},
+    class: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    class: {}
+    elevated: { type: Boolean }
   },
   setup(t) {
     const e = t;
@@ -14,28 +15,22 @@ const b = /* @__PURE__ */ l({
       QButton: {
         bStyle: "secondary",
         disabled: o(e, "disabled"),
-        borderless: o(e, "borderless"),
-        elevated: !1
+        borderless: o(e, "borderless")
       }
-    }), (s, c) => (a(), r(
-      "div",
-      {
-        class: n([
-          "q-btn-group",
-          {
-            "q-btn-group--elevated": e.elevated
-          },
-          e.class
-        ])
-      },
-      [
-        d(s.$slots, "default")
-      ],
-      2
-      /* CLASS */
-    ));
+    }), (s, c) => (d(), r("div", {
+      id: e.id,
+      class: a([
+        "q-btn-group",
+        {
+          "q-btn-group--elevated": e.elevated
+        },
+        e.class
+      ])
+    }, [
+      n(s.$slots, "default")
+    ], 10, i));
   }
 });
 export {
-  b as default
+  m as default
 };

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

@@ -1,4 +1,5 @@
-export type QButtonGroupProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QButtonGroupProps = QBaseComponentProps & {
     /**
      * If true, the button group is disabled and cannot be interacted with.
      */
@@ -11,9 +12,5 @@ export type QButtonGroupProps = {
      * If true, the button group an elevated appearance.
      */
     elevated?: boolean;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAqBA;AA8CC,OAAO,KAAK,EAAU,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEzD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAavC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyET,OAAO,IAA6B;6CAXqC,GAAG;;;EAgBzF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAsBA;AA+CC,OAAO,KAAK,EAAuB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAavC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2ET,OAAO,IAA6B;6CAXqC,GAAG;;;EAgBzF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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/QButtonToggle/QButtonToggle.vue.js

@@ -1,48 +1,50 @@
-import { defineComponent as i, mergeModels as c, useModel as m, createBlock as s, openBlock as o, unref as d, normalizeClass as b, withCtx as n, createElementBlock as f, Fragment as y, renderList as k, renderSlot as p } from "vue";
+import { defineComponent as u, mergeModels as c, useModel as m, createBlock as s, openBlock as o, unref as d, normalizeClass as b, withCtx as i, createElementBlock as f, Fragment as y, renderList as k, renderSlot as p } from "vue";
 import { QButton as v } from "../QButton/index.js";
 import { QButtonGroup as B } from "../QButtonGroup/index.js";
-const M = /* @__PURE__ */ i({
+const M = /* @__PURE__ */ u({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ c({
+    id: {},
+    class: {},
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
-    required: { type: Boolean },
-    class: {}
+    required: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const l = r, t = m(r, "modelValue");
-    function u(a) {
-      t.value === a.key && !l.required ? t.value = void 0 : t.value = a.key;
+    const e = r, t = m(r, "modelValue");
+    function n(a) {
+      t.value === a.key && !e.required ? t.value = void 0 : t.value = a.key;
     }
     return (a, g) => (o(), s(d(B), {
+      id: e.id,
       "b-style": "secondary",
-      class: b(l.class),
-      disabled: l.disabled,
-      borderless: l.borderless,
-      elevated: l.elevated,
+      class: b(e.class),
+      disabled: e.disabled,
+      borderless: e.borderless,
+      elevated: e.elevated,
       role: "listbox"
     }, {
-      default: n(() => [
+      default: i(() => [
         (o(!0), f(
           y,
           null,
-          k(l.options, (e) => (o(), s(d(v), {
-            key: e.key,
-            title: e.title,
-            label: e.label,
-            active: t.value === e.key,
+          k(e.options, (l) => (o(), s(d(v), {
+            key: l.key,
+            title: l.title,
+            label: l.label,
+            active: t.value === l.key,
             role: "option",
-            "aria-selected": t.value === e.key,
-            onClick: () => u(e)
+            "aria-selected": t.value === l.key,
+            onClick: () => n(l)
           }, {
-            default: n(() => [
-              p(a.$slots, e.key)
+            default: i(() => [
+              p(a.$slots, l.key)
             ]),
             _: 2
             /* DYNAMIC */
@@ -53,7 +55,7 @@ const M = /* @__PURE__ */ i({
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["class", "disabled", "borderless", "elevated"]));
+    }, 8, ["id", "class", "disabled", "borderless", "elevated"]));
   }
 });
 export {

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

@@ -1,7 +1,13 @@
 declare const QButtonToggle: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
-    } & import('./types').QButtonToggleProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        options: Array<import('./types').QButtonToggleOption>;
+        disabled?: boolean;
+        borderless?: boolean;
+        elevated?: boolean;
+        required?: boolean;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
@@ -14,7 +20,13 @@ declare const QButtonToggle: {
         Defaults: {};
     }, Readonly<{
         modelValue?: string;
-    } & import('./types').QButtonToggleProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        options: Array<import('./types').QButtonToggleOption>;
+        disabled?: boolean;
+        borderless?: boolean;
+        elevated?: boolean;
+        required?: boolean;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -22,7 +34,13 @@ declare const QButtonToggle: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: string;
-} & import('./types').QButtonToggleProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    options: Array<import('./types').QButtonToggleOption>;
+    disabled?: boolean;
+    borderless?: boolean;
+    elevated?: boolean;
+    required?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -1,13 +1,14 @@
-export type Option = {
+import { QBaseComponentProps } from '../../types/component';
+export type QButtonToggleOption = {
     key: string;
     title?: string;
     label?: string;
 };
-export type QButtonToggleProps = {
+export type QButtonToggleProps = QBaseComponentProps & {
     /**
      * The list of available options to display
      */
-    options: Array<Option>;
+    options: Array<QButtonToggleOption>;
     /**
      * Indicates if the button toggle is disabled.
      */
@@ -24,9 +25,5 @@ export type QButtonToggleProps = {
      * Indicates if options can be deselected.
      */
     required?: boolean;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/esm/components/QCard/QCard.d.ts

@@ -17,8 +17,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QCardProps> & Readonly<{}>, {
-    variant: "default" | "background" | "title-background" | "minor";
-    elevation: "none" | "low" | "medium" | "high";
+    variant: import('./types').QCardVariant;
+    elevation: import('./types').QCardElevation;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAyEA;AAiIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAmD1C,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;wBAlBrB,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;EAe/B;AAcD,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":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAyEA;AAwIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA0D1C,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;wBAlBrB,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;EAe/B;AAaD,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"}