antdv-next 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
-import * as vue289 from "vue";
+import * as vue290 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/avatar/Avatar.d.ts
@@ -34,8 +34,8 @@ interface AvatarSlots {
   src: () => any;
   default: () => any;
 }
-declare const Avatar: vue289.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps & {
+declare const Avatar: vue290.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue289.PublicProps>;
+}, vue290.PublicProps>;
 //#endregion
 export { Avatar, AvatarEmits, AvatarProps, AvatarSlots };

package/dist/avatar/AvatarGroup.d.ts

@@ -1,7 +1,7 @@
 import { PopoverProps } from "../popover/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
-import * as vue291 from "vue";
+import * as vue292 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/avatar/AvatarGroup.d.ts
@@ -19,6 +19,6 @@ interface AvatarGroupProps extends ComponentBaseProps {
   size?: AvatarSize;
   shape?: 'circle' | 'square';
 }
-declare const AvatarGroup: vue291.DefineSetupFnComponent<AvatarGroupProps, {}, {}, AvatarGroupProps & {}, vue291.PublicProps>;
+declare const AvatarGroup: vue292.DefineSetupFnComponent<AvatarGroupProps, {}, {}, AvatarGroupProps & {}, vue292.PublicProps>;
 //#endregion
 export { AvatarGroup, AvatarGroupProps };

package/dist/badge/Ribbon.d.ts

@@ -1,7 +1,7 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { PresetColorType } from "../_util/colors.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue92 from "vue";
+import * as vue71 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -16,8 +16,8 @@ interface RibbonSlots {
   default?: () => any;
   text?: () => any;
 }
-declare const _default: vue92.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps & {
+declare const _default: vue71.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue92.PublicProps>;
+}, vue71.PublicProps>;
 //#endregion
 export { RibbonProps, _default };

package/dist/badge/index.d.ts

@@ -6,7 +6,7 @@ import "../theme/interface/index.js";
 import { PresetStatusColorType } from "../_util/colors.js";
 import { _default } from "./Ribbon.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue90 from "vue";
+import * as vue69 from "vue";
 import { SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -37,9 +37,9 @@ interface BadgeSlots {
   count?: () => any;
   text?: () => any;
 }
-declare const InternalBadge: vue90.DefineSetupFnComponent<BadgeProps, EmptyEmit, SlotsType<BadgeSlots>, BadgeProps & {
+declare const InternalBadge: vue69.DefineSetupFnComponent<BadgeProps, EmptyEmit, SlotsType<BadgeSlots>, BadgeProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue90.PublicProps>;
+}, vue69.PublicProps>;
 declare const Badge: typeof InternalBadge & {
   Ribbon: typeof _default;
 };

package/dist/breadcrumb/Breadcrumb.d.ts

@@ -4,7 +4,7 @@ import "../_util/hooks/index.js";
 import { DropdownProps } from "../dropdown/dropdown.js";
 import "../dropdown/index.js";
 import { BreadcrumbItemProps, MenuItem } from "./BreadcrumbItem.js";
-import * as vue287 from "vue";
+import * as vue227 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -38,7 +38,7 @@ type BreadcrumbStylesType<T extends AnyObject = AnyObject> = SemanticStylesType<
 interface BreadcrumbProps<T extends AnyObject = AnyObject> {
   prefixCls?: string;
   params?: T;
-  separator?: VueNode;
+  separator?: any;
   rootClass?: string;
   items?: ItemType[];
   classes?: BreadcrumbClassNamesType<T>;
@@ -82,8 +82,8 @@ interface BreadcrumbSlots {
     menu: MenuItem;
   }) => any;
 }
-declare const Breadcrumb: vue287.DefineSetupFnComponent<BreadcrumbProps<AnyObject>, BreadcrumbEmits, SlotsType<BreadcrumbSlots>, BreadcrumbProps<AnyObject> & {
+declare const Breadcrumb: vue227.DefineSetupFnComponent<BreadcrumbProps<AnyObject>, BreadcrumbEmits, SlotsType<BreadcrumbSlots>, BreadcrumbProps<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue287.PublicProps>;
+}, vue227.PublicProps>;
 //#endregion
