niuma-ui 2.0.1 → 2.0.3

package/dist/components/button/src/RsButton.impl.js

@@ -1,6 +1,6 @@
 import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
-import { resolveRsButtonTone, resolveRsButtonVariant } from "./button-utils.js";
+import { placeRsButtonTip, resolveRsButtonTone, resolveRsButtonVariant } from "./button-utils.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, useSlots, watch } from "vue";
@@ -21,6 +21,7 @@ var _hoisted_2 = {
 var _hoisted_3 = ["id"];
 var TOOLTIP_DELAY_MS = 300;
 var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsButton",
 	__name: "RsButton",
 	props: {
 		variant: { default: "primary" },
@@ -36,7 +37,10 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
-		bordered: { type: Boolean },
+		bordered: {
+			type: Boolean,
+			default: void 0
+		},
 		icon: {},
 		iconSize: {},
 		iconOnly: {
@@ -82,8 +86,9 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (!props.iconOnly) return void 0;
 			return props.ariaLabel || props.tooltip || void 0;
 		});
-		/** 与 RsTooltipProvider 默认一致：避免路过按钮时闪一下 */
+		/** 避免路过按钮时闪一下 */
 		const tipId = useId();
+		const tipRef = ref(null);
 		const tipOpen = ref(false);
 		const tipStyle = ref({});
 		let openTimer = null;
@@ -97,24 +102,24 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		}
 		function updateTipPosition() {
 			const el = btnRef.value;
-			if (!el) return;
+			if (!el || typeof window === "undefined") return;
 			const rect = el.getBoundingClientRect();
-			const mid = rect.left + rect.width / 2;
-			const vw = window.innerWidth;
-			const gap = 6;
-			let left = mid;
-			let transform = "translateX(-50%)";
-			if (mid > vw * .72) {
-				left = rect.right;
-				transform = "translateX(-100%)";
-			} else if (mid < vw * .28) {
-				left = rect.left;
-				transform = "none";
-			}
+			const tip = tipRef.value?.getBoundingClientRect();
+			const box = placeRsButtonTip({
+				top: rect.top,
+				left: rect.left,
+				width: rect.width,
+				height: rect.height
+			}, {
+				width: tip?.width ?? 96,
+				height: tip?.height ?? 28
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
 			tipStyle.value = {
-				top: `${Math.round(rect.bottom + gap)}px`,
-				left: `${Math.round(left)}px`,
-				transform
+				top: `${box.top}px`,
+				left: `${box.left}px`
 			};
 		}
 		function scheduleTipPosition() {
@@ -148,11 +153,16 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		}
 		function openTipNow() {
 			if (!showFloatingText.value || props.disabled || props.loading) return;
-			updateTipPosition();
 			if (!tipOpen.value) {
 				tipOpen.value = true;
 				bindTipFollow(true);
 			}
+			nextTick(() => updateTipPosition());
+		}
+		function onActivate(event) {
+			if (!props.loading) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
 		}
 		function scheduleOpenTip() {
 			if (!showFloatingText.value || props.disabled || props.loading) return;
@@ -181,8 +191,9 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (!el) return;
 			if (loading) {
 				await nextTick();
-				const w = el.offsetWidth;
-				if (w > 0) el.style.minWidth = `${w}px`;
+				if (!btnRef.value) return;
+				const w = btnRef.value.offsetWidth;
+				if (w > 0) btnRef.value.style.minWidth = `${w}px`;
 			} else el.style.minWidth = "";
 		});
 		onUnmounted(() => {
@@ -200,6 +211,7 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				"aria-disabled": __props.disabled || __props.loading || void 0,
 				"aria-label": ariaLabel.value,
 				"aria-describedby": tipDescribedBy.value,
+				onClickCapture: onActivate,
 				onMouseenter: scheduleOpenTip,
 				onMouseleave: closeTip,
 				onFocus,
@@ -210,24 +222,24 @@ var RsButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					key: 1,
 					class: "rs-btn__icon",
 					name: __props.icon,
-					size: resolvedIconSize.value,
-					label: __props.iconOnly && __props.tooltip ? __props.tooltip : void 0
-				}, null, 8, [
-					"name",
-					"size",
-					"label"
-				])) : createCommentVNode("", true),
+					size: resolvedIconSize.value
+				}, null, 8, ["name", "size"])) : createCommentVNode("", true),
 				hasLabel.value && !__props.iconOnly ? (openBlock(), createElementBlock("span", {
 					key: 2,
 					class: normalizeClass(["rs-btn__label", { "rs-btn__label--reveal": __props.revealLabel && __props.icon }])
 				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)) : createCommentVNode("", true),
-				(openBlock(), createBlock(Teleport, { to: "body" }, [tipOpen.value ? (openBlock(), createElementBlock("span", {
+				showFloatingText.value ? (openBlock(), createBlock(Teleport, {
+					key: 3,
+					to: "body"
+				}, [tipOpen.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
+					ref_key: "tipRef",
+					ref: tipRef,
 					id: unref(tipId),
 					class: "rs-btn__tooltip",
 					style: normalizeStyle(tipStyle.value),
 					role: "tooltip"
-				}, [__props.tooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.tooltip), 1)], 64)) : __props.iconOnly ? renderSlot(_ctx.$slots, "default", {}, void 0, true, 1) : createCommentVNode("", true)], 12, _hoisted_3)) : createCommentVNode("", true)]))
+				}, [__props.tooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.tooltip), 1)], 64)) : __props.iconOnly ? renderSlot(_ctx.$slots, "default", {}, void 0, true, 1) : createCommentVNode("", true)], 12, _hoisted_3)) : createCommentVNode("", true)])) : createCommentVNode("", true)
 			], 46, _hoisted_1);
 		};
 	}

