@quidgest/ui 0.21.2 → 0.23.0

package/esm/components/QSidebar/QSidebarItem.d.ts

@@ -23,11 +23,12 @@ declare function __VLS_template(): {
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly size?: import('..').QButtonSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
+                readonly tabindex?: number | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
@@ -51,11 +52,12 @@ declare function __VLS_template(): {
                 borderless?: boolean;
                 elevated?: boolean;
                 block?: boolean;
-                size?: import('..').QButtonSize;
+                size?: import('../../types/component').QComponentSize;
                 iconPos?: import('..').QButtonIconPosition;
                 pill?: boolean;
                 disabled?: boolean;
                 loading?: boolean;
+                tabindex?: number;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -89,11 +91,12 @@ declare function __VLS_template(): {
             borderless?: boolean;
             elevated?: boolean;
             block?: boolean;
-            size?: import('..').QButtonSize;
+            size?: import('../../types/component').QComponentSize;
             iconPos?: import('..').QButtonIconPosition;
             pill?: boolean;
             disabled?: boolean;
             loading?: boolean;
+            tabindex?: number;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -124,11 +127,12 @@ declare const __VLS_component: import('vue').DefineComponent<QSidebarItemProps,
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
-            readonly size?: import('..').QButtonSize | undefined;
+            readonly size?: import('../../types/component').QComponentSize | undefined;
             readonly iconPos?: import('..').QButtonIconPosition | undefined;
             readonly pill?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly loading?: boolean | undefined;
+            readonly tabindex?: number | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -152,11 +156,12 @@ declare const __VLS_component: import('vue').DefineComponent<QSidebarItemProps,
             borderless?: boolean;
             elevated?: boolean;
             block?: boolean;
-            size?: import('..').QButtonSize;
+            size?: import('../../types/component').QComponentSize;
             iconPos?: import('..').QButtonIconPosition;
             pill?: boolean;
             disabled?: boolean;
             loading?: boolean;
+            tabindex?: number;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -190,11 +195,12 @@ declare const __VLS_component: import('vue').DefineComponent<QSidebarItemProps,
         borderless?: boolean;
         elevated?: boolean;
         block?: boolean;
-        size?: import('..').QButtonSize;
+        size?: import('../../types/component').QComponentSize;
         iconPos?: import('..').QButtonIconPosition;
         pill?: boolean;
         disabled?: boolean;
         loading?: boolean;
+        tabindex?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, never> & {} & import('vue').ComponentCustomProperties & {} & {

package/esm/components/QSidebar/QSidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarItem.vue"],"names":[],"mappings":"AAkEA;AA8LC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6GjD,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;wBACb,GAAG;iCACM,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEqkS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAnD1tS;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BglS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;OArBztS,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":"QSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarItem.vue"],"names":[],"mappings":"AAkEA;AA8LC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6GjD,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;wBACb,GAAG;iCACM,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEyjS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;EAnD9sS;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BokS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;OArB7sS,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/QSidebar/QSidebarItem.vue.js

@@ -24,7 +24,7 @@ var k = /*@__PURE__*/ h({
 		maxWidth: { default: "block" }
 	},
 	setup(h) {
-		let k = h, A = g(r);
+		let k = h, A = g(r, null);
 		if (!A) throw Error("QSidebarItem: Failed to retrieve sidebar context. Ensure the component is used within a QSidebar context.");
 		let j = n(w(k, "value")), M = n(w(k, "id")), N = n(), P = e(j);
 		if (!P) throw Error("QSidebarItem: Failed to retrieve group item. Ensure the component is used within a QSidebar context.");

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

@@ -20,7 +20,6 @@ declare const QSidebar: {
         "resize:end": (finalWidth: number) => any;
     }, import('vue').PublicProps, {
         position: "left" | "right";
-        anchorWidth: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             anchorWidth?: number;
@@ -65,7 +64,6 @@ declare const QSidebar: {
         "onResize:end"?: ((finalWidth: number) => any) | undefined;
     }>, {}, {}, {}, {}, {
         position: "left" | "right";
-        anchorWidth: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -91,7 +89,6 @@ declare const QSidebar: {
     "resize:end": (finalWidth: number) => any;
 }, string, {
     position: "left" | "right";
-    anchorWidth: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -117,11 +114,12 @@ declare const QSidebarItem: {
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly size?: import('..').QButtonSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
+                readonly tabindex?: number | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
@@ -145,11 +143,12 @@ declare const QSidebarItem: {
                 borderless?: boolean;
                 elevated?: boolean;
                 block?: boolean;
-                size?: import('..').QButtonSize;
+                size?: import('../../types/component').QComponentSize;
                 iconPos?: import('..').QButtonIconPosition;
                 pill?: boolean;
                 disabled?: boolean;
                 loading?: boolean;
+                tabindex?: number;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -183,11 +182,12 @@ declare const QSidebarItem: {
             borderless?: boolean;
             elevated?: boolean;
             block?: boolean;
-            size?: import('..').QButtonSize;
+            size?: import('../../types/component').QComponentSize;
             iconPos?: import('..').QButtonIconPosition;
             pill?: boolean;
             disabled?: boolean;
             loading?: boolean;
+            tabindex?: number;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, never> & {} & import('vue').ComponentCustomProperties & {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAC3C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO0z0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/40B,CAAA;AAGnD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAGjC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAC3C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO0z0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/40B,CAAA;AAGnD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAGjC,cAAc,SAAS,CAAA"}

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

@@ -97,7 +97,9 @@ export type QSidebarItemProps = QBaseComponentProps & {
  */
 export type QSidebarProps = QBaseComponentProps & {
     /**
-     * Width of the anchor section (in pixels).
+     * Width of the anchor section in pixels at regular density. Scaled by
+     * `--q-density-scale` when applied. Omit to use the density-scaled default
+     * rail width from CSS.
      *
      * @category Presentation
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}

package/esm/components/QSwitch/QSwitch.d.ts

@@ -8,9 +8,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "large";
     trueLabel: string;
     falseLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputEl: HTMLInputElement;
+}, any>;
 export default _default;
 //# sourceMappingURL=QSwitch.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA2CA;AAgIC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAqEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;AAgGhB,wBAQG"}
+{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA8CA;AAgJC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAiFjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;AAwGhB,wBASG"}

package/esm/components/QSwitch/QSwitch.vue.js

@@ -1,19 +1,19 @@
 import { useColor as e } from "../../composables/useColor/index.js";
 import { useId as t } from "../../composables/useId/index.js";
 import { QLabel as n } from "../QLabel/index.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, vModelCheckbox as b, withDirectives as x, withModifiers as S } from "vue";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, useTemplateRef as b, vModelCheckbox as x, withDirectives as S, withModifiers as C } from "vue";
 //#region src/components/QSwitch/QSwitch.vue?vue&type=script&setup=true&lang.ts
-var C = [
+var w = [
 	"id",
 	"aria-checked",
 	"disabled"
-], w = { class: "q-switch__labels" }, T = {
+], T = { class: "q-switch__labels" }, E = {
 	class: "q-switch__label q-switch__label--off",
 	"aria-hidden": "true"
-}, E = {
+}, D = {
 	class: "q-switch__label q-switch__label--on",
 	"aria-hidden": "true"
-}, D = /*@__PURE__*/ u({
+}, O = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "QSwitch",
 	props: /*@__PURE__*/ d({
@@ -27,7 +27,7 @@ var C = [
 		showStateLabels: { type: Boolean },
 		checkedColor: {},
 		uncheckedColor: {},
-		size: { default: "medium" },
+		size: {},
 		disabled: { type: Boolean },
 		readonly: { type: Boolean }
 	}, {
@@ -36,30 +36,32 @@ var C = [
 	}),
 	emits: ["update:modelValue"],
 	setup(u) {
-		let d = u, D = y(u, "modelValue"), O = (e) => {
-			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!D.value);
-		}, k = t(_(d, "id")), { style: A } = e(_(d, "checkedColor")), { style: j } = e(_(d, "uncheckedColor")), M = i(() => [
+		let d = u, O = y(u, "modelValue"), k = b("inputEl"), A = (e) => {
+			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!O.value);
+		}, j = () => {
+			d.disabled || d.readonly || k.value?.click();
+		}, M = t(_(d, "id")), { style: N } = e(_(d, "checkedColor")), { style: P } = e(_(d, "uncheckedColor")), F = i(() => [
 			"q-switch",
-			d.size === "medium" ? void 0 : `q-switch--${d.size}`,
+			d.size === "small" || d.size === "large" ? `q-switch--${d.size}` : void 0,
 			{
-				"q-switch--checked": D.value,
+				"q-switch--checked": O.value,
 				"q-switch--disabled": d.disabled,
 				"q-switch--readonly": d.readonly,
 				"q-switch--with-labels": d.showStateLabels && (d.trueLabel || d.falseLabel)
 			},
 			d.class
-		]), N = i(() => ({
-			"--q-switch-checked-background": A.value?.mainColor,
-			"--q-switch-on-checked-background": A.value?.onMainColor,
-			"--q-switch-unchecked-background": j.value?.mainColor,
-			"--q-switch-on-unchecked-background": j.value?.onMainColor
+		]), I = i(() => ({
+			"--q-switch-checked-background": N.value?.mainColor,
+			"--q-switch-on-checked-background": N.value?.onMainColor,
+			"--q-switch-unchecked-background": P.value?.mainColor,
+			"--q-switch-on-unchecked-background": P.value?.onMainColor
 		}));
 		return (e, t) => (h(), s("div", {
 			class: "q-switch__container",
-			onClick: t[1] ||= S(() => {}, ["stop"])
+			onClick: t[2] ||= C(() => {}, ["stop"])
 		}, [d.label ? (h(), a(v(n), {
 			key: 0,
-			for: v(k),
+			for: v(M),
 			label: d.label,
 			required: d.required
 		}, null, 8, [
@@ -67,18 +69,24 @@ var C = [
 			"label",
 			"required"
 		])) : o("v-if", !0), c("div", {
-			class: p(M.value),
-			style: m(N.value)
-		}, [x(c("input", f({
-			id: v(k),
-			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			class: p(F.value),
+			style: m(I.value),
+			onClick: j
+		}, [S(c("input", f({
+			id: v(M),
+			ref_key: "inputEl",
+			ref: k,
+			"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
 			class: "q-switch__input",
 			type: "checkbox",
 			role: "switch",
-			"aria-checked": D.value,
+			"aria-checked": O.value,
 			disabled: d.disabled
-		}, e.$attrs, { onInput: O }), null, 16, C), [[b, D.value]]), c("div", w, [c("span", T, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
+		}, e.$attrs, {
+			onClick: t[1] ||= C(() => {}, ["stop"]),
+			onInput: A
+		}), null, 16, w), [[x, O.value]]), c("div", T, [c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", D, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

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

@@ -6,7 +6,7 @@ declare const QSwitch: import('vue').DefineComponent<{
     showStateLabels?: boolean;
     checkedColor?: string;
     uncheckedColor?: string;
-    size?: "small" | "medium" | "large";
+    size?: import('../../types/component').QComponentSize;
     disabled?: boolean;
     readonly?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -19,16 +19,17 @@ declare const QSwitch: import('vue').DefineComponent<{
     showStateLabels?: boolean;
     checkedColor?: string;
     uncheckedColor?: string;
-    size?: "small" | "medium" | "large";
+    size?: import('../../types/component').QComponentSize;
     disabled?: boolean;
     readonly?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "large";
     trueLabel: string;
     falseLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputEl: HTMLInputElement;
+}, any>;
 export { QSwitch };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

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

@@ -1,3 +1,4 @@
+import { QComponentSize } from '../../types/component';
 import { QLabelProps } from '../QLabel';
 /**
  * Props for the QSwitch component.
@@ -34,11 +35,12 @@ export type QSwitchProps = Omit<QLabelProps, 'for'> & {
      */
     uncheckedColor?: string;
     /**
-     * Size variant of the switch.
+     * Local chrome size. Multiplies the inherited global density scale
+     * (`small` ×0.8, `medium` ×1, `large` ×1.2). Omit to inherit global density only.
      *
      * @category Presentation
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: QComponentSize;
     /**
      * Whether the switch is disabled.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/esm/components/QTabs/QTab.d.ts

@@ -21,11 +21,12 @@ declare function __VLS_template(): {
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly size?: import('..').QButtonSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
+                readonly tabindex?: number | undefined;
                 readonly onClick?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
@@ -45,7 +46,6 @@ declare function __VLS_template(): {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: Event) => any;
             }, string, {
-                size: import('..').QButtonSize;
                 variant: import('..').QButtonVariant;
                 color: string;
                 iconPos: import('..').QButtonIconPosition;
@@ -70,13 +70,12 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').QButtonSize;
             variant: import('..').QButtonVariant;
             color: string;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: Event) => any) | undefined;
-        }>, "size" | "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -101,11 +100,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
-            readonly size?: import('..').QButtonSize | undefined;
+            readonly size?: import('../../types/component').QComponentSize | undefined;
             readonly iconPos?: import('..').QButtonIconPosition | undefined;
             readonly pill?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly loading?: boolean | undefined;
+            readonly tabindex?: number | undefined;
             readonly onClick?: ((event: Event) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -125,7 +125,6 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (event: Event) => any;
         }, string, {
-            size: import('..').QButtonSize;
             variant: import('..').QButtonVariant;
             color: string;
             iconPos: import('..').QButtonIconPosition;
@@ -150,13 +149,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').QButtonSize;
         variant: import('..').QButtonVariant;
         color: string;
         iconPos: import('..').QButtonIconPosition;
     }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
         onClick?: ((event: Event) => any) | undefined;
-    }>, "size" | "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             append?(_: {}): any;

package/esm/components/QTabs/QTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEisW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;EAnDv1W;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B6sW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OArBt1W,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":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEisW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;EAnDv1W;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B6sW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;OArBt1W,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"}