@vuetify/nightly 3.8.6-master.2025-05-26 → 3.8.7-dev.2025-05-27

package/lib/components/VBtnGroup/VBtnGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.js","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","baseColor","String","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","_normalizeClass","value","class","_normalizeStyle","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBtnGroupProps = propsFactory({\n  baseColor: String,\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        baseColor: toRef(() => props.baseColor),\n        color: toRef(() => props.color),\n        density: toRef(() => props.density),\n        flat: true,\n        variant: toRef(() => props.variant),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,wCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,SAAS,EAAEC,MAAM;EACjBC,OAAO,EAAEC,OAAO;EAEhB,GAAGtB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMU,SAAS,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC1CS,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEP,kBAAkB,CAAC,CAAC;EAE3BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGjB,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGzB,UAAU,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG9B,SAAS,CAACwB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGzB,YAAY,CAACkB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGxB,UAAU,CAACgB,KAAK,CAAC;IAE5CtB,eAAe,CAAC;MACd+B,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdhB,SAAS,EAAEL,KAAK,CAAC,MAAMW,KAAK,CAACN,SAAS,CAAC;QACvCiB,KAAK,EAAEtB,KAAK,CAAC,MAAMW,KAAK,CAACW,KAAK,CAAC;QAC/BC,OAAO,EAAEvB,KAAK,CAAC,MAAMW,KAAK,CAACY,OAAO,CAAC;QACnCC,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEzB,KAAK,CAAC,MAAMW,KAAK,CAACc,OAAO;MACpC;IACF,CAAC,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAAAC,eAAA,CAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEjB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACc,KAAK,EAClBZ,aAAa,CAACY,KAAK,EACnBb,cAAc,CAACa,KAAK,EACpBX,gBAAgB,CAACW,KAAK,EACtBV,cAAc,CAACU,KAAK,EACpBlB,KAAK,CAACmB,KAAK,CACZ;QAAA,SAAAC,eAAA,CACOpB,KAAK,CAACqB,KAAK;MAAA,GACTlB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VBtnGroup.js","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","baseColor","String","divided","Boolean","direction","type","default","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","_normalizeClass","value","class","_normalizeStyle","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  baseColor: String,\n  divided: Boolean,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n  },\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: toRef(() => props.direction === 'horizontal' ? 'auto' : null),\n        baseColor: toRef(() => props.baseColor),\n        color: toRef(() => props.color),\n        density: toRef(() => props.density),\n        flat: true,\n        variant: toRef(() => props.variant),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            `v-btn-group--${props.direction}`,\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,wCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAGA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,SAAS,EAAEC,MAAM;EACjBC,OAAO,EAAEC,OAAO;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAEJ,MAA6C;IACnDK,OAAO,EAAE;EACX,CAAC;EAED,GAAGzB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMa,SAAS,GAAGX,gBAAgB,CAAC,CAAC,CAAC;EAC1CY,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEV,kBAAkB,CAAC,CAAC;EAE3BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGpB,YAAY,CAACgB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAG5B,UAAU,CAACuB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAGjC,SAAS,CAAC2B,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAG5B,YAAY,CAACqB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAG3B,UAAU,CAACmB,KAAK,CAAC;IAE5CzB,eAAe,CAAC;MACdkC,IAAI,EAAE;QACJC,MAAM,EAAExB,KAAK,CAAC,MAAMc,KAAK,CAACL,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,IAAI,CAAC;QACrEJ,SAAS,EAAEL,KAAK,CAAC,MAAMc,KAAK,CAACT,SAAS,CAAC;QACvCoB,KAAK,EAAEzB,KAAK,CAAC,MAAMc,KAAK,CAACW,KAAK,CAAC;QAC/BC,OAAO,EAAE1B,KAAK,CAAC,MAAMc,KAAK,CAACY,OAAO,CAAC;QACnCC,IAAI,EAAE,IAAI;QACVC,OAAO,EAAE5B,KAAK,CAAC,MAAMc,KAAK,CAACc,OAAO;MACpC;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,OAAA0B,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAAAC,eAAA,CAEW,CACL,aAAa,EACb,gBAAgBjB,KAAK,CAACL,SAAS,EAAE,EACjC;UACE,sBAAsB,EAAEK,KAAK,CAACP;QAChC,CAAC,EACDW,YAAY,CAACc,KAAK,EAClBZ,aAAa,CAACY,KAAK,EACnBb,cAAc,CAACa,KAAK,EACpBX,gBAAgB,CAACW,KAAK,EACtBV,cAAc,CAACU,KAAK,EACpBlB,KAAK,CAACmB,KAAK,CACZ;QAAA,SAAAC,eAAA,CACOpB,KAAK,CAACqB,KAAK;MAAA,GACTlB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VBtnGroup/VBtnGroup.sass

@@ -28,25 +28,52 @@
       border-radius: 0
       border-color: inherit
 
-      &:not(:last-child)
-        border-inline-end: none
+    &--tile
+      @include tools.rounded($btn-group-tile-border-radius)
 
-      &:not(:first-child)
-        border-inline-start: none
+    &--horizontal
+      .v-btn
+        &:not(:last-child)
+          border-inline-end: none
 
-      &:first-child
-        border-start-start-radius: inherit
-        border-end-start-radius: inherit
+        &:not(:first-child)
+          border-inline-start: none
 
-      &:last-child
-        border-start-end-radius: inherit
-        border-end-end-radius: inherit
+        &:first-child
+          border-start-start-radius: inherit
+          border-end-start-radius: inherit
 
-    &--divided
-      .v-btn:not(:last-child)
-        border-inline-end-width: $btn-group-border-thin-width
-        border-inline-end-style: $btn-group-border-style
-        border-inline-end-color: $btn-group-border-color
+        &:last-child
+          border-start-end-radius: inherit
+          border-end-end-radius: inherit
 
-    &--tile
-      @include tools.rounded($btn-group-tile-border-radius)
+      &.v-btn-group--divided
+        .v-btn:not(:last-child)
+          border-inline-end-width: $btn-group-border-thin-width
+          border-inline-end-style: $btn-group-border-style
+          border-inline-end-color: $btn-group-border-color
+
+    &--vertical
+      flex-direction: column
+      height: auto !important
+
+      .v-btn
+        &:not(:last-child)
+          border-block-end: none
+
+        &:not(:first-child)
+          border-block-start: none
+
+        &:first-child
+          border-start-start-radius: inherit
+          border-start-end-radius: inherit
+
+        &:last-child
+          border-end-start-radius: inherit
+          border-end-end-radius: inherit
+
+      &.v-btn-group--divided
+        .v-btn:not(:last-child)
+          border-block-end-width: $btn-group-border-thin-width
+          border-block-end-style: $btn-group-border-style
+          border-block-end-color: $btn-group-border-color

package/lib/components/VBtnToggle/VBtnToggle.d.ts

@@ -28,6 +28,7 @@ export declare const makeVBtnToggleProps: <Defaults extends {
     border?: unknown;
     baseColor?: unknown;
     divided?: unknown;
+    direction?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: null;
@@ -151,10 +152,21 @@ export declare const makeVBtnToggleProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
         default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
     };
+    direction: unknown extends Defaults["direction"] ? {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
+        default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : NonNullable<"horizontal" | "vertical"> | Defaults["direction"];
+    };
 };
 export declare const VBtnToggle: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -181,6 +193,7 @@ export declare const VBtnToggle: {
         'update:modelValue': (value: any) => true;
     }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -200,6 +213,7 @@ export declare const VBtnToggle: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -224,6 +238,7 @@ export declare const VBtnToggle: {
         select: (id: string, value: boolean) => void;
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -238,6 +253,7 @@ export declare const VBtnToggle: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: import("vue").StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -264,6 +280,7 @@ export declare const VBtnToggle: {
     'update:modelValue': (value: any) => true;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: import("vue").StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -320,6 +337,10 @@ export declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }, import("vue").ExtractPropTypes<{
     modelValue: {
         type: null;
@@ -363,6 +384,10 @@ export declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }>>;
 export type VBtnToggle = InstanceType<typeof VBtnToggle>;
 

package/lib/components/VCheckbox/VCheckbox.d.ts

@@ -397,12 +397,12 @@ export declare const VCheckbox: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -499,12 +499,12 @@ export declare const VCheckbox: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+        iconColor?: string | boolean | undefined;
         defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -581,12 +581,12 @@ export declare const VCheckbox: {
     baseColor?: string | undefined;
     prependIcon?: import("../../composables/icons.js").IconValue | undefined;
     appendIcon?: import("../../composables/icons.js").IconValue | undefined;
+    iconColor?: string | boolean | undefined;
     defaultsTarget?: string | undefined;
     trueValue?: any;
     falseValue?: any;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-    iconColor?: string | boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {

package/lib/components/VChipGroup/VChipGroup.d.ts

@@ -18,6 +18,7 @@ export declare const makeVChipGroupProps: <Defaults extends {
     mobile?: unknown;
     mobileBreakpoint?: unknown;
     centerActive?: unknown;
+    contentClass?: unknown;
     direction?: unknown;
     symbol?: unknown;
     nextIcon?: unknown;
@@ -138,6 +139,10 @@ export declare const makeVChipGroupProps: <Defaults extends {
         type: PropType<unknown extends Defaults["centerActive"] ? boolean : boolean | Defaults["centerActive"]>;
         default: unknown extends Defaults["centerActive"] ? boolean : boolean | Defaults["centerActive"];
     };
+    contentClass: unknown extends Defaults["contentClass"] ? null : {
+        type: PropType<unknown extends Defaults["contentClass"] ? any : any>;
+        default: unknown extends Defaults["contentClass"] ? any : any;
+    };
     direction: unknown extends Defaults["direction"] ? {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -245,6 +250,7 @@ export declare const VChipGroup: {
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
         baseColor?: string | undefined;
+        contentClass?: any;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
@@ -303,6 +309,7 @@ export declare const VChipGroup: {
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
         baseColor?: string | undefined;
+        contentClass?: any;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -348,6 +355,7 @@ export declare const VChipGroup: {
     mandatory?: boolean | "force" | undefined;
     mobileBreakpoint?: number | import("../../types.js").DisplayBreakpoint | undefined;
     baseColor?: string | undefined;
+    contentClass?: any;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
@@ -419,6 +427,7 @@ export declare const VChipGroup: {
     };
     mobileBreakpoint: PropType<number | import("../../types.js").DisplayBreakpoint>;
     centerActive: BooleanConstructor;
+    contentClass: null;
     direction: {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -487,6 +496,7 @@ export declare const VChipGroup: {
     };
     mobileBreakpoint: PropType<number | import("../../types.js").DisplayBreakpoint>;
     centerActive: BooleanConstructor;
+    contentClass: null;
     direction: {
         type: PropType<"horizontal" | "vertical">;
         default: string;