package/dist/components/button/src/RsButton.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsButton_vue_vue_type_script_setup_true_lang_default from "./RsButton.impl.js";
 
 //#region src/components/button/src/RsButton.vue
-var RsButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cd44e899"]]);
+var RsButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-423f0a90"]]);
 //#endregion
 export { RsButton_default as default };

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

@@ -24,3 +24,20 @@ export declare function resolveRsButtonTone(variant?: RsButtonVariant, tone?: Rs
 export declare function isRsButtonFilledVariant(variant: RsButtonVariant): boolean;
 /** 所有变体都可叠加 tone（形态 × 色相）。 */
 export declare function supportsRsButtonTone(_variant?: RsButtonVariant): boolean;
+export interface RsButtonTipBox {
+    top: number;
+    left: number;
+}
+/** 把内置 tip 贴到按钮：优先下方，贴边时夹进视口。供测试与 SSR 无 window 调用。 */
+export declare function placeRsButtonTip(anchor: {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}, popup: {
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, gap?: number): RsButtonTipBox;

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

@@ -24,5 +24,18 @@ function isRsButtonFilledVariant(variant) {
 function supportsRsButtonTone(_variant) {
 	return true;
 }
+/** 把内置 tip 贴到按钮：优先下方，贴边时夹进视口。供测试与 SSR 无 window 调用。 */
+function placeRsButtonTip(anchor, popup, viewport, gap = 6) {
+	const below = anchor.top + anchor.height + gap;
+	const above = anchor.top - popup.height - gap;
+	const top = below + popup.height <= viewport.height || above < gap ? below : Math.max(gap, above);
+	const width = Math.min(popup.width, Math.max(0, viewport.width - gap * 2));
+	const preferred = anchor.left + anchor.width / 2 - width / 2;
+	const maxLeft = Math.max(gap, viewport.width - width - gap);
+	return {
+		top: Math.round(top),
+		left: Math.round(Math.min(Math.max(gap, preferred), maxLeft))
+	};
+}
 //#endregion
-export { isRsButtonFilledVariant, resolveRsButtonTone, resolveRsButtonVariant, supportsRsButtonTone };
+export { isRsButtonFilledVariant, placeRsButtonTip, resolveRsButtonTone, resolveRsButtonVariant, supportsRsButtonTone };

package/dist/components/card/src/RsCard.impl.js

@@ -1,5 +1,5 @@
-import { rsRadiusCss } from "../../_shared/src/resolve-radius.js";
 import { Primitive } from "../../_shared/src/reka.js";
+import { rsRadiusCss } from "../../_shared/src/resolve-radius.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region src/components/card/src/RsCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/dist/components/cascader/src/RsCascader.d.ts

@@ -25,10 +25,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-    separator: string;
     allowClear: boolean;
     changeOnSelect: boolean;
     expandTrigger: RsCascaderExpandTrigger;
+    separator: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/config-provider/src/RsConfigProvider.css

@@ -1,5 +1,5 @@
 
-.rs-config-provider[data-v-175ca1a4] {
+.rs-config-provider[data-v-2be1193e] {
   color: var(--rs-text-primary);
   background: var(--rs-bg);
   height: 100%;

package/dist/components/config-provider/src/RsConfigProvider.d.ts

@@ -18,14 +18,13 @@ type __VLS_Props = {
      */
     themeScope?: 'global' | 'local';
 };
-declare var __VLS_1: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     dir: RsDirMode;
     theme: RsThemeMode;
-    locale: RsLocale;
     controlSize: RsComponentSize;
     themeScope: "global" | "local";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/config-provider/src/RsConfigProvider.impl.js

@@ -1,15 +1,16 @@
-import { defaultLocale } from "../../../locale/types.js";
+import { resolveHostLocale } from "../../../locale/resolve-host.js";
 import { applyTheme, subscribePreferredColorScheme } from "../../../theme/apply.js";
 import { createRsConfigState, provideRsConfig } from "../../../composables/useRsConfig.js";
-import { applyLocale } from "../../../locale/apply.js";
-import { createElementBlock, defineComponent, onBeforeUnmount, openBlock, ref, renderSlot, watch } from "vue";
+import { applyLocale, resolveDirMode } from "../../../locale/apply.js";
+import { ConfigProvider } from "../../_shared/src/reka.js";
+import { computed, createBlock, createElementVNode, defineComponent, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
 //#region src/components/config-provider/src/RsConfigProvider.vue?vue&type=script&setup=true&lang.ts
 var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RsConfigProvider",
 	__name: "RsConfigProvider",
 	props: {
 		theme: { default: "light" },
-		locale: { default: defaultLocale },
+		locale: {},
 		dir: { default: "auto" },
 		controlSize: { default: "md" },
 		controlRadius: {},
@@ -18,7 +19,7 @@ var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props) {
 		const props = __props;
 		const rootEl = ref(null);
-		const config = createRsConfigState(props.theme, props.locale, props.controlSize, props.controlRadius, props.dir);
+		const config = createRsConfigState(props.theme, props.locale ?? resolveHostLocale(), props.controlSize, props.controlRadius, props.dir);
 		provideRsConfig(config);
 		let stopPreferred;
 		function chromeTarget() {
@@ -47,7 +48,7 @@ var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			if (value !== config.theme.value) config.setTheme(value);
 		});
 		watch(() => props.locale, (value) => {
-			if (value !== config.locale.value) config.setLocale(value);
+			if (value != null && value !== config.locale.value) config.setLocale(value);
 		});
 		watch(() => props.dir, (value) => {
 			if (value !== config.dir.value) config.setDir(value);
@@ -73,15 +74,23 @@ var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				syncLocale();
 			}
 		});
+		const resolvedDir = computed(() => resolveDirMode(config.dir.value, config.locale.value));
+		const rekaLocale = computed(() => config.locale.value);
 		onBeforeUnmount(() => {
 			stopPreferred?.();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "rootEl",
-				ref: rootEl,
-				class: "rs-config-provider"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512);
+			return openBlock(), createBlock(unref(ConfigProvider), {
+				dir: resolvedDir.value,
+				locale: rekaLocale.value
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "rootEl",
+					ref: rootEl,
+					class: "rs-config-provider"
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)]),
+				_: 3
+			}, 8, ["dir", "locale"]);
 		};
 	}
 });

