niuma-ui 2.1.0 → 2.1.3

package/CHANGELOG.md

@@ -6,6 +6,31 @@
 
 ## [Unreleased]
 
+## [2.1.3] - 2026-09-22
+
+### 变更
+
+- 颜色主题：`applyColorTheme` / `clearColorTheme`。主题包只覆盖 `RS_COLOR_THEME_VARS` 里的语义 `--rs-*`，并标记 `data-rs-color-theme`。明暗仍是 `data-rs-theme="light|dark"`。同一明暗下更换皮肤时，代码编辑器、Monaco、终端和代码块会重读 token。文档站「主题定制」有可切换的演示。
+
+## [2.1.2] - 2026-09-22
+
+### 修复
+
+- 对话框里的代码块「复制」没有写入剪贴板。临时输入框原先挂在 `body` 上，打开的 `dialog` 不会把焦点交出去，报文和 Header 点复制没有效果。现在挂在当前对话框内，并在点击当下同步复制。只读代码块改为 `readOnly`，正文仍可选、可复制。
+
+## [2.1.1] - 2026-09-22
+
+### 修复
+
+- `RsDialog` / `RsConfirmDialog`：关闭时不挂 Teleport，打开时再解析 `teleportTo`。1.x 的 Reka 只在打开时传送；2.x 若在组件挂载时就解析，宿主在 `onMounted` 才创建的挂载点会被记成 null，再次打开会在空节点上更新。
+- 开发时宿主插件对纯再导出再跟一层。`isRsBrandIconName` 改写到 `icons/brand.ts`，不再经过 `icons/registry.ts`，具名导入不会把 Lucide 全库一起求值。导出表在进程启动时建立；遇到尚未收录的运行时导出会重读一次，避免长开的 dev server 对新增导出回 500。
+
+### 变更
+
+- `RsIcon`：业务用 `registerRsIcon(name, component)` 登记自己的 kebab-case 图标。页签、菜单、树、右键的 `icon` 字符串可以引用。内置 Lucide 名和品牌 mark 不能被盖掉。这个登记模块不引入 Lucide。
+- `RsTabs`：`draggable` 仍整项可拖。`showDragHandle` 默认改为 `false`，不再默认画出六点 grip（与 1.x 一致）。要图标时显式传 `showDragHandle`。
+- `RsDialog`：可拖动的窗口对话框改挂到 `body`。业务挂载点常有 `overflow: hidden`，拖出后背景会被裁掉。全屏逻辑不变。KeepAlive 切走页签时卸掉 body 上的浮层，并放开滚动锁、inert 和 document 监听，回到该页再占上。
+
 ## [2.1.0] - 2026-09-22
 
 ### 变更

package/dist/components/auto-complete/src/RsAutoComplete.d.ts

@@ -47,17 +47,17 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsAutoCompleteExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (query: string) => any;
     select: (value: string) => any;
+    clear: () => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
-    clear: () => any;
     "update:modelValue": (value: string) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSearch?: ((query: string) => any) | undefined;
     onSelect?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/components/code-block/src/RsCodeBlock.css

@@ -1,5 +1,5 @@
 
