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

package/dist/progress/progress.d.mts

@@ -2,13 +2,26 @@ import { EmptyEmit } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue136 from "vue";
-import { AriaAttributes, SlotsType } from "vue";
+import * as vue133 from "vue";
+import { AriaAttributes, CSSProperties, SlotsType } from "vue";
 
 //#region src/progress/progress.d.ts
-type SemanticName = 'root' | 'body' | 'rail' | 'track' | 'indicator';
-type ProgressClassNamesType = SemanticClassNamesType<ProgressProps, SemanticName>;
-type ProgressStylesType = SemanticStylesType<ProgressProps, SemanticName>;
+interface ProgressSemanticClassNames {
+  root?: string;
+  body?: string;
+  rail?: string;
+  track?: string;
+  indicator?: string;
+}
+interface ProgressSemanticStyles {
+  root?: CSSProperties;
+  body?: CSSProperties;
+  rail?: CSSProperties;
+  track?: CSSProperties;
+  indicator?: CSSProperties;
+}
+type ProgressClassNamesType = SemanticClassNamesType<ProgressProps, ProgressSemanticClassNames>;
+type ProgressStylesType = SemanticStylesType<ProgressProps, ProgressSemanticStyles>;
 declare const ProgressTypes: readonly ["line", "circle", "dashboard"];
 type ProgressType = (typeof ProgressTypes)[number];
 declare const ProgressStatuses: readonly ["normal", "exception", "active", "success"];
@@ -67,8 +80,8 @@ interface ProgressProps extends ComponentBaseProps, ProgressAriaProps {
 interface ProgressSlots {
   default?: () => any;
 }
-declare const Progress: vue136.DefineSetupFnComponent<ProgressProps, EmptyEmit, SlotsType<ProgressSlots>, ProgressProps & {
+declare const Progress: vue133.DefineSetupFnComponent<ProgressProps, EmptyEmit, SlotsType<ProgressSlots>, ProgressProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue136.PublicProps>;
+}, vue133.PublicProps>;
 //#endregion
 export { Progress, ProgressAriaProps, ProgressProps };

package/dist/qrcode/index.d.mts

@@ -1,10 +1,10 @@
 import { QRCodeEmits, QRCodeProps, QRCodeSlots } from "./interface.mjs";
-import * as vue186 from "vue";
+import * as vue135 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/qrcode/index.d.ts
-declare const QRCode: vue186.DefineSetupFnComponent<QRCodeProps, QRCodeEmits, SlotsType<QRCodeSlots>, QRCodeProps & {
+declare const QRCode: vue135.DefineSetupFnComponent<QRCodeProps, QRCodeEmits, SlotsType<QRCodeSlots>, QRCodeProps & {
   [x: `on${Capitalize<string>}`]: (() => any) | undefined;
-}, vue186.PublicProps>;
+}, vue135.PublicProps>;
 //#endregion
 export { QRCode };

package/dist/qrcode/index.mjs

@@ -39,7 +39,7 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots }) =
 	});
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	return () => {
-		const { type, value, size, errorLevel, bgColor, icon, boostLevel, bordered, rootClass, status } = props;
+		const { type, value, size, errorLevel, bgColor, icon, boostLevel, bordered, rootClass, status, marginSize } = props;
 		const statusRender = slots?.statusRender ?? props?.statusRender;
 		const a11yProps = pickAttrs(attrs, true);
 		const restProps = omit(attrs, Object.keys(a11yProps));
@@ -57,6 +57,7 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots }) =
 			},
 			imageSettings: icon ? imageSettings.value : void 0,
 			boostLevel,
