@quidgest/ui 0.14.14 → 0.14.15

package/esm/components/QCard/QCard.vue.js

@@ -1,24 +1,24 @@
-import { defineComponent as q, useAttrs as y, computed as d, createBlock as u, openBlock as o, resolveDynamicComponent as C, normalizeClass as T, unref as p, withCtx as D, createElementBlock as l, Fragment as i, createCommentVNode as s, createElementVNode as r, renderSlot as a, createTextVNode as f, toDisplayString as h } from "vue";
-import { QSpinnerLoader as N } from "../QSpinnerLoader/index.js";
-import { useId as g } from "../../composables/uid.js";
-const B = { class: "q-card__header" }, A = {
+import { defineComponent as k, computed as d, useAttrs as _, createBlock as u, openBlock as o, resolveDynamicComponent as q, normalizeClass as y, withCtx as C, createElementBlock as a, unref as T, Fragment as i, createCommentVNode as s, createElementVNode as n, renderSlot as l, createTextVNode as p, toDisplayString as f } from "vue";
+import { QSpinnerLoader as D } from "../QSpinnerLoader/index.js";
+const N = { class: "q-card__header" }, g = {
   key: 0,
   class: "q-card__header-content"
-}, R = { class: "q-card__header-text" }, w = {
+}, B = { class: "q-card__header-text" }, A = {
   key: 0,
   class: "q-card__title",
   role: "cell"
-}, P = {
+}, R = {
   key: 1,
   class: "q-card__subtitle",
   role: "cell"
-}, H = { class: "q-card__content" }, I = {
+}, w = { class: "q-card__content" }, P = {
   key: 0,
   class: "q-card__footer"
-}, V = /* @__PURE__ */ q({
+}, S = /* @__PURE__ */ k({
   __name: "QCard",
   props: {
     id: {},
+    class: {},
     title: {},
     subtitle: {},
     href: {},
@@ -29,55 +29,57 @@ const B = { class: "q-card__header" }, A = {
     elevation: { default: "none" },
     width: {}
   },
-  setup(v) {
-    const e = v, $ = y(), m = g(e.id), b = d(() => {
-      const t = e.width ? `q-card--${e.width}` : void 0, c = e.variant && e.variant !== "default" ? `q-card--${e.variant}` : void 0, _ = e.elevation && e.elevation !== "none" ? `q-card--elevation-${e.elevation}` : void 0;
+  setup(h) {
+    const e = h, v = d(() => {
+      const t = e.width ? `q-card--${e.width}` : void 0, c = e.variant && e.variant !== "default" ? `q-card--${e.variant}` : void 0, E = e.elevation && e.elevation !== "none" ? `q-card--elevation-${e.elevation}` : void 0;
       return [
         "q-card",
         t,
         c,
-        _,
+        E,
         {
-          "q-card--clickable": E.value,
+          "q-card--clickable": b.value,
           "q-card--loading": e.loading,
           "q-card--borderless": e.borderless,
           "q-card--disabled": e.disabled
-        }
+        },
+        e.class
       ];
-    }), E = d(() => !!$.onClick || e.href), n = d(() => e.disabled || e.loading), k = (t) => {
-      n.value && t.stopImmediatePropagation();
-    };
-    return (t, c) => (o(), u(C(e.href ? "a" : "div"), {
-      id: p(m),
-      class: T([...b.value, t.$attrs.class]),
-      href: e.href && !n.value ? e.href : void 0,
-      onClick: k
+    }), $ = _(), b = d(() => !!$.onClick || e.href), r = d(() => e.disabled || e.loading);
+    function m(t) {
+      r.value && t.stopImmediatePropagation();
+    }
+    return (t, c) => (o(), u(q(e.href ? "a" : "div"), {
+      id: e.id,
+      class: y(v.value),
+      href: e.href && !r.value ? e.href : void 0,
+      onClick: m
     }, {
-      default: D(() => [
-        e.loading ? (o(), u(p(N), {
+      default: C(() => [
+        e.loading ? (o(), u(T(D), {
           key: 0,
           size: 36
-        })) : (o(), l(
+        })) : (o(), a(
           i,
           { key: 1 },
           [
             s(" HEADER "),
-            r("div", B, [
-              a(t.$slots, "header", {}, () => [
+            n("div", N, [
+              l(t.$slots, "header", {}, () => [
                 s(" HEADER: PREPEND "),
-                a(t.$slots, "header.prepend"),
+                l(t.$slots, "header.prepend"),
                 s(" HEADER CONTENT "),
-                t.$slots.title || e.title || t.$slots.subtitle || e.subtitle ? (o(), l("div", A, [
-                  a(t.$slots, "header.content.prepend"),
-                  r("div", R, [
+                t.$slots.title || e.title || t.$slots.subtitle || e.subtitle ? (o(), a("div", g, [
+                  l(t.$slots, "header.content.prepend"),
+                  n("div", B, [
                     s(" TITLE "),
-                    t.$slots.title || e.title ? (o(), l("p", w, [
-                      t.$slots.title ? a(t.$slots, "title", { key: 0 }) : (o(), l(
+                    t.$slots.title || e.title ? (o(), a("p", A, [
+                      t.$slots.title ? l(t.$slots, "title", { key: 0 }) : (o(), a(
                         i,
                         { key: 1 },
                         [
-                          f(
-                            h(t.$props.title),
+                          p(
+                            f(t.$props.title),
                             1
                             /* TEXT */
                           )
@@ -87,13 +89,13 @@ const B = { class: "q-card__header" }, A = {
                       ))
                     ])) : s("v-if", !0),
                     s(" SUBTITLE "),
-                    t.$slots.subtitle || e.subtitle ? (o(), l("p", P, [
-                      t.$slots.subtitle ? a(t.$slots, "subtitle", { key: 0 }) : (o(), l(
+                    t.$slots.subtitle || e.subtitle ? (o(), a("p", R, [
+                      t.$slots.subtitle ? l(t.$slots, "subtitle", { key: 0 }) : (o(), a(
                         i,
                         { key: 1 },
                         [
-                          f(
-                            h(t.$props.subtitle),
+                          p(
+                            f(t.$props.subtitle),
                             1
                             /* TEXT */
                           )
@@ -103,19 +105,19 @@ const B = { class: "q-card__header" }, A = {
                       ))
                     ])) : s("v-if", !0)
                   ]),
-                  a(t.$slots, "header.content.append")
+                  l(t.$slots, "header.content.append")
                 ])) : s("v-if", !0),
                 s(" HEADER: APPEND "),
-                a(t.$slots, "header.append")
+                l(t.$slots, "header.append")
               ])
             ]),
             s(" CONTENT "),
-            r("div", H, [
-              a(t.$slots, "default")
+            n("div", w, [
+              l(t.$slots, "default")
             ]),
             s(" FOOTER "),
-            t.$slots.footer ? (o(), l("div", I, [
-              a(t.$slots, "footer")
+            t.$slots.footer ? (o(), a("div", P, [
+              l(t.$slots, "footer")
             ])) : s("v-if", !0)
           ],
           64
@@ -128,5 +130,5 @@ const B = { class: "q-card__header" }, A = {
   }
 });
 export {
-  V as default
+  S as default
 };

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

@@ -1,8 +1,8 @@
 import { QCardProps } from './types';
 declare const QCard: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        variant: "default" | "background" | "title-background" | "minor";
-        elevation: "none" | "low" | "medium" | "high";
+        variant: import('./types').QCardVariant;
+        elevation: import('./types').QCardElevation;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -11,15 +11,15 @@ declare const QCard: {
         M: {};
         Defaults: {};
     }, Readonly<QCardProps> & Readonly<{}>, {}, {}, {}, {}, {
-        variant: "default" | "background" | "title-background" | "minor";
-        elevation: "none" | "low" | "medium" | "high";
+        variant: import('./types').QCardVariant;
+        elevation: import('./types').QCardElevation;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<QCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    variant: "default" | "background" | "title-background" | "minor";
-    elevation: "none" | "low" | "medium" | "high";
+    variant: import('./types').QCardVariant;
+    elevation: import('./types').QCardElevation;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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

@@ -1,9 +1,8 @@
+import { QBaseComponentProps } from '../../types/component';
+export type QCardVariant = 'default' | 'background' | 'title-background' | 'minor';
+export type QCardElevation = 'none' | 'low' | 'medium' | 'high';
 export type QCardWidth = 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
-export type QCardProps = {
-    /**
-     * The card unique identifier.
-     */
-    id?: string;
+export type QCardProps = QBaseComponentProps & {
     /**
      * The title of the card.
      */
@@ -31,11 +30,11 @@ export type QCardProps = {
     /**
      * The styling variant of the card.
      */
-    variant?: 'default' | 'background' | 'title-background' | 'minor';
+    variant?: QCardVariant;
     /**
      * The elevation provides levels of shadow depth.
      */
-    elevation?: 'none' | 'low' | 'medium' | 'high';
+    elevation?: QCardElevation;
     /**
      * The width of the card
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,OAAO,CAAA;IAEjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,OAAO,CAAA;AAElF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE/D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA"}

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

@@ -18,10 +18,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "regular" | "small" | "large";
+    size: import('./types').QCheckboxLabelSize;
     color: string;
     icons: typeof DEFAULT_ICONS;
-    labelPlacement: string;
+    labelPlacement: import('./types').QCheckboxLabelPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AA+CA;AAoGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA0CnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;wBAXtB,GAAG;wBACF,GAAG;;;;EAe/B;AAgBD,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;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"}

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,28 +1,28 @@
-import { defineComponent as x, mergeModels as v, useModel as _, computed as q, createElementBlock as g, openBlock as o, Fragment as B, createElementVNode as t, normalizeClass as C, createBlock as n, createCommentVNode as d, createSlots as m, withCtx as u, renderSlot as b, withKeys as p, withModifiers as i, unref as k, mergeProps as $ } from "vue";
-import { QIcon as w } from "../QIcon/index.js";
-import h from "./QCheckboxLabel.vue.js";
-import { useId as V } from "../../composables/uid.js";
-import { DEFAULT_ICONS as M } from "./types.js";
-const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disabled"], F = /* @__PURE__ */ x({
+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 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",
-  props: /* @__PURE__ */ v({
-    label: {},
+  props: /* @__PURE__ */ x({
     id: {},
+    class: {},
+    label: {},
     labelPlacement: { default: "right" },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
     color: { default: "primary" },
     size: { default: "regular" },
-    class: {},
-    icons: { default: () => M }
+    icons: { default: () => w }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const e = r, l = _(r, "modelValue"), f = V(e.id), y = q(() => [
+    const e = r, l = v(r, "modelValue"), f = _(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
@@ -37,80 +37,74 @@ const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disa
     function s() {
       !e.disabled && !e.readonly && (l.value = !l.value);
     }
-    return (a, c) => (o(), g(
-      B,
+    return (t, c) => (a(), q(
+      g,
       null,
       [
-        t(
-          "label",
-          {
-            class: C(y.value)
-          },
-          [
-            e.labelPlacement !== "right" ? (o(), n(h, {
-              key: 0,
-              label: e.label
-            }, m({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              a.$slots.extras ? {
-                name: "extras",
-                fn: u(() => [
-                  b(a.$slots, "extras")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["label"])) : d("v-if", !0),
-            t("button", {
-              id: k(f),
-              role: "checkbox",
-              type: "button",
-              "aria-checked": e.indeterminate ? "mixed" : l.value,
-              disabled: e.disabled || e.readonly,
-              class: "q-checkbox__input",
-              onClick: i(s, ["prevent"]),
-              onKeydown: [
-                p(i(s, ["prevent"]), ["space"]),
-                c[0] || (c[0] = p(i(() => {
-                }, ["prevent"]), ["enter"]))
-              ]
-            }, [
-              l.value || a.indeterminate ? (o(), n(
-                k(w),
-                $({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : d("v-if", !0)
-            ], 40, P),
-            e.labelPlacement === "right" ? (o(), n(h, {
-              key: 1,
-              label: e.label
-            }, m({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              a.$slots.extras ? {
-                name: "extras",
-                fn: u(() => [
-                  b(a.$slots, "extras")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["label"])) : d("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        t("input", {
+        o("label", {
+          id: e.id,
+          class: $(f.value)
+        }, [
+          e.labelPlacement !== "right" ? (a(), n(p, {
+            key: 0,
+            label: e.label
+          }, u({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            t.$slots.extras ? {
+              name: "extras",
+              fn: m(() => [
+                b(t.$slots, "extras")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["label"])) : i("v-if", !0),
+          o("button", h({
+            role: "checkbox",
+            type: "button",
+            class: "q-checkbox__input",
+            "aria-checked": e.indeterminate ? "mixed" : l.value,
+            disabled: e.disabled || e.readonly,
+            onClick: d(s, ["prevent"]),
+            onKeydown: [
+              k(d(s, ["prevent"]), ["space"]),
+              c[0] || (c[0] = k(d(() => {
+              }, ["prevent"]), ["enter"]))
+            ]
+          }, t.$attrs), [
+            l.value || t.indeterminate ? (a(), n(
+              B(C),
+              h({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : i("v-if", !0)
+          ], 16, M),
+          e.labelPlacement === "right" ? (a(), n(p, {
+            key: 1,
+            label: e.label
+          }, u({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            t.$slots.extras ? {
+              name: "extras",
+              fn: m(() => [
+                b(t.$slots, "extras")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["label"])) : i("v-if", !0)
+        ], 10, V),
+        o("input", {
           type: "checkbox",
           tabindex: "-1",
           "aria-hidden": "true",
           class: "q-checkbox__native-input",
           checked: !!l.value,
           disabled: e.disabled || e.readonly
-        }, null, 8, z)
+        }, null, 8, P)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -118,5 +112,5 @@ const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disa
   }
 });
 export {
-  F as default
+  S as default
 };

package/esm/components/QCheckbox/QCheckboxLabel.vue.js

@@ -1,12 +1,14 @@
-import { defineComponent as r, createElementBlock as s, openBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
-const p = { key: 0 }, _ = { class: "q-field__extras" }, i = { key: 1 }, b = /* @__PURE__ */ r({
+import { defineComponent as r, createElementBlock as t, openBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
+const i = { key: 0 }, p = { class: "q-field__extras" }, _ = { key: 1 }, b = /* @__PURE__ */ r({
   __name: "QCheckboxLabel",
   props: {
+    id: {},
+    class: {},
     label: {}
   },
   setup(a) {
     const e = a;
-    return (t, d) => t.$slots.extras ? (o(), s("div", p, [
+    return (s, d) => s.$slots.extras ? (o(), t("div", i, [
       l(
         "span",
         null,
@@ -14,12 +16,12 @@ const p = { key: 0 }, _ = { class: "q-field__extras" }, i = { key: 1 }, b = /* @
         1
         /* TEXT */
       ),
-      l("div", _, [
-        c(t.$slots, "extras")
+      l("div", p, [
+        c(s.$slots, "extras")
       ])
-    ])) : (o(), s(
+    ])) : (o(), t(
       "span",
-      i,
+      _,
       n(e.label),
       1
       /* TEXT */

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

@@ -1,25 +1,25 @@
 declare const QCheckbox: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & import('./types').QCheckboxLabelProps & {
-        id?: string;
-        labelPlacement?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+    } & {
+        labelPlacement?: import('./types').QCheckboxLabelPlacement;
         disabled?: boolean;
         readonly?: boolean;
         indeterminate?: boolean;
         color?: string;
-        size?: "regular" | "small" | "large";
-        class?: string | unknown[];
+        size?: import('./types').QCheckboxLabelSize;
         icons?: typeof import('./types').DEFAULT_ICONS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
-        size: "regular" | "small" | "large";
+        size: import('./types').QCheckboxLabelSize;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
-        labelPlacement: string;
+        labelPlacement: import('./types').QCheckboxLabelPlacement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -29,48 +29,48 @@ declare const QCheckbox: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & import('./types').QCheckboxLabelProps & {
-        id?: string;
-        labelPlacement?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+    } & {
+        labelPlacement?: import('./types').QCheckboxLabelPlacement;
         disabled?: boolean;
         readonly?: boolean;
         indeterminate?: boolean;
         color?: string;
-        size?: "regular" | "small" | "large";
-        class?: string | unknown[];
+        size?: import('./types').QCheckboxLabelSize;
         icons?: typeof import('./types').DEFAULT_ICONS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: "regular" | "small" | "large";
+        size: import('./types').QCheckboxLabelSize;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
-        labelPlacement: string;
+        labelPlacement: import('./types').QCheckboxLabelPlacement;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & import('./types').QCheckboxLabelProps & {
-    id?: string;
-    labelPlacement?: string;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+} & {
+    labelPlacement?: import('./types').QCheckboxLabelPlacement;
     disabled?: boolean;
     readonly?: boolean;
     indeterminate?: boolean;
     color?: string;
-    size?: "regular" | "small" | "large";
-    class?: string | unknown[];
+    size?: import('./types').QCheckboxLabelSize;
     icons?: typeof import('./types').DEFAULT_ICONS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, {
-    size: "regular" | "small" | "large";
+    size: import('./types').QCheckboxLabelSize;
     color: string;
     icons: typeof import('./types').DEFAULT_ICONS;
-    labelPlacement: string;
+    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: {
         extras?(_: {}): any;

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

@@ -1,12 +1,17 @@
-export type QCheckboxProps = QCheckboxLabelProps & {
+import { QBaseComponentProps } from '../../types/component';
+export type QCheckboxLabelProps = QBaseComponentProps & {
     /**
-     * The field unique identifier.
+     * The text content of the checkbox.
      */
-    id?: string;
+    label?: string;
+};
+export type QCheckboxLabelPlacement = 'left' | 'right';
+export type QCheckboxLabelSize = 'small' | 'regular' | 'large';
+export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The placement of the label shown.
      */
-    labelPlacement?: string;
+    labelPlacement?: QCheckboxLabelPlacement;
     /**
      * If true, the checkbox is disabled and cannot be interacted with.
      */
@@ -26,22 +31,12 @@ export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The size of the checkbox, either 'regular', 'small' or 'large.
      */
-    size?: 'regular' | 'small' | 'large';
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
+    size?: QCheckboxLabelSize;
     /**
      * Custom icon configurations.
      */
     icons?: typeof DEFAULT_ICONS;
 };
-export type QCheckboxLabelProps = {
-    /**
-     * The text content of the checkbox.
-     */
-    label?: string;
-};
 export declare const DEFAULT_ICONS: {
     checked: {
         icon: string;

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":"AAGA,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;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,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"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"}