package/dist/components/config-provider/src/RsConfigProvider.js

@@ -3,6 +3,6 @@ import RsConfigProvider_vue_vue_type_script_setup_true_lang_default from "./RsCo
 
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 //#region src/components/config-provider/src/RsConfigProvider.vue
-var RsConfigProvider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfigProvider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-175ca1a4"]]);
+var RsConfigProvider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfigProvider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2be1193e"]]);
 //#endregion
 export { RsConfigProvider_default as default };

package/dist/components/context-menu/src/RsContextMenuItems.impl.js

@@ -1,5 +1,5 @@
-import RsIcon_default from "../../icon/src/RsIcon.js";
 import { ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../_shared/src/reka.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
 import RsContextMenuItems_default from "./RsContextMenuItems.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/context-menu/src/RsContextMenuItems.vue?vue&type=script&setup=true&lang.ts

package/dist/components/date-picker/src/RsDatePicker.impl.js

@@ -1,10 +1,10 @@
 import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
 import { buildLocalInputRules, runFormFieldRules } from "../../form/src/form-rules.js";
 import { isRsFormItemBoundControl, useRsFormContext, useRsFormField, useRsFormItemContext } from "../../form/src/form-utils.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
-import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
 import { EMPTY_DATE_RANGE, compareDates, extractTimeFromDateTime, formatDateDisplay, formatDateParts, formatDateRangeLabel, formatDateTimeDisplay, formatDateTimeParts, formatDateTimeRangeLabel, formatTimestampValue, fromInternalPickerValue, getNextMonth, getNowDateTime, getTodayDate, isDateRangeEmpty, isDateRangeOrdered, isDateWithinBounds, isTimestampRange, normalizeShortcutValue, parseDateTimeValue, parseDateValue, parseTimestampValue, toInternalPickerValue, toRangeEndpointString } from "./date-picker-utils.js";
 import RsCalendarGrid_default from "../../calendar-grid/src/RsCalendarGrid.js";
 import { formatTimeParts } from "../../time-picker/src/time-picker-utils.js";

package/dist/components/dialog/src/RsConfirmDialog.impl.js

@@ -1,6 +1,6 @@
+import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
-import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "../../_shared/src/reka.js";
 import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, runRsConfirmBeforeClose } from "./dialog-utils.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, withCtx } from "vue";
 //#region src/components/dialog/src/RsConfirmDialog.vue?vue&type=script&setup=true&lang.ts

