niuma-ui 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.en.md +1 -118
  3. package/README.md +58 -62
  4. package/README.zh-CN.md +128 -0
  5. package/dist/brand-icons.css +40 -0
  6. package/dist/components/_shared/src/reka.d.ts +1 -1
  7. package/dist/components/_shared/src/reka.js +2 -2
  8. package/dist/components/_shared/src/resolve-radius.js +1 -1
  9. package/dist/components/avatar/src/RsAvatar.impl.js +1 -1
  10. package/dist/components/button/src/RsButton.impl.js +1 -1
  11. package/dist/components/card/src/RsCard.impl.js +1 -1
  12. package/dist/components/cascader/src/RsCascader.css +20 -20
  13. package/dist/components/cascader/src/RsCascader.js +1 -1
  14. package/dist/components/code-block/src/RsCodeBlock.d.ts +1 -1
  15. package/dist/components/code-editor/src/code-editor-utils.js +2 -2
  16. package/dist/components/code-editor/src/code-mirror-lang.js +1 -1
  17. package/dist/components/config-provider/src/RsConfigProvider.css +2 -2
  18. package/dist/components/config-provider/src/RsConfigProvider.d.ts +8 -6
  19. package/dist/components/config-provider/src/RsConfigProvider.impl.js +64 -15
  20. package/dist/components/config-provider/src/RsConfigProvider.js +1 -1
  21. package/dist/components/context-menu/src/RsContextMenu.css +2 -2
  22. package/dist/components/context-menu/src/RsContextMenuItems.impl.js +1 -1
  23. package/dist/components/date-picker/src/RsDatePicker.css +17 -17
  24. package/dist/components/date-picker/src/RsDatePicker.impl.js +2 -2
  25. package/dist/components/date-picker/src/RsDatePicker.js +1 -1
  26. package/dist/components/dialog/src/RsConfirmDialog.impl.js +1 -1
  27. package/dist/components/dialog/src/RsDialog.css +1 -2
  28. package/dist/components/dialog/src/RsDialog.impl.js +1 -1
  29. package/dist/components/divider/src/RsDivider.css +13 -13
  30. package/dist/components/divider/src/RsDivider.js +1 -1
  31. package/dist/components/drawer/src/RsDrawer.css +2 -4
  32. package/dist/components/drawer/src/RsDrawer.impl.js +1 -1
  33. package/dist/components/dropdown/src/RsDropdown.css +2 -2
  34. package/dist/components/dropdown/src/RsDropdown.impl.js +1 -1
  35. package/dist/components/dropdown/src/RsDropdownItemView.impl.js +1 -1
  36. package/dist/components/form/src/form-rules.js +2 -2
  37. package/dist/components/icon/src/RsIcon.css +4 -4
  38. package/dist/components/icon/src/RsIcon.impl.js +6 -1
  39. package/dist/components/icon/src/RsIcon.js +1 -1
  40. package/dist/components/input/src/RsInput.css +86 -86
  41. package/dist/components/input/src/RsInput.js +1 -1
  42. package/dist/components/input/src/input-rules.js +3 -3
  43. package/dist/components/input-number/src/RsInputNumber.css +32 -32
  44. package/dist/components/input-number/src/RsInputNumber.js +1 -1
  45. package/dist/components/label/src/RsLabel.css +7 -7
  46. package/dist/components/label/src/RsLabel.js +1 -1
  47. package/dist/components/loading-bar/src/RsLoadingBar.css +4 -5
  48. package/dist/components/loading-bar/src/RsLoadingBar.js +1 -1
  49. package/dist/components/log/src/RsLog.css +39 -39
  50. package/dist/components/log/src/RsLog.d.ts +1 -1
  51. package/dist/components/log/src/RsLog.impl.js +1 -1
  52. package/dist/components/log/src/RsLog.js +1 -1
  53. package/dist/components/markdown/src/RsMarkdown.css +9 -7
  54. package/dist/components/menu/src/RsMenu.css +5 -5
  55. package/dist/components/menu/src/RsMenuItems.impl.js +1 -1
  56. package/dist/components/pagination/src/RsPagination.css +18 -18
  57. package/dist/components/pagination/src/RsPagination.impl.js +1 -1
  58. package/dist/components/pagination/src/RsPagination.js +1 -1
  59. package/dist/components/radio/src/RsRadio.impl.js +1 -1
  60. package/dist/components/radio/src/RsRadioItem.impl.js +1 -1
  61. package/dist/components/select/src/RsSelect.css +42 -42
  62. package/dist/components/select/src/RsSelect.impl.js +2 -2
  63. package/dist/components/select/src/RsSelect.js +1 -1
  64. package/dist/components/steps/src/RsSteps.css +18 -18
  65. package/dist/components/steps/src/RsSteps.js +1 -1
  66. package/dist/components/switch/src/RsSwitch.css +4 -6
  67. package/dist/components/switch/src/RsSwitch.impl.js +1 -1
  68. package/dist/components/table/style/rs-table.css +15 -15
  69. package/dist/components/tabs/src/RsTabs.impl.js +1 -1
  70. package/dist/components/terminal/src/RsTerminal.css +24 -24
  71. package/dist/components/terminal/src/RsTerminal.js +1 -1
  72. package/dist/components/textarea/src/RsTextarea.css +26 -26
  73. package/dist/components/textarea/src/RsTextarea.js +1 -1
  74. package/dist/components/time-picker/src/RsTimePicker.css +20 -20
  75. package/dist/components/time-picker/src/RsTimePicker.impl.js +2 -2
  76. package/dist/components/time-picker/src/RsTimePicker.js +1 -1
  77. package/dist/components/toaster/src/RsToaster.css +6 -6
  78. package/dist/components/toaster/src/RsToaster.impl.js +3 -6
  79. package/dist/components/tooltip/src/RsTooltip.impl.js +1 -1
  80. package/dist/components/tree/src/RsTree.css +72 -73
  81. package/dist/components/tree/src/RsTree.js +1 -1
  82. package/dist/components/tree-select/src/RsTreeSelect.css +11 -11
  83. package/dist/components/tree-select/src/RsTreeSelect.js +1 -1
  84. package/dist/components/virtual-list/src/RsVirtualList.css +7 -8
  85. package/dist/components/virtual-list/src/RsVirtualList.js +1 -1
  86. package/dist/composables/createRsDialog.js +6 -5
  87. package/dist/composables/useRsConfig.d.ts +11 -3
  88. package/dist/composables/useRsConfig.js +18 -6
  89. package/dist/composables/useRsI18n.d.ts +1 -1
  90. package/dist/composables/useRsI18n.js +5 -5
  91. package/dist/icons/brand.d.ts +6 -0
  92. package/dist/icons/brand.js +26 -0
  93. package/dist/icons/registry.d.ts +2 -0
  94. package/dist/icons/registry.js +2 -1
  95. package/dist/index.d.ts +8 -4
  96. package/dist/index.js +19 -0
  97. package/dist/locale/apply.d.ts +8 -0
  98. package/dist/locale/apply.js +20 -0
  99. package/dist/locale/interpolate.d.ts +4 -3
  100. package/dist/locale/interpolate.js +108 -5
  101. package/dist/locale/messages.d.ts +2 -4
  102. package/dist/locale/messages.js +7 -9
  103. package/dist/locale/registry-public.d.ts +3 -0
  104. package/dist/locale/registry.d.ts +19 -0
  105. package/dist/locale/registry.js +50 -0
  106. package/dist/locale/resolve-host.d.ts +7 -0
  107. package/dist/locale/resolve-host.js +46 -0
  108. package/dist/locale/types.d.ts +13 -2
  109. package/dist/locale/types.js +6 -1
  110. package/dist/styles.css +245 -250
  111. package/dist/theme/apply.d.ts +15 -3
  112. package/dist/theme/apply.js +41 -4
  113. package/dist/theme/brand.example.css +5 -1
  114. package/dist/theme/presets.d.ts +6 -5
  115. package/dist/theme/presets.js +4 -3
  116. package/dist/theme/types.d.ts +15 -7
  117. package/dist/theme/types.js +4 -1
  118. package/dist/vite-plugins/niuma-ui-host.js +7 -0
  119. package/package.json +3 -1
