@icen.ai/ui 0.9.0 → 0.10.0

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 (281) hide show
  1. package/AGENTS.md +138 -80
  2. package/README.md +66 -91
  3. package/dist/base.css +208 -179
  4. package/dist/behaviors/accordion.mjs +8 -8
  5. package/dist/behaviors/ai-branch.d.mts +1 -1
  6. package/dist/behaviors/ai-branch.mjs +1010 -94
  7. package/dist/behaviors/ai-chat.d.mts +7 -7
  8. package/dist/behaviors/ai-chat.mjs +1071 -161
  9. package/dist/behaviors/ai-composer.d.mts +44 -12
  10. package/dist/behaviors/ai-composer.mjs +1997 -524
  11. package/dist/behaviors/ai-core.d.mts +1 -1
  12. package/dist/behaviors/ai-core.mjs +1016 -107
  13. package/dist/behaviors/ai-diff.mjs +1019 -127
  14. package/dist/behaviors/ai-feedback.d.mts +1 -1
  15. package/dist/behaviors/ai-feedback.mjs +1035 -126
  16. package/dist/behaviors/ai-panel.d.mts +8 -8
  17. package/dist/behaviors/ai-panel.mjs +1284 -266
  18. package/dist/behaviors/ai-provider.mjs +1003 -101
  19. package/dist/behaviors/ai-threads.d.mts +1 -1
  20. package/dist/behaviors/ai-threads.mjs +1068 -154
  21. package/dist/behaviors/ai-tool.d.mts +2 -2
  22. package/dist/behaviors/ai-tool.mjs +2037 -396
  23. package/dist/behaviors/ai-tools.d.mts +89 -16
  24. package/dist/behaviors/ai-tools.mjs +4448 -372
  25. package/dist/behaviors/autocomplete.d.mts +53 -0
  26. package/dist/behaviors/autocomplete.mjs +1600 -0
  27. package/dist/behaviors/back-top.d.mts +1 -1
  28. package/dist/behaviors/back-top.mjs +951 -14
  29. package/dist/behaviors/carousel.d.mts +1 -1
  30. package/dist/behaviors/carousel.mjs +906 -11
  31. package/dist/behaviors/cascader.d.mts +48 -0
  32. package/dist/behaviors/cascader.mjs +1853 -0
  33. package/dist/behaviors/charts.d.mts +72 -8
  34. package/dist/behaviors/charts.mjs +1901 -256
  35. package/dist/behaviors/code-block.d.mts +36 -0
  36. package/dist/behaviors/code-block.mjs +1611 -0
  37. package/dist/behaviors/command-palette.d.mts +9 -6
  38. package/dist/behaviors/command-palette.mjs +161 -59
  39. package/dist/behaviors/context-menu.d.mts +9 -8
  40. package/dist/behaviors/context-menu.mjs +1112 -44
  41. package/dist/behaviors/controls.d.mts +13 -13
  42. package/dist/behaviors/controls.mjs +989 -130
  43. package/dist/behaviors/copy.d.mts +21 -2
  44. package/dist/behaviors/copy.mjs +1206 -42
  45. package/dist/behaviors/datatable.d.mts +53 -3
  46. package/dist/behaviors/datatable.mjs +1963 -207
  47. package/dist/behaviors/date-picker.d.mts +0 -1
  48. package/dist/behaviors/date-picker.mjs +1340 -293
  49. package/dist/behaviors/design.d.mts +54 -0
  50. package/dist/behaviors/design.mjs +109 -0
  51. package/dist/behaviors/dropdown.d.mts +5 -6
  52. package/dist/behaviors/dropdown.mjs +262 -110
  53. package/dist/behaviors/events.d.mts +120 -3
  54. package/dist/behaviors/events.mjs +47 -2
  55. package/dist/behaviors/feedback.d.mts +30 -0
  56. package/dist/behaviors/feedback.mjs +296 -0
  57. package/dist/behaviors/focus.d.mts +8 -0
  58. package/dist/behaviors/focus.mjs +24 -0
  59. package/dist/behaviors/form-validate.d.mts +102 -0
  60. package/dist/behaviors/form-validate.mjs +6091 -0
  61. package/dist/behaviors/i18n.d.mts +789 -0
  62. package/dist/behaviors/i18n.mjs +1711 -0
  63. package/dist/behaviors/icons.d.mts +93 -0
  64. package/dist/behaviors/icons.mjs +113 -0
  65. package/dist/behaviors/input.d.mts +9 -1
  66. package/dist/behaviors/input.mjs +1056 -60
  67. package/dist/behaviors/kb-access.d.mts +1 -1
  68. package/dist/behaviors/kb-access.mjs +2129 -239
  69. package/dist/behaviors/kb-acl.d.mts +6 -6
  70. package/dist/behaviors/kb-acl.mjs +1119 -179
  71. package/dist/behaviors/kb-answer.mjs +2070 -418
  72. package/dist/behaviors/kb-audit.d.mts +1 -1
  73. package/dist/behaviors/kb-audit.mjs +1076 -154
  74. package/dist/behaviors/kb-canvas.mjs +1100 -177
  75. package/dist/behaviors/kb-chain.mjs +1022 -100
  76. package/dist/behaviors/kb-checkpoint.d.mts +1 -1
  77. package/dist/behaviors/kb-checkpoint.mjs +1319 -169
  78. package/dist/behaviors/kb-chunks.mjs +1152 -213
  79. package/dist/behaviors/kb-citation.d.mts +1 -1
  80. package/dist/behaviors/kb-citation.mjs +1201 -179
  81. package/dist/behaviors/kb-clarify.mjs +1058 -130
  82. package/dist/behaviors/kb-conflict.mjs +1041 -119
  83. package/dist/behaviors/kb-connector.mjs +1104 -176
  84. package/dist/behaviors/kb-core.d.mts +6 -1
  85. package/dist/behaviors/kb-core.mjs +1077 -162
  86. package/dist/behaviors/kb-eval.mjs +1971 -144
  87. package/dist/behaviors/kb-explain.d.mts +1 -1
  88. package/dist/behaviors/kb-explain.mjs +1024 -102
  89. package/dist/behaviors/kb-filter.mjs +2008 -178
  90. package/dist/behaviors/kb-gap.d.mts +1 -1
  91. package/dist/behaviors/kb-gap.mjs +1043 -121
  92. package/dist/behaviors/kb-hittest.d.mts +1 -1
  93. package/dist/behaviors/kb-hittest.mjs +1093 -150
  94. package/dist/behaviors/kb-metadata.mjs +1052 -130
  95. package/dist/behaviors/kb-passage.d.mts +2 -2
  96. package/dist/behaviors/kb-passage.mjs +1101 -161
  97. package/dist/behaviors/kb-pipeline.d.mts +2 -2
  98. package/dist/behaviors/kb-pipeline.mjs +1082 -162
  99. package/dist/behaviors/kb-qa.mjs +1088 -160
  100. package/dist/behaviors/kb-rerank.mjs +1047 -114
  101. package/dist/behaviors/kb-retrieval.mjs +2063 -224
  102. package/dist/behaviors/kb-review.mjs +1990 -159
  103. package/dist/behaviors/kb-sandbox.d.mts +1 -1
  104. package/dist/behaviors/kb-sandbox.mjs +1026 -104
  105. package/dist/behaviors/kb-segment.mjs +1111 -179
  106. package/dist/behaviors/kb-select.d.mts +24 -0
  107. package/dist/behaviors/kb-select.mjs +1989 -0
  108. package/dist/behaviors/kb-sources.d.mts +1 -1
  109. package/dist/behaviors/kb-sources.mjs +1084 -170
  110. package/dist/behaviors/kb-sql.d.mts +1 -1
  111. package/dist/behaviors/kb-sql.mjs +1143 -226
  112. package/dist/behaviors/kb-trace.d.mts +1 -1
  113. package/dist/behaviors/kb-trace.mjs +1042 -128
  114. package/dist/behaviors/kb-visibility.mjs +1086 -158
  115. package/dist/behaviors/kb-who-can.mjs +1974 -137
  116. package/dist/behaviors/mentions.d.mts +93 -0
  117. package/dist/behaviors/mentions.mjs +2152 -0
  118. package/dist/behaviors/modal.d.mts +4 -3
  119. package/dist/behaviors/modal.mjs +1055 -33
  120. package/dist/behaviors/nav.d.mts +1 -1
  121. package/dist/behaviors/nav.mjs +6 -6
  122. package/dist/behaviors/notification.d.mts +16 -8
  123. package/dist/behaviors/notification.mjs +1615 -265
  124. package/dist/behaviors/panel.d.mts +4 -0
  125. package/dist/behaviors/panel.mjs +994 -0
  126. package/dist/behaviors/popover.d.mts +28 -5
  127. package/dist/behaviors/popover.mjs +225 -24
  128. package/dist/behaviors/select.d.mts +5 -2
  129. package/dist/behaviors/select.mjs +1410 -117
  130. package/dist/behaviors/sidebar.d.mts +1 -1
  131. package/dist/behaviors/sidebar.mjs +13 -13
  132. package/dist/behaviors/slider.d.mts +1 -1
  133. package/dist/behaviors/slider.mjs +9 -9
  134. package/dist/behaviors/split-pane.d.mts +1 -1
  135. package/dist/behaviors/split-pane.mjs +7 -7
  136. package/dist/behaviors/suggestions.d.mts +27 -0
  137. package/dist/behaviors/suggestions.mjs +1089 -0
  138. package/dist/behaviors/svg-parse.d.mts +14 -0
  139. package/dist/behaviors/svg-parse.mjs +37 -0
  140. package/dist/behaviors/tabs.d.mts +2 -2
  141. package/dist/behaviors/tabs.mjs +25 -25
  142. package/dist/behaviors/tag-input.d.mts +23 -5
  143. package/dist/behaviors/tag-input.mjs +1359 -104
  144. package/dist/behaviors/theme-switcher.d.mts +24 -0
  145. package/dist/behaviors/theme-switcher.mjs +1981 -0
  146. package/dist/behaviors/theme.d.mts +15 -8
  147. package/dist/behaviors/theme.mjs +390 -28
  148. package/dist/behaviors/toast.d.mts +24 -25
  149. package/dist/behaviors/toast.mjs +1266 -88
  150. package/dist/behaviors/tooltip.d.mts +4 -0
  151. package/dist/behaviors/tooltip.mjs +378 -0
  152. package/dist/behaviors/tree-select.d.mts +69 -0
  153. package/dist/behaviors/tree-select.mjs +1907 -0
  154. package/dist/behaviors/tree.d.mts +1 -1
  155. package/dist/behaviors/tree.mjs +15 -15
  156. package/dist/behaviors/upload.d.mts +3 -2
  157. package/dist/behaviors/upload.mjs +1076 -66
  158. package/dist/cli.mjs +5 -6
  159. package/dist/components/ai-chat.css +666 -573
  160. package/dist/components/ai-diff.css +153 -132
  161. package/dist/components/ai-panel.css +351 -343
  162. package/dist/components/ai-tool.css +393 -238
  163. package/dist/components/autocomplete.css +61 -0
  164. package/dist/components/autocomplete.mjs +3 -0
  165. package/dist/components/back-top.css +34 -31
  166. package/dist/components/badge.css +44 -41
  167. package/dist/components/breadcrumb.css +67 -46
  168. package/dist/components/btn.css +80 -74
  169. package/dist/components/card.css +117 -106
  170. package/dist/components/cascader.css +311 -0
  171. package/dist/components/cascader.mjs +3 -0
  172. package/dist/components/chart-area.css +8 -2
  173. package/dist/components/chart-bar.css +95 -33
  174. package/dist/components/chart-gauge.css +14 -11
  175. package/dist/components/chart-graph.css +20 -17
  176. package/dist/components/chart-heatmap.css +96 -90
  177. package/dist/components/chart-line.css +8 -3
  178. package/dist/components/chart-pie.css +9 -6
  179. package/dist/components/chart-radar.css +8 -5
  180. package/dist/components/chart-scatter.css +9 -6
  181. package/dist/components/chart-sparkline.css +5 -2
  182. package/dist/components/chart-stack.css +14 -11
  183. package/dist/components/charts.css +164 -73
  184. package/dist/components/code-block.css +418 -0
  185. package/dist/components/code-block.mjs +4 -0
  186. package/dist/components/command-palette.css +138 -117
  187. package/dist/components/content.css +257 -251
  188. package/dist/components/copy.css +72 -44
  189. package/dist/components/datatable.css +423 -181
  190. package/dist/components/date-picker.css +135 -104
  191. package/dist/components/empty.css +68 -65
  192. package/dist/components/feedback.css +201 -183
  193. package/dist/components/form-validate.css +120 -0
  194. package/dist/components/form-validate.mjs +3 -0
  195. package/dist/components/form.css +150 -127
  196. package/dist/components/icon.css +102 -0
  197. package/dist/components/icon.mjs +3 -0
  198. package/dist/components/input.css +159 -104
  199. package/dist/components/kb-agent.css +188 -173
  200. package/dist/components/kb-data.css +257 -253
  201. package/dist/components/kb-ground.css +197 -185
  202. package/dist/components/kb-ingest.css +334 -350
  203. package/dist/components/kb-ops.css +265 -259
  204. package/dist/components/kb-perm.css +260 -271
  205. package/dist/components/kb-search.css +317 -360
  206. package/dist/components/kb.css +120 -109
  207. package/dist/components/layout.css +85 -82
  208. package/dist/components/material-chinese.css +73 -0
  209. package/dist/components/material-soviet.css +76 -0
  210. package/dist/components/material.css +275 -0
  211. package/dist/components/media.css +220 -166
  212. package/dist/components/mentions.css +189 -0
  213. package/dist/components/mentions.mjs +3 -0
  214. package/dist/components/menu.css +113 -105
  215. package/dist/components/modal.css +107 -112
  216. package/dist/components/nav.css +118 -115
  217. package/dist/components/notification.css +238 -174
  218. package/dist/components/pagination.css +56 -53
  219. package/dist/components/panel.css +66 -63
  220. package/dist/components/panel.mjs +1 -0
  221. package/dist/components/pill.css +81 -71
  222. package/dist/components/popover.css +67 -53
  223. package/dist/components/scroll-area.css +113 -110
  224. package/dist/components/segmented.css +146 -143
  225. package/dist/components/select.css +206 -186
  226. package/dist/components/sidebar.css +137 -127
  227. package/dist/components/slider.css +117 -114
  228. package/dist/components/split-pane.css +112 -109
  229. package/dist/components/stat.css +112 -106
  230. package/dist/components/steps.css +109 -103
  231. package/dist/components/switch.css +138 -134
  232. package/dist/components/table.css +131 -107
  233. package/dist/components/tabs.css +114 -108
  234. package/dist/components/tag-input.css +48 -133
  235. package/dist/components/tag.css +81 -71
  236. package/dist/components/theme-switcher.css +105 -0
  237. package/dist/components/theme-switcher.mjs +3 -0
  238. package/dist/components/toast.css +100 -86
  239. package/dist/components/toolbar.css +45 -42
  240. package/dist/components/tooltip.css +102 -43
  241. package/dist/components/tooltip.mjs +1 -0
  242. package/dist/components/tree-select.css +416 -0
  243. package/dist/components/tree-select.mjs +3 -0
  244. package/dist/components/upload.css +135 -92
  245. package/dist/fonts/LICENSES/ark-pixel/OFL.txt +96 -0
  246. package/dist/fonts/LICENSES/cubic-11/OFL.txt +108 -0
  247. package/dist/fonts/LICENSES/galmuri/LICENSE.txt +93 -0
  248. package/dist/fonts/OFL.txt +96 -0
  249. package/dist/fonts/README.md +14 -0
  250. package/dist/fonts/fusion-pixel-12px-zh-hans.woff2 +0 -0
  251. package/dist/index.d.mts +28 -14
  252. package/dist/index.mjs +20705 -9601
  253. package/dist/react.d.mts +91 -0
  254. package/dist/react.mjs +8208 -0
  255. package/dist/registry.json +130 -13
  256. package/dist/tokens/chinese.css +44 -0
  257. package/dist/tokens/colors.css +365 -1222
  258. package/dist/tokens/design.css +109 -0
  259. package/dist/tokens/dtcg.json +11198 -0
  260. package/dist/tokens/figma.variables.json +7017 -0
  261. package/dist/tokens/icon-masks.css +78 -0
  262. package/dist/tokens/pixel.css +50 -0
  263. package/dist/tokens/soviet.css +44 -0
  264. package/dist/tokens/style-profiles.css +36 -547
  265. package/dist/tokens/themes.json +308 -0
  266. package/dist/tokens/tokens-studio.json +6728 -0
  267. package/dist/tokens/typography.css +21 -18
  268. package/dist/tokens.css +1555 -1801
  269. package/dist/ui.css +11975 -9831
  270. package/dist/vue.d.mts +344 -0
  271. package/dist/vue.mjs +7781 -0
  272. package/docs/spec/ai-input-experience.md +75 -0
  273. package/docs/spec/ai-native.md +238 -147
  274. package/docs/spec/design-philosophy.md +189 -0
  275. package/docs/spec/design-primitives.md +196 -0
  276. package/docs/spec/kb-family.md +147 -115
  277. package/package.json +43 -8
  278. package/dist/retro-effects.css +0 -255
  279. package/dist/tokens/retro-effects.css +0 -255
  280. package/docs/research/2026-10-03-ai-kb-components.md +0 -392
  281. package/docs/research/2026-10-03-kb-permissions.md +0 -992
