niuma-ui 1.1.11 → 1.2.0

package/dist/components/RsDialog.d.ts

@@ -0,0 +1,143 @@
+import type { RsFeedbackTone } from './overlay-utils';
+import { type RsDialogBeforeClose, type RsDialogCloseReason, type RsDialogLayout, type RsDialogWidth } from './dialog-utils';
+type __VLS_Props = {
+    /** 标题文案；也可用 `#title` / `#header` 插槽。缺省时用空格满足无障碍 Title */
+    title?: string;
+    description?: string;
+    /**
+     * 宽度：`sm` / `md` / `lg`，或 number(px) / `px` / `rem` / `%`。
+     * window：打开时折成像素后居中（`%` 相对视口扣除 inset），之后可拖拽缩放。
+     * form / confirm：自定义宽度按 CSS 写入。
+     */
+    width?: RsDialogWidth;
+    tone?: RsFeedbackTone;
+    /**
+     * window：可拖拽/缩放工作窗。
+     * form：居中轻量表单/说明窗（高度随内容，默认不可缩放）。
+     * confirm：历史别名，等同 form；确认/提示请用 RsConfirmDialog。
+     */
+    layout?: RsDialogLayout;
+    draggable?: boolean;
+    resizable?: boolean;
+    fullscreenable?: boolean;
+    /** 是否模态（false 时不锁焦点/不挡背后交互，适合页签内浮层） */
+    modal?: boolean;
+    showOverlay?: boolean;
+    /**
+     * 遮罩不透明度 0–1；覆盖主题默认（最浅）。
+     * 例：0.08 最浅、0.35 适中、0.55 较深。
+     */
+    overlayOpacity?: number;
+    /** 遮罩模糊；number 为 px。默认主题为 0（无模糊，背后内容清晰） */
+    overlayBlur?: number | string;
+    showClose?: boolean;
+    /** 点击外部是否关闭；默认 false。与 modal 独立：非模态也可保持打开。 */
+    closeOnOverlayClick?: boolean;
+    /** 按 Esc 是否关闭；默认 true（与 Reka 默认一致） */
+    closeOnEsc?: boolean;
+    /**
+     * DialogPortal 挂载目标
+     * - string / HTMLElement：Teleport 到指定节点
+     * - false：禁用 Teleport，就地渲染（不挂到 body / 全局挂载点）
+     * - undefined：走 Reka 默认（通常为 body，或 ConfigProvider.teleportTo）
+     *
+     * 全屏时若未禁用 Teleport，会临时改挂到默认目标（通常为 body），
+     * 避免业务容器内的层叠上下文（如 isolation:isolate）低于应用顶栏。
+     */
+    teleportTo?: string | HTMLElement | false;
+    /**
+     * 延后挂载 #body 插槽，避免与打开动画/重组件 init 争抢主线程。
+     * 默认：window 布局为 true，confirm 为 false。
+     */
+    deferBodyMount?: boolean;
+    /** 全屏/还原时是否播放 bounds 过渡（含编辑器时建议保持 false） */
+    boundsTransition?: boolean;
+    /** 关闭前钩子；返回 false 可阻止关闭（支持 async） */
+    beforeClose?: RsDialogBeforeClose;
+    /**
+     * 显示内置底部按钮区。默认 false，避免影响仅用 `#footer` 或不需要按钮的旧用法。
+     * 无 `#footer` 且为 true 时渲染取消/确定。
+     * 危险确认/提示请用 RsConfirmDialog，不要用本 footer 冒充确认 UI。
+     */
+    showFooter?: boolean;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelText?: string;
+    confirmText?: string;
+    confirmLoading?: boolean;
+    confirmVariant?: 'primary' | 'danger';
+    /** 点击确定后是否自动关闭（仍会走 beforeClose） */
+    autoCloseOnConfirm?: boolean;
+};
+declare function onBuiltinCancel(): Promise<void>;
+declare function onBuiltinConfirm(): Promise<void>;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_33: {}, __VLS_41: {}, __VLS_49: {}, __VLS_65: {}, __VLS_67: {}, __VLS_69: {
+    confirmLoading: boolean;
+    onConfirm: typeof onBuiltinConfirm;
+    onCancel: typeof onBuiltinCancel;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_33) => any;
+} & {
+    title?: (props: typeof __VLS_41) => any;
+} & {
+    description?: (props: typeof __VLS_49) => any;
+} & {
+    body?: (props: typeof __VLS_65) => any;
+} & {
+    'body-placeholder'?: (props: typeof __VLS_67) => any;
+} & {
+    footer?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** 请求关闭（走 beforeClose） */
+    close: (reason?: RsDialogCloseReason) => Promise<boolean>;
+    /** 打开对话框 */
+    openDialog: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    "update:open": (value: boolean) => any;
+    confirm: () => any;
+    openChange: (open: boolean) => any;
+    afterOpen: () => any;
+    afterClose: (reason: RsDialogCloseReason) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    onAfterOpen?: (() => any) | undefined;
+    onAfterClose?: ((reason: RsDialogCloseReason) => any) | undefined;
+}>, {
+    title: string;
+    width: RsDialogWidth;
+    tone: RsFeedbackTone;
+    modal: boolean;
+    draggable: boolean;
+    layout: RsDialogLayout;
+    resizable: boolean;
+    fullscreenable: boolean;
+    showOverlay: boolean;
+    showClose: boolean;
+    closeOnOverlayClick: boolean;
+    closeOnEsc: boolean;
+    boundsTransition: boolean;
+    showFooter: boolean;
+    showCancel: boolean;
+    showConfirm: boolean;
+    confirmLoading: boolean;
+    confirmVariant: "primary" | "danger";
+    autoCloseOnConfirm: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/RsDialog.impl.js

@@ -0,0 +1,410 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsButton_default from "./RsButton.js";
+import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "./reka.js";
+import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsDialogBeforeClose } from "./dialog-utils.js";
+import { useRsDialogWindow } from "./dialog-window.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
+//#region src/components/RsDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["onPointerdown"];
+var _hoisted_2 = { class: "rs-dialog__heading" };
+var _hoisted_3 = { class: "rs-dialog__actions" };
+var _hoisted_4 = ["aria-busy"];
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-dialog__body-placeholder"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "rs-dialog__footer"
+};
+var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "RsDialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: { default: "" },
+		description: {},
+		width: { default: "md" },
+		tone: { default: "default" },
+		layout: { default: "window" },
+		draggable: {
+			type: Boolean,
+			default: false
+		},
+		resizable: {
+			type: Boolean,
+			default: true
+		},
+		fullscreenable: {
+			type: Boolean,
+			default: true
+		},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		showOverlay: {
+			type: Boolean,
+			default: false
+		},
+		overlayOpacity: {},
+		overlayBlur: {},
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		closeOnOverlayClick: {
+			type: Boolean,
+			default: false
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		teleportTo: { type: [String, Boolean] },
+		deferBodyMount: { type: Boolean },
+		boundsTransition: {
+			type: Boolean,
+			default: false
+		},
+		beforeClose: {},
+		showFooter: {
+			type: Boolean,
+			default: false
+		},
+		showCancel: {
+			type: Boolean,
+			default: true
+		},
+		showConfirm: {
+			type: Boolean,
+			default: true
+		},
+		cancelText: {},
+		confirmText: {},
+		confirmLoading: {
+			type: Boolean,
+			default: false
+		},
+		confirmVariant: { default: "primary" },
+		autoCloseOnConfirm: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"openChange",
+		"afterOpen",
+		"afterClose",
+		"confirm",
+		"cancel"
+	], ["update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const open = useModel(__props, "open");
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const isCompactLayout = computed(() => props.layout === "form" || props.layout === "confirm");
+		const isWindowLayout = computed(() => !isCompactLayout.value);
+		const enableDraggable = computed(() => props.draggable && isWindowLayout.value);
+		const enableResizable = computed(() => props.resizable && isWindowLayout.value);
+		const deferBodyMount = computed(() => props.deferBodyMount ?? isWindowLayout.value);
+		const overlayStyle = computed(() => resolveDialogOverlayStyle({
+			overlayOpacity: props.overlayOpacity,
+			overlayBlur: props.overlayBlur
+		}));
+		const widthPreset = computed(() => isRsDialogWidthPreset(props.width) ? props.width : "md");
+		const initialWidthPx = computed(() => resolveRsDialogWidthPx(props.width));
+		const customCssWidth = computed(() => resolveRsDialogCssWidth(props.width));
+		const bodyReady = ref(false);
+		const closing = ref(false);
+		let pendingCloseReason = "programmatic";
+		let bodyMountFrameOuter = 0;
+		let bodyMountFrameInner = 0;
+		let afterOpenTimer = 0;
+		function resetBodyMount() {
+			if (bodyMountFrameOuter) {
+				cancelAnimationFrame(bodyMountFrameOuter);
+				bodyMountFrameOuter = 0;
+			}
+			if (bodyMountFrameInner) {
+				cancelAnimationFrame(bodyMountFrameInner);
+				bodyMountFrameInner = 0;
+			}
+			bodyReady.value = false;
+		}
+		function scheduleBodyMount() {
+			resetBodyMount();
+			bodyMountFrameOuter = requestAnimationFrame(() => {
+				bodyMountFrameOuter = 0;
+				bodyMountFrameInner = requestAnimationFrame(() => {
+					bodyMountFrameInner = 0;
+					if (open.value) bodyReady.value = true;
+				});
+			});
+		}
+		watch([open, deferBodyMount], ([isOpen, defer]) => {
+			if (!isOpen || !defer) {
+				resetBodyMount();
+				if (isOpen) bodyReady.value = true;
+				return;
+			}
+			scheduleBodyMount();
+		}, { immediate: true });
+		function clearAfterOpenTimer() {
+			if (!afterOpenTimer) return;
+			window.clearTimeout(afterOpenTimer);
+			afterOpenTimer = 0;
+		}
+		function queueAfterOpen() {
+			clearAfterOpenTimer();
+			afterOpenTimer = window.setTimeout(() => {
+				afterOpenTimer = 0;
+				if (open.value) emit("afterOpen");
+			}, 230);
+		}
+		watch(open, (isOpen, wasOpen) => {
+			if (isOpen && !wasOpen) {
+				emit("openChange", true);
+				queueAfterOpen();
+				return;
+			}
+			if (!isOpen && wasOpen) {
+				emit("openChange", false);
+				if (!closing.value) emit("afterClose", "programmatic");
+			}
+		});
+		onMounted(() => {});
+		onBeforeUnmount(() => {
+			resetBodyMount();
+			clearAfterOpenTimer();
+		});
+		const showBodyContent = computed(() => !deferBodyMount.value || bodyReady.value);
+		const showBuiltinFooter = computed(() => props.showFooter && !slots.footer && (props.showCancel || props.showConfirm));
+		const resolvedTitle = computed(() => {
+			return props.title?.trim() || " ";
+		});
+		const contentClass = computed(() => {
+			const presetClass = isRsDialogWidthPreset(props.width) ? `rs-dialog__content--${props.width}` : "rs-dialog__content--custom-width";
+			return [
+				isCompactLayout.value ? "rs-dialog__content--form" : "rs-dialog__content--window",
+				props.layout === "confirm" ? "rs-dialog__content--confirm" : void 0,
+				presetClass,
+				`rs-dialog__content--tone-${props.tone}`,
+				{
+					"rs-dialog__content--fullscreen": isFullscreen.value,
+					"rs-dialog__content--draggable": enableDraggable.value,
+					"rs-dialog__content--bounds-transition": boundsTransitionEnabled.value
+				}
+			];
+		});
+		const contentStyle = computed(() => {
+			const base = isWindowLayout.value ? dialogStyle.value : void 0;
+			if (isWindowLayout.value) return base;
+			const cssW = customCssWidth.value;
+			if (!cssW) return base;
+			return {
+				...base ?? {},
+				maxWidth: cssW
+			};
+		});
+		async function requestClose(reason) {
+			if (!open.value || closing.value) return false;
+			closing.value = true;
+			pendingCloseReason = reason;
+			try {
+				if (!await runRsDialogBeforeClose(props.beforeClose, reason)) return false;
+				open.value = false;
+				await nextTick();
+				emit("afterClose", reason);
+				return true;
+			} finally {
+				closing.value = false;
+			}
+		}
+		/** DialogRoot 受控更新：打开直通；关闭统一走 beforeClose */
+		async function onUpdateOpen(next) {
+			if (next) {
+				open.value = true;
+				return;
+			}
+			await requestClose(pendingCloseReason);
+			pendingCloseReason = "programmatic";
+		}
+		function onEscapeKeyDown(event) {
+			if (!props.closeOnEsc || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "escape";
+		}
+		/** 是否因外部交互关闭：与 modal 无关；非模态仍允许背后操作，仅控制是否 dismiss。 */
+		function onPointerDownOutside(event) {
+			if (!props.closeOnOverlayClick || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "overlay";
+		}
+		function onInteractOutside(event) {
+			if (!props.closeOnOverlayClick || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "overlay";
+		}
+		async function onHeaderCloseClick() {
+			await requestClose("close");
+		}
+		async function onBuiltinCancel() {
+			emit("cancel");
+			await requestClose("cancel");
+		}
+		async function onBuiltinConfirm() {
+			emit("confirm");
+			if (props.autoCloseOnConfirm) await requestClose("confirm");
+		}
+		const { isFullscreen, boundsTransitionEnabled, dialogStyle, resizeHandles, setPanelEl, toggleFullscreen, onHeaderPointerDown, onResizePointerDown } = useRsDialogWindow({
+			open,
+			widthPreset,
+			initialWidth: initialWidthPx,
+			draggable: enableDraggable,
+			resizable: enableResizable,
+			compact: isCompactLayout,
+			boundsTransition: toRef(props, "boundsTransition")
+		});
+		/**
+		* 全屏时跳出业务挂载点，挂到默认 portal（通常 body），
+		* 还原后仍回到 props.teleportTo，以保留页签内浮层的生命周期绑定。
+		*/
+		const resolvedTeleportTo = computed(() => {
+			if (isFullscreen.value && props.teleportTo !== false) return;
+			return props.teleportTo;
+		});
+		const contentRef = ref(null);
+		watch(contentRef, (inst) => {
+			if (!inst) {
+				setPanelEl(null);
+				return;
+			}
+			const el = inst instanceof HTMLElement ? inst : inst.$el ?? null;
+			setPanelEl(el instanceof HTMLElement ? el : null);
+		}, { flush: "post" });
+		__expose({
+			/** 请求关闭（走 beforeClose） */
+			close: (reason = "programmatic") => requestClose(reason),
+			/** 打开对话框 */
+			openDialog: () => {
+				open.value = true;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: open.value,
+				modal: __props.modal,
+				"onUpdate:open": onUpdateOpen
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogPortal), {
+					disabled: resolvedTeleportTo.value === false,
+					to: resolvedTeleportTo.value === false ? void 0 : resolvedTeleportTo.value
+				}, {
+					default: withCtx(() => [__props.showOverlay ? (openBlock(), createBlock(unref(DialogOverlay), {
+						key: 0,
+						class: "rs-dialog__overlay rs-motion-reduce",
+						style: normalizeStyle(overlayStyle.value)
+					}, null, 8, ["style"])) : createCommentVNode("", true), createVNode(unref(DialogContent), mergeProps({
+						ref_key: "contentRef",
+						ref: contentRef
+					}, unref(attrs), {
+						class: ["rs-dialog__content rs-motion-reduce", contentClass.value],
+						style: contentStyle.value,
+						onPointerDownOutside,
+						onInteractOutside,
+						onEscapeKeyDown
+					}), {
+						default: withCtx(() => [
+							enableResizable.value && !unref(isFullscreen) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resizeHandles), (handle) => {
+								return openBlock(), createElementBlock("div", {
+									key: handle,
+									class: normalizeClass(["rs-dialog__resize-handle", `rs-dialog__resize-handle--${handle}`]),
+									"aria-hidden": true,
+									onPointerdown: withModifiers(($event) => unref(onResizePointerDown)(handle, $event), ["stop"])
+								}, null, 42, _hoisted_1);
+							}), 128)) : createCommentVNode("", true),
+							createElementVNode("header", {
+								class: "rs-dialog__header",
+								onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onHeaderPointerDown) && unref(onHeaderPointerDown)(...args))
+							}, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [createVNode(unref(DialogTitle), { class: "rs-dialog__title" }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])]),
+								_: 3
+							}), createVNode(unref(DialogDescription), { class: normalizeClass(["rs-dialog__description", { "rs-dialog__description--sr-only": !__props.description && !_ctx.$slots.description }]) }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description || resolvedTitle.value), 1)])]),
+								_: 3
+							}, 8, ["class"])])]), createElementVNode("div", _hoisted_3, [__props.fullscreenable && isWindowLayout.value ? (openBlock(), createBlock(RsButton_default, {
+								key: 0,
+								variant: "ghost",
+								size: "sm",
+								"icon-only": "",
+								icon: unref(isFullscreen) ? "minimize-2" : "maximize-2",
+								tooltip: unref(isFullscreen) ? unref(t)("dialog.restore") : unref(t)("dialog.fullscreen"),
+								onClick: unref(toggleFullscreen)
+							}, null, 8, [
+								"icon",
+								"tooltip",
+								"onClick"
+							])) : createCommentVNode("", true), __props.showClose ? (openBlock(), createBlock(RsButton_default, {
+								key: 1,
+								variant: "ghost",
+								size: "sm",
+								"icon-only": "",
+								icon: "x",
+								disabled: __props.confirmLoading,
+								tooltip: unref(t)("dialog.close"),
+								onClick: onHeaderCloseClick
+							}, null, 8, ["disabled", "tooltip"])) : createCommentVNode("", true)])], 32),
+							createElementVNode("div", {
+								class: "rs-dialog__body",
+								"aria-busy": deferBodyMount.value && !bodyReady.value ? "true" : void 0
+							}, [showBodyContent.value ? renderSlot(_ctx.$slots, "body", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "body-placeholder")]))], 8, _hoisted_4),
+							_ctx.$slots.footer || showBuiltinFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_6, [renderSlot(_ctx.$slots, "footer", {
+								confirmLoading: __props.confirmLoading,
+								onConfirm: onBuiltinConfirm,
+								onCancel: onBuiltinCancel
+							}, () => [showBuiltinFooter.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.showCancel ? (openBlock(), createBlock(RsButton_default, {
+								key: 0,
+								variant: "default",
+								size: "sm",
+								disabled: __props.confirmLoading,
+								onClick: onBuiltinCancel
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelText ?? unref(t)("common.cancel")), 1)]),
+								_: 1
+							}, 8, ["disabled"])) : createCommentVNode("", true), __props.showConfirm ? (openBlock(), createBlock(RsButton_default, {
+								key: 1,
+								variant: __props.confirmVariant,
+								size: "sm",
+								loading: __props.confirmLoading,
+								onClick: onBuiltinConfirm
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText ?? unref(t)("common.confirm")), 1)]),
+								_: 1
+							}, 8, ["variant", "loading"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)])])) : createCommentVNode("", true)
+						]),
+						_: 3
+					}, 16, ["class", "style"])]),
+					_: 3
+				}, 8, ["disabled", "to"])]),
+				_: 3
+			}, 8, ["open", "modal"]);
+		};
+	}
+});
+//#endregion
+export { RsDialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDialog.js

@@ -0,0 +1,7 @@
+import './RsDialog.css'
+import RsDialog_vue_vue_type_script_setup_true_lang_default from "./RsDialog.impl.js";
+
+//#region src/components/RsDialog.vue
+var RsDialog_default = RsDialog_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsDialog_default as default };

package/dist/components/RsDivider.css

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

package/dist/components/RsDivider.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    orientation?: 'horizontal' | 'vertical';
+    dashed?: boolean;
+};
+declare var __VLS_1: {};
+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";
+    dashed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/RsDivider.impl.js

@@ -0,0 +1,31 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/RsDivider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-orientation"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-divider__label"
+};
+var RsDivider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		dashed: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		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",
+				"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);
+		};
+	}
+});
+//#endregion
+export { RsDivider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDivider.js

@@ -0,0 +1,8 @@
+import './RsDivider.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsDivider_vue_vue_type_script_setup_true_lang_default from "./RsDivider.impl.js";
+
+//#region src/components/RsDivider.vue
+var RsDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDivider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7140d491"]]);
+//#endregion
+export { RsDivider_default as default };