@element-plus/nightly 0.0.20260720 → 0.0.20260722

package/lib/components/descriptions/src/description-item.d.ts

@@ -7,17 +7,17 @@ declare const descriptionItemProps: {
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -29,17 +29,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -50,17 +50,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -69,12 +69,12 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
   className: string;
+  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   label: string;
   span: number;
-  width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
-  minWidth: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   rowspan: number;
-  align: EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>;
+  align: EpPropMergeType<StringConstructor, "left" | "center" | "right", unknown>;
   labelClassName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DescriptionItemProps = ExtractPropTypes<typeof descriptionItemProps>;

package/lib/components/descriptions/src/description.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
   extra?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DescriptionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DescriptionProps> & Readonly<{}>, {
-  direction: "horizontal" | "vertical";
   title: string;
   column: number;
+  direction: "horizontal" | "vertical";
   extra: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/dialog/src/dialog-content.d.ts

@@ -1,5 +1,6 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/dialog/src/dialog-content.d.ts
@@ -34,15 +35,15 @@ interface DialogContentProps {
   /**
    * @description custom class names for header wrapper
    */
-  headerClass?: string;
+  headerClass?: ClassValue;
   /**
    * @description custom class names for body wrapper
    */
-  bodyClass?: string;
+  bodyClass?: ClassValue;
   /**
    * @description custom class names for footer wrapper
    */
-  footerClass?: string;
+  footerClass?: ClassValue;
   /**
    * @description whether to show a close button
    */
@@ -71,9 +72,9 @@ declare const dialogContentProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  readonly headerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly bodyClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly footerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
@@ -88,6 +89,9 @@ declare const dialogContentPropsDefaults: {
   readonly showClose: true;
   readonly title: "";
   readonly ariaLevel: "2";
+  readonly headerClass: undefined;
+  readonly bodyClass: undefined;
+  readonly footerClass: undefined;
 };
 //#endregion
 export { DialogContentProps, dialogContentEmits, dialogContentProps, dialogContentPropsDefaults };

package/lib/components/dialog/src/dialog-content.js

@@ -42,15 +42,39 @@ const dialogContentProps = require_runtime.buildProps({
 	/**
 	* @description custom class names for header wrapper
 	*/
-	headerClass: String,
+	headerClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for body wrapper
 	*/
-	bodyClass: String,
+	bodyClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for footer wrapper
 	*/
-	footerClass: String,
+	footerClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description whether to show a close button
 	*/
@@ -80,7 +104,10 @@ const dialogContentPropsDefaults = {
 	overflow: void 0,
 	showClose: true,
 	title: "",
-	ariaLevel: "2"
+	ariaLevel: "2",
+	headerClass: void 0,
+	bodyClass: void 0,
+	footerClass: void 0
 };
 //#endregion
 exports.dialogContentEmits = dialogContentEmits;

package/lib/components/dialog/src/dialog-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.js","names":["buildProps","iconPropType"],"sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { IconPropType } from '@element-plus/utils'\n\n/**\n * @description dialog-content component props\n */\nexport interface DialogContentProps {\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center?: boolean\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable?: boolean\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow?: boolean\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen?: boolean\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass?: string\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass?: string\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass?: string\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title?: string\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.\n */\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n\nexport const dialogContentPropsDefaults = {\n  alignCenter: undefined,\n  draggable: undefined,\n  overflow: undefined,\n  showClose: true,\n  title: '',\n  ariaLevel: '2',\n} as const\n"],"mappings":";;;;;;;AA6DA,MAAa,qBAAqBA,gBAAAA,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAMC,aAAAA,cACP;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,YAAY;;;;CAIZ,aAAa;;;;CAIb,WAAW;;;;CAIX,aAAa;;;;CAIb,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAEX,MAAa,qBAAqB,EAChC,aAAa,MACd;AAED,MAAa,6BAA6B;CACxC,aAAa,KAAA;CACb,WAAW,KAAA;CACX,UAAU,KAAA;CACV,WAAW;CACX,OAAO;CACP,WAAW;CACZ"}
+{"version":3,"file":"dialog-content.js","names":["buildProps","iconPropType","definePropType"],"sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { ClassValue, IconPropType } from '@element-plus/utils'\n\n/**\n * @description dialog-content component props\n */\nexport interface DialogContentProps {\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center?: boolean\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable?: boolean\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow?: boolean\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen?: boolean\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass?: ClassValue\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass?: ClassValue\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass?: ClassValue\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title?: string\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.\n */\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n\nexport const dialogContentPropsDefaults = {\n  alignCenter: undefined,\n  draggable: undefined,\n  overflow: undefined,\n  showClose: true,\n  title: '',\n  ariaLevel: '2',\n  headerClass: undefined,\n  bodyClass: undefined,\n  footerClass: undefined,\n} as const\n"],"mappings":";;;;;;;AA6DA,MAAa,qBAAqBA,gBAAAA,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAMC,aAAAA,cACP;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,YAAY;;;;CAIZ,aAAa;EACX,MAAMC,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,aAAa;EACX,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAEX,MAAa,qBAAqB,EAChC,aAAa,MACd;AAED,MAAa,6BAA6B;CACxC,aAAa,KAAA;CACb,WAAW,KAAA;CACX,UAAU,KAAA;CACV,WAAW;CACX,OAAO;CACP,WAAW;CACX,aAAa,KAAA;CACb,WAAW,KAAA;CACX,aAAa,KAAA;CACd"}

package/lib/components/dialog/src/dialog-content.vue.d.ts

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogContentProps } from "./dialog-content.js";
 import * as _$vue from "vue";
 
@@ -20,6 +21,9 @@ declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {
 }>, {
   title: string;
   overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   alignCenter: boolean;
   draggable: boolean;
   showClose: boolean;

package/lib/components/dialog/src/dialog.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogContentProps } from "./dialog-content.js";
 import _default from "./dialog.vue.js";
 import * as _$vue from "vue";
@@ -67,7 +68,7 @@ interface DialogProps extends DialogContentProps {
   /**
    * @description custom class names for mask
    */
-  modalClass?: string;
+  modalClass?: ClassValue;
   /**
    * @description width of Dialog, default is 50%
    */
@@ -116,10 +117,7 @@ declare const dialogProps: {
     __epPropKey: true;
   };
   readonly modelValue: BooleanConstructor;
-  readonly modalClass: StringConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  readonly modalClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly width: {
     readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
     readonly required: false;
@@ -146,6 +144,9 @@ declare const dialogProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
+  readonly headerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly bodyClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly footerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
@@ -182,12 +183,16 @@ declare const dialogPropsDefaults: {
   readonly closeDelay: 0;
   readonly headerAriaLevel: "2";
   readonly transition: undefined;
+  readonly modalClass: undefined;
   readonly alignCenter: undefined;
   readonly draggable: undefined;
   readonly overflow: undefined;
   readonly showClose: true;
   readonly title: "";
   readonly ariaLevel: "2";
+  readonly headerClass: undefined;
+  readonly bodyClass: undefined;
+  readonly footerClass: undefined;
 };
 //#endregion
 export { DialogBeforeCloseFn, DialogConfigContext, DialogEmits, DialogInstance, DialogProps, DialogPropsPublic, DialogTransition, dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults };

package/lib/components/dialog/src/dialog.js

@@ -85,19 +85,15 @@ const dialogProps = require_runtime.buildProps({
 	/**
 	* @description custom class names for mask
 	*/
-	modalClass: String,
-	/**
-	* @description custom class names for header wrapper
-	*/
-	headerClass: String,
-	/**
-	* @description custom class names for body wrapper
-	*/
-	bodyClass: String,
-	/**
-	* @description custom class names for footer wrapper
-	*/
-	footerClass: String,
+	modalClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description width of Dialog, default is 50%
 	*/
@@ -142,7 +138,8 @@ const dialogPropsDefaults = {
 	openDelay: 0,
 	closeDelay: 0,
 	headerAriaLevel: "2",
-	transition: void 0
+	transition: void 0,
+	modalClass: void 0
 };
 //#endregion
 exports.dialogContextKey = dialogContextKey;

package/lib/components/dialog/src/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","dialogContentPropsDefaults"],"sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n} as const\n"],"mappings":";;;;;;;;;AAsGA,MAAa,cAAcA,gBAAAA,WAAW;CACpC,GAAGC,uBAAAA;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAMC,gBAAAA,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMA,gBAAAA,eAAoC,SAAS,EACpD;;;;CAID,gBAAgB;;;;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,iBAAiB;;;;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK,EACH,MAAM,QACP;;;;CAID,YAAY;;;;CAIZ,YAAY;;;;CAIZ,aAAa;;;;CAIb,WAAW;;;;CAIX,aAAa;;;;CAIb,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;;;;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;;;;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAMA,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACbC,cAAAA,sBAAsB,UAAmBC,cAAAA,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAGC,uBAAAA;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACb"}
+{"version":3,"file":"dialog.js","names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","dialogContentPropsDefaults"],"sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { ClassValue } from '@element-plus/utils'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: ClassValue\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n  modalClass: undefined,\n} as const\n"],"mappings":";;;;;;;;;AAuGA,MAAa,cAAcA,gBAAAA,WAAW;CACpC,GAAGC,uBAAAA;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAMC,gBAAAA,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMA,gBAAAA,eAAoC,SAAS,EACpD;;;;CAID,gBAAgB;;;;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,iBAAiB;;;;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK,EACH,MAAM,QACP;;;;CAID,YAAY;;;;CAIZ,YAAY;EACV,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;;;;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;;;;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAMA,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACbC,cAAAA,sBAAsB,UAAmBC,cAAAA,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAGC,uBAAAA;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACZ,YAAY,KAAA;CACb"}

package/lib/components/dialog/src/dialog.vue.d.ts

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogProps, DialogTransition } from "./dialog.js";
 import * as _$vue from "vue";
 
@@ -22,16 +23,16 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => void;
   "update:modelValue": (value: boolean) => void;
+  close: () => void;
   open: () => void;
   opened: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
-  onClose?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onClose?: (() => any) | undefined;
   onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
@@ -39,15 +40,19 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
   appendTo: string | HTMLElement;
-  transition: DialogTransition;
   title: string;
+  transition: DialogTransition;
   overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
   closeDelay: number;
+  modalClass: string | false | Record<string, any> | ClassValue[] | null;
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;

package/lib/components/divider/src/divider.d.ts

@@ -23,7 +23,7 @@ interface DividerProps {
  */
 declare const dividerProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly contentPosition: EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
+  readonly contentPosition: EpPropFinalized<StringConstructor, "left" | "center" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**

package/lib/components/divider/src/divider.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DividerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-  direction: "horizontal" | "vertical";
   borderStyle: BorderStyle;
+  direction: "horizontal" | "vertical";
   contentPosition: "left" | "center" | "right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/drawer/src/drawer.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogBeforeCloseFn, DialogProps, DialogTransition } from "../../dialog/src/dialog.js";
 import _default from "./drawer.vue.js";
 import * as _$vue from "vue";
@@ -64,10 +65,7 @@ declare const drawerProps: {
     __epPropKey: true;
   };
   readonly modelValue: BooleanConstructor;
-  readonly modalClass: StringConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  readonly modalClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly width: {
     readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
     readonly required: false;
@@ -93,6 +91,9 @@ declare const drawerProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
+  readonly headerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly bodyClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly footerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;

package/lib/components/drawer/src/drawer.vue.d.ts

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogTransition } from "../../dialog/src/dialog.js";
 import { DrawerProps } from "./drawer.js";
 import * as _$vue from "vue";
@@ -20,9 +21,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => void;
   close: () => void;
   resize: (evt: MouseEvent, size: number) => void;
-  "update:modelValue": (value: boolean) => void;
   open: () => void;
   opened: () => void;
   closed: () => void;
@@ -31,9 +32,9 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   "resize-start": (evt: MouseEvent, size: number) => void;
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
@@ -44,16 +45,20 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
 }>, {
   size: string | number;
   appendTo: string | HTMLElement;
+  title: string;
   transition: DialogTransition;
   direction: "ltr" | "rtl" | "ttb" | "btt";
-  title: string;
   overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
   closeDelay: number;
+  modalClass: string | false | Record<string, any> | ClassValue[] | null;
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;

package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts

@@ -57,8 +57,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
   onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;

package/lib/components/dropdown/src/dropdown-item.vue.d.ts

@@ -27,8 +27,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     icon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown> | undefined;
     textValue: string | undefined;
     onClick: ((...args: any[]) => any) | undefined;
-    onPointerleave: ((...args: any[]) => any) | undefined;
     onPointermove: ((...args: any[]) => any) | undefined;
+    onPointerleave: ((...args: any[]) => any) | undefined;
   }>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
@@ -43,8 +43,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
@@ -146,8 +146,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onPointerleave?: ((...args: any[]) => any) | undefined;
     onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly disabled: boolean;

package/lib/components/dropdown/src/dropdown-menu.vue.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   size: _$vue.ComputedRef<string> | undefined;
   rovingFocusGroupRootStyle: _$vue.Ref<_$vue.StyleValue, _$vue.StyleValue>;
   dropdownKls: _$vue.ComputedRef<string[]>;
-  role: _$vue.ComputedRef<"dialog" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | "tree" | undefined>;
+  role: _$vue.ComputedRef<"dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree" | undefined>;
   triggerId: _$vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | _$vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;