@@ -1,206 +1,247 @@
1
+ @layer icen.components {
1
2
  /*
2
3
  * @icen.ai/ui — Component: upload(拖放上传区)
3
4
  * 规格源自 opengal primitives/advanced-input.tsx 的 Upload;与 behaviors/upload.ts 配套。
4
5
  *
5
- * 完整契约:
6
- * <div class="upload control lift focus-ring [--compact] [.is-drag] [.is-disabled] [.is-loading]"
7
- * role="button" tabindex="0" aria-label="拖放或点击上传文件">
8
- * <input type="file" multiple accept="…" />
9
- * <div class="upload-icon">…svg…</div>
10
- * <p class="upload-title">拖放文件到此处,或<span class="upload-link">点击选择</span></p>
11
- * <p class="upload-desc">支持 PDF / PNG / JPG,单个 ≤ 5 MB</p>
12
- * <p class="upload-error" hidden role="alert">文件超过 5 MB</p>
6
+ * 完整契约(推荐结构——列表模式务必用此,避免交互嵌套):
7
+ * <div class="icen-upload" role="group" aria-label="上传文件">
8
+ * <div class="icen-upload-dropzone" role="button" tabindex="0" aria-label="拖放或点击选择文件">
9
+ * <input type="file" multiple accept="…" />
10
+ * <div class="icen-upload-icon">…svg…</div>
11
+ * <p class="icen-upload-title">拖放文件到此处,或<span class="icen-upload-link">点击选择</span></p>
12
+ * <p class="icen-upload-desc">支持 PDF / PNG / JPG,单个 ≤ 5 MB</p>
13
+ * <p class="icen-upload-error" hidden role="alert">文件超过 5 MB</p>
14
+ * </div>
15
+ * <!-- behavior 生成的 .icen-upload-list 是 dropzone 的兄弟,不在可点区域内 -->
13
16
  * </div>
14
17
  *
18
+ * 单元素结构:.icen-upload 自身带 role="button" 且没有 dropzone 子级时,
19
+ * 视觉与行为全部回落到 zone 本体(但列表模式的移除钮会与外层 role=button 构成嵌套交互,
20
+ * 请迁移到推荐结构)。
21
+ *
15
22
  * behavior 维护:
16
23
  * - dragenter/dragover 加 .is-drag,dragleave/drop 移除
17
- * - 校验 accept/size,错误写 .upload-error[hidden=false]
18
- * - 文件列表(可选)渲染到 .upload + <ul class="upload-list">,behavior 提供
24
+ * - 校验 accept/size/maxFiles(截断也派发 icen:upload-error)
25
+ * - 文件列表(可选)渲染为 dropzone 的兄弟 <ul class="icen-upload-list">
19
26
  */
20
27
 
21
- .upload {
28
+ /* 交互外壳:默认 zone 本体(单元素结构);有 dropzone 子级时镀铬迁移到它(推荐结构) */
29
+ .icen-upload {
30
+ display: flex;
31
+ flex-direction: column;
32
+ align-items: center;
33
+ justify-content: center;
34
+ text-align: center;
35
+ }
36
+ .icen-upload:not(:has(.icen-upload-dropzone)),
37
+ .icen-upload-dropzone {
38
+ width: 100%;
22
39
  display: flex;
23
40
  flex-direction: column;
24
41
  align-items: center;
25
42
  justify-content: center;
26
43
  text-align: center;
27
- padding: var(--density-space-lg) var(--density-space-md);
28
- border: 2px dashed var(--token-outline-soft);
29
- border-radius: var(--radius-lg);
30
- background: var(--token-bg-soft);
44
+ padding: var(--icen-density-space-lg) var(--icen-density-space-md);
45
+ border: 2px dashed var(--icen-token-outline-soft);
46
+ border-radius: var(--icen-radius-lg);
47
+ background: var(--icen-token-bg-soft);
31
48
  cursor: pointer;
32
49
  transition:
33
50
  border-color var(--icen-tx-fast),
34
51
  background-color var(--icen-tx-fast),
35
52
  transform var(--icen-tx-fast);
36
53
  }
37
- .upload:hover:not(.is-disabled) {
38
- border-color: color-mix(in srgb, var(--token-accent) 60%, transparent);
39
- background: var(--token-control-hover);
54
+ .icen-upload:hover:not(.is-disabled):not(:has(.icen-upload-dropzone)),
55
+ .icen-upload-dropzone:hover:not(.is-disabled) {
56
+ border-color: color-mix(in srgb, var(--icen-token-accent) 60%, transparent);
57
+ background: var(--icen-token-control-hover);
40
58
  }
41
- .upload:focus-visible {
59
+ .icen-upload:focus-visible,
60
+ .icen-upload-dropzone:focus-visible {
42
61
  outline: none;
43
62
  border-color: var(--icen-control-focus-border);
44
63
  box-shadow: var(--icen-control-focus-shadow);
45
64
  }
46
- .upload.is-drag {
47
- border-color: var(--token-accent);
65
+ .icen-upload.is-drag,
66
+ .icen-upload-dropzone.is-drag {
67
+ border-color: var(--icen-token-accent);
48
68
  border-style: solid;
49
- background: var(--token-accent-subtle);
69
+ background: var(--icen-token-accent-subtle);
50
70
  transform: scale(1.005);
51
71
  }
52
- .upload.is-disabled,
53
- .upload[aria-disabled='true'],
54
- .upload[data-disabled] {
72
+ .icen-upload.is-disabled,
73
+ .icen-upload[aria-disabled='true'],
74
+ .icen-upload[data-icen-disabled] {
55
75
  opacity: var(--icen-disabled-opacity);
56
76
  cursor: not-allowed;
57
77
  pointer-events: none;
58
78
  }
59
- .upload.is-loading,
60
- .upload[aria-busy='true'] {
79
+ .icen-upload.is-loading,
80
+ .icen-upload[aria-busy='true'] {
61
81
  cursor: progress;
62
82
  pointer-events: none;
63
83
  }
64
84
 
65
- .upload--compact { padding: var(--density-space-sm) var(--density-space-md); }
66
- .upload--compact .upload-icon { width: 28px; height: 28px; margin-bottom: 4px; }
85
+ .icen-upload--compact .icen-upload-dropzone, .icen-upload--compact:not(:has(.icen-upload-dropzone)) { padding: var(--icen-density-space-sm) var(--icen-density-space-md); }
86
+ .icen-upload--compact .icen-upload-icon { width: 28px; height: 28px; margin-bottom: 4px; }
67
87
 
68
- .upload input[type='file'] { display: none; }
88
+ .icen-upload input[type='file'] { display: none; }
69
89
 
70
- .upload-icon {
90
+ .icen-upload-icon {
71
91
  display: flex;
72
92
  align-items: center;
73
93
  justify-content: center;
74
94
  width: 40px;
75
95
  height: 40px;
76
- margin-bottom: var(--density-space-sm);
77
- border-radius: var(--radius-lg);
78
- background: var(--token-accent-subtle);
79
- color: var(--token-accent);
96
+ margin-bottom: var(--icen-density-space-sm);
97
+ border-radius: var(--icen-radius-lg);
98
+ background: var(--icen-token-accent-subtle);
99
+ color: var(--icen-token-accent);
80
100
  transition: transform var(--icen-tx-fast);
81
101
  }
82
- .upload:hover:not(.is-disabled) .upload-icon,
83
- .upload.is-drag .upload-icon {
102
+ /* 图标放大反馈:拖拽态全设备生效;hover 仅可悬停设备(触屏关闭,AGENTS 动效守卫) */
103
+ .icen-upload.is-drag .icen-upload-icon,
104
+ .icen-upload-dropzone.is-drag .icen-upload-icon {
84
105
  transform: scale(1.08);
85
106
  }
86
- .upload-icon svg { width: 20px; height: 20px; }
107
+ @media (hover: hover) and (pointer: fine) {
108
+ .icen-upload:hover:not(.is-disabled) .icen-upload-icon,
109
+ .icen-upload-dropzone:hover:not(.is-disabled) .icen-upload-icon {
110
+ transform: scale(1.08);
111
+ }
112
+ }
113
+ .icen-upload-icon svg { width: 20px; height: 20px; }
87
114
 
88
- .upload-title {
115
+ .icen-upload-title {
89
116
  margin: 0;
90
- font-size: var(--density-font-size-md);
117
+ font-size: var(--icen-density-font-size-md);
91
118
  font-weight: 500;
92
- color: var(--token-text);
119
+ color: var(--icen-token-text);
93
120
  }
94
- .upload-link {
95
- color: var(--token-accent);
121
+ .icen-upload-link {
122
+ color: var(--icen-token-accent);
96
123
  text-decoration: underline;
97
124
  text-underline-offset: 3px;
98
125
  }
99
- .upload-desc {
126
+ .icen-upload-desc {
100
127
  margin: 2px 0 0;
101
- font-size: var(--density-font-size-xs);
102
- color: var(--token-text-faint);
128
+ font-size: var(--icen-density-font-size-xs);
129
+ color: var(--icen-token-text-faint);
103
130
  }
104
- .upload-error {
105
- margin: var(--density-space-xs) 0 0;
131
+ .icen-upload-error {
132
+ margin: var(--icen-density-space-xs) 0 0;
106
133
  padding: 6px 10px;
107
- font-size: var(--density-font-size-xs);
108
- color: var(--token-error);
109
- background: var(--token-error-muted);
110
- border-radius: var(--radius-sm);
134
+ font-size: var(--icen-density-font-size-xs);
135
+ color: var(--icen-token-error);
136
+ background: var(--icen-token-error-muted);
137
+ border-radius: var(--icen-radius-sm);
111
138
  }
112
139
 
113
140
  /* 文件列表(behavior 可选渲染) */
114
- .upload-list {
141
+ .icen-upload-list {
115
142
  list-style: none;
116
143
  padding: 0;
117
- margin: var(--density-space-sm) 0 0;
144
+ margin: var(--icen-density-space-sm) 0 0;
118
145
  width: 100%;
119
146
  display: flex;
120
147
  flex-direction: column;
121
- gap: var(--density-space-xs);
148
+ gap: var(--icen-density-space-xs);
122
149
  }
123
- .upload-list-item {
150
+ .icen-upload-list-item {
124
151
  display: flex;
125
152
  align-items: center;
126
- gap: var(--density-space-sm);
127
- padding: var(--density-space-xs) var(--density-space-sm);
128
- background: var(--token-surface);
129
- border: 1px solid var(--token-outline-soft);
130
- border-radius: var(--radius-sm);
131
- font-size: var(--density-font-size-sm);
153
+ gap: var(--icen-density-space-sm);
154
+ padding: var(--icen-density-space-xs) var(--icen-density-space-sm);
155
+ background: var(--icen-token-surface);
156
+ border: 1px solid var(--icen-token-outline-soft);
157
+ border-radius: var(--icen-radius-sm);
158
+ font-size: var(--icen-density-font-size-sm);
132
159
  animation: upload-item-in var(--icen-tx-fast);
133
160
  transition: border-color var(--icen-tx-fast);
134
161
  }
135
- .upload-list-item:hover {
136
- border-color: var(--token-outline);
162
+ .icen-upload-list-item:hover {
163
+ border-color: var(--icen-token-outline);
137
164
  }
138
- .upload-list-item-thumb {
165
+ .icen-upload-list-item-thumb {
139
166
  width: 32px;
140
167
  height: 32px;
141
168
  object-fit: cover;
142
- border-radius: var(--radius-xs);
169
+ border-radius: var(--icen-radius-xs);
143
170
  flex-shrink: 0;
144
- background: var(--token-bg-soft);
171
+ background: var(--icen-token-bg-soft);
145
172
  }
146
- .upload-list-item-icon {
173
+ .icen-upload-list-item-icon {
147
174
  display: inline-flex;
148
175
  align-items: center;
149
176
  justify-content: center;
150
177
  width: 32px;
151
178
  height: 32px;
152
179
  flex-shrink: 0;
153
- border-radius: var(--radius-xs);
154
- background: var(--token-fill-1);
155
- color: var(--token-text-faint);
180
+ border-radius: var(--icen-radius-xs);
181
+ background: var(--icen-token-fill-1);
182
+ color: var(--icen-token-text-faint);
156
183
  }
157
- .upload-list-item-icon svg { width: 16px; height: 16px; }
158
- .upload-list-item-info {
184
+ .icen-upload-list-item-icon svg { width: 16px; height: 16px; }
185
+ .icen-upload-list-item-info {
159
186
  flex: 1;
160
187
  min-width: 0;
161
188
  display: flex;
162
189
  flex-direction: column;
163
190
  gap: 1px;
164
191
  }
165
- .upload-list-item-name {
192
+ .icen-upload-list-item-name {
166
193
  overflow: hidden;
167
194
  text-overflow: ellipsis;
168
195
  white-space: nowrap;
169
- color: var(--token-text);
196
+ color: var(--icen-token-text);
170
197
  }
171
- .upload-list-item-size {
172
- color: var(--token-text-faint);
198
+ .icen-upload-list-item-size {
199
+ color: var(--icen-token-text-faint);
173
200
  font-variant-numeric: tabular-nums;
174
- font-size: var(--density-font-size-xs);
201
+ font-size: var(--icen-density-font-size-xs);
175
202
  }
176
- .upload-list-item-x {
203
+ .icen-upload-list-item-x {
177
204
  border: none;
178
205
  background: transparent;
179
206
  cursor: pointer;
180
- color: var(--token-text-faint);
207
+ color: var(--icen-token-text-faint);
181
208
  padding: 4px;
182
- border-radius: var(--radius-full);
209
+ border-radius: var(--icen-radius-full);
183
210
  display: inline-flex;
184
211
  align-items: center;
185
212
  justify-content: center;
186
213
  flex-shrink: 0;
187
- transition: color var(--icen-tx-fast), background-color var(--icen-tx-fast);
214
+ position: relative;
215
+ transition:
216
+ opacity var(--icen-tx-fast),
217
+ color var(--icen-tx-fast),
218
+ background-color var(--icen-tx-fast);
219
+ }
220
+ /* 隐式移除:可悬停设备上随行浮现;触屏常显并带隐形 44px 命中区 */
221
+ @media (hover: hover) and (pointer: fine) {
222
+ .icen-upload-list-item-x { opacity: 0; }
223
+ .icen-upload-list-item:hover .icen-upload-list-item-x,
224
+ .icen-upload-list-item:focus-within .icen-upload-list-item-x,
225
+ .icen-upload-list-item-x:focus-visible { opacity: 1; }
188
226
  }
189
- .upload-list-item-x:hover {
190
- color: var(--token-error);
191
- background: var(--token-error-muted);
227
+ @media (pointer: coarse) {
228
+ .icen-upload-list-item-x::after { content: ''; position: absolute; inset: -10px; }
192
229
  }
193
- .upload-list-item-x:focus-visible {
230
+ .icen-upload-list-item-x:hover {
231
+ color: var(--icen-token-error);
232
+ background: var(--icen-token-error-muted);
233
+ }
234
+ .icen-upload-list-item-x:focus-visible {
194
235
  outline: none;
195
236
  box-shadow: var(--icen-ring);
196
237
  }
197
238
 
198
- .upload-list-item.is-error {
199
- border-color: var(--token-error);
239
+ .icen-upload-list-item.is-error {
240
+ border-color: var(--icen-token-error);
200
241
  }
201
- .upload-list-item.is-error .upload-list-item-icon {
202
- background: var(--token-error-muted);
203
- color: var(--token-error);
242
+ .icen-upload-list-item.is-error .icen-upload-list-item-icon {
243
+ background: var(--icen-token-error-muted);
244
+ color: var(--icen-token-error);
204
245
  }
205
246
 
206
247
  @keyframes upload-item-in {
@@ -208,5 +249,7 @@
208
249
  to { opacity: 1; transform: translateY(0); }
209
250
  }
210
251
  @media (prefers-reduced-motion: reduce) {
211
- .upload-list-item, .upload-icon { animation: none; transition: none; }
252
+ .icen-upload-list-item, .icen-upload-icon { animation: none; transition: none; }
253
+ }
254
+
212
255
  }
@@ -0,0 +1,96 @@
1
+ Ark Pixel Font
2
+ https://github.com/TakWolf/ark-pixel-font
3
+
4
+ Copyright (c) 2021, TakWolf (https://takwolf.com).
5
+
6
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
7
+ This license is copied below, and is also available with a FAQ at:
8
+ https://openfontlicense.org
9
+
10
+
11
+ -----------------------------------------------------------
12
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
13
+ -----------------------------------------------------------
14
+
15
+ PREAMBLE
16
+ The goals of the Open Font License (OFL) are to stimulate worldwide
17
+ development of collaborative font projects, to support the font creation
18
+ efforts of academic and linguistic communities, and to provide a free and
19
+ open framework in which fonts may be shared and improved in partnership
20
+ with others.
21
+
22
+ The OFL allows the licensed fonts to be used, studied, modified and
23
+ redistributed freely as long as they are not sold by themselves. The
24
+ fonts, including any derivative works, can be bundled, embedded,
25
+ redistributed and/or sold with any software provided that any reserved
26
+ names are not used by derivative works. The fonts and derivatives,
27
+ however, cannot be released under any other type of license. The
28
+ requirement for fonts to remain under this license does not apply
29
+ to any document created using the fonts or their derivatives.
30
+
31
+ DEFINITIONS
32
+ "Font Software" refers to the set of files released by the Copyright
33
+ Holder(s) under this license and clearly marked as such. This may
34
+ include source files, build scripts and documentation.
35
+
36
+ "Reserved Font Name" refers to any names specified as such after the
37
+ copyright statement(s).
38
+
39
+ "Original Version" refers to the collection of Font Software components as
40
+ distributed by the Copyright Holder(s).
41
+
42
+ "Modified Version" refers to any derivative made by adding to, deleting,
43
+ or substituting -- in part or in whole -- any of the components of the
44
+ Original Version, by changing formats or by porting the Font Software to a
45
+ new environment.
46
+
47
+ "Author" refers to any designer, engineer, programmer, technical
48
+ writer or other person who contributed to the Font Software.
49
+
50
+ PERMISSION & CONDITIONS
51
+ Permission is hereby granted, free of charge, to any person obtaining
52
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
53
+ redistribute, and sell modified and unmodified copies of the Font
54
+ Software, subject to the following conditions:
55
+
56
+ 1) Neither the Font Software nor any of its individual components,
57
+ in Original or Modified Versions, may be sold by itself.
58
+
59
+ 2) Original or Modified Versions of the Font Software may be bundled,
60
+ redistributed and/or sold with any software, provided that each copy
61
+ contains the above copyright notice and this license. These can be
62
+ included either as stand-alone text files, human-readable headers or
63
+ in the appropriate machine-readable metadata fields within text or
64
+ binary files as long as those fields can be easily viewed by the user.
65
+
66
+ 3) No Modified Version of the Font Software may use the Reserved Font
67
+ Name(s) unless explicit written permission is granted by the corresponding
68
+ Copyright Holder. This restriction only applies to the primary font name as
69
+ presented to the users.
70
+
71
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
72
+ Software shall not be used to promote, endorse or advertise any
73
+ Modified Version, except to acknowledge the contribution(s) of the
74
+ Copyright Holder(s) and the Author(s) or with their explicit written
75
+ permission.
76
+
77
+ 5) The Font Software, modified or unmodified, in part or in whole,
78
+ must be distributed entirely under this license, and must not be
79
+ distributed under any other license. The requirement for fonts to
80
+ remain under this license does not apply to any document created
81
+ using the Font Software.
82
+
83
+ TERMINATION
84
+ This license becomes null and void if any of the above conditions are
85
+ not met.
86
+
87
+ DISCLAIMER
88
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
89
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
90
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
91
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
92
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
93
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
94
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
95
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
96
+ OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -0,0 +1,108 @@
1
+ [Cubic 11]
2
+ These fonts are free software.
3
+ Unlimited permission is granted to use, copy, and distribute them, with or without modification, either commercially or noncommercially.
4
+ THESE FONTS ARE PROVIDED "AS IS" WITHOUT WARRANTY.
5
+ 此字型是免費的。
6
+ 無論您是否進行對本字型進行商業或非商業性修改,均可無限制地使用,複製和分發它們。
7
+ 本字型的衍生品之授權必須與此字型相同,且不作任何擔保。
8
+ [JF Dot M+H 12]
9
+ Copyright(c) 2005 M+ FONTS PROJECT
10
+ [M+ BITMAP FONTS]
11
+ Copyright (C) 2002-2004 COZ
12
+ These fonts are free software.
13
+ Unlimited permission is granted to use, copy, and distribute it, with or without modification, either commercially and noncommercially.
14
+ THESE FONTS ARE PROVIDED "AS IS" WITHOUT WARRANTY.
15
+ これらのフォントはフリー(自由な)ソフトウエアです。
16
+ あらゆる改変の有無に関わらず、また商業的な利用であっても、自由にご利用、複製、再配布することができますが、全て無保証とさせていただきます。
17
+
18
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
19
+ This license is copied below, and is also available with a FAQ at:
20
+ https://scripts.sil.org/OFL
21
+
22
+
23
+ -----------------------------------------------------------
24
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
25
+ -----------------------------------------------------------
26
+
27
+ PREAMBLE
28
+ The goals of the Open Font License (OFL) are to stimulate worldwide
29
+ development of collaborative font projects, to support the font creation
30
+ efforts of academic and linguistic communities, and to provide a free and
31
+ open framework in which fonts may be shared and improved in partnership
32
+ with others.
33
+
34
+ The OFL allows the licensed fonts to be used, studied, modified and
35
+ redistributed freely as long as they are not sold by themselves. The
36
+ fonts, including any derivative works, can be bundled, embedded,
37
+ redistributed and/or sold with any software provided that any reserved
38
+ names are not used by derivative works. The fonts and derivatives,
39
+ however, cannot be released under any other type of license. The
40
+ requirement for fonts to remain under this license does not apply
41
+ to any document created using the fonts or their derivatives.
42
+
43
+ DEFINITIONS
44
+ "Font Software" refers to the set of files released by the Copyright
45
+ Holder(s) under this license and clearly marked as such. This may
46
+ include source files, build scripts and documentation.
47
+
48
+ "Reserved Font Name" refers to any names specified as such after the
49
+ copyright statement(s).
50
+
51
+ "Original Version" refers to the collection of Font Software components as
52
+ distributed by the Copyright Holder(s).
53
+
54
+ "Modified Version" refers to any derivative made by adding to, deleting,
55
+ or substituting -- in part or in whole -- any of the components of the
56
+ Original Version, by changing formats or by porting the Font Software to a
57
+ new environment.
58
+
59
+ "Author" refers to any designer, engineer, programmer, technical
60
+ writer or other person who contributed to the Font Software.
61
+
62
+ PERMISSION & CONDITIONS
63
+ Permission is hereby granted, free of charge, to any person obtaining
64
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
65
+ redistribute, and sell modified and unmodified copies of the Font
66
+ Software, subject to the following conditions:
67
+
68
+ 1) Neither the Font Software nor any of its individual components,
69
+ in Original or Modified Versions, may be sold by itself.
70
+
71
+ 2) Original or Modified Versions of the Font Software may be bundled,
72
+ redistributed and/or sold with any software, provided that each copy
73
+ contains the above copyright notice and this license. These can be
74
+ included either as stand-alone text files, human-readable headers or
75
+ in the appropriate machine-readable metadata fields within text or
76
+ binary files as long as those fields can be easily viewed by the user.
77
+
78
+ 3) No Modified Version of the Font Software may use the Reserved Font
79
+ Name(s) unless explicit written permission is granted by the corresponding
80
+ Copyright Holder. This restriction only applies to the primary font name as
81
+ presented to the users.
82
+
83
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
84
+ Software shall not be used to promote, endorse or advertise any
85
+ Modified Version, except to acknowledge the contribution(s) of the
86
+ Copyright Holder(s) and the Author(s) or with their explicit written
87
+ permission.
88
+
89
+ 5) The Font Software, modified or unmodified, in part or in whole,
90
+ must be distributed entirely under this license, and must not be
91
+ distributed under any other license. The requirement for fonts to
92
+ remain under this license does not apply to any document created
93
+ using the Font Software.
94
+
95
+ TERMINATION
96
+ This license becomes null and void if any of the above conditions are
97
+ not met.
98
+
99
+ DISCLAIMER
100
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
101
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
102
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
103
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
104
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
105
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
106
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
107
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
108
+ OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -0,0 +1,93 @@
1
+ Copyright (c) 2019–2025 Lee Minseo (quiple@quiple.dev)
2
+
3
+ This font software is licensed under the SIL Open Font License, Version 1.1.
4
+ This license is copied below, and is also available with a FAQ at:
5
+ https://openfontlicense.org
6
+
7
+
8
+ -----------------------------------------------------------
9
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+ -----------------------------------------------------------
11
+
12
+ PREAMBLE
13
+ The goals of the Open Font License (OFL) are to stimulate worldwide
14
+ development of collaborative font projects, to support the font creation
15
+ efforts of academic and linguistic communities, and to provide a free and
16
+ open framework in which fonts may be shared and improved in partnership
17
+ with others.
18
+
19
+ The OFL allows the licensed fonts to be used, studied, modified and
20
+ redistributed freely as long as they are not sold by themselves. The
21
+ fonts, including any derivative works, can be bundled, embedded,
22
+ redistributed and/or sold with any software provided that any reserved
23
+ names are not used by derivative works. The fonts and derivatives,
24
+ however, cannot be released under any other type of license. The
25
+ requirement for fonts to remain under this license does not apply
26
+ to any document created using the fonts or their derivatives.
27
+
28
+ DEFINITIONS
29
+ "Font Software" refers to the set of files released by the Copyright
30
+ Holder(s) under this license and clearly marked as such. This may
31
+ include source files, build scripts and documentation.
32
+
33
+ "Reserved Font Name" refers to any names specified as such after the
34
+ copyright statement(s).
35
+
36
+ "Original Version" refers to the collection of Font Software components as
37
+ distributed by the Copyright Holder(s).
38
+
39
+ "Modified Version" refers to any derivative made by adding to, deleting,
40
+ or substituting -- in part or in whole -- any of the components of the
41
+ Original Version, by changing formats or by porting the Font Software to a
42
+ new environment.
43
+
44
+ "Author" refers to any designer, engineer, programmer, technical
45
+ writer or other person who contributed to the Font Software.
46
+
47
+ PERMISSION & CONDITIONS
48
+ Permission is hereby granted, free of charge, to any person obtaining
49
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+ redistribute, and sell modified and unmodified copies of the Font
51
+ Software, subject to the following conditions:
52
+
53
+ 1) Neither the Font Software nor any of its individual components,
54
+ in Original or Modified Versions, may be sold by itself.
55
+
56
+ 2) Original or Modified Versions of the Font Software may be bundled,
57
+ redistributed and/or sold with any software, provided that each copy
58
+ contains the above copyright notice and this license. These can be
59
+ included either as stand-alone text files, human-readable headers or
60
+ in the appropriate machine-readable metadata fields within text or
61
+ binary files as long as those fields can be easily viewed by the user.
62
+
63
+ 3) No Modified Version of the Font Software may use the Reserved Font
64
+ Name(s) unless explicit written permission is granted by the corresponding
65
+ Copyright Holder. This restriction only applies to the primary font name as
66
+ presented to the users.
67
+
68
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+ Software shall not be used to promote, endorse or advertise any
70
+ Modified Version, except to acknowledge the contribution(s) of the
71
+ Copyright Holder(s) and the Author(s) or with their explicit written
72
+ permission.
73
+
74
+ 5) The Font Software, modified or unmodified, in part or in whole,
75
+ must be distributed entirely under this license, and must not be
76
+ distributed under any other license. The requirement for fonts to
77
+ remain under this license does not apply to any document created
78
+ using the Font Software.
79
+
80
+ TERMINATION
81
+ This license becomes null and void if any of the above conditions are
82
+ not met.
83
+
84
+ DISCLAIMER
85
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+ OTHER DEALINGS IN THE FONT SOFTWARE.