-export { Breadcrumb, BreadcrumbEmits, BreadcrumbItemType, BreadcrumbProps, BreadcrumbSlots };
+export { Breadcrumb, BreadcrumbEmits, BreadcrumbProps, BreadcrumbSlots, ItemType };

package/dist/breadcrumb/Breadcrumb.js

@@ -136,14 +136,6 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			default: void 0
 		},
 		separator: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
 			required: false,
 			default: void 0
 		},

package/dist/breadcrumb/BreadcrumbItem.d.ts

@@ -6,7 +6,7 @@ import { Key } from "@v-c/util/dist/type";
 
 //#region src/breadcrumb/BreadcrumbItem.d.ts
 interface SeparatorType {
-  separator?: VueNode;
+  separator?: any;
   key?: Key;
 }
 type MenuType = NonNullable<DropdownProps['menu']>;

package/dist/breadcrumb/BreadcrumbItem.js

@@ -53,7 +53,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 		if (isNonNullable_default(link)) return createVNode(Fragment, null, [createVNode("li", {
 			"class": mergedClassNames?.item,
 			"style": mergedStyles?.item
-		}, [link]), separator && createVNode(BreadcrumbSeparator_default, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
+		}, [link]), !!separator && createVNode(BreadcrumbSeparator_default, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
 		return null;
 	};
 }, {
@@ -94,14 +94,6 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 			default: void 0
 		},
 		separator: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
 			required: false,
 			default: void 0
 		}
@@ -155,14 +147,6 @@ const BreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			default: void 0
 		},
 		separator: {
-			type: [
-				Function,
-				Boolean,
-				String,
-				Number,
-				null,
-				Object
-			],
 			required: false,
 			default: void 0
 		}

package/dist/breadcrumb/index.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbItemProps, SeparatorType } from "./BreadcrumbItem.js";
-import { Breadcrumb, BreadcrumbEmits, BreadcrumbItemType, BreadcrumbProps, BreadcrumbSlots } from "./Breadcrumb.js";
+import { Breadcrumb, BreadcrumbEmits, BreadcrumbProps, BreadcrumbSlots, ItemType } from "./Breadcrumb.js";

package/dist/button/Button.d.ts

@@ -4,7 +4,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType } from "./buttonHelper.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue305 from "vue";
+import * as vue237 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/button/Button.d.ts
@@ -50,9 +50,9 @@ interface ButtonSlots {
   icon?: () => any;
   loadingIcon?: () => any;
 }
