@quidgest/ui 0.27.1 → 0.28.0

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

@@ -27,12 +27,12 @@ declare const QCarousel: {
     }, import('vue').PublicProps, {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
+        wrap: boolean;
         slides: import('./types').QCarouselSlide[];
         autoCycleInterval: number;
         autoCyclePause: "hover" | "false";
         ride: "carousel" | "false";
         swipeThreshold: number;
-        wrap: boolean;
         animationDuration: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -64,12 +64,12 @@ declare const QCarousel: {
     }>, {}, {}, {}, {}, {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
+        wrap: boolean;
         slides: import('./types').QCarouselSlide[];
         autoCycleInterval: number;
         autoCyclePause: "hover" | "false";
         ride: "carousel" | "false";
         swipeThreshold: number;
-        wrap: boolean;
         animationDuration: number;
     }>;
     __isFragment?: never;
@@ -103,12 +103,12 @@ declare const QCarousel: {
 }, string, {
     icons: typeof import('./constants').DEFAULT_ICONS;
     texts: typeof import('./constants').DEFAULT_TEXTS;
+    wrap: boolean;
     slides: import('./types').QCarouselSlide[];
     autoCycleInterval: number;
     autoCyclePause: "hover" | "false";
     ride: "carousel" | "false";
     swipeThreshold: number;
-    wrap: boolean;
     animationDuration: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,4 +1,3 @@
-import { DEFAULT_ICONS } from './constants';
 import { QCheckboxProps } from '.';
 type __VLS_Props = QCheckboxProps;
 type __VLS_PublicProps = {
@@ -7,7 +6,8 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        extras?(_: {}): any;
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
         extras?(_: {}): any;
     };
     refs: {
@@ -23,8 +23,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     color: string;
-    icons: typeof DEFAULT_ICONS;
-    labelPlacement: import('./types').QCheckboxLabelPlacement;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        checked: {
+            icon: string;
+        };
+        indeterminate: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    labelPlacement: import('../..').QSelectionLabelPlacement;
     hasFocusOutline: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputEl: HTMLInputElement;

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":"AAiEA;AAsJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA0EnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;OASnB,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":"AAuEA;AA+LC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAMvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAgGnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;wBACV,GAAG;;;;;;;EAkB/B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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,39 +1,44 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QIcon as t } from "../QIcon/index.js";
-import { DEFAULT_ICONS as n } from "./constants.js";
-import { QCheckboxLabel as r } from "./index.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toRef as g, unref as _, useModel as v, useTemplateRef as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { mergeDescribedBy as r } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { DEFAULT_ICONS as i } from "./constants.js";
+import { QField as a } from "../QField/index.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementVNode as l, createSlots as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderSlot as _, toRef as v, unref as y, useAttrs as b, useModel as x, useTemplateRef as S, watch as C, withCtx as w, withKeys as T, withModifiers as E } from "vue";
 //#region src/components/QCheckbox/QCheckbox.vue?vue&type=script&setup=true&lang.ts
-var w = [
+var D = [
 	"checked",
 	"disabled",
 	"readonly",
 	"required",
 	"aria-readonly"
-], T = [
+], O = [
 	"id",
 	"aria-checked",
 	"aria-required",
 	"disabled",
 	"readonly",
+	"aria-describedby",
 	"onKeydown"
-], E = /*@__PURE__*/ u({
+], k = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "QCheckbox",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		id: {},
 		class: {},
 		label: {},
 		required: { type: Boolean },
 		for: {},
-		labelPosition: {},
-		labelPlacement: { default: "right" },
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => i },
+		texts: {},
+		labelPlacement: { default: "end" },
 		color: { default: "primary" },
 		size: {},
 		disabled: { type: Boolean },
 		readonly: { type: Boolean },
 		indeterminate: { type: Boolean },
-		icons: { default: () => n },
 		hasFocusOutline: {
 			type: Boolean,
 			default: !0
@@ -44,93 +49,109 @@ var w = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(n) {
-		let u = n, d = v(n, "modelValue"), E = e(g(u, "id")), D = y("inputEl"), O = y("buttonEl"), k = i(() => [
+	setup(i) {
+		let d = i, f = x(i, "modelValue"), k = e(v(d, "id")), A = b(), j = o(() => `${k.value}_field`), M = o(() => d.labelPlacement === "start" ? "left" : "right"), N = o(() => typeof A["aria-describedby"] == "string" ? A["aria-describedby"] : void 0), P = S("inputEl"), F = S("buttonEl"), I = o(() => d.size === "small" || d.size === "large" ? `q-checkbox--${d.size}` : void 0), L = o(() => d.size === "small" || d.size === "large" ? `q-checkbox-field--${d.size}` : void 0), R = o(() => [
 			"q-checkbox",
-			u.size === "small" || u.size === "large" ? `q-checkbox--${u.size}` : void 0,
-			`q-checkbox--${u.color}`,
+			I.value,
 			{
-				"q-checkbox--readonly": u.readonly,
-				"q-checkbox--disabled": u.disabled,
-				"q-checkbox--checked": d.value,
-				"q-checkbox--indeterminate": u.indeterminate,
-				"q-checkbox--focus-style": u.hasFocusOutline,
-				"q-checkbox--borderless": u.borderless
-			},
-			u.class
-		]);
-		function A() {
-			!u.disabled && !u.readonly && (d.value = !d.value);
+				"q-checkbox--readonly": d.readonly,
+				"q-checkbox--disabled": d.disabled,
+				"q-checkbox--checked": f.value,
+				"q-checkbox--indeterminate": d.indeterminate,
+				"q-checkbox--focus-style": d.hasFocusOutline,
+				"q-checkbox--borderless": d.borderless
+			}
+		]), { style: z } = t(v(d, "color")), B = o(() => {
+			if (!(d.color === "primary" || !z.value)) return {
+				"--q-checkbox-main-color": z.value.mainColor,
+				"--q-checkbox-on-main-color": z.value.onMainColor
+			};
+		});
+		function V() {
+			!d.disabled && !d.readonly && (f.value = !f.value);
 		}
-		function j() {
-			O.value?.focus();
+		function H() {
+			F.value?.focus();
 		}
-		return b(d, (e) => {
-			D.value && (D.value.checked = !!e);
-		}), (e, i) => (m(), s("div", {
-			class: p(k.value),
-			onClick: C(A, ["prevent"]),
-			onMousedown: C(j, ["prevent"])
-		}, [
-			u.label && u.labelPlacement !== "right" ? (m(), a(_(r), {
-				key: 0,
-				for: _(E),
-				label: u.label,
-				required: u.required
-			}, l({ _: 2 }, [e.$slots.extras ? {
-				name: "extras",
-				fn: x(() => [h(e.$slots, "extras")]),
-				key: "0"
-			} : void 0]), 1032, [
-				"for",
-				"label",
-				"required"
-			])) : o("v-if", !0),
-			o(" Hidden native input for form submission "),
-			c("input", {
-				ref: "inputEl",
-				type: "checkbox",
-				class: "q-checkbox__native-input",
-				checked: d.value,
-				disabled: u.disabled,
-				readonly: u.readonly,
-				required: u.required,
-				"aria-readonly": u.readonly,
-				tabindex: "-1",
-				"aria-hidden": "true"
-			}, null, 8, w),
-			o(" Custom interactive button "),
-			c("button", f({
-				id: _(E),
-				ref: "buttonEl",
-				role: "checkbox",
-				type: "button",
-				class: "q-checkbox__input",
-				"data-testid": "checkbox-button",
-				"aria-checked": u.indeterminate ? "mixed" : d.value,
-				"aria-required": u.required || void 0,
-				disabled: u.disabled,
-				readonly: u.readonly
-			}, e.$attrs, {
-				onClick: C(A, ["stop", "prevent"]),
-				onKeydown: [S(C(A, ["prevent"]), ["space"]), i[0] ||= S(C(() => {}, ["prevent"]), ["enter"])]
-			}), [d.value || n.indeterminate ? (m(), a(_(t), f({ key: 0 }, d.value ? u.icons.checked : u.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : o("v-if", !0)], 16, T),
-			u.label && u.labelPlacement === "right" ? (m(), a(_(r), {
-				key: 1,
-				for: _(E),
-				label: u.label,
-				required: u.required
-			}, l({ _: 2 }, [e.$slots.extras ? {
-				name: "extras",
-				fn: x(() => [h(e.$slots, "extras")]),
-				key: "0"
-			} : void 0]), 1032, [
-				"for",
-				"label",
-				"required"
-			])) : o("v-if", !0)
-		], 34));
+		return C(f, (e) => {
+			P.value && (P.value.checked = !!e);
+		}), (e, t) => (g(), s(y(a), {
+			id: j.value,
+			class: m(["q-checkbox-field", [
+				d.class,
+				L.value,
+				d.label ? "q-field--row" : void 0
+			]]),
+			for: y(k),
+			label: d.label,
+			"label-position": M.value,
+			readonly: d.readonly,
+			disabled: d.disabled,
+			required: d.required,
+			help: d.help,
+			"help-display": d.helpDisplay,
+			icons: d.icons,
+			texts: d.texts
+		}, u({
+			"label.prepend": w(() => [_(e.$slots, "label.prepend")]),
+			"label.append": w(() => [_(e.$slots, "label.append")]),
+			control: w(({ describedBy: a }) => [l("div", {
+				class: m(R.value),
+				style: h(B.value),
+				onClick: E(V, ["prevent"]),
+				onMousedown: E(H, ["prevent"])
+			}, [
+				c(" Hidden native input for form submission "),
+				l("input", {
+					ref: "inputEl",
+					type: "checkbox",
+					class: "q-checkbox__native-input",
+					checked: f.value,
+					disabled: d.disabled,
+					readonly: d.readonly,
+					required: d.required,
+					"aria-readonly": d.readonly,
+					tabindex: "-1",
+					"aria-hidden": "true"
+				}, null, 8, D),
+				c(" Custom interactive button "),
+				l("button", p({
+					id: y(k),
+					ref: "buttonEl",
+					role: "checkbox",
+					type: "button",
+					class: "q-checkbox__input",
+					"data-testid": "checkbox-button",
+					"aria-checked": d.indeterminate ? "mixed" : f.value,
+					"aria-required": d.required || void 0,
+					disabled: d.disabled,
+					readonly: d.readonly
+				}, e.$attrs, {
+					"aria-describedby": y(r)(a, N.value),
+					onClick: E(V, ["stop", "prevent"]),
+					onKeydown: [T(E(V, ["prevent"]), ["space"]), t[0] ||= T(E(() => {}, ["prevent"]), ["enter"])]
+				}), [f.value || i.indeterminate ? (g(), s(y(n), p({ key: 0 }, f.value ? d.icons.checked : d.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : c("v-if", !0)], 16, O)
+			], 38)]),
+			_: 2
+		}, [e.$slots.extras ? {
+			name: "extras",
+			fn: w(() => [_(e.$slots, "extras")]),
+			key: "0"
+		} : void 0]), 1032, [
+			"id",
+			"class",
+			"for",
+			"label",
+			"label-position",
+			"readonly",
+			"disabled",
+			"required",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
+		]));
 	}
 });
 //#endregion
-export { E as default };
+export { k as default };

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

@@ -5,5 +5,8 @@ export declare const DEFAULT_ICONS: {
     indeterminate: {
         icon: string;
     };
+    help: {
+        icon: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

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

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

package/esm/components/QCheckbox/constants.js

@@ -1,7 +1,9 @@
+import { DEFAULT_ICONS as e } from "../QField/constants.js";
 //#region src/components/QCheckbox/constants.ts
-var e = {
+var t = {
+	...e,
 	checked: { icon: "check" },
 	indeterminate: { icon: "minus" }
 };
 //#endregion
-export { e as DEFAULT_ICONS };
+export { t as DEFAULT_ICONS };

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

@@ -1,13 +1,8 @@
 declare const QCheckbox: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & import('../..').QBaseComponentProps & {
-        label?: string;
-        required?: boolean;
-        for?: string;
-        labelPosition?: import('..').QLabelPosition;
-    } & {
-        labelPlacement?: import('./types').QCheckboxLabelPlacement;
+    } & Omit<import('..').QLabelProps, "labelPosition"> & import('..').QFieldHelpProps & {
+        labelPlacement?: import('../..').QSelectionLabelPlacement;
         color?: string;
         size?: import('../..').QComponentSize;
         disabled?: boolean;
@@ -22,8 +17,22 @@ declare const QCheckbox: {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
         color: string;
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        labelPlacement: import('./types').QCheckboxLabelPlacement;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            checked: {
+                icon: string;
+            };
+            indeterminate: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        labelPlacement: import('../..').QSelectionLabelPlacement;
         hasFocusOutline: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputEl: HTMLInputElement;
@@ -37,13 +46,8 @@ declare const QCheckbox: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & import('../..').QBaseComponentProps & {
-        label?: string;
-        required?: boolean;
-        for?: string;
-        labelPosition?: import('..').QLabelPosition;
-    } & {
-        labelPlacement?: import('./types').QCheckboxLabelPlacement;
+    } & Omit<import('..').QLabelProps, "labelPosition"> & import('..').QFieldHelpProps & {
+        labelPlacement?: import('../..').QSelectionLabelPlacement;
         color?: string;
         size?: import('../..').QComponentSize;
         disabled?: boolean;
@@ -56,8 +60,22 @@ declare const QCheckbox: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         color: string;
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        labelPlacement: import('./types').QCheckboxLabelPlacement;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            checked: {
+                icon: string;
+            };
+            indeterminate: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        labelPlacement: import('../..').QSelectionLabelPlacement;
         hasFocusOutline: boolean;
     }>;
     __isFragment?: never;
@@ -65,13 +83,8 @@ declare const QCheckbox: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & import('../..').QBaseComponentProps & {
-    label?: string;
-    required?: boolean;
-    for?: string;
-    labelPosition?: import('..').QLabelPosition;
-} & {
-    labelPlacement?: import('./types').QCheckboxLabelPlacement;
+} & Omit<import('..').QLabelProps, "labelPosition"> & import('..').QFieldHelpProps & {
+    labelPlacement?: import('../..').QSelectionLabelPlacement;
     color?: string;
     size?: import('../..').QComponentSize;
     disabled?: boolean;
@@ -86,32 +99,30 @@ declare const QCheckbox: {
     "update:modelValue": (value: boolean) => any;
 }, string, {
     color: string;
-    icons: typeof import('./constants').DEFAULT_ICONS;
-    labelPlacement: import('./types').QCheckboxLabelPlacement;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        checked: {
+            icon: string;
+        };
+        indeterminate: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    labelPlacement: import('../..').QSelectionLabelPlacement;
     hasFocusOutline: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        extras?(_: {}): any;
-        extras?(_: {}): any;
-    };
-});
-declare const QCheckboxLabel: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').QLabelProps> & 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('..').QLabelProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').QLabelProps> & 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: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
         extras?(_: {}): any;
     };
 });
-export { QCheckbox, QCheckboxLabel };
+export { QCheckbox };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,cAAc,SAAS,CAAA"}

package/esm/components/QCheckbox/index.js

@@ -1,7 +1,6 @@
 import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
 import t from "./QCheckbox2.vue.js";
-import n from "./QCheckboxLabel2.vue.js";
 //#region src/components/QCheckbox/index.ts
-var r = e(t), i = e(n);
+var n = e(t);
 //#endregion
-export { r as QCheckbox, i as QCheckboxLabel };
+export { n as QCheckbox };

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

@@ -1,17 +1,20 @@
 import { DEFAULT_ICONS } from './constants';
-import { QComponentSize } from '../../types/component';
+import { QComponentSize, QSelectionLabelPlacement } from '../../types/component';
+import { QFieldHelpProps } from '../QField';
 import { QLabelProps } from '../QLabel';
-export type QCheckboxLabelProps = QLabelProps;
-export type QCheckboxLabelPlacement = 'left' | 'right';
-export type QCheckboxProps = QCheckboxLabelProps & {
+export type QCheckboxProps = Omit<QLabelProps, 'labelPosition'> & QFieldHelpProps & {
     /**
-     * The placement of the label shown.
+     * Where the label sits relative to the checkbox. Same values as `QRadioButton`.
+     * - 'end': Label follows the box
+     * - 'start': Label precedes the box
      *
      * @category Presentation
      */
-    labelPlacement?: QCheckboxLabelPlacement;
+    labelPlacement?: QSelectionLabelPlacement;
     /**
-     * Applies specified color to the control.
+     * The color of the checkbox.
+     * Can be chosen from utility colors like 'success' or 'danger',
+     * or specified using CSS color codes.
      *
      * @category Presentation
      */

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":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA;AAE7C,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,GAC9D,eAAe,GAAG;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAA;IAEzC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

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

@@ -23,9 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    width: import('./types').QCollapsibleWidth;
     icons: typeof DEFAULT_ICONS;
     texts: typeof DEFAULT_TEXTS;
+    width: import('./types').QCollapsibleWidth;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;