niuma-ui 2.0.2 → 2.0.3

package/dist/components/divider/src/RsDivider.css

@@ -1,51 +1,66 @@
 
-.rs-divider[data-v-f0cd895b] {
+.rs-divider[data-v-489327cb] {
+  --rs-divider-color: var(--rs-border);
+  --rs-divider-width: 1px;
+  --rs-divider-gap: var(--rs-space-md);
   flex-shrink: 0;
   box-sizing: border-box;
   border: 0;
   background: transparent;
 }
-.rs-divider--horizontal[data-v-f0cd895b] {
+.rs-divider--horizontal[data-v-489327cb] {
   display: flex;
   align-items: center;
   width: 100%;
-  margin: var(--rs-space-md) 0;
+  margin-block: var(--rs-divider-gap);
+  margin-inline: 0;
 }
-.rs-divider--horizontal[data-v-f0cd895b]:not(.rs-divider--with-label)::before {
-  content: '';
+hr.rs-divider--horizontal[data-v-489327cb] {
   display: block;
-  width: 100%;
-  border-top: 1px solid var(--rs-border);
+  height: 0;
+  border-block-start: var(--rs-divider-width) solid var(--rs-divider-color);
 }
-.rs-divider--horizontal.rs-divider--dashed[data-v-f0cd895b]:not(.rs-divider--with-label)::before {
-  border-top-style: dashed;
+hr.rs-divider--horizontal.rs-divider--dashed[data-v-489327cb] {
+  border-block-start-style: dashed;
 }
-.rs-divider--horizontal.rs-divider--with-label[data-v-f0cd895b]::before,
-.rs-divider--horizontal.rs-divider--with-label[data-v-f0cd895b]::after {
+.rs-divider--horizontal.rs-divider--with-label[data-v-489327cb]::before,
+.rs-divider--horizontal.rs-divider--with-label[data-v-489327cb]::after {
   content: '';
   flex: 1 1 auto;
-  border-top: 1px solid var(--rs-border);
+  border-block-start: var(--rs-divider-width) solid var(--rs-divider-color);
 }
-.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-f0cd895b]::before,
-.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-f0cd895b]::after {
-  border-top-style: dashed;
+.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-489327cb]::before,
+.rs-divider--horizontal.rs-divider--dashed.rs-divider--with-label[data-v-489327cb]::after {
+  border-block-start-style: dashed;
 }
-.rs-divider__label[data-v-f0cd895b] {
+.rs-divider__label[data-v-489327cb] {
   flex-shrink: 0;
-  padding: 0 var(--rs-space-md);
+  padding-block: 0;
+  padding-inline: var(--rs-divider-gap);
   font-size: var(--rs-font-size-xs);
-  color: var(--rs-muted);
+  color: var(--rs-text-secondary);
   white-space: nowrap;
 }
-.rs-divider--vertical[data-v-f0cd895b] {
+.rs-divider--vertical[data-v-489327cb] {
   display: inline-block;
   align-self: stretch;
   width: 0;
   min-height: 1em;
-  margin: 0 var(--rs-space-md);
-  border-inline-start: 1px solid var(--rs-border);
+  margin-block: 0;
+  margin-inline: var(--rs-divider-gap);
+  border-inline-start: var(--rs-divider-width) solid var(--rs-divider-color);
   vertical-align: middle;
 }
-.rs-divider--vertical.rs-divider--dashed[data-v-f0cd895b] {
+.rs-divider--vertical.rs-divider--dashed[data-v-489327cb] {
   border-inline-start-style: dashed;
 }
+@media (forced-colors: active) {
+hr.rs-divider--horizontal[data-v-489327cb],
+  .rs-divider--horizontal.rs-divider--with-label[data-v-489327cb]::before,
+  .rs-divider--horizontal.rs-divider--with-label[data-v-489327cb]::after {
+    border-block-start-color: CanvasText;
+}
+.rs-divider--vertical[data-v-489327cb] {
+    border-inline-start-color: CanvasText;
+}
+}

package/dist/components/divider/src/RsDivider.d.ts

@@ -1,5 +1,7 @@
+import { type RsDividerOrientation } from './divider-utils';
+export type { RsDividerOrientation };
 type __VLS_Props = {
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: RsDividerOrientation;
     dashed?: boolean;
 };
 declare var __VLS_1: {};
@@ -7,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
+    orientation: RsDividerOrientation;
     dashed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/divider/src/RsDivider.impl.js

@@ -1,11 +1,9 @@
-import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useId, useSlots } from "vue";
 //#region src/components/divider/src/RsDivider.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-orientation"];
-var _hoisted_2 = {
-	key: 0,
-	class: "rs-divider__label"
-};
+var _hoisted_2 = ["id"];
 var RsDivider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDivider",
 	__name: "RsDivider",
 	props: {
 		orientation: { default: "horizontal" },
@@ -15,15 +13,31 @@ var RsDivider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		}
 	},
 	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const labelId = useId();
+		const hasSlot = computed(() => Boolean(slots.default));
+		const showLabel = computed(() => hasSlot.value && props.orientation === "horizontal");
+		const rootClass = computed(() => [
+			"rs-divider",
+			`rs-divider--${props.orientation}`,
+			{
+				"rs-divider--dashed": props.dashed,
+				"rs-divider--with-label": hasSlot.value
+			}
+		]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["rs-divider", [`rs-divider--${__props.orientation}`, {
-					"rs-divider--dashed": __props.dashed,
-					"rs-divider--with-label": _ctx.$slots.default
-				}]]),
-				role: "separator",
+			return !showLabel.value ? (openBlock(), createElementBlock("hr", {
+				key: 0,
+				class: normalizeClass(rootClass.value),
 				"aria-orientation": __props.orientation
-			}, [_ctx.$slots.default && __props.orientation === "horizontal" ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true)], 10, _hoisted_1);
+			}, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(rootClass.value)
+			}, [createElementVNode("span", {
+				id: unref(labelId),
+				class: "rs-divider__label"
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_2)], 2));
 		};
 	}
 });

