antdv-next 1.0.0-beta.2 → 1.0.0-rc.1

package/dist/button/buttonHelper.d.mts

@@ -1,7 +1,6 @@
 import { CSSProperties, VNodeChild } from "vue";
 
 //#region src/button/buttonHelper.d.ts
-
 declare const _ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
 type ButtonType = (typeof _ButtonTypes)[number];
 declare const _ButtonShapes: readonly ["default", "circle", "round", "square"];

package/dist/button/index.d.mts

@@ -1,3 +1,3 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType, _ButtonColorTypes, _ButtonVariantTypes } from "./buttonHelper.mjs";
-import { Button, ButtonProps, ButtonSemanticName, LegacyButtonType } from "./Button.mjs";
+import { Button, ButtonProps, LegacyButtonType } from "./Button.mjs";

package/dist/button/style/compact.mjs

@@ -1,4 +1,4 @@
-import { genSubStyleComponent } from "../../theme/util/genStyleUtils.mjs";
+import { genCssVar, genSubStyleComponent } from "../../theme/util/genStyleUtils.mjs";
 import "../../theme/internal.mjs";
 import { prepareComponentToken, prepareToken } from "./token.mjs";
 import { genCompactItemStyle } from "../../style/compact-item.mjs";
@@ -6,28 +6,37 @@ import { genCompactItemVerticalStyle } from "../../style/compact-item-vertical.m
 
 //#region src/button/style/compact.ts
 const genButtonCompactStyle = (token) => {
-	const { componentCls, colorPrimaryHover, lineWidth, calc } = token;
+	const { antCls, componentCls, lineWidth, calc, colorBgContainer } = token;
+	const solidSelector = `${componentCls}-variant-solid:not([disabled])`;
 	const insetOffset = calc(lineWidth).mul(-1).equal();
+	const [varName, varRef] = genCssVar(antCls, "btn");
 	const getCompactBorderStyle = (vertical) => {
-		const itemCls = `${componentCls}-compact${vertical ? "-vertical" : ""}-item`;
-		const selector = `${itemCls}${componentCls}-primary:not([disabled])`;
-		return {
-			[itemCls]: { transition: `none` },
-			[`${selector} + ${selector}::before`]: {
-				position: "absolute",
-				top: vertical ? insetOffset : 0,
-				insetInlineStart: vertical ? 0 : insetOffset,
-				backgroundColor: colorPrimaryHover,
-				content: "\"\"",
-				width: vertical ? "100%" : lineWidth,
-				height: vertical ? lineWidth : "100%"
+		return { [`${componentCls}-compact${vertical ? "-vertical" : ""}-item`]: {
+			[varName("compact-connect-border-color")]: varRef("bg-color-hover"),
+			[`&${solidSelector}`]: {
+				"transition": `none`,
+				[`& + ${solidSelector}:before`]: [{
+					position: "absolute",
+					backgroundColor: varRef("compact-connect-border-color"),
+					content: "\"\""
+				}, vertical ? {
+					top: insetOffset,
+					insetInline: insetOffset,
+					height: lineWidth
+				} : {
+					insetBlock: insetOffset,
+					insetInlineStart: insetOffset,
+					width: lineWidth
+				}],
+				"&:hover:before": { display: "none" }
 			}
-		};
-	};
-	return {
-		...getCompactBorderStyle(),
-		...getCompactBorderStyle(true)
+		} };
 	};
+	return [
+		getCompactBorderStyle(),
+		getCompactBorderStyle(true),
+		{ [`${solidSelector}${componentCls}-color-default`]: { [varName("compact-connect-border-color")]: `color-mix(in srgb, ${varRef("bg-color-hover")} 75%, ${colorBgContainer})` } }
+	];
 };
 var compact_default = genSubStyleComponent(["Button", "compact"], (token) => {
 	const buttonToken = prepareToken(token);

package/dist/button/style/token.d.mts

@@ -174,11 +174,6 @@ interface ComponentToken {
    * @descEN Icon size of small button which only contains icon
    */
   onlyIconSizeSM: number | string;
-  /**
-   * @desc 按钮组边框颜色
-   * @descEN Border color of button group
-   */
-  groupBorderColor: string;
   /**
    * @desc 链接按钮悬浮态背景色
    * @descEN Background color of link button when hover

package/dist/button/style/variant.mjs

@@ -117,7 +117,12 @@ const genVariantStyle = (token) => {
 				[varName("color-light")]: token.colorPrimaryBg,
 				[varName("color-light-hover")]: token.colorPrimaryBgHover,
 				[varName("color-light-active")]: token.colorPrimaryBorder,
-				[varName("shadow")]: token.primaryShadow
+				[varName("shadow")]: token.primaryShadow,
+				[`&${componentCls}-variant-solid`]: {
+					[varName("text-color")]: token.primaryColor,
+					[varName("text-color-hover")]: varRef("text-color"),
+					[varName("text-color-active")]: varRef("text-color")
+				}
 			},
 			[`&${componentCls}-color-dangerous`]: {
 				[varName("color-base")]: token.colorError,
@@ -126,7 +131,12 @@ const genVariantStyle = (token) => {
 				[varName("color-light")]: token.colorErrorBg,
 				[varName("color-light-hover")]: token.colorErrorBgFilledHover,
 				[varName("color-light-active")]: token.colorErrorBgActive,
-				[varName("shadow")]: token.dangerShadow
+				[varName("shadow")]: token.dangerShadow,
+				[`&${componentCls}-variant-solid`]: {
+					[varName("text-color")]: token.dangerColor,
+					[varName("text-color-hover")]: varRef("text-color"),
+					[varName("text-color-active")]: varRef("text-color")
+				}
 			},
 			[`&${componentCls}-color-default`]: {
 				[varName("solid-bg-color")]: token.colorBgSolid,
@@ -142,11 +152,25 @@ const genVariantStyle = (token) => {
 				[varName("text-color-hover")]: token.defaultHoverBorderColor,
 				[varName("text-color-active")]: token.defaultActiveBorderColor,
 				[varName("shadow")]: token.defaultShadow,
-				[`&${componentCls}-variant-solid`]: { [varName("text-color")]: token.solidTextColor },
+				[`&${componentCls}-variant-solid`]: {
+					[varName("text-color")]: token.solidTextColor,
+					[varName("text-color-hover")]: varRef("text-color"),
+					[varName("text-color-active")]: varRef("text-color")
+				},
 				[`&${componentCls}-variant-filled, &${componentCls}-variant-text`]: {
 					[varName("text-color-hover")]: varRef("text-color"),
 					[varName("text-color-active")]: varRef("text-color")
 				},
+				[`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
+					[varName("bg-color-hover")]: token.defaultHoverBg,
+					[varName("bg-color-active")]: token.defaultActiveBg
+				},
+				[`&${componentCls}-variant-text`]: {
+					[varName("text-color")]: token.textTextColor,
+					[varName("text-color-hover")]: token.textTextHoverColor,
+					[varName("text-color-active")]: token.textTextActiveColor,
+					[varName("bg-color-hover")]: token.textHoverBg
+				},
 				[`&${componentCls}-background-ghost`]: { [`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
 					[varName("text-color")]: token.defaultGhostColor,
 					[varName("border-color")]: token.defaultGhostBorderColor

package/dist/calendar/generateCalendar.d.mts

@@ -3,8 +3,8 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { locale } from "../date-picker/locale/en_US.mjs";
 import "./locale/en_US.mjs";
-import * as vue246 from "vue";
-import { SlotsType } from "vue";
+import * as vue344 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { GenerateConfig } from "@v-c/picker/generate/index";
 
 //#region src/calendar/generateCalendar.d.ts
@@ -18,9 +18,22 @@ type HeaderRender<DateType> = (config: {
 interface SelectInfo {
   source: 'year' | 'month' | 'date' | 'customize';
 }
-type SemanticName = 'root' | 'header' | 'body' | 'content' | 'item';
-type CalendarClassNamesType<DateType> = SemanticClassNamesType<CalendarProps<DateType>, SemanticName>;
-type CalendarStylesType<DateType> = SemanticStylesType<CalendarProps<DateType>, SemanticName>;
+interface CalendarSemanticClassNames {
+  root?: string;
+  header?: string;
+  body?: string;
+  content?: string;
+  item?: string;
+}
+interface CalendarSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  body?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+}
+type CalendarClassNamesType<DateType> = SemanticClassNamesType<CalendarProps<DateType>, CalendarSemanticClassNames>;
+type CalendarStylesType<DateType> = SemanticStylesType<CalendarProps<DateType>, CalendarSemanticStyles>;
 interface CalendarProps<DateType> {
   prefixCls?: string;
   rootClass?: string;
@@ -82,8 +95,8 @@ interface CalendarEmits<DateType = AnyObject> {
   'select': (date: DateType, selectInfo: SelectInfo) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare function generateCalendar<DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>): vue246.DefineSetupFnComponent<CalendarProps<DateType>, CalendarEmits<DateType>, SlotsType<CalendarSlots>, CalendarProps<DateType> & {
+declare function generateCalendar<DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>): vue344.DefineSetupFnComponent<CalendarProps<DateType>, CalendarEmits<DateType>, SlotsType<CalendarSlots>, CalendarProps<DateType> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue246.PublicProps>;
+}, vue344.PublicProps>;
 //#endregion
 export { CalendarEmits, CalendarMode, CalendarProps, CalendarSlots, generateCalendar };

package/dist/calendar/generateCalendar.mjs

@@ -292,7 +292,7 @@ function generateCalendar(generateConfig) {
 			fullscreen: {
 				type: Boolean,
 				required: false,
-				default: void 0
+				default: true
 			},
 			showWeek: {
 				type: Boolean,

package/dist/calendar/index.d.mts

@@ -1,11 +1,11 @@
 import { CalendarEmits, CalendarMode, CalendarProps, CalendarSlots, generateCalendar } from "./generateCalendar.mjs";
-import * as vue71 from "vue";
+import * as vue69 from "vue";
 import { Dayjs } from "dayjs";
 
 //#region src/calendar/index.d.ts
-declare const Calendar: vue71.DefineSetupFnComponent<CalendarProps<Dayjs>, CalendarEmits<Dayjs>, vue71.SlotsType<CalendarSlots>, CalendarProps<Dayjs> & {
+declare const Calendar: vue69.DefineSetupFnComponent<CalendarProps<Dayjs>, CalendarEmits<Dayjs>, vue69.SlotsType<CalendarSlots>, CalendarProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue71.PublicProps>;
+}, vue69.PublicProps>;
 type CalendarType = typeof Calendar & {
   generateCalendar: typeof generateCalendar;
 };

package/dist/card/Card.d.mts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { Tab, TabsSlots } from "../tabs/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue242 from "vue";
+import * as vue229 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/card/Card.d.ts
@@ -15,9 +15,26 @@ interface CardTabListType extends Omit<Tab, 'label'> {
   tab?: VueNode;
   label?: VueNode;
 }
-type SemanticName = 'root' | 'header' | 'body' | 'extra' | 'title' | 'actions' | 'cover';
-type CardClassNamesType = SemanticClassNamesType<CardProps, SemanticName>;
-type CardStylesType = SemanticStylesType<CardProps, SemanticName>;
+interface CardSemanticClassNames {
+  root?: string;
+  header?: string;
+  body?: string;
+  extra?: string;
+  title?: string;
+  actions?: string;
+  cover?: string;
+}
+interface CardSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  body?: CSSProperties;
+  extra?: CSSProperties;
+  title?: CSSProperties;
+  actions?: CSSProperties;
+  cover?: CSSProperties;
+}
+type CardClassNamesType = SemanticClassNamesType<CardProps, CardSemanticClassNames>;
+type CardStylesType = SemanticStylesType<CardProps, CardSemanticStyles>;
 interface CardProps extends ComponentBaseProps {
   title?: VueNode;
   extra?: VueNode;
@@ -60,8 +77,8 @@ interface CardSlots {
   tabLabelRender?: TabsSlots['labelRender'];
   tabBarExtraContent?: () => any;
 }
-declare const Card: vue242.DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps & {
+declare const Card: vue229.DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue242.PublicProps>;
+}, vue229.PublicProps>;
 //#endregion
 export { Card, CardEmits, CardProps, CardSize, CardSlots, CardTabListType };

package/dist/card/CardGrid.d.mts

@@ -1,10 +1,10 @@
-import * as vue244 from "vue";
+import * as vue231 from "vue";
 
 //#region src/card/CardGrid.d.ts
 interface CardGridProps {
   prefixCls?: string;
   hoverable?: boolean;
 }
-declare const CardGrid: vue244.DefineSetupFnComponent<CardGridProps, {}, {}, CardGridProps & {}, vue244.PublicProps>;
+declare const CardGrid: vue231.DefineSetupFnComponent<CardGridProps, {}, {}, CardGridProps & {}, vue231.PublicProps>;
 //#endregion
 export { CardGrid, CardGridProps };

package/dist/card/CardMeta.d.mts

@@ -1,13 +1,26 @@
 import { EmptyEmit, VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
-import * as vue240 from "vue";
-import { SlotsType } from "vue";
+import * as vue225 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/card/CardMeta.d.ts
-type SemanticName = 'root' | 'section' | 'avatar' | 'title' | 'description';
-type CardMetaClassNamesType = SemanticClassNamesType<CardMetaProps, SemanticName>;
-type CardMetaStylesType = SemanticStylesType<CardMetaProps, SemanticName>;
+interface CardMetaSemanticClassNames {
+  root?: string;
+  section?: string;
+  avatar?: string;
+  title?: string;
+  description?: string;
+}
+interface CardMetaSemanticStyles {
+  root?: CSSProperties;
+  section?: CSSProperties;
+  avatar?: CSSProperties;
+  title?: CSSProperties;
+  description?: CSSProperties;
+}
+type CardMetaClassNamesType = SemanticClassNamesType<CardMetaProps, CardMetaSemanticClassNames>;
+type CardMetaStylesType = SemanticStylesType<CardMetaProps, CardMetaSemanticStyles>;
 interface CardMetaProps {
   prefixCls?: string;
   avatar?: VueNode;
@@ -22,8 +35,8 @@ interface CardMetaSlots {
   description?: () => any;
   default?: () => any;
 }
-declare const CardMeta: vue240.DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps & {
+declare const CardMeta: vue225.DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue240.PublicProps>;
+}, vue225.PublicProps>;
 //#endregion
 export { CardMeta, CardMetaProps };

package/dist/cascader/index.d.mts

@@ -1,9 +1,10 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { InputStatus } from "../_util/statusUtils.mjs";
 import { SelectCommonPlacement } from "../_util/motion.mjs";
+import { SelectPopupSemanticClassNames, SelectPopupSemanticStyles } from "../select/index.mjs";
 import { CascaderPanel } from "./Panel.mjs";
 import { Variant } from "../config-provider/context.mjs";
 import * as vue76 from "vue";
@@ -11,13 +12,33 @@ import { App, CSSProperties, SlotsType } from "vue";
 import { CascaderProps, DefaultOptionType, SHOW_CHILD, SHOW_PARENT } from "@v-c/cascader";
 
 //#region src/cascader/index.d.ts
-type SemanticName = 'root' | 'prefix' | 'suffix' | 'input' | 'placeholder' | 'content' | 'item' | 'itemContent' | 'itemRemove';
-type PopupSemantic = 'root' | 'listItem' | 'list';
-type CascaderClassNamesType = SemanticClassNamesType<CascaderProps$1, SemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
+interface CascaderSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  suffix?: string;
+  input?: string;
+  placeholder?: string;
+  content?: string;
+  item?: string;
+  itemContent?: string;
+  itemRemove?: string;
+}
+interface CascaderSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  suffix?: CSSProperties;
+  input?: CSSProperties;
+  placeholder?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+  itemContent?: CSSProperties;
+  itemRemove?: CSSProperties;
+}
+type CascaderClassNamesType = SemanticClassNamesType<CascaderProps$1, CascaderSemanticClassNames, {
+  popup?: SelectPopupSemanticClassNames;
 }>;
-type CascaderStylesType = SemanticStylesType<CascaderProps$1, SemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
+type CascaderStylesType = SemanticStylesType<CascaderProps$1, CascaderSemanticStyles, {
+  popup?: SelectPopupSemanticStyles;
 }>;
 interface CascaderProps$1<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> extends Omit<CascaderProps<OptionType, ValueField, Multiple>, 'checkable' | 'className' | 'style' | 'classNames' | 'styles' | 'onChange' | 'onSearch' | 'onPopupVisibleChange' | 'multiple' | 'value'> {
   value?: any;

package/dist/checkbox/Checkbox.d.mts

@@ -1,8 +1,8 @@
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue252 from "vue";
-import { SlotsType } from "vue";
+import * as vue285 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { CheckboxChangeEvent } from "@v-c/checkbox";
 
 //#region src/checkbox/Checkbox.d.ts
@@ -36,16 +36,25 @@ interface CheckboxEmits {
 interface CheckboxSlots {
   default?: () => any;
 }
-type SemanticName = 'root' | 'icon' | 'label';
-type CheckboxClassNamesType = SemanticClassNamesType<CheckboxProps, SemanticName>;
-type CheckboxStylesType = SemanticStylesType<CheckboxProps, SemanticName>;
+interface CheckboxSemanticClassNames {
+  root?: string;
+  icon?: string;
+  label?: string;
+}
+interface CheckboxSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  label?: CSSProperties;
+}
+type CheckboxClassNamesType = SemanticClassNamesType<CheckboxProps, CheckboxSemanticClassNames>;
+type CheckboxStylesType = SemanticStylesType<CheckboxProps, CheckboxSemanticStyles>;
 interface CheckboxProps extends AbstractCheckboxProps {
   indeterminate?: boolean;
   classes?: CheckboxClassNamesType;
   styles?: CheckboxStylesType;
 }
-declare const InternalCheckbox: vue252.DefineSetupFnComponent<CheckboxProps, CheckboxEmits, SlotsType<CheckboxSlots>, CheckboxProps & {
+declare const InternalCheckbox: vue285.DefineSetupFnComponent<CheckboxProps, CheckboxEmits, SlotsType<CheckboxSlots>, CheckboxProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue252.PublicProps>;
+}, vue285.PublicProps>;
 //#endregion
 export { AbstractCheckboxProps, CheckboxEmits, CheckboxProps, CheckboxSlots, InternalCheckbox };

package/dist/checkbox/Checkbox.mjs

@@ -3,11 +3,11 @@ import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useTo
 import { devUseWarning, isDev } from "../_util/warning.mjs";
 import "../_util/hooks/index.mjs";
 import { toPropsRefs } from "../_util/tools.mjs";
-import { checkRenderNode } from "../_util/vueNode.mjs";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.mjs";
 import { useDisabledContext } from "../config-provider/DisabledContext.mjs";
 import { TARGET_CLS } from "../_util/wave/interface.mjs";
 import wave_default from "../_util/wave/index.mjs";
+import { checkRenderNode } from "../_util/vueNode.mjs";
 import isNonNullable_default from "../_util/isNonNullable.mjs";
 import { useFormItemContext, useFormItemInputContext } from "../form/context.mjs";
 import useBubbleLock from "./useBubbleLock.mjs";

package/dist/checkbox/Group.d.mts

@@ -1,6 +1,6 @@
 import { VueNode } from "../_util/type.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue250 from "vue";
+import * as vue287 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { CheckboxChangeEvent } from "@v-c/checkbox";
 
@@ -28,6 +28,7 @@ interface CheckboxGroupProps extends AbstractCheckboxGroupProps {
     item: CheckboxOptionType;
     index: number;
   }) => any;
+  role?: string;
 }
 interface CheckboxGroupEmits {
   'update:value': (value: any[]) => void;
@@ -41,8 +42,8 @@ interface CheckboxGroupSlots {
     index: number;
   }) => any;
 }
-declare const CheckboxGroup: vue250.DefineSetupFnComponent<CheckboxGroupProps, CheckboxGroupEmits, SlotsType<CheckboxGroupSlots>, CheckboxGroupProps & {
+declare const CheckboxGroup: vue287.DefineSetupFnComponent<CheckboxGroupProps, CheckboxGroupEmits, SlotsType<CheckboxGroupSlots>, CheckboxGroupProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue250.PublicProps>;
+}, vue287.PublicProps>;
 //#endregion
 export { AbstractCheckboxGroupProps, CheckboxGroup, CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType };

package/dist/checkbox/Group.mjs

@@ -61,7 +61,7 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		};
 	}));
 	return () => {
-		const { options = [], rootClass } = props;
+		const { options = [], rootClass, role } = props;
 		const restProps = omit(props, [
 			"options",
 			"rootClass",
@@ -93,6 +93,7 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		const classString = clsx(groupPrefixCls.value, { [`${groupPrefixCls.value}-rtl`]: direction.value === "rtl" }, className, rootClass, cssVarCls.value, rootCls.value, hashId.value);
 		return createVNode("div", mergeProps({
 			"class": classString,
+			"role": role,
 			"style": style
 		}, restAttrs), [childrenNode]);
 	};
@@ -119,6 +120,11 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			required: false,
 			default: void 0
 		},
+		role: {
+			type: String,
+			required: false,
+			default: void 0
+		},
 		options: {
 			type: Array,
 			required: false,
@@ -139,7 +145,10 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			required: false,
 			default: void 0
 		}
-	}, { options: [] }),
+	}, {
+		options: [],
+		role: "group"
+	}),
 	name: "ACheckboxGroup",
 	inheritAttrs: false
 });

package/dist/collapse/Collapse.d.mts

@@ -3,15 +3,28 @@ import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { CollapsibleType } from "./CollapsePanel.mjs";
-import * as vue450 from "vue";
+import * as vue707 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { ItemType } from "@v-c/collapse";
 
 //#region src/collapse/Collapse.d.ts
 type ExpandIconPlacement = 'start' | 'end';
-type CollapseSemanticName = 'root' | 'header' | 'title' | 'body' | 'icon';
-type CollapseClassNamesType = SemanticClassNamesType<CollapseProps, CollapseSemanticName>;
-type CollapseStylesType = SemanticStylesType<CollapseProps, CollapseSemanticName>;
+interface CollapseSemanticClassNames {
+  root?: string;
+  header?: string;
+  title?: string;
+  body?: string;
+  icon?: string;
+}
+interface CollapseSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  title?: CSSProperties;
+  body?: CSSProperties;
+  icon?: CSSProperties;
+}
+type CollapseClassNamesType = SemanticClassNamesType<CollapseProps, CollapseSemanticClassNames>;
+type CollapseStylesType = SemanticStylesType<CollapseProps, CollapseSemanticStyles>;
 type CollapseItemType = Omit<ItemType, 'children'> & {
   content?: ItemType['children'];
 };
@@ -69,8 +82,8 @@ interface CollapseSlots {
     index: number;
   }) => any;
 }
-declare const Collapse: vue450.DefineSetupFnComponent<CollapseProps, CollapseEmits, SlotsType<CollapseSlots>, CollapseProps & {
+declare const Collapse: vue707.DefineSetupFnComponent<CollapseProps, CollapseEmits, SlotsType<CollapseSlots>, CollapseProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue450.PublicProps>;
+}, vue707.PublicProps>;
 //#endregion
 export { Collapse, CollapseProps };

package/dist/collapse/Collapse.mjs

@@ -2,9 +2,9 @@ import { useComponentBaseConfig } from "../config-provider/context.mjs";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { toPropsRefs } from "../_util/tools.mjs";
-import { checkRenderNode, cloneElement } from "../_util/vueNode.mjs";
 import { useSize } from "../config-provider/hooks/useSize.mjs";
 import motion_default from "../_util/motion.mjs";
+import { checkRenderNode, cloneElement } from "../_util/vueNode.mjs";
 import style_default from "./style/index.mjs";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { classNames } from "@v-c/util";

package/dist/color-picker/ColorPicker.d.mts

@@ -3,12 +3,12 @@ import { PopoverProps } from "../popover/index.mjs";
 import { AggregationColor } from "./color.mjs";
 import { ColorFormatType, ColorPickerClassNamesType, ColorPickerEmits, ColorPickerProps as ColorPickerProps$1, ColorPickerSlots, ColorPickerStylesType, ColorValueType, ModeType, PresetsItem, TriggerPlacement, TriggerType } from "./interface.mjs";
 import "../components.mjs";
-import * as vue396 from "vue";
+import * as vue243 from "vue";
 import { SlotsType } from "vue";
 import * as _v_c_color_picker0 from "@v-c/color-picker";
 
 //#region src/color-picker/ColorPicker.d.ts
-declare const ColorPicker: vue396.DefineSetupFnComponent<ColorPickerProps$1, ColorPickerEmits, SlotsType<ColorPickerSlots>, Omit<_v_c_color_picker0.ColorPickerProps, "value" | "onChange" | "defaultValue" | "components" | "panelRender" | "onChangeComplete" | "disabledAlpha"> & {
+declare const ColorPicker: vue243.DefineSetupFnComponent<ColorPickerProps$1, ColorPickerEmits, SlotsType<ColorPickerSlots>, Omit<_v_c_color_picker0.ColorPickerProps, "value" | "onChange" | "defaultValue" | "components" | "panelRender" | "onChangeComplete" | "disabledAlpha"> & {
   [key: `data-${string}`]: string;
   mode?: ModeType | ModeType[];
   value?: ColorValueType;
@@ -44,6 +44,6 @@ declare const ColorPicker: vue396.DefineSetupFnComponent<ColorPickerProps$1, Col
   disabledFormat?: boolean;
 } & Pick<PopoverProps, "getPopupContainer" | "autoAdjustOverflow" | "destroyOnHidden"> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue396.PublicProps>;
+}, vue243.PublicProps>;
 //#endregion
 export { ColorPicker };

package/dist/color-picker/interface.d.mts

@@ -1,6 +1,6 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { TooltipPlacement } from "../tooltip/index.mjs";
 import { PopoverProps } from "../popover/index.mjs";
@@ -42,13 +42,21 @@ type LineGradientType = {
 }[];
 type ColorValueType = SingleValueType | null | LineGradientType;
 type ModeType = 'single' | 'gradient';
-type SemanticName = 'root';
-type PopupSemantic = 'root';
-type ColorPickerClassNamesType = SemanticClassNamesType<ColorPickerProps$1, SemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
+interface ColorPickerSemanticClassNames {
+  root?: string;
+}
+interface ColorPickerSemanticStyles {
+  root?: CSSProperties;
+}
+type ColorPickerClassNamesType = SemanticClassNamesType<ColorPickerProps$1, ColorPickerSemanticClassNames, {
+  popup?: {
+    root?: string;
+  };
 }>;
-type ColorPickerStylesType = SemanticStylesType<ColorPickerProps$1, SemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
+type ColorPickerStylesType = SemanticStylesType<ColorPickerProps$1, ColorPickerSemanticStyles, {
+  popup?: {
+    root?: CSSProperties;
+  };
   popupOverlayInner?: CSSProperties;
 }>;
 type ColorPickerProps$1 = Omit<ColorPickerProps, 'onChange' | 'onChangeComplete' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'components'> & {

package/dist/color-picker/style/input.mjs

@@ -8,6 +8,7 @@ const genInputStyle = (token) => {
 		[`${componentCls}-steppers${antCls}-input-number`]: {
 			fontSize: fontSizeSM,
 			lineHeight: lineHeightSM,
+			padding: 0,
 			[`${antCls}-input-number-input`]: {
 				paddingInlineStart: paddingXXS,
 				paddingInlineEnd: 0
@@ -45,6 +46,7 @@ const genInputStyle = (token) => {
 			flex: 1,
 			width: 0,
 			[`${componentCls}-hsb-input,${componentCls}-rgb-input`]: {
+				height: controlHeightSM,
 				display: "flex",
 				gap: marginXXS,
 				alignItems: "center"