antdv-next 1.5.6 → 1.6.0

package/dist/app/style/index.d.ts

@@ -1,8 +1,12 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/app/style/index.d.ts
 interface ComponentToken {}
 declare const prepareComponentToken: GetDefaultToken<'App'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/avatar/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/avatar/style/index.d.ts
 interface ComponentToken {
@@ -64,6 +68,6 @@ interface ComponentToken {
   groupBorderColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Avatar'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/badge/index.js

@@ -65,7 +65,7 @@ const InternalBadge = /* @__PURE__ */ defineComponent((props, { slots, attrs, ex
 	const childrenNodes = computed(() => filterEmpty(slots.default?.() ?? []));
 	const hasTextSlot = computed(() => textNodes.value.length > 0);
 	const showStatusTextNode = computed(() => !isHidden.value && (hasTextSlot.value || (props.text === 0 ? props.showZero : !!props.text && props.text !== true)));
-	const isStatusBadge = computed(() => Boolean(!childrenNodes.value.length && hasStatus.value && (hasTextSlot.value || !!props.text || hasStatusValue.value || !ignoreCount.value)));
+	const isStatusBadge = computed(() => Boolean(!childrenNodes.value.length && hasStatus.value && (hasTextSlot.value || !!props.text || hasStatusValue.value)));
 	const offsetStyle = computed(() => {
 		if (!props.offset) return;
 		const horizontalOffset = Number.parseFloat(props.offset[0]);

package/dist/badge/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/badge/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -107,6 +111,6 @@ interface BadgeToken extends FullToken<'Badge'> {
 }
 declare function prepareToken(token: Parameters<GenStyleFn<'Badge'>>[0]): BadgeToken;
 declare const prepareComponentToken: GetDefaultToken<'Badge'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { BadgeToken, ComponentToken, _default as default, prepareComponentToken, prepareToken };

package/dist/badge/style/index.js

@@ -202,15 +202,8 @@ const genSharedBadgeStyle = (token) => {
 				height: indicatorHeight,
 				transition: `all ${token.motionDurationSlow} ${token.motionEaseOutBack}`,
 				WebkitTransformStyle: "preserve-3d",
-				WebkitBackfaceVisibility: "hidden",
-				[`> p${numberPrefixCls}-only-unit`]: {
-					height: indicatorHeight,
-					margin: 0,
-					WebkitTransformStyle: "preserve-3d",
-					WebkitBackfaceVisibility: "hidden"
-				}
-			},
-			[`${numberPrefixCls}-symbol`]: { verticalAlign: "top" }
+				WebkitBackfaceVisibility: "hidden"
+			}
 		},
 		"&-rtl": {
 			direction: "rtl",

package/dist/badge/style/ribbon.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/badge/style/ribbon.d.ts
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { _default as default };

package/dist/border-beam/style/index.d.ts

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/border-beam/style/index.d.ts
 type ComponentToken = object;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };

package/dist/breadcrumb/BreadcrumbItem.js

@@ -32,7 +32,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 							(function() {
 								return mergedLabel;
 							})();
-							mergedLabel = createVNode("a", { "href": `${href}${path}` }, [mergedLabel]);
+							mergedLabel = createVNode("a", { "href": `${href ?? ""}${path}` }, [mergedLabel]);
 						}
 						return {
 							...itemProps,

package/dist/breadcrumb/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/breadcrumb/style/index.d.ts
 interface ComponentToken {
@@ -39,6 +43,6 @@ interface ComponentToken {
   separatorColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Breadcrumb'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/button/style/index.d.ts

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/button/style/index.d.ts
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { type ComponentToken, _default as default };

package/dist/calendar/style/index.d.ts

@@ -1,5 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { PanelComponentToken, PickerPanelToken } from "../../date-picker/style/token.js";
 import "../../date-picker/style/index.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -61,6 +64,6 @@ interface CalendarToken extends FullToken<'Calendar'>, PickerPanelToken, PanelCo
 }
 declare const genCalendarStyles: GenerateStyle<CalendarToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Calendar'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genCalendarStyles, prepareComponentToken };

package/dist/card/Card.js

@@ -95,7 +95,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 		const hasActiveTabKey = activeTabKey !== void 0;
 		const extraProps = {
 			...tabProps,
-			[hasActiveTabKey ? "activeKey" : "defaultActiveKey"]: hasActiveTabKey ? activeTabKey : defaultActiveTabKey,
+			[hasActiveTabKey ? "activeKey" : "defaultActiveKey"]: hasActiveTabKey ? activeTabKey : defaultActiveTabKey ?? tabProps?.defaultActiveKey,
 			tabBarExtraContent: getSlotPropsFnRun(slots, props, "tabBarExtraContent")
 		};
 		let head;

package/dist/card/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/card/style/index.d.ts
 interface ComponentToken {
@@ -69,6 +73,6 @@ interface ComponentToken {
   extraColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Card'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/carousel/index.js

@@ -77,7 +77,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 		innerSlider: computed(() => slickRef.value?.innerSlider)
 	});
 	const count = shallowRef(0);
-	const isRTL = computed(() => (props?.rtl ?? direction.value === "rtl") && !props.vertical);
+	const isRTL = computed(() => (props?.rtl ?? direction.value === "rtl") && !mergedVertical.value);
 	const syncInitialSlide = () => {
 		const { initialSlide = 0 } = props;
 		if (count.value > 0) {

package/dist/carousel/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/carousel/style/index.d.ts
 interface ComponentToken {
@@ -42,6 +46,6 @@ interface ComponentToken {
 }
 declare const DotDuration = "--dot-duration";
 declare const prepareComponentToken: GetDefaultToken<'Carousel'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, DotDuration, _default as default, prepareComponentToken };

package/dist/carousel/style/index.js

@@ -275,7 +275,7 @@ const genCarouselVerticalStyle = (token) => {
 };
 const genCarouselRtlStyle = (token) => {
 	const { componentCls } = token;
-	return [{ [`${componentCls}-rtl`]: { direction: "rtl" } }, { [`${componentCls}-vertical`]: { ".slick-dots": { [`${componentCls}-rtl&`]: { flexDirection: "column" } } } }];
+	return [{ [`${componentCls}-rtl`]: { direction: "rtl" } }];
 };
 const prepareComponentToken = (token) => {
 	const dotActiveWidth = 24;

package/dist/cascader/index.js

@@ -174,11 +174,12 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			showSuffixIcon,
 			suffixIcon: mergedSuffixIcon,
 			removeIcon: rest.removeIcon ?? contextRemoveIcon.value,
-			clearIcon: rest.clearIcon ?? contextClearIcon.value,
+			clearIcon: rest.clearIcon,
 			prefixCls: prefixCls.value,
 			componentName: "Cascader"
 		});
-		const mergedAllowClear = (allowClear ?? true) === true ? { clearIcon } : allowClear;
+		const mergedClearIcon = rest.clearIcon ?? contextClearIcon.value ?? clearIcon;
+		const mergedAllowClear = (allowClear ?? true) === true ? { clearIcon: mergedClearIcon } : allowClear;
 		const mergedPopupRender = usePopupRender((slots.popupRender ?? popupRender) || dropdownRender);
 		const mergedPopupMenuColumnStyle = popupMenuColumnStyle ?? dropdownMenuColumnStyle;
 		const customExpandIcon = getSlotPropsFnRun(slots, props, "expandIcon", false) ?? expandIcon;

package/dist/cascader/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 //#region src/cascader/style/index.d.ts
@@ -46,6 +50,6 @@ interface ComponentToken {
 }
 type CascaderToken = FullToken<'Cascader'>;
 declare function prepareComponentToken(token: GlobalToken): ComponentToken;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { CascaderToken, ComponentToken, _default as default, prepareComponentToken };

package/dist/cascader/style/panel.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/cascader/style/panel.d.ts
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => import("vue").Ref<string, string>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => import("vue").Ref<string, string>;
 //#endregion
 export { _default as default };

package/dist/checkbox/style/index.d.ts

@@ -1,3 +1,6 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -21,6 +24,6 @@ interface CheckboxToken extends FullToken<'Checkbox'> {
 }
 declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
 declare function getStyle(prefixCls: string, token: FullToken<'Checkbox'>): import("@antdv-next/cssinjs").CSSInterpolation;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genCheckboxStyle, getStyle };

package/dist/collapse/style/index.d.ts

@@ -1,3 +1,6 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -66,6 +69,6 @@ type CollapseToken = FullToken<'Collapse'> & {
 };
 declare const genBaseStyle: GenerateStyle<CollapseToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Collapse'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genBaseStyle, prepareComponentToken };

package/dist/color-picker/ColorPicker.js

@@ -118,11 +118,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const handleClear = () => {
-		const cleared = new AggregationColor("");
-		setColor(cleared);
 		emit("clear");
-		emit("change", cleared, cleared.toCssString());
-		emit("update:value", valueFormat.value ? formatColorValue(cleared, valueFormat.value) : cleared.toCssString());
 	};
 	expose({
 		focus: () => {},
@@ -130,7 +126,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 	});
 	return () => {
 		const { rootClass, trigger, placement, getPopupContainer, autoAdjustOverflow, destroyOnHidden } = props;
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 		const children = filterEmpty(slots?.default?.() ?? []);
 		const showText = slots?.showText ?? props?.showText;
 		const panelRender = slots?.panelRender ?? props?.panelRender;
@@ -151,8 +147,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 			autoAdjustOverflow,
 			destroyOnHidden
 		};
-		const mergedShowText = showText ? typeof showText === "function" ? (color) => showText({ color }) : showText : void 0;
-		const panelNode = createVNode(ContextIsolator, { "form": true }, { default: () => [createVNode(ColorPickerPanel_default, mergeProps(restAttrs, {
+		const panelNode = createVNode(ContextIsolator, { "form": true }, { default: () => [createVNode(ColorPickerPanel_default, mergeProps({
 			"prefixCls": prefixCls.value,
 			"presets": presets.value,
 			"panelRender": panelRender,
@@ -176,19 +171,20 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 			"classes": mergedClassNames.value,
 			"styles": mergedStyles.value
 		}), null)] });
-		const triggerNode = children.length ? children : createVNode(ColorTrigger_default, {
+		const triggerNode = children.length ? children : createVNode(ColorTrigger_default, mergeProps({
 			"activeIndex": popupOpen.value ? activeIndex.value : -1,
 			"open": popupOpen.value,
 			"className": mergedCls,
 			"style": style,
 			"prefixCls": prefixCls.value,
 			"disabled": mergedDisabled.value,
-			"showText": mergedShowText,
-			"format": formatValue.value,
+			"showText": showText,
+			"format": formatValue.value
+		}, restAttrs, {
 			"color": mergedColor.value,
 			"classes": mergedClassNames.value,
 			"styles": mergedStyles.value
-		}, null);
+		}), null);
 		return createVNode(Popover, mergeProps({
 			"classes": { root: mergedPopupCls },
 			"styles": {

package/dist/color-picker/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/color-picker/style/index.d.ts
 interface ComponentToken {}
@@ -59,6 +63,6 @@ declare function genActiveStyle(token: ColorPickerToken, borderColor: string, ou
   boxShadow: string;
   outline: number;
 };
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ColorPickerToken, ComponentToken, _default as default, genActiveStyle };

package/dist/config-provider/context.d.ts

@@ -90,7 +90,7 @@ import { TreeSelectProps } from "../tree-select/index.js";
 import { BlockProps } from "../typography/interface.js";
 import { ButtonProps } from "../button/Button.js";
 import "../button/index.js";
-import { AriaAttributes, CSSProperties, Ref } from "vue";
+import { CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
@@ -232,10 +232,7 @@ type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles
   loadingIcon?: VueNode;
 };
 type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
-type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'classes' | 'styles'> & {
-  closable?: boolean | ({
-    closeIcon?: VueNode;
-  } & AriaAttributes);
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'closable' | 'classes' | 'styles'> & {
   successIcon?: VueNode;
   infoIcon?: VueNode;
   warningIcon?: VueNode;
@@ -343,9 +340,7 @@ type UploadConfig = ComponentStyleConfig & Pick<UploadProps, 'classes' | 'styles
 type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
   clearIcon?: any;
 };
-type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'classes' | 'styles' | 'variant' | 'separator' | 'suffixIcon' | 'allowClear'> & {
-  clearIcon?: any;
-};
+type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'variant' | 'separator'>;
 type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
   clearIcon?: any;
 };
@@ -481,13 +476,13 @@ declare function useConfig(): Ref<ConfigConsumerProps, ConfigConsumerProps>;
  */
 type ConfigRefs<R extends ConfigConsumerProps = ConfigConsumerProps> = { [K in keyof R]?: R[K] extends ((...args: any[]) => any) ? R[K] : R[K] extends object | undefined ? Ref<R[K]> : Ref<R[K]>; };
 declare function useBaseConfig<K extends string>(suffixCls?: K, props?: ComponentBaseProps): {
-  result: import("vue").ComputedRef<ResultConfig | undefined>;
-  modal: import("vue").ComputedRef<ModalConfig | undefined>;
-  timeline: import("vue").ComputedRef<TimelineConfig | undefined>;
-  notification: import("vue").ComputedRef<NotificationConfig | undefined>;
+  result: Readonly<Ref<ResultConfig | undefined, ResultConfig | undefined>>;
+  modal: Readonly<Ref<ModalConfig | undefined, ModalConfig | undefined>>;
+  timeline: Readonly<Ref<TimelineConfig | undefined, TimelineConfig | undefined>>;
+  notification: Readonly<Ref<NotificationConfig | undefined, NotificationConfig | undefined>>;
   getPrefixCls: (suffixCls?: string, prefixCls?: string) => string;
-  prefixCls: import("vue").ComputedRef<string>;
-  direction: import("vue").ComputedRef<DirectionType>;
+  prefixCls: Readonly<Ref<string, string>>;
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
   getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
 };
 /**
@@ -503,16 +498,16 @@ declare function useComponentBaseConfig<T extends keyof ConfigComponentProps, K
   classes?: any;
   styles?: any;
 } & ConfigComponentProps[T] extends (infer T_1) ? { [Key in keyof T_1]-?: Ref<T_1[Key], T_1[Key]>; } : never) & {
-  direction: import("vue").ComputedRef<DirectionType>;
-  prefixCls: import("vue").ComputedRef<string>;
-  rootPrefixCls: import("vue").ComputedRef<string>;
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
+  prefixCls: Readonly<Ref<string, string>>;
+  rootPrefixCls: Readonly<Ref<string, string>>;
   getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
   getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
   getTargetContainer: (() => HTMLElement) | undefined;
-  virtual: import("vue").ComputedRef<boolean | undefined>;
-  renderEmpty: import("vue").ComputedRef<RenderEmptyHandler | undefined>;
-  popupMatchSelectWidth: import("vue").ComputedRef<boolean | undefined>;
-  popupOverflow: import("vue").ComputedRef<PopupOverflow | undefined>;
+  virtual: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  renderEmpty: Readonly<Ref<RenderEmptyHandler | undefined, RenderEmptyHandler | undefined>>;
+  popupMatchSelectWidth: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  popupOverflow: Readonly<Ref<PopupOverflow | undefined, PopupOverflow | undefined>>;
 };
 //#endregion
 export { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentBaseProps, ComponentStyleConfig, ConfigComponentProps, ConfigConsumerProps, ConfigRefs, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MappingAlgorithm, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TabsMoreConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TooltipUniqueConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TriggerType, TypographyConfig, UploadConfig, Variant, Variants, WaveConfig, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

package/dist/config-provider/context.js

@@ -1,4 +1,4 @@
-import { computed, inject, provide, ref } from "vue";
+import { computed, inject, provide, ref, toRef } from "vue";
 //#region src/config-provider/context.ts
 const defaultPrefixCls = "ant";
 const defaultIconPrefixCls = "anticon";
@@ -17,26 +17,23 @@ function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
 	if (customizePrefixCls) return customizePrefixCls;
 	return suffixCls ? `ant-${suffixCls}` : "ant";
 }
+const defaultConfigRef = ref({
+	getPrefixCls: defaultGetPrefixCls,
+	iconPrefixCls: defaultIconPrefixCls
+});
 function useConfig() {
-	return inject(ConfigConsumerKey, ref({
-		getPrefixCls: defaultGetPrefixCls,
-		iconPrefixCls: defaultIconPrefixCls
-	}));
+	return inject(ConfigConsumerKey, defaultConfigRef);
 }
 function useBaseConfig(suffixCls, props) {
 	const config = useConfig();
 	return {
-		result: computed(() => config.value?.result),
-		modal: computed(() => config.value?.modal),
-		timeline: computed(() => config.value?.timeline),
-		notification: computed(() => config.value?.notification),
+		result: toRef(() => config.value?.result),
+		modal: toRef(() => config.value?.modal),
+		timeline: toRef(() => config.value?.timeline),
+		notification: toRef(() => config.value?.notification),
 		getPrefixCls: (suffixCls, prefixCls) => config.value?.getPrefixCls(suffixCls, prefixCls),
-		prefixCls: computed(() => {
-			return config.value?.getPrefixCls(suffixCls, props?.prefixCls);
-		}),
-		direction: computed(() => {
-			return config.value?.direction;
-		}),
+		prefixCls: toRef(() => config.value?.getPrefixCls(suffixCls, props?.prefixCls)),
+		direction: toRef(() => config.value?.direction),
 		getPopupContainer: config?.value.getPopupContainer
 	};
 }
@@ -65,37 +62,34 @@ function useComponentConfig(propName) {
 }
 function useComponentBaseConfig(propName, props, keys, suffixCls) {
 	const context = useConfig();
-	const propValue = computed(() => {
-		return context.value[propName];
-	});
-	const toRefs = (propValues) => {
+	const getPropValue = () => context.value[propName];
+	const toRefs = (getPropValues) => {
 		const result = {
-			classes: computed(() => propValues.value?.classes ?? EMPTY_OBJECT),
-			styles: computed(() => propValues.value?.styles ?? EMPTY_OBJECT),
-			class: computed(() => propValues.value?.class),
-			style: computed(() => propValues.value?.style)
+			classes: toRef(() => getPropValues()?.classes ?? EMPTY_OBJECT),
+			styles: toRef(() => getPropValues()?.styles ?? EMPTY_OBJECT),
+			class: toRef(() => getPropValues()?.class),
+			style: toRef(() => getPropValues()?.style)
+		};
+		const addKey = (key) => {
+			if (!result[key]) result[key] = toRef(() => getPropValues()?.[key]);
 		};
-		const __keys = Object.keys(result);
-		for (const key in propValues.value) if (!__keys.includes(key)) result[key] = computed(() => propValues.value[key]);
-		if (keys && keys.length) keys.forEach((key) => {
-			if (!result[key]) result[key] = computed(() => propValues.value?.[key]);
-		});
+		const current = getPropValues();
+		if (current) Object.keys(current).forEach(addKey);
+		keys?.forEach((key) => addKey(key));
 		return result;
 	};
 	return {
-		...toRefs(propValue),
-		direction: computed(() => context.value.direction),
-		prefixCls: computed(() => {
-			return context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls);
-		}),
-		rootPrefixCls: computed(() => context.value?.getPrefixCls()),
+		...toRefs(getPropValue),
+		direction: toRef(() => context.value.direction),
+		prefixCls: toRef(() => context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls)),
+		rootPrefixCls: toRef(() => context.value?.getPrefixCls()),
 		getPopupContainer: context.value.getPopupContainer,
 		getPrefixCls: context.value.getPrefixCls,
 		getTargetContainer: context.value.getTargetContainer,
-		virtual: computed(() => context.value.virtual),
-		renderEmpty: computed(() => context.value.renderEmpty),
-		popupMatchSelectWidth: computed(() => context.value.popupMatchSelectWidth),
-		popupOverflow: computed(() => context.value.popupOverflow)
+		virtual: toRef(() => context.value.virtual),
+		renderEmpty: toRef(() => context.value.renderEmpty),
+		popupMatchSelectWidth: toRef(() => context.value.popupMatchSelectWidth),
+		popupOverflow: toRef(() => context.value.popupOverflow)
 	};
 }
 //#endregion

package/dist/config-provider/define.d.ts

@@ -4,7 +4,7 @@ import { ColumnType } from "../table/interface.js";
 import "../table/index.js";
 import { Locale } from "../locale/index.js";
 import { RenderEmptyHandler } from "./defaultRenderEmpty.js";
-import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
+import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
 //#region src/config-provider/define.d.ts
 interface ConfigProviderProps {
   getTargetContainer?: () => HTMLElement | Window;
@@ -89,6 +89,7 @@ interface ConfigProviderProps {
   badge?: BadgeConfig;
   radio?: RadioConfig;
   rate?: ComponentStyleConfig;
+  ribbon?: RibbonConfig;
   switch?: SwitchStyleConfig;
   transfer?: TransferConfig;
   avatar?: ComponentStyleConfig;
@@ -96,6 +97,7 @@ interface ConfigProviderProps {
   tag?: TagConfig;
   table?: TableConfig;
   card?: CardConfig;
+  cardMeta?: CardMetaConfig;
   tabs?: TabsConfig;
   timeline?: TimelineConfig;
   timePicker?: TimePickerConfig;

package/dist/config-provider/hooks/useCSSVarCls.d.ts

@@ -3,6 +3,9 @@ import { Ref } from "vue";
 /**
  * This hook is only for cssVar to add root className for components.
  * If root ClassName is needed, this hook could be refactored with `-root`
+ *
+ * antd 6 always runs with CSS variables enabled (`useToken()` always yields a
+ * cssVar config), so the class is unconditional and no token lookup is needed.
  * @param prefixCls
  */
 declare function useCSSVarCls(prefixCls: Ref<string>): import("vue").ComputedRef<string>;