package/dist/components/dialog/src/RsDialog.impl.js

@@ -1,6 +1,6 @@
+import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
-import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
 import { dialogViewportSize } from "./dialog-viewport.js";
 import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsDialogBeforeClose } from "./dialog-utils.js";
 import { useRsDialogWindow } from "./dialog-window.js";

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

@@ -1 +1,2 @@
 export { default as RsDivider } from './src/RsDivider.js';
+export type { RsDividerOrientation } from './src/divider-utils';

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/drawer/src/RsDrawer.impl.js

@@ -1,6 +1,6 @@
+import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
-import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
 import { RS_DRAWER_MAX_VIEWPORT_RATIO, clampRsDrawerSize, resolveDrawerOverlayStyle, resolveRsDrawerDimensionCss, resolveRsDrawerSizeCss, resolveRsDrawerSizePx, runRsDrawerBeforeClose } from "./drawer-utils.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 //#region src/components/drawer/src/RsDrawer.vue?vue&type=script&setup=true&lang.ts

package/dist/components/dropdown/src/RsDropdown.impl.js

@@ -1,6 +1,6 @@
+import { DropdownMenuContent, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuTrigger } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
-import { DropdownMenuContent, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuTrigger } from "../../_shared/src/reka.js";
 import { flattenDropdownItems } from "./dropdown-utils.js";
 import RsDropdownItems_default from "./RsDropdownItems.js";
 import { computed, createBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";