-declare const InternalCompoundedButton: vue305.DefineSetupFnComponent<ButtonProps, ButtonEmits, SlotsType<ButtonSlots>, ButtonProps & {
+declare const InternalCompoundedButton: vue237.DefineSetupFnComponent<ButtonProps, ButtonEmits, SlotsType<ButtonSlots>, ButtonProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue305.PublicProps>;
+}, vue237.PublicProps>;
 type CompoundedComponent = typeof InternalCompoundedButton & {
   /** @internal */
   __ANT_BUTTON: boolean;

package/dist/button/style/variant.js

@@ -4,140 +4,152 @@ import { genCssVar } from "../../theme/util/genStyleUtils.js";
 //#region src/button/style/variant.ts
 const genVariantStyle = (token) => {
 	const { componentCls, antCls } = token;
-	const getCssVar = genCssVar(antCls, "btn");
+	const [varName, varRef] = genCssVar(antCls, "btn");
 	return { [componentCls]: [
 		{
-			[getCssVar("border-width")]: "1px",
-			[getCssVar("border-color")]: "#000",
-			[getCssVar("border-color-hover")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-color-active")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-color-disabled")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-style")]: "solid",
-			[getCssVar("text-color")]: "#000",
-			[getCssVar("text-color-hover")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("text-color-active")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("text-color-disabled")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("bg-color")]: "#ddd",
-			[getCssVar("bg-color-hover")]: `var(${getCssVar("bg-color")})`,
-			[getCssVar("bg-color-active")]: `var(${getCssVar("bg-color")})`,
-			[getCssVar("bg-color-disabled")]: token.colorBgContainerDisabled,
-			[getCssVar("bg-color-container")]: token.colorBgContainer,
-			[getCssVar("shadow")]: "none"
+			[varName("border-width")]: "1px",
+			[varName("border-color")]: "#000",
+			[varName("border-color-hover")]: varRef("border-color"),
+			[varName("border-color-active")]: varRef("border-color"),
+			[varName("border-color-disabled")]: varRef("border-color"),
+			[varName("border-style")]: "solid",
+			[varName("text-color")]: "#000",
+			[varName("text-color-hover")]: varRef("text-color"),
+			[varName("text-color-active")]: varRef("text-color"),
+			[varName("text-color-disabled")]: varRef("text-color"),
+			[varName("bg-color")]: "#ddd",
+			[varName("bg-color-hover")]: varRef("bg-color"),
+			[varName("bg-color-active")]: varRef("bg-color"),
+			[varName("bg-color-disabled")]: token.colorBgContainerDisabled,
+			[varName("bg-color-container")]: token.colorBgContainer,
+			[varName("shadow")]: "none"
 		},
 		{
-			border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color")})`,
-			color: `var(${getCssVar("text-color")})`,
-			backgroundColor: `var(${getCssVar("bg-color")})`,
+			border: [
+				varRef("border-width"),
+				varRef("border-style"),
+				varRef("border-color")
+			].join(" "),
+			color: varRef("text-color"),
+			backgroundColor: varRef("bg-color"),
 			[`&:not(:disabled):not(${componentCls}-disabled)`]: {
 				"&:hover": {
-					border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color-hover")})`,
-					color: `var(${getCssVar("text-color-hover")})`,
-					backgroundColor: `var(${getCssVar("bg-color-hover")})`
+					border: [
+						varRef("border-width"),
+						varRef("border-style"),
+						varRef("border-color-hover")
+					].join(" "),
+					color: varRef("text-color-hover"),
+					backgroundColor: varRef("bg-color-hover")
 				},
 				"&:active": {
-					border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color-active")})`,
-					color: `var(${getCssVar("text-color-active")})`,
-					backgroundColor: `var(${getCssVar("bg-color-active")})`
+					border: [
+						varRef("border-width"),
+						varRef("border-style"),
+						varRef("border-color-active")
+					].join(" "),
+					color: varRef("text-color-active"),
+					backgroundColor: varRef("bg-color-active")
 				}
 			}
 		},
 		{
 			[`&${componentCls}-variant-solid`]: {
-				[getCssVar("solid-bg-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("solid-bg-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("solid-bg-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: token.colorTextLightSolid,
-				[getCssVar("bg-color")]: `var(${getCssVar("solid-bg-color")})`,
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("solid-bg-color-hover")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("solid-bg-color-active")})`,
-				boxShadow: `var(${getCssVar("shadow")})`
+				[varName("solid-bg-color")]: varRef("color-base"),
+				[varName("solid-bg-color-hover")]: varRef("color-hover"),
+				[varName("solid-bg-color-active")]: varRef("color-active"),
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: token.colorTextLightSolid,
+				[varName("bg-color")]: varRef("solid-bg-color"),
+				[varName("bg-color-hover")]: varRef("solid-bg-color-hover"),
+				[varName("bg-color-active")]: varRef("solid-bg-color-active"),
+				boxShadow: varRef("shadow")
 			},
 			[`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
-				[getCssVar("border-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("border-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("border-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("bg-color")]: `var(${getCssVar("bg-color-container")})`,
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("text-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("text-color-active")]: `var(${getCssVar("color-active")})`,
-				boxShadow: `var(${getCssVar("shadow")})`
+				[varName("border-color")]: varRef("color-base"),
+				[varName("border-color-hover")]: varRef("color-hover"),
+				[varName("border-color-active")]: varRef("color-active"),
+				[varName("bg-color")]: varRef("bg-color-container"),
+				[varName("text-color")]: varRef("color-base"),
+				[varName("text-color-hover")]: varRef("color-hover"),
+				[varName("text-color-active")]: varRef("color-active"),
+				boxShadow: varRef("shadow")
 			},
 			[`&${componentCls}-variant-dashed`]: {
-				[getCssVar("border-style")]: "dashed",
-				[getCssVar("bg-color-disabled")]: token.dashedBgDisabled
+				[varName("border-style")]: "dashed",
+				[varName("bg-color-disabled")]: token.dashedBgDisabled
 			},
 			[`&${componentCls}-variant-filled`]: {
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("bg-color")]: `var(${getCssVar("color-light")})`,
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("color-light-hover")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("color-light-active")})`
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: varRef("color-base"),
+				[varName("bg-color")]: varRef("color-light"),
+				[varName("bg-color-hover")]: varRef("color-light-hover"),
+				[varName("bg-color-active")]: varRef("color-light-active")
 			},
 			[`&${componentCls}-variant-text, &${componentCls}-variant-link`]: {
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("text-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("text-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("bg-color")]: "transparent",
-				[getCssVar("bg-color-hover")]: "transparent",
-				[getCssVar("bg-color-active")]: "transparent",
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: varRef("color-base"),
+				[varName("text-color-hover")]: varRef("color-hover"),
+				[varName("text-color-active")]: varRef("color-active"),
+				[varName("bg-color")]: "transparent",
+				[varName("bg-color-hover")]: "transparent",
+				[varName("bg-color-active")]: "transparent",
 				[`&:disabled, &${token.componentCls}-disabled`]: {
 					background: "transparent",
 					borderColor: "transparent"
 				}
 			},
 			[`&${componentCls}-variant-text`]: {
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("color-light")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("color-light-active")})`
+				[varName("bg-color-hover")]: varRef("color-light"),
+				[varName("bg-color-active")]: varRef("color-light-active")
 			}
 		},
 		{
 			[`&${componentCls}-variant-link`]: {
-				[getCssVar("color-base")]: token.colorLink,
-				[getCssVar("color-hover")]: token.colorLinkHover,
-				[getCssVar("color-active")]: token.colorLinkActive
+				[varName("color-base")]: token.colorLink,
+				[varName("color-hover")]: token.colorLinkHover,
+				[varName("color-active")]: token.colorLinkActive
 			},
 			[`&${componentCls}-color-primary`]: {
-				[getCssVar("color-base")]: token.colorPrimary,
-				[getCssVar("color-hover")]: token.colorPrimaryHover,
-				[getCssVar("color-active")]: token.colorPrimaryActive,
-				[getCssVar("color-light")]: token.colorPrimaryBg,
-				[getCssVar("color-light-hover")]: token.colorPrimaryBgHover,
-				[getCssVar("color-light-active")]: token.colorPrimaryBorder,
-				[getCssVar("shadow")]: token.primaryShadow
+				[varName("color-base")]: token.colorPrimary,
+				[varName("color-hover")]: token.colorPrimaryHover,
+				[varName("color-active")]: token.colorPrimaryActive,
+				[varName("color-light")]: token.colorPrimaryBg,
+				[varName("color-light-hover")]: token.colorPrimaryBgHover,
+				[varName("color-light-active")]: token.colorPrimaryBorder,
+				[varName("shadow")]: token.primaryShadow
 			},
 			[`&${componentCls}-color-dangerous`]: {
-				[getCssVar("color-base")]: token.colorError,
-				[getCssVar("color-hover")]: token.colorErrorHover,
-				[getCssVar("color-active")]: token.colorErrorActive,
-				[getCssVar("color-light")]: token.colorErrorBg,
-				[getCssVar("color-light-hover")]: token.colorErrorBgFilledHover,
-				[getCssVar("color-light-active")]: token.colorErrorBgActive,
-				[getCssVar("shadow")]: token.dangerShadow
+				[varName("color-base")]: token.colorError,
+				[varName("color-hover")]: token.colorErrorHover,
+				[varName("color-active")]: token.colorErrorActive,
+				[varName("color-light")]: token.colorErrorBg,
+				[varName("color-light-hover")]: token.colorErrorBgFilledHover,
+				[varName("color-light-active")]: token.colorErrorBgActive,
+				[varName("shadow")]: token.dangerShadow
 			},
 			[`&${componentCls}-color-default`]: {
-				[getCssVar("solid-bg-color")]: token.colorBgSolid,
-				[getCssVar("solid-bg-color-hover")]: token.colorBgSolidHover,
-				[getCssVar("solid-bg-color-active")]: token.colorBgSolidActive,
-				[getCssVar("color-base")]: token.defaultBorderColor,
-				[getCssVar("color-hover")]: token.defaultHoverBorderColor,
-				[getCssVar("color-active")]: token.defaultActiveBorderColor,
-				[getCssVar("color-light")]: token.colorFillTertiary,
-				[getCssVar("color-light-hover")]: token.colorFillSecondary,
-				[getCssVar("color-light-active")]: token.colorFill,
-				[getCssVar("text-color")]: token.colorText,
-				[getCssVar("text-color-hover")]: token.defaultHoverBorderColor,
-				[getCssVar("text-color-active")]: token.defaultActiveBorderColor,
-				[getCssVar("shadow")]: token.defaultShadow,
-				[`&${componentCls}-variant-solid`]: { [getCssVar("text-color")]: token.solidTextColor },
+				[varName("solid-bg-color")]: token.colorBgSolid,
+				[varName("solid-bg-color-hover")]: token.colorBgSolidHover,
+				[varName("solid-bg-color-active")]: token.colorBgSolidActive,
+				[varName("color-base")]: token.defaultBorderColor,
+				[varName("color-hover")]: token.defaultHoverBorderColor,
+				[varName("color-active")]: token.defaultActiveBorderColor,
+				[varName("color-light")]: token.colorFillTertiary,
+				[varName("color-light-hover")]: token.colorFillSecondary,
+				[varName("color-light-active")]: token.colorFill,
+				[varName("text-color")]: token.colorText,
+				[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-filled, &${componentCls}-variant-text`]: {
-					[getCssVar("text-color-hover")]: `var(${getCssVar("text-color")})`,
-					[getCssVar("text-color-active")]: `var(${getCssVar("text-color")})`
+					[varName("text-color-hover")]: varRef("text-color"),
+					[varName("text-color-active")]: varRef("text-color")
 				},
 				[`&${componentCls}-background-ghost`]: { [`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
-					[getCssVar("text-color")]: token.defaultGhostColor,
-					[getCssVar("border-color")]: token.defaultGhostBorderColor
+					[varName("text-color")]: token.defaultGhostColor,
+					[varName("border-color")]: token.defaultGhostBorderColor
 				} }
 			}
 		},
@@ -150,25 +162,25 @@ const genVariantStyle = (token) => {
 			const activeColor = token[`${colorKey}7`];
 			const shadowColor = token[`${colorKey}ShadowColor`];
 			return { [`&${componentCls}-color-${colorKey}`]: {
-				[getCssVar("color-base")]: darkColor,
-				[getCssVar("color-hover")]: hoverColor,
-				[getCssVar("color-active")]: activeColor,
-				[getCssVar("color-light")]: lightColor,
-				[getCssVar("color-light-hover")]: lightHoverColor,
-				[getCssVar("color-light-active")]: lightActiveColor,
-				[getCssVar("shadow")]: shadowColor
+				[varName("color-base")]: darkColor,
+				[varName("color-hover")]: hoverColor,
+				[varName("color-active")]: activeColor,
+				[varName("color-light")]: lightColor,
+				[varName("color-light-hover")]: lightHoverColor,
+				[varName("color-light-active")]: lightActiveColor,
+				[varName("shadow")]: shadowColor
 			} };
 		}),
 		{ [`&:disabled, &${token.componentCls}-disabled`]: {
 			cursor: "not-allowed",
 			borderColor: token.colorBorderDisabled,
-			background: `var(${getCssVar("bg-color-disabled")})`,
+			background: varRef("bg-color-disabled"),
 			color: token.colorTextDisabled,
 			boxShadow: "none"
 		} },
 		{ [`&${componentCls}-background-ghost`]: {
-			[getCssVar("bg-color")]: "transparent",
-			[getCssVar("shadow")]: "none"
+			[varName("bg-color")]: "transparent",
+			[varName("shadow")]: "none"
 		} }
 	] };
 };

package/dist/calendar/Header.js

@@ -1,6 +1,6 @@
 import { useFormItemInputContext, useFormItemInputContextProvider } from "../form/context.js";
-import { RadioButton, RadioGroup } from "../radio/index.js";
 import select_default from "../select/index.js";
+import { RadioButton, RadioGroup } from "../radio/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
 import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";

package/dist/calendar/generateCalendar.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { locale } from "../date-picker/locale/en_US.js";
 import "./locale/en_US.js";
-import * as vue297 from "vue";
+import * as vue239 from "vue";
 import { SlotsType } from "vue";
 import { GenerateConfig } from "@v-c/picker/generate/index";
 
@@ -82,8 +82,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>): vue297.DefineSetupFnComponent<CalendarProps<DateType>, CalendarEmits<DateType>, SlotsType<CalendarSlots>, CalendarProps<DateType> & {
+declare function generateCalendar<DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>): vue239.DefineSetupFnComponent<CalendarProps<DateType>, CalendarEmits<DateType>, SlotsType<CalendarSlots>, CalendarProps<DateType> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue297.PublicProps>;
+}, vue239.PublicProps>;
 //#endregion
 export { CalendarEmits, CalendarMode, CalendarProps, CalendarSlots, generateCalendar };