@@ -120,7 +120,7 @@
120
120
  }
121
121
  .rs-table--column-bordered .rs-table__th:not(:last-child),
122
122
  .rs-table--column-bordered .rs-table__td:not(:last-child) {
123
- border-right: 1px solid var(--rs-table-cell-divider);
123
+ border-inline-end: 1px solid var(--rs-table-cell-divider);
124
124
  }
125
125
  .rs-table__table {
126
126
  width: 100%;
@@ -287,7 +287,7 @@
287
287
  white-space: nowrap;
288
288
  }
289
289
  .rs-table__sort-priority {
290
- margin-left: 0.125rem;
290
+ margin-inline-start: 0.125rem;
291
291
  font-size: 0.625rem;
292
292
  color: var(--rs-table-muted-fg);
293
293
  }
@@ -362,13 +362,13 @@
362
362
  white-space: nowrap;
363
363
  }
364
364
  .rs-table__summary-cell--left {
365
- text-align: left;
365
+ text-align: start;
366
366
  }
367
367
  .rs-table__summary-cell--center {
368
368
  text-align: center;
369
369
  }
370
370
  .rs-table__summary-cell--right {
371
- text-align: right;
371
+ text-align: end;
372
372
  }
373
373
  .rs-table__summary-cell--pad {
374
374
  padding: 0;
@@ -392,7 +392,7 @@
392
392
  display: inline-flex;
393
393
  align-items: center;
394
394
  gap: 0.125rem;
395
- margin-left: var(--rs-space-xs);
395
+ margin-inline-start: var(--rs-space-xs);
396
396
  vertical-align: middle;
397
397
  flex-shrink: 0;
398
398
  }
@@ -428,7 +428,7 @@
428
428
  gap: 0.125rem;
429
429
  min-width: 1.125rem;
430
430
  height: 1.125rem;
431
- margin-left: 0;
431
+ margin-inline-start: 0;
432
432
  padding: 0;
433
433
  border: 0;
434
434
  background: transparent;
@@ -564,7 +564,7 @@
564
564
  vertical-align: middle;
