@quidgest/ui 0.21.2 → 0.23.0

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

@@ -1,6 +1,5 @@
 declare const QRadioButton: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        size: import('./types').QRadioButtonSize;
         color: string;
         labelPlacement: import('./types').QRadioButtonLabelPlacement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -13,7 +12,6 @@ declare const QRadioButton: {
         M: {};
         Defaults: {};
     }, Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: import('./types').QRadioButtonSize;
         color: string;
         labelPlacement: import('./types').QRadioButtonLabelPlacement;
     }>;
@@ -21,7 +19,6 @@ declare const QRadioButton: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: import('./types').QRadioButtonSize;
     color: string;
     labelPlacement: import('./types').QRadioButtonLabelPlacement;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -33,26 +30,18 @@ declare const QRadioButton: {
 declare const QRadioGroup: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: any;
-    } & import('../../types/component').QBaseComponentProps & {
-        label?: string;
-        required?: boolean;
-        for?: string;
-        labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & Omit<import('..').QFieldProps, "size"> & {
         name?: string;
         orientation?: import('./types').QRadioButtonOrientation;
-        size?: import('./types').QRadioButtonSize;
+        size?: import('../../types/component').QComponentSize;
         columns?: number;
-        disabled?: boolean;
-        readonly?: boolean;
-        invalid?: boolean;
         hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: any) => any;
     }, import('vue').PublicProps, {
-        size: import('./types').QRadioButtonSize;
+        labelPosition: import('..').QLabelPosition;
         hasFocusOutline: boolean;
         orientation: import('./types').QRadioButtonOrientation;
         columns: number;
@@ -65,24 +54,16 @@ declare const QRadioGroup: {
         Defaults: {};
     }, Readonly<{
         modelValue?: any;
-    } & import('../../types/component').QBaseComponentProps & {
-        label?: string;
-        required?: boolean;
-        for?: string;
-        labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & Omit<import('..').QFieldProps, "size"> & {
         name?: string;
         orientation?: import('./types').QRadioButtonOrientation;
-        size?: import('./types').QRadioButtonSize;
+        size?: import('../../types/component').QComponentSize;
         columns?: number;
-        disabled?: boolean;
-        readonly?: boolean;
-        invalid?: boolean;
         hasFocusOutline?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: import('./types').QRadioButtonSize;
+        labelPosition: import('..').QLabelPosition;
         hasFocusOutline: boolean;
         orientation: import('./types').QRadioButtonOrientation;
         columns: number;
@@ -92,26 +73,18 @@ declare const QRadioGroup: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: any;
-} & import('../../types/component').QBaseComponentProps & {
-    label?: string;
-    required?: boolean;
-    for?: string;
-    labelPosition?: import('..').QLabelPosition;
-} & {
+} & Omit<import('..').QFieldProps, "size"> & {
     name?: string;
     orientation?: import('./types').QRadioButtonOrientation;
-    size?: import('./types').QRadioButtonSize;
+    size?: import('../../types/component').QComponentSize;
     columns?: number;
-    disabled?: boolean;
-    readonly?: boolean;
-    invalid?: boolean;
     hasFocusOutline?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, {
-    size: import('./types').QRadioButtonSize;
+    labelPosition: import('..').QLabelPosition;
     hasFocusOutline: boolean;
     orientation: import('./types').QRadioButtonOrientation;
     columns: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}

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

@@ -1,7 +1,13 @@
+import { QComponentSize } from '../../types/component';
+import { QFieldProps } from '../QField';
 import { QLabelProps } from '../QLabel';
 export type QRadioButtonOrientation = 'vertical' | 'horizontal';
-export type QRadioButtonSize = 'small' | 'regular' | 'large';
-export type QRadioGroupProps = QLabelProps & {
+/**
+ * Radio group props. Extends {@link QFieldProps} for label layout (`labelPosition`, etc.).
+ * `size` is control chrome (`small` | `medium` | `large`), not Field layout width —
+ * Field’s layout `size` is omitted on purpose.
+ */
+export type QRadioGroupProps = Omit<QFieldProps, 'size'> & {
     /**
      * The name for each radio buttons in radio group.
      *
@@ -15,35 +21,19 @@ export type QRadioGroupProps = QLabelProps & {
      */
     orientation?: QRadioButtonOrientation;
     /**
-     * The size of the checkbox, either 'regular', 'small' or 'large'.
+     * Local chrome size. Multiplies the inherited global density scale
+     * (`small` ×0.8, `medium` ×1, `large` ×1.2). Omit to inherit global density only.
+     * Propagated to child `QRadioButton` instances via defaults.
      *
      * @category Presentation
      */
-    size?: QRadioButtonSize;
+    size?: QComponentSize;
     /**
      * Number of columns to divide the radio button group into.
      *
      * @category Behavior
      */
     columns?: number;
-    /**
-     * If true, the radio button is disabled and cannot be interacted with.
-     *
-     * @category State
-     */
-    disabled?: boolean;
-    /**
-     * If set to true, the radio button is read-only.
-     *
-     * @category State
-     */
-    readonly?: boolean;
-    /**
-     * Indicates whether the provided value fails the validation criteria.
-     *
-     * @category State
-     */
-    invalid?: boolean;
     /**
      * Indicates whether the control will have an outline when focused.
      *
@@ -78,11 +68,12 @@ export type QRadioButtonProps = QLabelProps & {
      */
     color?: string;
     /**
-     * The size of the checkbox, either 'regular', 'small' or 'large'.
+     * 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?: QRadioButtonSize;
+    size?: QComponentSize;
     /**
      * If true, the radio button is disabled and cannot be interacted with.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAC1D;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;;;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,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

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

@@ -6,5 +6,5 @@ export declare const noScrollbarsClassName = "with-scroll-bars-hidden";
  * Name of a CSS variable containing the amount of "hidden" scrollbar
  * ! might be undefined ! use will fallback!
  */
-export declare const removedBarSizeVariable = "--removed-body-scroll-bar-size";
+export declare const removedBarSizeVariable = "--q-removed-body-scroll-bar-size";
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uBAAuB,CAAA;AACjD,eAAO,MAAM,kBAAkB,8BAA8B,CAAA;AAC7D,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;AAC3D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAC9D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,mCAAmC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uBAAuB,CAAA;AACjD,eAAO,MAAM,kBAAkB,8BAA8B,CAAA;AAC7D,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;AAC3D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAC9D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,qCAAqC,CAAA"}

package/esm/components/QRemoveScrollBar/constants.js

@@ -1,4 +1,4 @@
 //#region src/components/QRemoveScrollBar/constants.ts
-var e = "data-scroll-locked", t = "right-scroll-bar-position", n = "width-before-scroll-bar", r = "with-scroll-bars-hidden", i = "--removed-body-scroll-bar-size";
+var e = "data-scroll-locked", t = "right-scroll-bar-position", n = "width-before-scroll-bar", r = "with-scroll-bars-hidden", i = "--q-removed-body-scroll-bar-size";
 //#endregion
 export { n as fullWidthClassName, e as lockAttribute, r as noScrollbarsClassName, i as removedBarSizeVariable, t as zeroRightClassName };

package/esm/components/QSelect/QSelect.d.ts

@@ -109,9 +109,10 @@ declare function __VLS_template(): {
                 readonly variant?: import('..').QBadgeVariant | undefined;
                 readonly color?: string | undefined;
                 readonly pill?: boolean | undefined;
-                readonly size?: import('..').QBadgeSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly removable?: boolean | undefined;
+                readonly focusable?: boolean | undefined;
                 readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
@@ -133,11 +134,11 @@ declare function __VLS_template(): {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "click:remove": () => any;
             }, string, {
-                size: import('..').QBadgeSize;
                 variant: import('..').QBadgeVariant;
                 color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+                focusable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -159,14 +160,14 @@ declare function __VLS_template(): {
             $nextTick: typeof 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('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;
@@ -181,9 +182,10 @@ declare function __VLS_template(): {
                 readonly variant?: import('..').QBadgeVariant | undefined;
                 readonly color?: string | undefined;
                 readonly pill?: boolean | undefined;
-                readonly size?: import('..').QBadgeSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly removable?: boolean | undefined;
+                readonly focusable?: boolean | undefined;
                 readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
@@ -205,11 +207,11 @@ declare function __VLS_template(): {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "click:remove": () => any;
             }, string, {
-                size: import('..').QBadgeSize;
                 variant: import('..').QBadgeVariant;
                 color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+                focusable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -231,14 +233,14 @@ declare function __VLS_template(): {
             $nextTick: typeof 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('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;
@@ -535,9 +537,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly variant?: import('..').QBadgeVariant | undefined;
             readonly color?: string | undefined;
             readonly pill?: boolean | undefined;
-            readonly size?: import('..').QBadgeSize | undefined;
+            readonly size?: import('../../types/component').QComponentSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly removable?: boolean | undefined;
+            readonly focusable?: boolean | undefined;
             readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
             readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
             readonly "onClick:remove"?: (() => any) | undefined;
@@ -559,11 +562,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "click:remove": () => any;
         }, string, {
-            size: import('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -585,14 +588,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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('..').QBadgeSize;
         variant: import('..').QBadgeVariant;
         color: string;
         icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
         texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+        focusable: boolean;
     }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
         "onClick:remove"?: (() => any) | undefined;
-    }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             default?(_: {}): any;
@@ -607,9 +610,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly variant?: import('..').QBadgeVariant | undefined;
             readonly color?: string | undefined;
             readonly pill?: boolean | undefined;
-            readonly size?: import('..').QBadgeSize | undefined;
+            readonly size?: import('../../types/component').QComponentSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly removable?: boolean | undefined;
+            readonly focusable?: boolean | undefined;
             readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
             readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
             readonly "onClick:remove"?: (() => any) | undefined;
@@ -631,11 +635,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "click:remove": () => any;
         }, string, {
-            size: import('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -657,14 +661,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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('..').QBadgeSize;
         variant: import('..').QBadgeVariant;
         color: string;
         icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
         texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+        focusable: boolean;
     }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
         "onClick:remove"?: (() => any) | undefined;
-    }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             default?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA+PA;AAstBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAoB1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAGrC,OAAO,EAEN,QAAQ,EAOR,MAAM,KAAK,CAAA;AAEZ,KAAK,WAAW,GAAG,YAAY,CAAC;AAoUhC;;GAEG;AACH,iBAAS,SAAS,SAEjB;AAsHF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA+kBT,OAAO,IAA6B;;yBAzBpB,GAAG;;;;;YACL,GAAG;wBACF,GAAG;wBACH,GAAG;gCACM,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7wBnC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkyB7C;AAwCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA90BhB,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHzC,GAAG,8CACL,GACF,yBACI,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAq1B5C,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/QSelect/QSelect.vue.js

@@ -237,7 +237,7 @@ var ge = {
 					variant: "ghost",
 					color: "neutral",
 					borderless: "",
-					tabindex: "-1",
+					tabindex: -1,
 					disabled: g.disabled,
 					onClick: Pe
 				}, {
@@ -256,6 +256,8 @@ var ge = {
 				(x(!0), f(c, null, de(W.value, (e, t) => (x(), f(c, { key: `visible-${t}` }, [t < W.value.length - F.value ? (x(), f(c, { key: 0 }, [g.badges ? (x(), u(T(o), {
 					key: 0,
 					pill: "",
+					size: "small",
+					focusable: !1,
 					color: g.readonly || g.disabled ? "neutral" : void 0,
 					disabled: g.readonly || g.disabled,
 					removable: !g.readonly && !g.disabled && (!g.required || W.value.length > 1),
@@ -277,6 +279,8 @@ var ge = {
 				F.value > 0 ? (x(), f(c, { key: 0 }, [m(T(o), {
 					ref: "hiddenItemsCountBadge",
 					pill: "",
+					size: "small",
+					focusable: !1,
 					class: y(["q-select__badge-count", { "q-select__badge-count--clickable": g.readonly || g.disabled }])
 				}, {
 					default: O(() => [p(" +" + C(F.value), 1)]),
@@ -295,6 +299,8 @@ var ge = {
 					ref_for: !0,
 					ref: "allBadges",
 					pill: "",
+					size: "small",
+					focusable: !1,
 					color: g.readonly || g.disabled ? "neutral" : void 0,
 					disabled: "",
 					class: "q-select__badge-hidden",
@@ -314,6 +320,8 @@ var ge = {
 			], 64)) : (x(), u(T(o), {
 				key: 1,
 				pill: "",
+				size: "small",
+				focusable: !1,
 				disabled: g.readonly || g.disabled,
 				removable: !g.readonly && !g.disabled && !g.required,
 				texts: g.texts,

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

@@ -133,9 +133,10 @@ declare const QSelect: {
                 readonly variant?: import('..').QBadgeVariant | undefined;
                 readonly color?: string | undefined;
                 readonly pill?: boolean | undefined;
-                readonly size?: import('..').QBadgeSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly removable?: boolean | undefined;
+                readonly focusable?: boolean | undefined;
                 readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
@@ -157,11 +158,11 @@ declare const QSelect: {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "click:remove": () => any;
             }, string, {
-                size: import('..').QBadgeSize;
                 variant: import('..').QBadgeVariant;
                 color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+                focusable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -183,14 +184,14 @@ declare const QSelect: {
             $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('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;
@@ -205,9 +206,10 @@ declare const QSelect: {
                 readonly variant?: import('..').QBadgeVariant | undefined;
                 readonly color?: string | undefined;
                 readonly pill?: boolean | undefined;
-                readonly size?: import('..').QBadgeSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly removable?: boolean | undefined;
+                readonly focusable?: boolean | undefined;
                 readonly icons?: typeof import('../QBadge/constants').DEFAULT_ICONS | undefined;
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
@@ -229,11 +231,11 @@ declare const QSelect: {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "click:remove": () => any;
             }, string, {
-                size: import('..').QBadgeSize;
                 variant: import('..').QBadgeVariant;
                 color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+                focusable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -255,14 +257,14 @@ declare const QSelect: {
             $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('..').QBadgeSize;
             variant: import('..').QBadgeVariant;
             color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
+            focusable: boolean;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOq70B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/g1B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOq70B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/g1B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

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

@@ -51,7 +51,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onResize:end"?: ((finalWidth: number) => any) | undefined;
 }>, {
     position: "left" | "right";
-    anchorWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         anchorWidth?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgBA;AAuPC,OAAO,KAAK,EAAkB,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuNlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAUnB,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":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgBA;AA6PC,OAAO,KAAK,EAAkB,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA2NlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAUnB,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/QSidebar.vue.js

@@ -8,7 +8,7 @@ var y = ["id"], b = { class: "q-sidebar__panels" }, x = /*@__PURE__*/ s({
 	props: /*@__PURE__*/ c({
 		id: {},
 		class: {},
-		anchorWidth: { default: 50 },
+		anchorWidth: {},
 		showLabels: { type: Boolean },
 		position: { default: "left" }
 	}, {
@@ -37,7 +37,7 @@ var y = ["id"], b = { class: "q-sidebar__panels" }, x = /*@__PURE__*/ s({
 			O.value = !e || !t, e && t && A(), e && (D.value = e);
 		}, { immediate: !0 });
 		let j = r(() => E.value.find((e) => e.value === D.value)), M = r(() => !!j.value), N = r(() => {
-			if (!(!j.value?.resizable.value || k.value === void 0)) return { width: `${(x.anchorWidth ?? 0) + k.value}px` };
+			if (!(!j.value?.resizable.value || k.value === void 0)) return x.anchorWidth === void 0 ? { width: `${(T.value?.$el?.offsetWidth ?? 0) + k.value}px` } : { width: `calc(${x.anchorWidth}px * var(--q-density-scale) + ${k.value}px)` };
 		}), P = r(() => [
 			"q-sidebar",
 			`q-sidebar--${j.value?.initialWidth.value ?? "small"}`,

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

@@ -2,7 +2,8 @@ import { SidebarItemRegistration } from './context';
 /** Internal props for the anchor strip (not part of the public package API). */
 type QSidebarAnchorProps = {
     /**
-     * Width of the anchor section in pixels.
+     * Width of the anchor section in pixels at regular density.
+     * Scaled by `--q-density-scale` when applied.
      *
      * @category Presentation
      */

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

@@ -1 +1 @@
-{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AAaA;AAyIC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAKxD,gFAAgF;AAChF,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,KAAK,EAAE,uBAAuB,EAAE,CAAA;CAChC,CAAA;;;;;;AAgJF,wBASG"}
+{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AAaA;AA6IC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAKxD,gFAAgF;AAChF,KAAK,mBAAmB,GAAG;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,KAAK,EAAE,uBAAuB,EAAE,CAAA;CAChC,CAAA;;;;;;AAmJF,wBASG"}

package/esm/components/QSidebar/QSidebarAnchor.vue.js

@@ -14,7 +14,7 @@ var u = {
 		let f = r;
 		d({ itemsEl: c("items") });
 		let p = e(() => {
-			if (f.anchorWidth !== void 0) return { width: `${f.anchorWidth}px` };
+			if (f.anchorWidth !== void 0) return { width: `calc(${f.anchorWidth}px * var(--q-density-scale))` };
 		}), m = s({
 			height: "0",
 			transform: "translateY(0)",