package/dist/calendar/index.d.ts

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

package/dist/card/Card.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { Tab, TabsSlots } from "../tabs/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue301 from "vue";
+import * as vue260 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/card/Card.d.ts
@@ -60,8 +60,8 @@ interface CardSlots {
   tabLabelRender?: TabsSlots['labelRender'];
   tabBarExtraContent?: () => any;
 }
-declare const Card: vue301.DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps & {
+declare const Card: vue260.DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue301.PublicProps>;
+}, vue260.PublicProps>;
 //#endregion
 export { Card, CardEmits, CardProps, CardSize, CardSlots, CardTabListType };

package/dist/card/CardGrid.d.ts

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

package/dist/card/CardMeta.d.ts

@@ -1,7 +1,7 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
-import * as vue299 from "vue";
+import * as vue258 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/card/CardMeta.d.ts
@@ -22,8 +22,8 @@ interface CardMetaSlots {
   description?: () => any;
   default?: () => any;
 }
-declare const CardMeta: vue299.DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps & {
+declare const CardMeta: vue258.DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue299.PublicProps>;
+}, vue258.PublicProps>;
 //#endregion
 export { CardMeta, CardMetaProps };

package/dist/carousel/index.d.ts

@@ -1,6 +1,6 @@
 import { VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue97 from "vue";
+import * as vue76 from "vue";
 import { SlotsType } from "vue";
 import { SlickProps } from "@v-c/slick";
 
@@ -45,8 +45,8 @@ interface CarouselRef {
   autoPlay: (playType?: 'update' | 'leave' | 'blur') => void;
   innerSlider: any;
 }
-declare const Carousel: vue97.DefineSetupFnComponent<CarouselProps, CarouselEmits, SlotsType<CarouselSlots>, CarouselProps & {
+declare const Carousel: vue76.DefineSetupFnComponent<CarouselProps, CarouselEmits, SlotsType<CarouselSlots>, CarouselProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue97.PublicProps>;
+}, vue76.PublicProps>;
 //#endregion
 export { Carousel, CarouselEmits, CarouselProps, CarouselRef, CarouselSlots };

package/dist/cascader/Panel.d.ts

@@ -1,5 +1,5 @@
 import { CascaderProps as CascaderProps$1 } from "./index.js";
-import * as vue99 from "vue";
+import * as vue86 from "vue";
 import { SlotsType } from "vue";
 import { CascaderProps, DefaultOptionType } from "@v-c/cascader";
 
@@ -16,8 +16,8 @@ interface CascaderPanelSlots {
   notFoundContent?: () => any;
   optionRender?: (option: DefaultOptionType) => any;
 }
-declare const CascaderPanel: vue99.DefineSetupFnComponent<CascaderPanelProps<DefaultOptionType, string, boolean>, CascaderPanelEmits, SlotsType<CascaderPanelSlots>, CascaderPanelProps<DefaultOptionType, string, boolean> & {
+declare const CascaderPanel: vue86.DefineSetupFnComponent<CascaderPanelProps<DefaultOptionType, string, boolean>, CascaderPanelEmits, SlotsType<CascaderPanelSlots>, CascaderPanelProps<DefaultOptionType, string, boolean> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue99.PublicProps>;
+}, vue86.PublicProps>;
 //#endregion
 export { CascaderPanel, CascaderPanelEmits, CascaderPanelProps, CascaderPanelSlots };