+			marginSize,
 			...a11yProps
 		};
 		if (isDev) {

package/dist/qrcode/interface.d.mts

@@ -2,6 +2,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { Locale } from "../locale/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
+import { CSSProperties } from "vue";
 import { QRProps } from "@v-c/qrcode";
 
 //#region src/qrcode/interface.d.ts
@@ -11,9 +12,16 @@ interface StatusRenderInfo {
   locale: Locale['QRCode'];
   onRefresh?: () => void;
 }
-type QRCodeSemanticName = 'root' | 'cover';
-type QRCodeClassNamesType = SemanticClassNamesType<QRCodeProps, QRCodeSemanticName>;
-type QRCodeStylesType = SemanticStylesType<QRCodeProps, QRCodeSemanticName>;
+interface QRCodeSemanticClassNames {
+  root?: string;
+  cover?: string;
+}
+interface QRCodeSemanticStyles {
+  root?: CSSProperties;
+  cover?: CSSProperties;
+}
+type QRCodeClassNamesType = SemanticClassNamesType<QRCodeProps, QRCodeSemanticClassNames>;
+type QRCodeStylesType = SemanticStylesType<QRCodeProps, QRCodeSemanticStyles>;
 interface QRCodeProps extends QRProps, ComponentBaseProps {
   type?: 'canvas' | 'svg';
   icon?: string;

package/dist/radio/group.mjs

@@ -3,9 +3,9 @@ import { getAttrStyleAndClass as getAttrStyleAndClass$1 } from "../_util/hooks/u
 import { useOrientation } from "../_util/hooks/useOrientation.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 { useSize } from "../config-provider/hooks/useSize.mjs";
+import { checkRenderNode } from "../_util/vueNode.mjs";
 import { useFormItemContext, useFormItemInputContext } from "../form/context.mjs";
 import { toNamePathStr } from "../form/hooks/useForm.mjs";
 import { useRadioGroupContextProvider } from "./context.mjs";
@@ -68,7 +68,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		const labelRender = slots?.labelRender ?? props?.labelRender;
 		if (options && options.length) childrenToRender = options.map((option, index) => {
 			if (typeof option === "string" || typeof option === "number") {
-				const _label$1 = labelRender ? labelRender({
+				const _label = labelRender ? labelRender({
 					item: {
 						label: option,
 						value: option
@@ -81,7 +81,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 					"disabled": disabled,
 					"value": option,
 					"checked": value.value === option
-				}, _isSlot(_label$1) ? _label$1 : { default: () => [_label$1] });
+				}, _isSlot(_label) ? _label : { default: () => [_label] });
 			}
 			const _label = labelRender ? labelRender({
 				item: option,

package/dist/radio/index.d.mts

@@ -4,15 +4,15 @@ import "../checkbox/index.mjs";
 import { RadioChangeEvent, RadioEmits, RadioGroupEmits, RadioGroupOptionType, RadioGroupProps, RadioGroupSlots, RadioProps, RadioSlots } from "./interface.mjs";
 import { InternalRadio } from "./radio.mjs";
 import "../index.mjs";
-import * as vue161 from "vue";
+import * as vue139 from "vue";
 
 //#region src/radio/index.d.ts
 type RadioOptionType = CheckboxOptionType;
-declare const RadioGroup: vue161.DefineSetupFnComponent<RadioGroupProps, RadioGroupEmits, vue161.SlotsType<RadioGroupSlots>, RadioGroupProps & {
+declare const RadioGroup: vue139.DefineSetupFnComponent<RadioGroupProps, RadioGroupEmits, vue139.SlotsType<RadioGroupSlots>, RadioGroupProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue161.PublicProps>;
-declare const RadioButton: vue161.DefineSetupFnComponent<AbstractCheckboxProps, CheckboxEmits, vue161.SlotsType<CheckboxSlots>, AbstractCheckboxProps & {
+}, vue139.PublicProps>;
+declare const RadioButton: vue139.DefineSetupFnComponent<AbstractCheckboxProps, CheckboxEmits, vue139.SlotsType<CheckboxSlots>, AbstractCheckboxProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue161.PublicProps>;
+}, vue139.PublicProps>;
 //#endregion
 export { RadioButton, RadioGroup, RadioOptionType };

package/dist/radio/interface.d.mts

@@ -4,6 +4,7 @@ import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { AbstractCheckboxProps, CheckboxEmits } from "../checkbox/Checkbox.mjs";
 import { AbstractCheckboxGroupProps, CheckboxOptionType } from "../checkbox/Group.mjs";
+import { CSSProperties } from "vue";
 
 //#region src/radio/interface.d.ts
 type RadioGroupButtonStyle = 'outline' | 'solid';
@@ -41,9 +42,18 @@ interface RadioGroupSlots {
     index: number;
   }) => any;
 }
-type RadioSemanticName = 'root' | 'icon' | 'label';
-type RadioClassNamesType = SemanticClassNamesType<RadioProps, RadioSemanticName>;
-type RadioStylesType = SemanticStylesType<RadioProps, RadioSemanticName>;
+interface RadioSemanticClassNames {
+  root?: string;
+  icon?: string;
+  label?: string;
+}
+interface RadioSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  label?: CSSProperties;
+}
+type RadioClassNamesType = SemanticClassNamesType<RadioProps, RadioSemanticClassNames>;
+type RadioStylesType = SemanticStylesType<RadioProps, RadioSemanticStyles>;
 interface RadioProps extends AbstractCheckboxProps {
   /**
    * Control the appearance for Radio to display as button or not

package/dist/radio/radio.d.mts

@@ -1,10 +1,10 @@
 import { RadioEmits, RadioProps, RadioSlots } from "./interface.mjs";
-import * as vue412 from "vue";
+import * as vue403 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/radio/radio.d.ts
-declare const InternalRadio: vue412.DefineSetupFnComponent<RadioProps, RadioEmits, SlotsType<RadioSlots>, RadioProps & {
+declare const InternalRadio: vue403.DefineSetupFnComponent<RadioProps, RadioEmits, SlotsType<RadioSlots>, RadioProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue412.PublicProps>;
+}, vue403.PublicProps>;
 //#endregion
 export { InternalRadio };

package/dist/radio/radio.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 { useFormItemInputContext } from "../form/context.mjs";
 import { useRadioGroupContext, useRadioOptionTypeContext } from "./context.mjs";
 import useBubbleLock from "../checkbox/useBubbleLock.mjs";

package/dist/rate/index.d.mts

@@ -1,5 +1,5 @@
 import { TooltipProps } from "../tooltip/index.mjs";
-import * as vue159 from "vue";
+import * as vue137 from "vue";
 import { RateProps } from "@v-c/rate";
 
 //#region src/rate/index.d.ts
@@ -18,8 +18,8 @@ interface RateEmits {
   'mouseleave': (e: FocusEvent) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare const Rate: vue159.DefineSetupFnComponent<RateProps$1, RateEmits, {}, RateProps$1 & {
+declare const Rate: vue137.DefineSetupFnComponent<RateProps$1, RateEmits, {}, RateProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue159.PublicProps>;
+}, vue137.PublicProps>;
 //#endregion
 export { Rate, RateEmits, RateProps$1 as RateProps };

package/dist/result/index.d.mts

@@ -5,8 +5,8 @@ import { NoFound } from "./noFound.mjs";
 import { ServerError } from "./serverError.mjs";
 import { Unauthorized } from "./unauthorized.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue181 from "vue";
-import { SlotsType } from "vue";
+import * as vue151 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/result/index.d.ts
 declare const IconMap: Record<string, any>;
@@ -17,9 +17,24 @@ declare const ExceptionMap: {
 };
 type ExceptionStatusType = 403 | 404 | 500 | '403' | '404' | '500';
 type ResultStatusType = ExceptionStatusType | keyof typeof IconMap;
-type SemanticName = 'root' | 'title' | 'subTitle' | 'body' | 'extra' | 'icon';
-type ResultClassNamesType = SemanticClassNamesType<ResultProps, SemanticName>;
-type ResultStylesType = SemanticStylesType<ResultProps, SemanticName>;
+interface ResultSemanticClassNames {
+  root?: string;
+  title?: string;
+  subTitle?: string;
+  body?: string;
+  extra?: string;
+  icon?: string;
+}
+interface ResultSemanticStyles {
+  root?: CSSProperties;
+  title?: CSSProperties;
+  subTitle?: CSSProperties;
+  body?: CSSProperties;
+  extra?: CSSProperties;
+  icon?: CSSProperties;
+}
+type ResultClassNamesType = SemanticClassNamesType<ResultProps, ResultSemanticClassNames>;
+type ResultStylesType = SemanticStylesType<ResultProps, ResultSemanticStyles>;
 interface ResultProps extends ComponentBaseProps {
   icon?: VueNode;
   status?: ResultStatusType;
@@ -36,9 +51,9 @@ interface ResultSlots {
   extra?: () => any;
   default?: () => any;
 }
-declare const Result: vue181.DefineSetupFnComponent<ResultProps, EmptyEmit, SlotsType<ResultSlots>, ResultProps & {
+declare const Result: vue151.DefineSetupFnComponent<ResultProps, EmptyEmit, SlotsType<ResultSlots>, ResultProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue181.PublicProps>;
+}, vue151.PublicProps>;
 declare const _default: typeof Result & {
   PRESENTED_IMAGE_403: (typeof ExceptionMap)["403"];
   PRESENTED_IMAGE_404: (typeof ExceptionMap)["404"];

package/dist/result/index.mjs

@@ -6,10 +6,11 @@ import noFound_default from "./noFound.mjs";
 import serverError_default from "./serverError.mjs";
 import style_default from "./style/index.mjs";
 import unauthorized_default from "./unauthorized.mjs";
-import { computed, createVNode, defineComponent, mergeDefaults } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
-import { filterEmpty } from "@v-c/util/dist/props-util";
+import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, WarningFilled } from "@antdv-next/icons";
+import pickAttrs from "@v-c/util/dist/pickAttrs";
 
 //#region src/result/index.tsx
 const IconMap = {
@@ -86,7 +87,8 @@ const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	return () => {
 		const { status, rootClass } = props;
-		const rootClassNames = classNames(prefixCls.value, `${prefixCls.value}-${status}`, attrs.class, contextClassName.value, rootClass, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" }, hashId.value, cssVarCls.value, mergedClassNames.value.root);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const rootClassNames = classNames(prefixCls.value, `${prefixCls.value}-${status}`, className, contextClassName.value, rootClass, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" }, hashId.value, cssVarCls.value, mergedClassNames.value.root);
 		const subTitle = getSlotPropsFnRun(slots, props, "subTitle");
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const extra = getSlotPropsFnRun(slots, props, "extra");
@@ -95,17 +97,20 @@ const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const rootStyles = [
 			mergedStyles.value.root,
 			contextStyle.value,
-			attrs.style
+			style
 		];
 		const titleClassNames = clsx$1(`${prefixCls.value}-title`, mergedClassNames.value.title);
 		const subTitleClassNames = clsx$1(`${prefixCls.value}-subtitle`, mergedClassNames.value.subTitle);
 		const extraClassNames = clsx$1(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
 		const bodyClassNames = clsx$1(`${prefixCls.value}-body`, mergedClassNames.value.body);
 		const iconClassNames = clsx$1(`${prefixCls.value}-icon`, { [`${prefixCls.value}-image`]: ExceptionStatus.includes(`${status}`) }, mergedClassNames.value.icon);
-		return createVNode("div", {
+		return createVNode("div", mergeProps(pickAttrs(restAttrs, {
+			aria: true,
+			data: true
+		}), {
 			"class": rootClassNames,
 			"style": rootStyles
-		}, [
+		}), [
 			createVNode(Icon, {
 				"class": iconClassNames,
 				"status": status,

package/dist/result/noFound.d.mts

@@ -1,6 +1,6 @@
-import * as vue_jsx_runtime12 from "vue/jsx-runtime";
+import * as vue_jsx_runtime3 from "vue/jsx-runtime";
 
 //#region src/result/noFound.d.ts
-declare function NoFound(): vue_jsx_runtime12.JSX.Element;
+declare function NoFound(): vue_jsx_runtime3.JSX.Element;
 //#endregion
 export { NoFound };

package/dist/result/serverError.d.mts

@@ -1,6 +1,6 @@
-import * as vue_jsx_runtime11 from "vue/jsx-runtime";
+import * as vue_jsx_runtime2 from "vue/jsx-runtime";
 
 //#region src/result/serverError.d.ts
-declare function ServerError(): vue_jsx_runtime11.JSX.Element;
+declare function ServerError(): vue_jsx_runtime2.JSX.Element;
 //#endregion
 export { ServerError };

package/dist/result/unauthorized.d.mts

@@ -1,6 +1,6 @@
-import * as vue_jsx_runtime10 from "vue/jsx-runtime";
+import * as vue_jsx_runtime1 from "vue/jsx-runtime";
 
 //#region src/result/unauthorized.d.ts
-declare function Unauthorized(): vue_jsx_runtime10.JSX.Element;
+declare function Unauthorized(): vue_jsx_runtime1.JSX.Element;
 //#endregion
 export { Unauthorized };

package/dist/segmented/index.d.mts

@@ -4,12 +4,23 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { TooltipProps } from "../tooltip/index.mjs";
-import * as vue167 from "vue";
-import { App, SlotsType } from "vue";
+import * as vue145 from "vue";
+import { App, CSSProperties, SlotsType } from "vue";
 import { SegmentedLabeledOption, SegmentedProps, SegmentedRawOption, SegmentedValue } from "@v-c/segmented";
 
 //#region src/segmented/index.d.ts
-type SemanticName = 'root' | 'icon' | 'label' | 'item';
+interface SegmentedSemanticClassNames {
+  root?: string;
+  icon?: string;
+  label?: string;
+  item?: string;
+}
+interface SegmentedSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  label?: CSSProperties;
+  item?: CSSProperties;
+}
 interface SegmentedLabeledOptionWithoutIcon<ValueType = SegmentedValue> extends SegmentedLabeledOption<ValueType> {
   label: SegmentedLabeledOption['label'];
   tooltip?: string | TooltipProps;
@@ -22,8 +33,8 @@ interface SegmentedLabeledOptionWithIcon<ValueType = SegmentedValue> extends Omi
 }
 type SegmentedLabeledOption$1<ValueType = SegmentedValue> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType>;
 type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption$1<T>)[];
-type SegmentedClassNamesType = SemanticClassNamesType<SegmentedProps$1, SemanticName>;
-type SegmentedStylesType = SemanticStylesType<SegmentedProps$1, SemanticName>;
+type SegmentedClassNamesType = SemanticClassNamesType<SegmentedProps$1, SegmentedSemanticClassNames>;
+type SegmentedStylesType = SemanticStylesType<SegmentedProps$1, SegmentedSemanticStyles>;
 interface SegmentedProps$1 extends Omit<SegmentedProps, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' | 'onChange'> {
   options: SegmentedOptions;
   rootClass?: string;
@@ -48,9 +59,9 @@ interface SegmentedSlots {
   iconRender: (option: SegmentedLabeledOption$1) => any;
   labelRender: (option: SegmentedLabeledOption$1) => any;
 }
-declare const InternalSegmented: vue167.DefineSetupFnComponent<SegmentedProps$1, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps$1 & {
+declare const InternalSegmented: vue145.DefineSetupFnComponent<SegmentedProps$1, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue167.PublicProps>;
+}, vue145.PublicProps>;
 declare const Segmented: typeof InternalSegmented & {
   install: (app: App) => void;
 };

package/dist/select/index.d.mts

@@ -1,11 +1,11 @@
 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 { ComponentBaseProps, Variant } from "../config-provider/context.mjs";
-import * as vue169 from "vue";
+import * as vue147 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SelectProps } from "@v-c/select";
 import * as _v_c_select_dist_Option_js0 from "@v-c/select/dist/Option.js";
@@ -37,23 +37,51 @@ interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps, 'mod
    * @default "outlined"
    */
   variant?: Variant;
-  classes?: SemanticClassNames<SemanticName> & {
-    popup?: SemanticClassNames<PopupSemantic>;
-  };
-  styles?: SemanticStyles<SemanticName> & {
-    popup?: SemanticStyles<PopupSemantic>;
-  };
+  styles?: SelectStylesType;
+  classes?: SelectClassNamesType;
+}
+interface SelectSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  suffix?: string;
+  input?: string;
+  placeholder?: string;
+  content?: string;
+  item?: string;
+  itemContent?: string;
+  itemRemove?: string;
+  clear?: string;
+}
+interface SelectSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  suffix?: CSSProperties;
+  input?: CSSProperties;
+  placeholder?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+  itemContent?: CSSProperties;
+  itemRemove?: CSSProperties;
+  clear?: CSSProperties;
+}
+interface SelectPopupSemanticClassNames {
+  root?: string;
+  listItem?: string;
+  list?: string;
+}
+interface SelectPopupSemanticStyles {
+  root?: CSSProperties;
+  listItem?: CSSProperties;
+  list?: CSSProperties;
 }
-type SemanticName = 'root' | 'prefix' | 'suffix';
-type PopupSemantic = 'root' | 'listItem' | 'list';
-type SelectClassNamesType = SemanticClassNamesType<SelectProps$1, SemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
+type SelectClassNamesType = SemanticClassNamesType<SelectProps$1, SelectSemanticClassNames, {
+  popup?: SelectPopupSemanticClassNames;
 }>;
-type SelectStylesType = SemanticStylesType<SelectProps$1, SemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
+type SelectStylesType = SemanticStylesType<SelectProps$1, SelectSemanticStyles, {
+  popup?: SelectPopupSemanticStyles;
 }>;
 type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'optionRender';
-interface SelectProps$1 extends Omit<InternalSelectProps, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' | RcEventKeys> {
+interface SelectProps$1 extends Omit<InternalSelectProps, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' | 'classes' | 'styles' | RcEventKeys> {
   placement?: SelectCommonPlacement;
   mode?: 'multiple' | 'tags';
   status?: InputStatus;
@@ -110,10 +138,10 @@ interface SelectSlots {
   maxTagPlaceholder?: (data: any[]) => any;
   notFoundContent?: () => any;
 }
-declare const Select: vue169.DefineSetupFnComponent<SelectProps$1, SelectEmits, SlotsType<SelectSlots>, SelectProps$1 & {
+declare const Select: vue147.DefineSetupFnComponent<SelectProps$1, SelectEmits, SlotsType<SelectSlots>, SelectProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue169.PublicProps>;
-declare const SelectOption: vue169.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
-declare const SelectOptGroup: vue169.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
+}, vue147.PublicProps>;
+declare const SelectOption: vue147.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
+declare const SelectOptGroup: vue147.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
 //#endregion
-export { InternalSelectProps, Select, SelectEmits, SelectOptGroup, SelectOption, SelectProps$1 as SelectProps, SelectSlots, SelectValue };
+export { InternalSelectProps, Select, SelectEmits, SelectOptGroup, SelectOption, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectProps$1 as SelectProps, SelectSlots, SelectValue };

package/dist/skeleton/Avatar.d.mts

@@ -1,10 +1,10 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue430 from "vue";
+import * as vue435 from "vue";
 
 //#region src/skeleton/Avatar.d.ts
 interface SkeletonAvatarProps extends Omit<SkeletonElementProps, 'shape'> {
   shape?: 'circle' | 'square';
 }
-declare const SkeletonAvatar: vue430.DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, vue430.PublicProps>;
+declare const SkeletonAvatar: vue435.DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, vue435.PublicProps>;
 //#endregion
 export { SkeletonAvatar, SkeletonAvatarProps };

package/dist/skeleton/Button.d.mts

@@ -1,11 +1,11 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue440 from "vue";
+import * as vue441 from "vue";
 
 //#region src/skeleton/Button.d.ts
 interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
   size?: 'large' | 'small' | 'default';
   block?: boolean;
 }
-declare const SkeletonButton: vue440.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue440.PublicProps>;
+declare const SkeletonButton: vue441.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue441.PublicProps>;
 //#endregion
 export { SkeletonButton };

package/dist/skeleton/Image.d.mts

@@ -1,8 +1,8 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue436 from "vue";
+import * as vue443 from "vue";
 
 //#region src/skeleton/Image.d.ts
 interface SkeletonImageProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {}
-declare const SkeletonImage: vue436.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue436.PublicProps>;
+declare const SkeletonImage: vue443.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue443.PublicProps>;
 //#endregion
 export { SkeletonImage };

package/dist/skeleton/Input.d.mts

@@ -1,11 +1,11 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue442 from "vue";
+import * as vue445 from "vue";
 
 //#region src/skeleton/Input.d.ts
 interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
   size?: 'large' | 'small' | 'default';
   block?: boolean;
 }