package/dist/components/divider/src/RsDivider.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsDivider_vue_vue_type_script_setup_true_lang_default from "./RsDivider.impl.js";
 
 //#region src/components/divider/src/RsDivider.vue
-var RsDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDivider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f0cd895b"]]);
+var RsDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDivider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-489327cb"]]);
 //#endregion
 export { RsDivider_default as default };

package/dist/components/divider/src/divider-utils.d.ts

@@ -0,0 +1,4 @@
+export declare const RS_DIVIDER_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type RsDividerOrientation = (typeof RS_DIVIDER_ORIENTATIONS)[number];
+export declare function isRsDividerOrientation(value: unknown): value is RsDividerOrientation;
+export declare function resolveRsDividerOrientation(orientation?: RsDividerOrientation | null): RsDividerOrientation;

package/dist/components/dynamic-tags/src/RsDynamicTags.css

@@ -1,17 +1,17 @@
 
-.rs-dynamic-tags-field[data-v-6ce33b85] {
+.rs-dynamic-tags-field[data-v-a441b090] {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
 }
-.rs-dynamic-tags-field__error[data-v-6ce33b85] {
+.rs-dynamic-tags-field__error[data-v-a441b090] {
   margin: 0.25rem 0 0;
   font-size: var(--rs-font-size-xs);
   line-height: var(--rs-line-height-tight);
   color: var(--rs-danger);
 }
-.rs-dynamic-tags[data-v-6ce33b85] {
+.rs-dynamic-tags[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.5rem;
   display: flex;
   flex-wrap: wrap;
@@ -37,43 +37,43 @@
     box-shadow var(--rs-transition-fast),
     background-color var(--rs-transition-fast);
 }
-.rs-dynamic-tags[data-v-6ce33b85]:hover:not(.rs-dynamic-tags--disabled) {
+.rs-dynamic-tags[data-v-a441b090]:hover:not(.rs-dynamic-tags--disabled) {
   border-color: var(
     --rs-dynamic-tags-border-hover,
     var(--rs-input-border-hover, var(--rs-border))
   );
 }
-.rs-dynamic-tags--ssm[data-v-6ce33b85] {
+.rs-dynamic-tags--ssm[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.125rem;
 }
-.rs-dynamic-tags--sm[data-v-6ce33b85] {
+.rs-dynamic-tags--sm[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.25rem;
 }
-.rs-dynamic-tags--md[data-v-6ce33b85] {
+.rs-dynamic-tags--md[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.5rem;
 }
-.rs-dynamic-tags--lg[data-v-6ce33b85] {
+.rs-dynamic-tags--lg[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.75rem;
 }
-.rs-dynamic-tags--editing[data-v-6ce33b85]:not(.rs-dynamic-tags--disabled),
-.rs-dynamic-tags[data-v-6ce33b85]:focus-within:not(.rs-dynamic-tags--disabled) {
+.rs-dynamic-tags--editing[data-v-a441b090]:not(.rs-dynamic-tags--disabled),
+.rs-dynamic-tags[data-v-a441b090]:focus-within:not(.rs-dynamic-tags--disabled) {
   border-color: var(--rs-focus-border, var(--rs-primary));
   box-shadow:
     var(--rs-dynamic-tags-shadow, var(--rs-input-shadow, none)),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-dynamic-tags--feedback[data-v-6ce33b85],
-.rs-dynamic-tags--invalid[data-v-6ce33b85] {
+.rs-dynamic-tags--feedback[data-v-a441b090],
+.rs-dynamic-tags--invalid[data-v-a441b090] {
   border-color: var(--rs-danger);
 }
-.rs-dynamic-tags--feedback[data-v-6ce33b85] {
-  animation: rs-dynamic-tags-shake-6ce33b85 0.45s ease;
+.rs-dynamic-tags--feedback[data-v-a441b090] {
+  animation: rs-dynamic-tags-shake-a441b090 0.45s ease;
 }
-.rs-dynamic-tags--disabled[data-v-6ce33b85] {
+.rs-dynamic-tags--disabled[data-v-a441b090] {
   opacity: 0.55;
   cursor: not-allowed;
 }
-.rs-dynamic-tags__input[data-v-6ce33b85] {
+.rs-dynamic-tags__input[data-v-a441b090] {
   flex: 1 1 6rem;
   min-width: 4rem;
   width: 0;
@@ -91,15 +91,15 @@
   box-shadow: none;
   appearance: none;
 }
-.rs-dynamic-tags--ssm .rs-dynamic-tags__input[data-v-6ce33b85],
-.rs-dynamic-tags--sm .rs-dynamic-tags__input[data-v-6ce33b85] {
+.rs-dynamic-tags--ssm .rs-dynamic-tags__input[data-v-a441b090],
+.rs-dynamic-tags--sm .rs-dynamic-tags__input[data-v-a441b090] {
   font-size: var(--rs-font-size-xs);
 }
-.rs-dynamic-tags__input[data-v-6ce33b85]::placeholder {
+.rs-dynamic-tags__input[data-v-a441b090]::placeholder {
   color: var(--rs-placeholder);
   line-height: var(--rs-dynamic-tags-chip-height);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85] {
+.rs-dynamic-tags__trigger[data-v-a441b090] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
@@ -120,15 +120,15 @@
     border-color var(--rs-transition-fast),
     background-color var(--rs-transition-fast);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85]:hover {
+.rs-dynamic-tags__trigger[data-v-a441b090]:hover {
   color: var(--rs-primary);
   border-color: var(--rs-primary);
   background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85]:focus-visible {
+.rs-dynamic-tags__trigger[data-v-a441b090]:focus-visible {
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-@keyframes rs-dynamic-tags-shake-6ce33b85 {
+@keyframes rs-dynamic-tags-shake-a441b090 {
 0%,
   100% {
     transform: translateX(0);

package/dist/components/dynamic-tags/src/RsDynamicTags.d.ts

@@ -1,6 +1,6 @@
 import type { RsComponentSize, RsRadius } from '../../../theme/types';
 import { type RsFormRuleTrigger } from '../../form/src/form-rules';
-import type { RsTagVariant } from '../../tag/src/RsTag.js';
+import type { RsTagVariant } from '../../tag';
 export type RsDynamicTagsInputMode = 'trigger' | 'always';
 export type RsDynamicTagsRejectReason = 'duplicate' | 'max';
 type __VLS_Props = {

package/dist/components/dynamic-tags/src/RsDynamicTags.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsDynamicTags_vue_vue_type_script_setup_true_lang_default from "./RsDynamicTags.impl.js";
 
 //#region src/components/dynamic-tags/src/RsDynamicTags.vue
-var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6ce33b85"]]);
+var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a441b090"]]);
 //#endregion
 export { RsDynamicTags_default as default };

package/dist/components/icon/src/RsIcon.css

@@ -1,14 +1,19 @@
 
-.rs-icon[data-v-ba79ea00] {
+.rs-icon[data-v-260b0681] {
   display: inline-block;
   flex-shrink: 0;
   vertical-align: middle;
 }
-.rs-icon--spin[data-v-ba79ea00] {
-  animation: rs-icon-spin-ba79ea00 0.8s linear infinite;
+.rs-icon--spin[data-v-260b0681] {
+  animation: rs-icon-spin-260b0681 0.8s linear infinite;
 }
-@keyframes rs-icon-spin-ba79ea00 {
+@keyframes rs-icon-spin-260b0681 {
 to {
     transform: rotate(360deg);
 }
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-icon--spin[data-v-260b0681] {
+    animation: none;
+}
+}

package/dist/components/icon/src/RsIcon.d.ts

@@ -1,8 +1,9 @@
 import type { RsComponentSize } from '../../../theme/types';
+import { type RsIconFlip } from './icon-utils';
 type __VLS_Props = {
-    /** Lucide 图标名（kebab-case，如 `house`、`trash-2`） */
+    /** Lucide kebab-case 名称（如 `house`、`trash-2`），或内置品牌 mark */
     name: string;
-    /** 数字 px、CSS 长度或 sm / md / lg 预设 */
+    /** 数字 px、CSS 长度，或与控件同一套 ssm / sm / md / lg */
     size?: number | string | RsComponentSize;
     /** 无障碍名称；有值时作为语义图标，无值时为装饰性图标 */
     label?: string;
@@ -10,7 +11,7 @@ type __VLS_Props = {
     /** 覆盖颜色，默认继承 currentColor */
     color?: string;
     /** 水平 / 垂直 / 双向翻转 */
-    flip?: 'horizontal' | 'vertical' | 'both';
+    flip?: RsIconFlip;
     /** 旋转角度（度），与 spin 不宜同时使用 */
     rotate?: number;
     /** 旋转动画，适合 loader 等加载态 */

package/dist/components/icon/src/RsIcon.impl.js

@@ -1,8 +1,10 @@
 import { resolveLucideIcon } from "../../../icons/lucide.js";
 import { isRsBrandIconName } from "../../../icons/brand.js";
+import { buildRsIconStyle, resolveRsIconPixelSize } from "./icon-utils.js";
 import { computed, createBlock, createCommentVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent } from "vue";
 //#region src/components/icon/src/RsIcon.vue?vue&type=script&setup=true&lang.ts
 var RsIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsIcon",
 	__name: "RsIcon",
 	props: {
 		name: {},
@@ -15,41 +17,16 @@ var RsIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		spin: { type: Boolean }
 	},
 	setup(__props) {
-		const SIZE_PRESET = {
-			ssm: 12,
-			sm: 14,
-			md: 16,
-			lg: 20
-		};
 		const props = __props;
 		const iconComponent = computed(() => resolveLucideIcon(props.name));
-		const usesCustomSize = computed(() => {
-			const { size } = props;
-			return typeof size === "string" && !(size in SIZE_PRESET) && !/^\d+$/.test(size);
-		});
-		const lucideSize = computed(() => {
-			if (usesCustomSize.value) return void 0;
-			const { size } = props;
-			if (typeof size === "number") return size;
-			if (size in SIZE_PRESET) return SIZE_PRESET[size];
-			return Number.parseInt(String(size), 10) || SIZE_PRESET.md;
-		});
+		const lucideSize = computed(() => resolveRsIconPixelSize(props.size));
 		const isBrand = computed(() => isRsBrandIconName(props.name));
-		const iconStyle = computed(() => {
-			const style = {};
-			if (props.color) style.color = props.color;
-			const transforms = [];
-			if (props.flip === "horizontal") transforms.push("scaleX(-1)");
-			else if (props.flip === "vertical") transforms.push("scaleY(-1)");
-			else if (props.flip === "both") transforms.push("scale(-1)");
-			if (props.rotate) transforms.push(`rotate(${props.rotate}deg)`);
-			if (transforms.length) style.transform = transforms.join(" ");
-			if (usesCustomSize.value && typeof props.size === "string") {
-				style.width = props.size;
-				style.height = props.size;
-			}
-			return Object.keys(style).length ? style : void 0;
-		});
+		const iconStyle = computed(() => buildRsIconStyle({
+			color: props.color,
+			flip: props.flip,
+			rotate: props.rotate,
+			size: props.size
+		}));
 		const isSemantic = computed(() => Boolean(props.label));
 		return (_ctx, _cache) => {
 			return iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {

package/dist/components/icon/src/RsIcon.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsIcon_vue_vue_type_script_setup_true_lang_default from "./RsIcon.impl.js";
 
 //#region src/components/icon/src/RsIcon.vue
-var RsIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsIcon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ba79ea00"]]);
+var RsIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsIcon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-260b0681"]]);
 //#endregion
 export { RsIcon_default as default };

package/dist/components/icon/src/icon-utils.d.ts

@@ -0,0 +1,17 @@
+import { type RsComponentSize } from '../../../theme/types';
+export type RsIconFlip = 'horizontal' | 'vertical' | 'both';
+/** 数字 px、CSS 长度，或 ssm / sm / md / lg 档位字符串。 */
+export type RsIconSize = number | string;
+/** 与控件档位同一套边长（ssm 12 / sm 14 / md 16 / lg 18）。 */
+export declare function isRsIconSizePreset(size: unknown): size is RsComponentSize;
+/** CSS 长度（如 `1.5rem`）不走 Lucide 的 size 数字。 */
+export declare function rsIconUsesCssSize(size: RsIconSize | undefined): boolean;
+/** 解析成 Lucide / 自定义 mark 的像素边长；CSS 长度返回 undefined。 */
+export declare function resolveRsIconPixelSize(size: RsIconSize | undefined): number | undefined;
+export declare function buildRsIconTransform(flip?: RsIconFlip, rotate?: number): string | undefined;
+export declare function buildRsIconStyle(options: {
+    color?: string;
+    flip?: RsIconFlip;
+    rotate?: number;
+    size?: RsIconSize;
+}): Record<string, string> | undefined;

package/dist/components/icon/src/icon-utils.js

@@ -0,0 +1,39 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+//#region src/components/icon/src/icon-utils.ts
+/** 与控件档位同一套边长（ssm 12 / sm 14 / md 16 / lg 18）。 */
+function isRsIconSizePreset(size) {
+	return typeof size === "string" && size in RS_COMPONENT_SIZE_ICON_PX;
+}
+/** CSS 长度（如 `1.5rem`）不走 Lucide 的 size 数字。 */
+function rsIconUsesCssSize(size) {
+	return typeof size === "string" && !isRsIconSizePreset(size) && !/^\d+$/.test(size);
+}
+/** 解析成 Lucide / 自定义 mark 的像素边长；CSS 长度返回 undefined。 */
+function resolveRsIconPixelSize(size) {
+	if (size == null) return RS_COMPONENT_SIZE_ICON_PX.md;
+	if (rsIconUsesCssSize(size)) return void 0;
+	if (typeof size === "number" && Number.isFinite(size)) return size;
+	if (isRsIconSizePreset(size)) return RS_COMPONENT_SIZE_ICON_PX[size];
+	return Number.parseInt(String(size), 10) || RS_COMPONENT_SIZE_ICON_PX.md;
+}
+function buildRsIconTransform(flip, rotate) {
+	const transforms = [];
+	if (flip === "horizontal") transforms.push("scaleX(-1)");
+	else if (flip === "vertical") transforms.push("scaleY(-1)");
+	else if (flip === "both") transforms.push("scale(-1)");
+	if (rotate) transforms.push(`rotate(${rotate}deg)`);
+	return transforms.length ? transforms.join(" ") : void 0;
+}
+function buildRsIconStyle(options) {
+	const style = {};
+	if (options.color) style.color = options.color;
+	const transform = buildRsIconTransform(options.flip, options.rotate);
+	if (transform) style.transform = transform;
+	if (rsIconUsesCssSize(options.size) && typeof options.size === "string") {
+		style.width = options.size;
+		style.height = options.size;
+	}
+	return Object.keys(style).length ? style : void 0;
+}
+//#endregion
+export { buildRsIconStyle, buildRsIconTransform, isRsIconSizePreset, resolveRsIconPixelSize, rsIconUsesCssSize };

package/dist/components/link/index.d.ts

@@ -1 +1,2 @@
 export { default as RsLink } from './src/RsLink.js';
+export type { RsLinkTone, RsLinkUnderline } from './src/link-utils';

package/dist/components/link/src/RsLink.css

@@ -1,45 +1,86 @@
 
-.rs-link {
-  color: var(--rs-primary);
-  font-size: var(--rs-font-size-sm);
+.rs-link[data-v-78d8e4b3] {
+  display: inline;
+  color: var(--rs-link-tone, var(--rs-primary));
+  font-size: inherit;
   font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-tight);
   text-underline-offset: 0.18em;
   text-decoration-thickness: 1px;
+  cursor: pointer;
   transition:
     color var(--rs-transition-fast),
     text-decoration-color var(--rs-transition-fast);
 }
-.rs-link:visited {
-  color: var(--rs-primary);
+.rs-link--has-icon[data-v-78d8e4b3] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3em;
 }
-.rs-link:hover {
-  color: var(--rs-primary-hover);
+.rs-link[data-v-78d8e4b3]:visited {
+  color: var(--rs-link-tone, var(--rs-primary));
 }
-.rs-link:active {
-  color: var(--rs-primary-hover);
+.rs-link[data-v-78d8e4b3]:hover,
+.rs-link[data-v-78d8e4b3]:active {
+  color: var(--rs-link-tone-hover, var(--rs-primary-hover));
 }
-.rs-link:focus-visible {
+.rs-link[data-v-78d8e4b3]:focus-visible {
   outline: none;
   border-radius: var(--rs-radius-xs);
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-link--underline-always {
+.rs-link--underline-always[data-v-78d8e4b3] {
   text-decoration: underline;
 }
-.rs-link--underline-hover {
+.rs-link--underline-hover[data-v-78d8e4b3] {
   text-decoration: none;
 }
-.rs-link--underline-hover:hover,
-.rs-link--underline-hover:focus-visible {
+.rs-link--underline-hover[data-v-78d8e4b3]:hover,
+.rs-link--underline-hover[data-v-78d8e4b3]:focus-visible {
   text-decoration: underline;
 }
-.rs-link--underline-none {
+.rs-link--underline-none[data-v-78d8e4b3],
+.rs-link--underline-none[data-v-78d8e4b3]:hover,
+.rs-link--underline-none[data-v-78d8e4b3]:focus-visible {
   text-decoration: none;
 }
-.rs-link--disabled {
+.rs-link--tone-primary[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-primary);
+  --rs-link-tone-hover: var(--rs-primary-hover);
+}
+.rs-link--tone-neutral[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-text);
+  --rs-link-tone-hover: var(--rs-primary);
+}
+.rs-link--tone-success[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-success, #18a058);
+  --rs-link-tone-hover: var(--rs-success, #18a058);
+}
+.rs-link--tone-warning[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-warning, #f0a020);
+  --rs-link-tone-hover: var(--rs-warning, #f0a020);
+}
+.rs-link--tone-danger[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-danger);
+  --rs-link-tone-hover: var(--rs-danger);
+}
+.rs-link--tone-info[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-info, #2080f0);
+  --rs-link-tone-hover: var(--rs-info, #2080f0);
+}
+.rs-link__icon[data-v-78d8e4b3] {
+  color: inherit;
+}
+.rs-link--disabled[data-v-78d8e4b3],
+.rs-link--disabled[data-v-78d8e4b3]:visited,
+.rs-link--disabled[data-v-78d8e4b3]:hover,
+.rs-link--disabled[data-v-78d8e4b3]:active {
   color: var(--rs-muted);
   cursor: not-allowed;
   text-decoration: none;
-  pointer-events: auto;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-link[data-v-78d8e4b3] {
+    transition: none;
+}
 }

package/dist/components/link/src/RsLink.d.ts

@@ -1,19 +1,27 @@
+import { type RsLinkTone, type RsLinkUnderline } from './link-utils';
+export type { RsLinkTone, RsLinkUnderline };
 type __VLS_Props = {
     href: string;
     target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});
     rel?: string;
     disabled?: boolean;
-    underline?: 'always' | 'hover' | 'none';
+    underline?: RsLinkUnderline;
+    /** 语义色。默认 primary。不要用业务 CSS 改颜色。 */
+    tone?: RsLinkTone;
+    /** 前缀图标，Lucide kebab-case。装饰性，名称走默认插槽。 */
+    icon?: string;
 };
-declare var __VLS_10: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tone: RsLinkTone;
     disabled: boolean;
+    icon: string;
     target: "_self" | "_blank" | "_parent" | "_top" | (string & {});
     rel: string;
-    underline: "always" | "hover" | "none";
+    underline: RsLinkUnderline;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;