565
565
  color: var(--rs-table-muted-fg);
566
566
  background: var(--rs-table-gutter-bg);
567
- border-right: 1px solid var(--rs-table-gutter-border);
567
+ border-inline-end: 1px solid var(--rs-table-gutter-border);
568
568
  user-select: none;
569
569
  }
570
570
  .rs-table__th--gutter {
@@ -786,13 +786,13 @@
786
786
  line-height: 0;
787
787
  }
788
788
  .rs-table__cell--left {
789
- text-align: left;
789
+ text-align: start;
790
790
  }
791
791
  .rs-table__cell--center {
792
792
  text-align: center;
793
793
  }
794
794
  .rs-table__cell--right {
795
- text-align: right;
795
+ text-align: end;
796
796
  }
797
797
  .rs-table__empty {
798
798
  padding: 0;
@@ -802,7 +802,7 @@
802
802
  /* 宽表时 td 远大于视口;内层 sticky + 视口宽度,保证空态落在可见区域中心 */
803
803
  .rs-table__empty-content {
804
804
  position: sticky;
805
- left: 0;
805
+ inset-inline-start: 0;
806
806
  box-sizing: border-box;
807
807
  max-width: 100%;
808
808
  padding: var(--rs-space-xl);
@@ -824,7 +824,7 @@
824
824
  .rs-table__resize-handle {
825
825
  position: absolute;
826
826
  top: 0;
827
- right: 0;
827
+ inset-inline-end: 0;
828
828
  width: 7px;
829
829
  height: 100%;
830
830
  transform: translateX(50%);
@@ -1043,7 +1043,7 @@
1043
1043
  padding: var(--rs-space-md) var(--rs-space-lg);
1044
1044
  }
1045
1045
  .rs-table-cell-editor--inline .rs-input-number__handlers {
1046
- border-left-color: transparent;
1046
+ border-inline-start-color: transparent;
1047
1047
  }
1048
1048
  .rs-table-cell-editor--inline .rs-input-number__handler--up {
1049
1049
  border-bottom-color: transparent;
@@ -1189,7 +1189,7 @@
1189
1189
  .rs-table-cell-editor__validating {
1190
1190
  position: absolute;
1191
1191
  top: 2px;
1192
- right: 4px;
1192
+ inset-inline-end: 4px;
1193
1193
  z-index: 1;
1194
1194
  font-size: 10px;
1195
1195
  line-height: 1;
@@ -1199,7 +1199,7 @@
1199
1199
  .rs-table-cell-editor__null-tag {
1200
1200
  position: absolute;
1201
1201
  top: 2px;
1202
- right: 4px;
1202
+ inset-inline-end: 4px;
1203
1203
  z-index: 1;
1204
1204
  font-size: 10px;
1205
1205
  line-height: 1;
@@ -1212,7 +1212,7 @@
1212
1212
  .rs-table-cell-editor__null-tag {
1213
1213
  position: absolute;
1214
1214
  top: 2px;
1215
- right: 4px;
1215
+ inset-inline-end: 4px;
1216
1216
  z-index: 1;
1217
1217
  font-size: 10px;
1218
1218
  line-height: 1;
@@ -1,6 +1,6 @@
1
+ import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, TabsContent, TabsList, TabsRoot, TabsTrigger } from "../../_shared/src/reka.js";
1
2
  import { useRsI18n } from "../../../composables/useRsI18n.js";
2
3
  import RsIcon_default from "../../icon/src/RsIcon.js";
3
- import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, TabsContent, TabsList, TabsRoot, TabsTrigger } from "../../_shared/src/reka.js";
4
4
  import { buildTabContextMenuItems, getNextTabAfterBatchClose, getNextTabAfterClose, isTabClosable, isTabFixed, isTabRenamable, resolveTabsToClose } from "./tabs-utils.js";
5
5
  import { useRsTabsNav } from "../../../composables/useRsTabsNav.js";
6
6
  import RsContextMenu_default from "../../context-menu/src/RsContextMenu.js";
@@ -1,5 +1,5 @@
1
1
 
2
- .rs-terminal[data-v-69d9aa6d] {
2
+ .rs-terminal[data-v-fcddd3a1] {
3
3
  position: relative;
4
4
  height: 100%;
5
5
  min-height: 0;
@@ -16,13 +16,13 @@
16
16
  0 1px 3px color-mix(in srgb, #000 32%, transparent);
17
17
  overflow: hidden;
18
18
  }
19
- [data-rs-theme='light'] .rs-terminal[data-v-69d9aa6d] {
19
+ [data-rs-theme='light'] .rs-terminal[data-v-fcddd3a1] {
20
20
  box-shadow:
21
21
  inset 0 1px 0 color-mix(in srgb, #fff 80%, transparent),
22
22
  inset 0 0 0 1px color-mix(in srgb, #000 4%, transparent),
23
23
  0 1px 4px color-mix(in srgb, #000 8%, transparent);
24
24
  }
25
- .rs-terminal__host[data-v-69d9aa6d] {
25
+ .rs-terminal__host[data-v-fcddd3a1] {
26
26
  position: relative;
27
27
  width: 100%;
28
28
  height: 100%;
@@ -30,15 +30,15 @@
30
30
  /* FitAddon 取整余量露底时,与单元格同色(勿用 shell 灰底) */
31
31
  background: var(--rs-terminal-bg);
32
32
  }
33
- .rs-terminal__loading[data-v-69d9aa6d],
34
- .rs-terminal__overlay[data-v-69d9aa6d] {
33
+ .rs-terminal__loading[data-v-fcddd3a1],
34
+ .rs-terminal__overlay[data-v-fcddd3a1] {
35
35
  position: absolute;
36
36
  inset: 0;
37
37
  display: flex;
38
38
  align-items: center;
39
39
  justify-content: center;
40
40
  }
41
- .rs-terminal__overlay[data-v-69d9aa6d] {
41
+ .rs-terminal__overlay[data-v-fcddd3a1] {
42
42
  flex-direction: column;
43
43
  gap: var(--rs-space-sm);
44
44
  padding: var(--rs-space-lg);
@@ -51,16 +51,16 @@
51
51
  font-weight: var(--rs-font-weight-regular);
52
52
  line-height: var(--rs-line-height-normal);
53
53
  }
54
- .rs-terminal__overlay--interactive[data-v-69d9aa6d] {
54
+ .rs-terminal__overlay--interactive[data-v-fcddd3a1] {
55
55
  pointer-events: auto;
56
56
  }
57
- .rs-terminal__overlay-action[data-v-69d9aa6d] {
57
+ .rs-terminal__overlay-action[data-v-fcddd3a1] {
58
58
  pointer-events: auto;
59
59
  }
60
- .rs-terminal__search[data-v-69d9aa6d] {
60
+ .rs-terminal__search[data-v-fcddd3a1] {
61
61
  position: absolute;
62
62
  top: var(--rs-space-xs);
63
- right: var(--rs-space-xs);
63
+ inset-inline-end: var(--rs-space-xs);
64
64
  z-index: 2;
65
65
  display: flex;
66
66
  align-items: center;
@@ -70,7 +70,7 @@
70
70
  border-radius: var(--rs-radius-sm);
71
71
  background: color-mix(in srgb, var(--rs-terminal-bg) 92%, transparent);
72
72
  }
73
- .rs-terminal__search-input[data-v-69d9aa6d] {
73
+ .rs-terminal__search-input[data-v-fcddd3a1] {
74
74
  width: 12rem;
75
75
  padding: 0.2rem 0.4rem;
76
76
  border: 1px solid var(--rs-terminal-border);
@@ -81,7 +81,7 @@
81
81
  font-size: var(--rs-font-size-xs);
82
82
  outline: none;
83
83
  }
84
- .rs-terminal__search-btn[data-v-69d9aa6d] {
84
+ .rs-terminal__search-btn[data-v-fcddd3a1] {
85
85
  padding: 0.2rem 0.4rem;
86
86
  border: 1px solid var(--rs-terminal-border);
87
87
  border-radius: var(--rs-radius-sm);
@@ -98,7 +98,7 @@
98
98
  * DOM 渲染器于是按 `cellWidth - 测量值` 给每个字符补正字距,行盒却仍是 cols × cellWidth,
99
99
  * 逐列累积后整行溢出十几到几十像素,被行盒的 overflow:hidden 切掉行尾几个字符。
100
100
  */
101
- .rs-terminal[data-v-69d9aa6d] .xterm {
101
+ .rs-terminal[data-v-fcddd3a1] .xterm {
102
102
  width: 100%;
103
103
  height: 100%;
104
104
  line-height: normal;
@@ -109,7 +109,7 @@
109
109
  * xterm 6 官方仍给空的 .xterm-viewport 写 overflow-y:scroll + 背景 #000。
110
110
  * 真正滚动的是 .xterm-scrollable-element;空层滚动条会挡住最后一列。
111
111
  */
112
- .rs-terminal[data-v-69d9aa6d] .xterm .xterm-viewport {
112
+ .rs-terminal[data-v-fcddd3a1] .xterm .xterm-viewport {
113
113
  overflow: hidden;
114
114
  background-color: transparent;
115
115
  }
@@ -119,7 +119,7 @@
119
119
  * 的圆角胶囊不一致。轨道宽度由 overviewRuler.width 决定,改它会给每个终端实例多建一块
120
120
  * overview ruler 画布,因此只重绘滑块:热区仍是 14px,靠透明边框内缩出 10px 可见胶囊。
121
121
  */
122
- .rs-terminal[data-v-69d9aa6d] .xterm-scrollable-element > .scrollbar > .slider {
122
+ .rs-terminal[data-v-fcddd3a1] .xterm-scrollable-element > .scrollbar > .slider {
123
123
  box-sizing: border-box;
124
124
  border: var(--rs-scrollbar-padding, 2px) solid transparent;
125
125
  border-radius: var(--rs-radius-full);
@@ -127,18 +127,18 @@
127
127
  background-clip: padding-box;
128
128
  transition: background-color var(--rs-transition-fast);
129
129
  }
130
- .rs-terminal[data-v-69d9aa6d] .xterm-scrollable-element > .scrollbar > .slider:hover {
130
+ .rs-terminal[data-v-fcddd3a1] .xterm-scrollable-element > .scrollbar > .slider:hover {
131
131
  background-color: color-mix(in srgb, var(--rs-primary) 40%, var(--rs-muted));
132
132
  }
133
- .rs-terminal[data-v-69d9aa6d] .xterm-scrollable-element > .scrollbar > .slider.active {
133
+ .rs-terminal[data-v-fcddd3a1] .xterm-scrollable-element > .scrollbar > .slider.active {
134
134
  background-color: color-mix(in srgb, var(--rs-primary) 55%, var(--rs-muted));
135
135
  }
136
- .rs-terminal--zebra[data-v-69d9aa6d] .xterm-rows,
137
- .rs-terminal--zebra[data-v-69d9aa6d] .xterm-rows > div,
138
- .rs-terminal--zebra[data-v-69d9aa6d] .xterm-row {
136
+ .rs-terminal--zebra[data-v-fcddd3a1] .xterm-rows,
137
+ .rs-terminal--zebra[data-v-fcddd3a1] .xterm-rows > div,
138
+ .rs-terminal--zebra[data-v-fcddd3a1] .xterm-row {
139
139
  background-color: transparent !important;
140
140
  }
141
- .rs-terminal--zebra[data-v-69d9aa6d] .xterm-scrollable-element {
141
+ .rs-terminal--zebra[data-v-fcddd3a1] .xterm-scrollable-element {
142
142
  background-color: transparent !important;
143
143
  background-image: repeating-linear-gradient(
144
144
  to bottom,
@@ -149,12 +149,12 @@
149
149
  );
150
150
  background-attachment: local;
151
151
  }
152
- .rs-terminal--zebra[data-v-69d9aa6d] .xterm-screen {
152
+ .rs-terminal--zebra[data-v-fcddd3a1] .xterm-screen {
153
153
  background-color: transparent !important;
154
154
  }
155
- .rs-terminal[data-v-69d9aa6d] .xterm-fg-257 {
155
+ .rs-terminal[data-v-fcddd3a1] .xterm-fg-257 {
156
156
  color: var(--rs-terminal-bg) !important;
157
157
  }
158
- .rs-terminal[data-v-69d9aa6d] .xterm-bg-257 {
158
+ .rs-terminal[data-v-fcddd3a1] .xterm-bg-257 {
159
159
  background-color: var(--rs-terminal-fg) !important;
160
160
  }
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsTerminal_vue_vue_type_script_setup_true_lang_default from "./RsTerminal.impl.js";
4
4
 
5
5
  //#region src/components/terminal/src/RsTerminal.vue
6
- var RsTerminal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTerminal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-69d9aa6d"]]);
6
+ var RsTerminal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTerminal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fcddd3a1"]]);
7
7
  //#endregion
8
8
  export { RsTerminal_default as default };
@@ -1,8 +1,8 @@
1
1
 
2
- .rs-textarea[data-v-8043cc1b] {
2
+ .rs-textarea[data-v-cba8d859] {
3
3
  width: 100%;
4
4
  }
5
- .rs-textarea__shell[data-v-8043cc1b] {
5
+ .rs-textarea__shell[data-v-cba8d859] {
6
6
  position: relative;
7
7
  box-sizing: border-box;
8
8
  width: 100%;
@@ -14,32 +14,32 @@
14
14
  border-color var(--rs-transition-fast),
15
15
  box-shadow var(--rs-transition-fast);
16
16
  }
17
- .rs-textarea__shell[data-v-8043cc1b]:hover:not(.is-disabled):not(.is-readonly):not(:focus-within) {
17
+ .rs-textarea__shell[data-v-cba8d859]:hover:not(.is-disabled):not(.is-readonly):not(:focus-within) {
18
18
  border-color: var(--rs-input-border-hover, var(--rs-border));
19
19
  }
20
- .rs-textarea__shell[data-v-8043cc1b]:focus-within {
20
+ .rs-textarea__shell[data-v-cba8d859]:focus-within {
21
21
  border-color: var(--rs-focus-border, var(--rs-primary));
22
22
  box-shadow:
23
23
  var(--rs-input-shadow, none),
24
24
  0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
25
25
  }
26
- .rs-textarea__shell.is-invalid[data-v-8043cc1b] {
26
+ .rs-textarea__shell.is-invalid[data-v-cba8d859] {
27
27
  border-color: var(--rs-danger);
28
28
  }
29
- .rs-textarea__shell.is-invalid[data-v-8043cc1b]:focus-within {
29
+ .rs-textarea__shell.is-invalid[data-v-cba8d859]:focus-within {
30
30
  box-shadow:
31
31
  var(--rs-input-shadow, none),
32
32
  0 0 0 var(--rs-focus-ring-width, 2px) color-mix(in srgb, var(--rs-danger) 14%, transparent);
33
33
  }
34
- .rs-textarea__shell.is-disabled[data-v-8043cc1b] {
34
+ .rs-textarea__shell.is-disabled[data-v-cba8d859] {
35
35
  opacity: 0.38;
36
36
  cursor: not-allowed;
37
37
  background: var(--rs-surface-hover);
38
38
  }
39
- .rs-textarea__shell.is-readonly[data-v-8043cc1b] {
39
+ .rs-textarea__shell.is-readonly[data-v-cba8d859] {
40
40
  background: var(--rs-surface-hover);
41
41
  }
42
- .rs-textarea__control[data-v-8043cc1b] {
42
+ .rs-textarea__control[data-v-cba8d859] {
43
43
  display: block;
44
44
  box-sizing: border-box;
45
45
  width: 100%;
@@ -53,40 +53,40 @@
53
53
  font-size: var(--rs-font-size-sm);
54
54
  line-height: 1.5;
55
55
  }
56
- .rs-textarea__shell.is-autosize .rs-textarea__control[data-v-8043cc1b] {
56
+ .rs-textarea__shell.is-autosize .rs-textarea__control[data-v-cba8d859] {
57
57
  min-height: 0;
58
58
  }
59
- .rs-textarea__shell.has-count .rs-textarea__control[data-v-8043cc1b] {
59
+ .rs-textarea__shell.has-count .rs-textarea__control[data-v-cba8d859] {
60
60
  padding-bottom: 1.55rem;
61
61
  }
62
- .rs-textarea__shell.has-clear .rs-textarea__control[data-v-8043cc1b] {
63
- padding-right: 1.85rem;
62
+ .rs-textarea__shell.has-clear .rs-textarea__control[data-v-cba8d859] {
63
+ padding-inline-end: 1.85rem;
64
64
  }
65
- .rs-input-field--sm .rs-textarea__control[data-v-8043cc1b] {
65
+ .rs-input-field--sm .rs-textarea__control[data-v-cba8d859] {
66
66
  min-height: 3.5rem;
67
67
  padding: 0.4rem 0.6rem;
68
68
  font-size: var(--rs-font-size-xs);
69
69
  }
70
- .rs-input-field--sm .rs-textarea__shell.has-count .rs-textarea__control[data-v-8043cc1b] {
70
+ .rs-input-field--sm .rs-textarea__shell.has-count .rs-textarea__control[data-v-cba8d859] {
71
71
  padding-bottom: 1.4rem;
72
72
  }
73
- .rs-input-field--lg .rs-textarea__control[data-v-8043cc1b] {
73
+ .rs-input-field--lg .rs-textarea__control[data-v-cba8d859] {
74
74
  min-height: 5.5rem;
75
75
  padding: 0.7rem 0.9rem;
76
76
  }
77
- .rs-textarea__control[data-v-8043cc1b]::placeholder {
77
+ .rs-textarea__control[data-v-cba8d859]::placeholder {
78
78
  color: var(--rs-placeholder);
79
79
  }
80
- .rs-textarea__control[data-v-8043cc1b]:disabled {
80
+ .rs-textarea__control[data-v-cba8d859]:disabled {
81
81
  cursor: not-allowed;
82
82
  }
83
- .rs-textarea__control[data-v-8043cc1b]:read-only {
83
+ .rs-textarea__control[data-v-cba8d859]:read-only {
84
84
  cursor: default;
85
85
  }
86
- .rs-textarea__clear[data-v-8043cc1b] {
86
+ .rs-textarea__clear[data-v-cba8d859] {
87
87
  position: absolute;
88
88
  top: 0.45rem;
89
- right: 0.45rem;
89
+ inset-inline-end: 0.45rem;
90
90
  display: inline-flex;
91
91
  align-items: center;
92
92
  justify-content: center;
@@ -102,13 +102,13 @@
102
102
  color var(--rs-transition-fast),
103
103
  background var(--rs-transition-fast);
104
104
  }
105
- .rs-textarea__clear[data-v-8043cc1b]:hover {
105
+ .rs-textarea__clear[data-v-cba8d859]:hover {
106
106
  color: var(--rs-text);
107
107
  background: var(--rs-item-hover);
108
108
  }
109
- .rs-textarea__count[data-v-8043cc1b] {
109
+ .rs-textarea__count[data-v-cba8d859] {
110
110
  position: absolute;
111
- right: 0.65rem;
111
+ inset-inline-end: 0.65rem;
112
112
  bottom: 0.3rem;
113
113
  margin: 0;
114
114
  pointer-events: none;
@@ -117,10 +117,10 @@
117
117
  line-height: 1;
118
118
  color: var(--rs-muted);
119
119
  }
120
- .rs-textarea__count.is-limit[data-v-8043cc1b] {
120
+ .rs-textarea__count.is-limit[data-v-cba8d859] {
121
121
  color: var(--rs-danger);
122
122
  }
123
- .rs-field--label-left .rs-textarea[data-v-8043cc1b] {
123
+ .rs-field--label-left .rs-textarea[data-v-cba8d859] {
124
124
  grid-column: 2;
125
125
  min-width: 0;
126
126
  }
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsTextarea_vue_vue_type_script_setup_true_lang_default from "./RsTextarea.impl.js";
4
4
 
5
5
  //#region src/components/textarea/src/RsTextarea.vue
6
- var RsTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTextarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8043cc1b"]]);
6
+ var RsTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTextarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cba8d859"]]);
7
7
  //#endregion
8
8
  export { RsTextarea_default as default };
@@ -1,11 +1,11 @@
1
1
 
2
- .rs-time-picker[data-v-b32dafa2] {
2
+ .rs-time-picker[data-v-f037f46a] {
3
3
  width: 100%;
4
4
  }
5
- .rs-time-picker-embedded[data-v-b32dafa2] {
5
+ .rs-time-picker-embedded[data-v-f037f46a] {
6
6
  min-width: 0;
7
7
  }
8
- .rs-time-picker__trigger[data-v-b32dafa2] {
8
+ .rs-time-picker__trigger[data-v-f037f46a] {
9
9
  display: inline-flex;
10
10
  align-items: center;
11
11
  justify-content: space-between;
@@ -22,7 +22,7 @@
22
22
  font: inherit;
23
23
  font-size: var(--rs-font-size-sm);
24
24
  line-height: var(--rs-line-height-tight);
25
- text-align: left;
25
+ text-align: start;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  box-shadow: var(--rs-input-shadow, none);
@@ -31,74 +31,74 @@
31
31
  box-shadow var(--rs-transition-fast),
32
32
  background var(--rs-transition-fast);
33
33
  }
34
- .rs-time-picker--ssm .rs-time-picker__trigger[data-v-b32dafa2] {
34
+ .rs-time-picker--ssm .rs-time-picker__trigger[data-v-f037f46a] {
35
35
  height: var(--rs-control-height-ssm);
36
36
  min-height: var(--rs-control-height-ssm);
37
37
  padding: 0 var(--rs-space-xs);
38
38
  font-size: var(--rs-font-size-xs);
39
39
  }
40
- .rs-time-picker--sm .rs-time-picker__trigger[data-v-b32dafa2] {
40
+ .rs-time-picker--sm .rs-time-picker__trigger[data-v-f037f46a] {
41
41
  height: var(--rs-control-height-sm);
42
42
  min-height: var(--rs-control-height-sm);
43
43
  padding: 0 var(--rs-space-sm);
44
44
  font-size: var(--rs-font-size-xs);
45
45
  }
46
- .rs-time-picker--lg .rs-time-picker__trigger[data-v-b32dafa2] {
46
+ .rs-time-picker--lg .rs-time-picker__trigger[data-v-f037f46a] {
47
47
  height: var(--rs-control-height-lg);
48
48
  min-height: var(--rs-control-height-lg);
49
49
  padding: 0 var(--rs-space-lg);
50
50
  font-size: var(--rs-font-size-base);
51
51
  }
52
- .rs-time-picker__trigger--embedded[data-v-b32dafa2] {
52
+ .rs-time-picker__trigger--embedded[data-v-f037f46a] {
53
53
  min-width: 5.5rem;
54
54
  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
55
55
  }
56
- .rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-b32dafa2] {
56
+ .rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-f037f46a] {
57
57
  min-width: 4.75rem;
58
58
  }
59
- .rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-b32dafa2] {
59
+ .rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-f037f46a] {
60
60
  min-width: 6.25rem;
61
61
  }
62
- .rs-time-picker__trigger[data-v-b32dafa2]:hover:not(:disabled) {
62
+ .rs-time-picker__trigger[data-v-f037f46a]:hover:not(:disabled) {
63
63
  border-color: var(--rs-input-border-hover, var(--rs-border));
64
64
  }
65
- .rs-time-picker__trigger[data-v-b32dafa2]:focus-visible {
65
+ .rs-time-picker__trigger[data-v-f037f46a]:focus-visible {
66
66
  outline: none;
67
67
  border-color: var(--rs-focus-border, var(--rs-primary));
68
68
  box-shadow:
69
69
  var(--rs-input-shadow, none),
70
70
  0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
71
71
  }
72
- .rs-time-picker__trigger[data-v-b32dafa2]:disabled {
72
+ .rs-time-picker__trigger[data-v-f037f46a]:disabled {
73
73
  opacity: 0.38;
74
74
  cursor: not-allowed;
75
75
  }
76
- .rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-b32dafa2] {
76
+ .rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-f037f46a] {
77
77
  color: var(--rs-placeholder);
78
78
  }
79
- .rs-time-picker__trigger--invalid[data-v-b32dafa2] {
79
+ .rs-time-picker__trigger--invalid[data-v-f037f46a] {
80
80
  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
81
81
  }
82
- .rs-time-picker__trigger--invalid[data-v-b32dafa2]:focus-visible {
82
+ .rs-time-picker__trigger--invalid[data-v-f037f46a]:focus-visible {
83
83
  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
84
84
  box-shadow:
85
85
  var(--rs-input-shadow, none),
86
86
  0 0 0 var(--rs-focus-ring-width, 2px)
87
87
  color-mix(in srgb, var(--rs-danger, #dc2626) 14%, transparent);
88
88
  }
89
- .rs-time-picker__leading[data-v-b32dafa2] {
89
+ .rs-time-picker__leading[data-v-f037f46a] {
90
90
  display: inline-flex;
91
91
  min-width: 0;
92
92
  flex: 1;
93
93
  align-items: center;
94
94
  gap: var(--rs-space-sm);
95
95
  }
96
- .rs-time-picker__icon[data-v-b32dafa2],
97
- .rs-time-picker__chevron[data-v-b32dafa2] {
96
+ .rs-time-picker__icon[data-v-f037f46a],
97
+ .rs-time-picker__chevron[data-v-f037f46a] {
98
98
  flex-shrink: 0;
99
99
  color: var(--rs-muted);
100
100
  }
101
- .rs-time-picker__value[data-v-b32dafa2] {
101
+ .rs-time-picker__value[data-v-f037f46a] {
102
102
  min-width: 0;
103
103
  overflow: hidden;
104
104
  text-overflow: ellipsis;
@@ -1,9 +1,9 @@
1
+ import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
2
+ import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
1
3
  import { useRsI18n } from "../../../composables/useRsI18n.js";
2
4
  import RsIcon_default from "../../icon/src/RsIcon.js";
3
- import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
4
5
  import { isRsFormItemBoundControl, useRsFormItemContext } from "../../form/src/form-utils.js";
5
6
  import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
6
- import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
7
7
  import { EMPTY_TIME_RANGE, formatTimeFromParts, formatTimeRangeDisplay, getCurrentTime, isTimeRangeEmpty, isTimeRangeOrderedValues, isTimeWithinBounds, parseTimeValue, pickEarlierTime, pickLaterTime } from "./time-picker-utils.js";
8
8
  import RsTimePickerColumns_default from "./RsTimePickerColumns.js";
9
9
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
@@ -5,6 +5,6 @@ import RsTimePicker_vue_vue_type_script_setup_true_lang_default from "./RsTimePi
5
5
 
6
6
 
7
7
  //#region src/components/time-picker/src/RsTimePicker.vue
8
- var RsTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePicker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b32dafa2"]]);
8
+ var RsTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePicker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f037f46a"]]);
9
9
  //#endregion
10
10
  export { RsTimePicker_default as default };
@@ -39,8 +39,7 @@
39
39
  right: 0;
40
40
  }
41
41
  [data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-x-position='center'] {
42
- left: 0;
43
- right: 0;
42
+ inset-inline: 0;
44
43
  }
45
44
  .rs-toast {
46
45
  --rs-toast-accent: color-mix(in srgb, var(--rs-info) 68%, transparent);
@@ -155,8 +154,8 @@
155
154
  .rs-toast [data-close-button].rs-toast__close {
156
155
  position: absolute;
157
156
  top: 50%;
158
- right: 0.625rem;
159
- left: auto;
157
+ inset-inline-end: 0.625rem;
158
+ inset-inline-start: auto;
160
159
  bottom: auto;
161
160
  z-index: 2;
162
161
  display: inline-flex;
@@ -301,7 +300,8 @@
301
300
  .rs-toast {
302
301
  min-width: min(100%, 18.5rem);
303
302
  max-width: calc(100vw - 1rem);
304
- padding: 0.75rem 2.125rem 0.75rem 0.8125rem;
303
+ padding-block: 0.75rem;
304
+ padding-inline: 0.8125rem 2.125rem;
305
305
  border-radius: 0.9375rem;
306
306
  }
307
307
  .rs-toast:has([data-description]) {
@@ -309,7 +309,7 @@
309
309
  padding-bottom: 0.8125rem;
310
310
  }
311
311
  .rs-toast [data-close-button].rs-toast__close {
312
- right: 0.5rem;
312
+ inset-inline-end: 0.5rem;
313
313
  width: 1.25rem;
314
314
  height: 1.25rem;
315
315
  }
@@ -1,3 +1,4 @@
1
+ import { readResolvedTheme } from "../../../theme/apply.js";
1
2
  import { rsConfigKey } from "../../../composables/useRsConfig.js";
2
3
  import { RS_TOAST_DEFAULT_POSITION } from "../../_shared/src/overlay-utils.js";
3
4
  import { Teleport, computed, createBlock, createVNode, defineComponent, inject, openBlock, unref } from "vue";
@@ -24,12 +25,8 @@ var RsToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
24
25
  setup(__props) {
25
26
  const config = inject(rsConfigKey, null);
26
27
  const sonnerTheme = computed(() => {
27
- if (config?.theme.value) return config.theme.value === "dark" ? "dark" : "light";
28
- if (typeof document !== "undefined") {
29
- const mode = document.documentElement.dataset.rsTheme;
30
- if (mode === "dark" || mode === "light") return mode;
31
- }
32
- return "dark";
28
+ if (config?.resolvedTheme.value) return config.resolvedTheme.value;
29
+ return readResolvedTheme();
33
30
  });
34
31
  return (_ctx, _cache) => {
35
32
  return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(Toaster), {
@@ -1,6 +1,6 @@
1
+ import { TooltipContent, TooltipPortal, TooltipRoot, TooltipTrigger } from "../../_shared/src/reka.js";
1
2
  import { useRsI18n } from "../../../composables/useRsI18n.js";
2
3
  import RsIcon_default from "../../icon/src/RsIcon.js";
3
- import { TooltipContent, TooltipPortal, TooltipRoot, TooltipTrigger } from "../../_shared/src/reka.js";
4
4
  import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
5
5
  //#region src/components/tooltip/src/RsTooltip.vue?vue&type=script&setup=true&lang.ts
6
6
  var _hoisted_1 = {