-declare const SkeletonInput: vue442.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue442.PublicProps>;
+declare const SkeletonInput: vue445.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue445.PublicProps>;
 //#endregion
 export { SkeletonInput };

package/dist/skeleton/Node.d.mts

@@ -1,6 +1,6 @@
 import { EmptyEmit } from "../_util/type.mjs";
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue438 from "vue";
+import * as vue433 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/skeleton/Node.d.ts
@@ -10,8 +10,8 @@ interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'>
 interface SkeletonNodeSlots {
   default?: () => any;
 }
-declare const SkeletonNode: vue438.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps & {
+declare const SkeletonNode: vue433.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue438.PublicProps>;
+}, vue433.PublicProps>;
 //#endregion
 export { SkeletonNode };

package/dist/skeleton/Skeleton.d.mts

@@ -9,14 +9,29 @@ import { SkeletonImage } from "./Image.mjs";
 import { SkeletonInput } from "./Input.mjs";
 import { SkeletonNode } from "./Node.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue302 from "vue";
-import { SlotsType } from "vue";
+import * as vue291 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/skeleton/Skeleton.d.ts
 type SkeletonAvatarProps = Omit<SkeletonAvatarProps$1, 'active'>;
-type SemanticName = 'root' | 'header' | 'section' | 'avatar' | 'title' | 'paragraph';
-type SkeletonClassNamesType = SemanticClassNamesType<SkeletonProps, SemanticName>;
-type SkeletonStylesType = SemanticStylesType<SkeletonProps, SemanticName>;
+interface SkeletonSemanticClassNames {
+  root?: string;
+  header?: string;
+  section?: string;
+  avatar?: string;
+  title?: string;
+  paragraph?: string;
+}
+interface SkeletonSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  section?: CSSProperties;
+  avatar?: CSSProperties;
+  title?: CSSProperties;
+  paragraph?: CSSProperties;
+}
+type SkeletonClassNamesType = SemanticClassNamesType<SkeletonProps, SkeletonSemanticClassNames>;
+type SkeletonStylesType = SemanticStylesType<SkeletonProps, SkeletonSemanticStyles>;
 interface SkeletonProps extends ComponentBaseProps {
   active?: boolean;
   loading?: boolean;
@@ -30,9 +45,9 @@ interface SkeletonProps extends ComponentBaseProps {
 interface SkeletonSlots {
   default?: () => any;
 }
-declare const Skeleton: vue302.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps & {
+declare const Skeleton: vue291.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue302.PublicProps>;
+}, vue291.PublicProps>;
 type SkeletonType = typeof Skeleton & {
   Button: typeof SkeletonButton;
   Avatar: typeof SkeletonAvatar;