-.rs-code-block[data-v-227d5b66] {
+.rs-code-block[data-v-1bda0776] {
   position: relative;
   margin: 0;
   min-inline-size: 0;
@@ -11,11 +11,11 @@
   font-size: var(--rs-font-size-sm);
   color: var(--rs-code-block-fg, var(--rs-text-primary));
 }
-.rs-code-block--plain[data-v-227d5b66] {
+.rs-code-block--plain[data-v-1bda0776] {
   border: 0;
   border-radius: 0;
 }
-.rs-code-block__bar[data-v-227d5b66] {
+.rs-code-block__bar[data-v-1bda0776] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -25,13 +25,13 @@
   border-block-end: 1px solid var(--rs-code-block-border, var(--rs-border-subtle));
   background: var(--rs-code-block-bar-bg, var(--rs-surface-elevated));
 }
-.rs-code-block__meta[data-v-227d5b66] {
+.rs-code-block__meta[data-v-1bda0776] {
   display: flex;
   align-items: center;
   gap: var(--rs-space-sm);
   min-inline-size: 0;
 }
-.rs-code-block__file[data-v-227d5b66] {
+.rs-code-block__file[data-v-1bda0776] {
   min-inline-size: 0;
   overflow: hidden;
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
@@ -40,20 +40,20 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-code-block__lang[data-v-227d5b66] {
+.rs-code-block__lang[data-v-1bda0776] {
   flex-shrink: 0;
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
   font-size: var(--rs-font-size-xs);
   color: var(--rs-code-block-muted, var(--rs-text-tertiary));
   text-transform: lowercase;
 }
-.rs-code-block__actions[data-v-227d5b66] {
+.rs-code-block__actions[data-v-1bda0776] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   gap: var(--rs-space-xs);
 }
-.rs-code-block__copy[data-v-227d5b66] {
+.rs-code-block__copy[data-v-1bda0776] {
   padding-block: calc(var(--rs-space-xs) / 2);
   padding-inline: var(--rs-space-sm);
   border: 1px solid var(--rs-code-block-border, var(--rs-border-subtle));
@@ -67,16 +67,16 @@
     border-color var(--rs-code-block-transition, 120ms),
     background var(--rs-code-block-transition, 120ms);
 }
-.rs-code-block__copy[data-v-227d5b66]:hover {
+.rs-code-block__copy[data-v-1bda0776]:hover {
   color: var(--rs-code-block-fg, var(--rs-text-primary));
   border-color: var(--rs-border);
   background: var(--rs-item-hover);
 }
-.rs-code-block__copy[data-v-227d5b66]:focus-visible {
+.rs-code-block__copy[data-v-1bda0776]:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-code-block__sr[data-v-227d5b66] {
+.rs-code-block__sr[data-v-1bda0776] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -87,57 +87,57 @@
   white-space: nowrap;
   border: 0;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-editor {
+.rs-code-block__editor[data-v-1bda0776] .cm-editor {
   background: var(--rs-code-block-bg, var(--rs-surface-elevated)) !important;
   max-height: var(--rs-code-block-max-height, 32rem);
   overflow-y: auto;
 }
-.rs-code-block--plain .rs-code-block__editor[data-v-227d5b66] .cm-editor {
+.rs-code-block--plain .rs-code-block__editor[data-v-1bda0776] .cm-editor {
   max-height: none;
 }
-.rs-code-block--capped .rs-code-block__editor[data-v-227d5b66] .cm-editor {
+.rs-code-block--capped .rs-code-block__editor[data-v-1bda0776] .cm-editor {
   max-height: var(--rs-code-block-max-height, 32rem);
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-content {
+.rs-code-block__editor[data-v-1bda0776] .cm-content {
   color: var(--rs-code-block-fg, var(--rs-text-primary));
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-gutters {
+.rs-code-block__editor[data-v-1bda0776] .cm-gutters {
   background: var(--rs-code-block-gutter, var(--rs-surface-elevated)) !important;
   border-right-color: var(--rs-code-block-border, var(--rs-border-subtle)) !important;
   color: var(--rs-code-block-muted, var(--rs-text-tertiary));
 }
-.rs-code-block--no-lines .rs-code-block__editor[data-v-227d5b66] .cm-gutters {
+.rs-code-block--no-lines .rs-code-block__editor[data-v-1bda0776] .cm-gutters {
   display: none;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-activeLine {
+.rs-code-block__editor[data-v-1bda0776] .cm-activeLine {
   background: color-mix(in srgb, var(--rs-primary) 4%, transparent) !important;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-activeLineGutter {
+.rs-code-block__editor[data-v-1bda0776] .cm-activeLineGutter {
   background: color-mix(in srgb, var(--rs-primary) 6%, transparent) !important;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-scroller {
+.rs-code-block__editor[data-v-1bda0776] .cm-scroller {
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
   font-size: var(--rs-code-font-size, var(--rs-font-size-sm));
   line-height: var(--rs-code-line-height, var(--rs-line-height-relaxed));
 }
-.rs-code-block[data-v-227d5b66]:not(.rs-code-block--editable) .cm-cursor {
+.rs-code-block[data-v-1bda0776]:not(.rs-code-block--editable) .cm-cursor {
   display: none;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-editor.cm-focused {
+.rs-code-block__editor[data-v-1bda0776] .cm-editor.cm-focused {
   outline: none;
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-selectionBackground {
+.rs-code-block__editor[data-v-1bda0776] .cm-selectionBackground {
   background: color-mix(in srgb, var(--rs-primary) 22%, transparent) !important;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-focused .cm-selectionBackground {
+.rs-code-block__editor[data-v-1bda0776] .cm-focused .cm-selectionBackground {
   background: color-mix(in srgb, var(--rs-primary) 28%, transparent) !important;
 }
-.rs-code-block__editor[data-v-227d5b66] .cm-rs-code-line--highlight {
+.rs-code-block__editor[data-v-1bda0776] .cm-rs-code-line--highlight {
   background-color: var(--rs-code-block-highlight, color-mix(in srgb, var(--rs-primary) 14%, transparent));
 }
 @media (prefers-reduced-motion: reduce) {
-.rs-code-block__copy[data-v-227d5b66] {
+.rs-code-block__copy[data-v-1bda0776] {
     transition: none;
 }
 }

package/dist/components/code-block/src/RsCodeBlock.impl.js

@@ -136,7 +136,7 @@ var RsCodeBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				extensions: [
 					basicSetup,
 					wrapCompartment.of(props.wordWrap ? EditorView.lineWrapping : []),
-					editableCompartment.of(EditorView.editable.of(props.editable)),
+					editableCompartment.of(props.editable ? [] : [EditorState.readOnly.of(true)]),
 					...langExts,
 					codeBlockHighlightExtension(),
 					themeCompartment.of(dark ? [oneDark] : []),
@@ -187,7 +187,7 @@ var RsCodeBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			initEditor();
 		});
 		watch(() => props.editable, (editable) => {
-			view.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(editable)) });
+			view.value?.dispatch({ effects: editableCompartment.reconfigure(editable ? [] : [EditorState.readOnly.of(true)]) });
 		});
 		watch(() => props.wordWrap, (wrap) => {
 			view.value?.dispatch({ effects: wrapCompartment.reconfigure(wrap ? EditorView.lineWrapping : []) });

package/dist/components/code-block/src/RsCodeBlock.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsCodeBlock_vue_vue_type_script_setup_true_lang_default from "./RsCodeBlock.impl.js";
 
 //#region src/components/code-block/src/RsCodeBlock.vue
-var RsCodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCodeBlock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-227d5b66"]]);
+var RsCodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCodeBlock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1bda0776"]]);
 //#endregion
 export { RsCodeBlock_default as default };

package/dist/components/code-block/src/code-block-utils.js

@@ -1,3 +1,4 @@
+import { documentThemeAttributes } from "../../../theme/color-theme.js";
 //#region src/components/code-block/src/code-block-utils.ts
 var COPY_FEEDBACK_MS = 1500;
 var DOWNLOAD_REVOKE_MS = 1500;
@@ -51,7 +52,7 @@ function ensureThemeObserver() {
 	});
 	themeObserver.observe(document.documentElement, {
 		attributes: true,
-		attributeFilter: ["data-rs-theme"],
+		attributeFilter: [...documentThemeAttributes],
 		subtree: true
 	});
 }

package/dist/components/code-editor/src/code-editor-utils.js

@@ -1,4 +1,5 @@
 import { readResolvedTheme } from "../../../theme/apply.js";
+import { documentThemeAttributes } from "../../../theme/color-theme.js";
 //#region src/components/code-editor/src/code-editor-utils.ts
 var SUPPORTED_LANGUAGES = [
 	"plaintext",
@@ -81,7 +82,7 @@ function subscribeDocumentTheme(listener) {
 		});
 		themeObserver.observe(document.documentElement, {
 			attributes: true,
-			attributeFilter: ["data-rs-theme"]
+			attributeFilter: [...documentThemeAttributes]
 		});
 	}
 	let active = true;

package/dist/components/context-menu/src/RsContextMenu.css

@@ -13,10 +13,13 @@
   width: max-content;
   padding: var(--rs-ctx-pad);
   border-radius: var(--rs-ctx-radius);
-  border: 0.5px solid var(--rs-ctx-border);
+  border: 1px solid var(--rs-ctx-border);
   background: var(--rs-ctx-bg);
   box-shadow: var(--rs-ctx-shadow);
   color: var(--rs-ctx-fg);
+  font-family: var(--rs-font-sans);
+  font-size: var(--rs-ctx-font-size);
+  line-height: var(--rs-line-height-tight);
   outline: none;
   overflow-x: hidden;
   overflow-y: auto;
@@ -39,7 +42,7 @@
   transform-origin: bottom right;
 }
 .rs-context-menu__content[data-placed] {
-  animation: rs-ctx-in var(--rs-ctx-motion-in) cubic-bezier(0.36, 0.07, 0.19, 0.97);
+  animation: rs-ctx-in var(--rs-ctx-motion-in) ease-out;
 }
 .rs-context-menu__sub-content[data-placed] {
   animation: rs-ctx-sub-in var(--rs-ctx-motion-sub) ease-out;
@@ -89,7 +92,7 @@ to {
   width: 100%;
   box-sizing: border-box;
   margin: 0;
-  padding: 0 8px 0 0;
+  padding: 0 0.625rem 0 0;
   min-height: var(--rs-ctx-item-height);
   border: 0;
   border-radius: var(--rs-ctx-item-radius);
@@ -105,6 +108,9 @@ to {
   appearance: none;
   outline: none;
   user-select: none;
+  transition:
+    background-color 0.08s ease-out,
+    color 0.08s ease-out;
 }
 .rs-context-menu__icon-cell {
   flex-shrink: 0;
@@ -135,11 +141,10 @@ to {
 }
 .rs-context-menu__shortcut {
   flex-shrink: 0;
-  margin-inline-start: 16px;
-  font-size: var(--rs-ctx-font-size);
+  margin-inline-start: 1.75rem;
+  font-size: var(--rs-font-size-xs);
   font-weight: var(--rs-font-weight-regular);
   color: var(--rs-ctx-muted);
-  letter-spacing: 0.02em;
   font-family: var(--rs-font-sans);
 }
 .rs-context-menu__arrow {
@@ -166,8 +171,7 @@ to {
   color: var(--rs-ctx-item-active-muted);
 }
 .rs-context-menu__item:focus-visible {
-  outline: var(--rs-focus-ring-width, 2px) solid var(--rs-focus-ring);
-  outline-offset: -2px;
+  outline: none;
 }
 .rs-context-menu__item--danger {
   color: var(--rs-ctx-danger);
@@ -175,28 +179,24 @@ to {
 .rs-context-menu__item--danger .rs-context-menu__icon-cell {
   color: var(--rs-ctx-danger);
 }
-.rs-context-menu__item--danger[data-highlighted],
-.rs-context-menu__item--danger[data-state='open'] {
-  background: var(--rs-ctx-danger);
-  color: var(--rs-ctx-item-active-fg);
-}
-.rs-context-menu__item--danger[data-highlighted] .rs-context-menu__icon-cell,
-.rs-context-menu__item--danger[data-state='open'] .rs-context-menu__icon-cell {
-  color: var(--rs-ctx-item-active-muted);
-}
 .rs-context-menu__item[data-disabled] {
   opacity: var(--rs-ctx-disabled-opacity);
   cursor: not-allowed;
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-context-menu__item {
+    transition: none;
+}
+}
 .rs-context-menu__separator {
   height: 1px;
-  margin: 5px 0;
+  margin: 4px 0.375rem;
   border: 0;
   background: var(--rs-ctx-separator);
 }
 .rs-context-menu__group {
   margin: 0;
-  padding: 6px 8px 2px;
+  padding: 0.375rem 0.75rem 0.125rem var(--rs-ctx-icon-col);
   font-size: var(--rs-font-size-xs);
   line-height: 1.2;
   color: var(--rs-ctx-muted);

package/dist/components/date-picker/src/RsDatePicker.d.ts

@@ -66,17 +66,17 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsDatePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: RsDatePickerModelValue) => any;
+    clear: () => any;
     blur: () => any;
     focus: () => any;
-    clear: () => any;
     "update:modelValue": (value: RsDatePickerModelValue) => any;
     openChange: (open: boolean) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: RsDatePickerModelValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
     onOpenChange?: ((open: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/date-picker/src/RsDateTimePicker.d.ts

@@ -48,17 +48,17 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsDatePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: RsDatePickerModelValue) => any;
+    clear: () => any;
     blur: () => any;
     focus: () => any;
-    clear: () => any;
     "update:modelValue": (value: RsDatePickerModelValue) => any;
     openChange: (open: boolean) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: RsDatePickerModelValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
     onOpenChange?: ((open: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/dialog/src/RsConfirmDialog.css

@@ -1,22 +1,22 @@
 
-.rs-confirm-dialog[data-v-2c82ddba] {
+.rs-confirm-dialog[data-v-0da3ba25] {
   display: contents;
 }
-.rs-confirm-dialog__anchor[data-v-2c82ddba] {
+.rs-confirm-dialog__anchor[data-v-0da3ba25] {
   display: none;
 }
-.rs-confirm-dialog__backdrop[data-v-2c82ddba] {
+.rs-confirm-dialog__backdrop[data-v-0da3ba25] {
   position: fixed;
   inset: 0;
   z-index: var(--rs-z-modal);
   background: transparent;
 }
-.rs-confirm-dialog__overlay[data-v-2c82ddba] {
+.rs-confirm-dialog__overlay[data-v-0da3ba25] {
   background: var(--rs-dialog-overlay-bg);
   backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
   -webkit-backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
 }
-.rs-confirm-dialog__content[data-v-2c82ddba] {
+.rs-confirm-dialog__content[data-v-0da3ba25] {
   position: fixed;
   left: 50%;
   top: calc(
@@ -39,26 +39,26 @@
   box-shadow: var(--rs-dialog-shadow);
   outline: none;
 }
-.rs-confirm-dialog__content[data-v-2c82ddba]:focus-visible {
+.rs-confirm-dialog__content[data-v-0da3ba25]:focus-visible {
   box-shadow:
     var(--rs-dialog-shadow),
     0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
 }
-.rs-confirm-dialog__content--sm[data-v-2c82ddba] {
+.rs-confirm-dialog__content--sm[data-v-0da3ba25] {
   max-width: 24rem;
 }
-.rs-confirm-dialog__content--md[data-v-2c82ddba] {
+.rs-confirm-dialog__content--md[data-v-0da3ba25] {
   max-width: 32rem;
 }
-.rs-confirm-dialog__content--lg[data-v-2c82ddba] {
+.rs-confirm-dialog__content--lg[data-v-0da3ba25] {
   max-width: 42rem;
 }
-[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-2c82ddba] {
+[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
   background: color-mix(in srgb, var(--rs-dialog-bg) 94%, transparent);
   backdrop-filter: blur(24px) saturate(180%);
   -webkit-backdrop-filter: blur(24px) saturate(180%);
 }
-.rs-confirm-dialog__icon[data-v-2c82ddba] {
+.rs-confirm-dialog__icon[data-v-0da3ba25] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -68,47 +68,47 @@
   border-radius: var(--rs-radius);
   font-weight: var(--rs-font-weight-bold);
 }
-.rs-confirm-dialog__icon-glyph[data-v-2c82ddba] {
+.rs-confirm-dialog__icon-glyph[data-v-0da3ba25] {
   width: 1.25rem;
   height: 1.25rem;
   display: block;
 }
-.rs-confirm-dialog__icon--danger[data-v-2c82ddba] {
+.rs-confirm-dialog__icon--danger[data-v-0da3ba25] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
 }
-.rs-confirm-dialog__icon--warning[data-v-2c82ddba] {
+.rs-confirm-dialog__icon--warning[data-v-0da3ba25] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
 }
-.rs-confirm-dialog__icon--success[data-v-2c82ddba] {
+.rs-confirm-dialog__icon--success[data-v-0da3ba25] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
 }
-.rs-confirm-dialog__icon--info[data-v-2c82ddba],
-.rs-confirm-dialog__icon--default[data-v-2c82ddba] {
+.rs-confirm-dialog__icon--info[data-v-0da3ba25],
+.rs-confirm-dialog__icon--default[data-v-0da3ba25] {
   background: var(--rs-info-container);
   color: var(--rs-on-info-container);
 }
-.rs-confirm-dialog__main[data-v-2c82ddba] {
+.rs-confirm-dialog__main[data-v-0da3ba25] {
   min-width: 0;
   flex: 1;
 }
-.rs-confirm-dialog__title[data-v-2c82ddba] {
+.rs-confirm-dialog__title[data-v-0da3ba25] {
   margin: 0;
   font-size: var(--rs-font-size-base);
   font-weight: var(--rs-font-weight-semibold);
   letter-spacing: -0.01em;
   color: var(--rs-dialog-title-fg);
 }
-.rs-confirm-dialog__subtitle[data-v-2c82ddba] {
+.rs-confirm-dialog__subtitle[data-v-0da3ba25] {
   margin: var(--rs-space-xs) 0 0;
   color: var(--rs-dialog-description-fg);
   font-size: var(--rs-font-size-sm);
   line-height: var(--rs-line-height-normal);
   opacity: 0.85;
 }
-.rs-confirm-dialog__description[data-v-2c82ddba] {
+.rs-confirm-dialog__description[data-v-0da3ba25] {
   margin: var(--rs-space-sm) 0 0;
   color: var(--rs-dialog-description-fg);
   font-size: var(--rs-font-size-sm);
@@ -116,11 +116,11 @@
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
-.rs-confirm-dialog__extra[data-v-2c82ddba] {
+.rs-confirm-dialog__extra[data-v-0da3ba25] {
   margin-top: var(--rs-space-md);
   min-width: 0;
 }
-.rs-confirm-dialog__footer[data-v-2c82ddba] {
+.rs-confirm-dialog__footer[data-v-0da3ba25] {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
@@ -132,12 +132,12 @@
   border-block-start: 1px solid color-mix(in srgb, var(--rs-dialog-separator) 72%, transparent);
 }
 @media (prefers-reduced-motion: reduce) {
-[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-2c82ddba] {
+[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
     background: var(--rs-dialog-bg);
 }
-.rs-confirm-dialog__overlay[data-v-2c82ddba] {
+.rs-confirm-dialog__overlay[data-v-0da3ba25] {
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
 }

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

@@ -353,12 +353,12 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				hidden: "",
 				class: "rs-confirm-dialog__anchor",
 				"aria-hidden": "true"
-			}, null, 512), (openBlock(), createBlock(Teleport, {
+			}, null, 512), open.value ? (openBlock(), createBlock(Teleport, {
+				key: 0,
 				defer: "",
 				to: teleportTarget.value,
 				disabled: teleportDisabled.value
-			}, [open.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
+			}, [createElementVNode("div", {
 				ref_key: "shellRef",
 				ref: shellRef,
 				class: "rs-confirm-dialog",
@@ -429,7 +429,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"loading",
 					"disabled"
 				])])
-			])], 14, _hoisted_2)], 8, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]))], 64);
+			])], 14, _hoisted_2)], 8, _hoisted_1)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
 		};
 	}
 });

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

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsConfirmDialog_vue_vue_type_script_setup_true_lang_default from "./RsConfirmDialog.impl.js";
 
 //#region src/components/dialog/src/RsConfirmDialog.vue
-var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2c82ddba"]]);
+var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0da3ba25"]]);
 //#endregion
 export { RsConfirmDialog_default as default };