@icen.ai/ui 0.10.0 → 0.11.0

package/dist/components/tag-input.d.mts

@@ -0,0 +1,2 @@
+// kit: tag-input 类型面（构建产物，勿手改）
+export * from '../behaviors/tag-input.mjs';

package/dist/components/tag.css

@@ -25,13 +25,13 @@
   gap: 4px;
   padding: 0 var(--icen-density-space-sm);
   height: 24px;
-  background: var(--icen-token-fill-1);
+  background: var(--icen-token-fill-hover);
   color: var(--icen-token-text-muted);
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-sm);
+  border: 1px solid var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius-sm);
   font: inherit;
-  font-size: var(--icen-density-font-size-sm);
-  letter-spacing: 0.01em;
+  font-size: var(--icen-font-size-caption);
+  letter-spacing: .01em;
   white-space: nowrap;
   vertical-align: middle;
   transition:
@@ -40,7 +40,7 @@
     color var(--icen-tx-fast);
 }
 .icen-tag:hover {
-  background: var(--icen-token-fill-2);
+  background: var(--icen-token-surface-pressed);
   color: var(--icen-token-text);
 }
 
@@ -102,22 +102,30 @@
   outline: none;
   box-shadow: var(--icen-ring);
 }
+/* 触屏抬触达面（镜像 pill.css 的 .icen-pill-close 口径；桌面保持 16px 紧凑视觉） */
+@media (pointer: coarse) {
+  .icen-tag-close {
+    min-inline-size: 28px;
+    min-block-size: 28px;
+    opacity: 1;
+  }
+}
 .icen-tag-close svg { width: 10px; height: 10px; }
 .icen-tag--sm .icen-tag-close { width: 14px; height: 14px; margin-inline-end: -2px; }
 .icen-tag--lg .icen-tag-close { width: 18px; height: 18px; margin-inline-end: -6px; }
 
 /* ── 选中态（用于筛选条件等）── */
 .icen-tag.is-selected {
-  background: var(--icen-token-accent-subtle);
-  color: var(--icen-token-accent-deep, var(--icen-token-accent));
-  border-color: color-mix(in srgb, var(--icen-token-accent) 40%, transparent);
+  background: var(--icen-token-fill-selected);
+  color: var(--icen-token-text);
+  border-color: color-mix(in srgb, var(--icen-token-accent) 30%, transparent);
 }
-.icen-tag.is-selected .icen-tag-icon { color: var(--icen-token-accent); }
+.icen-tag.is-selected .icen-tag-icon { color: var(--icen-token-accent-strong); }
 
 /* ── 语义色变体（与 pill 对齐，但底色更淡，作分类着色用）── */
 .icen-tag--accent {
-  background: color-mix(in srgb, var(--icen-token-accent) 10%, transparent);
-  color: var(--icen-token-accent-deep, var(--icen-token-accent));
+  background: var(--icen-token-accent-subtle);
+  color: var(--icen-token-accent-text);
   border-color: color-mix(in srgb, var(--icen-token-accent) 30%, transparent);
 }
 .icen-tag--success {

package/dist/components/tag.d.mts

@@ -0,0 +1,2 @@
+// kit: tag 类型面（构建产物，勿手改）
+export {};

package/dist/components/theme-switcher.css

@@ -35,7 +35,7 @@
 .icen-theme-switcher-trigger:hover,
 .icen-theme-switcher-option:hover { background: var(--icen-token-surface-hover); border-color: var(--icen-token-line); }
 .icen-theme-switcher-trigger:focus-visible,
-.icen-theme-switcher-option:focus-visible { outline: 2px solid var(--icen-token-accent); outline-offset: 3px; }
+.icen-theme-switcher-option:focus-visible { outline: 2px solid var(--icen-token-accent); outline-offset: 2px; /* 与全局 a:focus-visible / material 系 2px 口径对齐 */ }
 .icen-theme-switcher-trigger[aria-expanded="true"] { border-color: var(--icen-token-accent); }
 .icen-theme-switcher-sample { display: inline-flex; flex: 0 0 auto; inline-size: 40px; block-size: 20px; overflow: hidden; border: 1px solid var(--icen-token-line); border-radius: var(--icen-radius-sm); }
 .icen-theme-switcher-sample i { display: block; flex: 1; }
@@ -55,21 +55,21 @@
   box-sizing: border-box;
   padding: var(--icen-density-space-md);
   overflow: auto;
-  border: 1px solid var(--icen-token-line-soft);
+  border: 1px solid var(--icen-token-material-edge);
   border-radius: var(--icen-radius-lg);
   background: var(--icen-token-surface);
   color: var(--icen-token-text);
-  box-shadow: var(--icen-token-shadow-overlay);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
   font: var(--icen-density-font-size-sm)/1.5 var(--icen-font-body);
 }
 .icen-theme-switcher-panel[hidden] { display: none; }
-.icen-theme-switcher-section + .icen-theme-switcher-section { margin-block-start: var(--icen-density-space-md); padding-block-start: var(--icen-density-space-md); border-block-start: 1px solid var(--icen-token-line-soft); }
-.icen-theme-switcher-heading { margin: 0 0 var(--icen-density-space-sm); font-size: var(--icen-density-font-size-sm); font-weight: 500; color: var(--icen-token-text-muted); }
+.icen-theme-switcher-section + .icen-theme-switcher-section { margin-block-start: var(--icen-density-space-md); padding-block-start: var(--icen-density-space-md); border-block-start: 1px solid var(--icen-token-separator-soft); }
+.icen-theme-switcher-heading { margin: 0 0 var(--icen-density-space-sm); font-size: var(--icen-font-size-caption); font-weight: 600; letter-spacing: var(--icen-letter-spacing-caption); color: var(--icen-token-text-muted); }
 .icen-theme-switcher-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--icen-density-space-sm); }
-.icen-theme-switcher-option { position: relative; min-block-size: var(--icen-density-input-height-md); padding: var(--icen-density-space-sm); }
+.icen-theme-switcher-option { position: relative; min-block-size: var(--icen-control-height-sm); padding: var(--icen-density-space-sm); }
 .icen-theme-switcher-options--theme .icen-theme-switcher-option { flex-direction: column; align-items: stretch; gap: var(--icen-density-space-sm); text-align: start; }
 .icen-theme-switcher-options--theme .icen-theme-switcher-sample { inline-size: 100%; block-size: 28px; }
-.icen-theme-switcher-option[aria-pressed="true"] { border-color: var(--icen-token-accent); background: var(--icen-token-accent-subtle); }
+.icen-theme-switcher-option[aria-pressed="true"] { border-color: color-mix(in srgb, var(--icen-token-accent) 32%, var(--icen-token-separator)); background: var(--icen-token-fill-selected); color: var(--icen-token-text); }
 .icen-theme-switcher[data-icen-layout="inline"] { display: block; inline-size: 100%; container: icen-appearance / inline-size; }
 .icen-theme-switcher[data-icen-layout="inline"] > .icen-theme-switcher-panel { position: static; inline-size: 100%; box-shadow: none; background: var(--icen-token-surface); }
 /* Six built-ins form complete rows. Query the host, so sidebars and embedded

package/dist/components/theme-switcher.d.mts

@@ -0,0 +1,2 @@
+// kit: theme-switcher 类型面（构建产物，勿手改）
+export * from '../behaviors/theme-switcher.mjs';

package/dist/components/timeline.d.mts

@@ -0,0 +1,2 @@
+// kit: timeline 类型面（构建产物，勿手改）
+export {};

package/dist/components/toast.css

@@ -33,18 +33,20 @@
   overflow: hidden;
   display: inline-flex;
   align-items: center;
-  gap: var(--icen-density-space-sm);
-  background: var(--icen-token-surface);
+  gap: var(--icen-control-gap);
+  background: color-mix(in srgb, var(--icen-token-surface) 96%, transparent);
+  backdrop-filter: blur(var(--icen-material-blur-chrome)) saturate(var(--icen-material-saturate));
+  -webkit-backdrop-filter: blur(var(--icen-material-blur-chrome)) saturate(var(--icen-material-saturate));
   color: var(--icen-token-text);
-  border: 1px solid var(--icen-token-line-soft);
-  border-inline-start: 3px solid var(--icen-token-line-strong);
-  border-radius: var(--icen-radius-sm);
-  box-shadow: var(--icen-token-shadow-overlay);
-  padding: var(--icen-density-space-sm) var(--icen-density-space-md);
-  font-size: var(--icen-density-font-size-md);
+  border: 1px solid var(--icen-token-material-edge);
+  border-inline-start: 2px solid var(--icen-token-separator-strong);
+  border-radius: var(--icen-radius-lg);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
+  padding: 8px 10px;
+  font-size: var(--icen-font-size-control);
   line-height: 1.4;
-  max-inline-size: 380px;
-  animation: icen-toast-in var(--icen-tx-slow);
+  max-inline-size: 400px;
+  animation: icen-toast-in var(--icen-duration-normal) var(--icen-ease-enter);
 }
 
 /* 语义色：起始缘 3px 强调 */
@@ -61,20 +63,21 @@
 
 .icen-toast-action {
   flex-shrink: 0;
-  padding: 0;
-  background: none;
+  min-block-size: 24px;
+  padding-inline: 8px;
+  background: var(--icen-token-fill-hover);
   border: 0;
+  border-radius: var(--icen-radius-xs);
   cursor: pointer;
-  color: var(--icen-token-accent);
+  color: var(--icen-token-text);
   font: inherit;
   font-size: var(--icen-density-font-size-sm);
   font-weight: 500;
-  text-decoration: underline;
-  text-underline-offset: 3px;
+  text-decoration: none;
   -webkit-tap-highlight-color: transparent;
-  transition: color var(--icen-tx-fast);
+  transition: color var(--icen-tx-fast), background-color var(--icen-tx-fast);
 }
-.icen-toast-action:hover { color: var(--icen-token-accent-deep, var(--icen-token-accent)); }
+.icen-toast-action:hover { color: var(--icen-token-text); background: var(--icen-token-fill-2); }
 .icen-toast-action:focus-visible {
   outline: none;
   border-radius: var(--icen-radius-xs);
@@ -89,9 +92,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--icen-token-text-faint);
+  color: var(--icen-token-text-muted);
 }
-.icen-toast-icon svg { width: 16px; height: 16px; }
+.icen-toast-icon svg { width: 15px; height: 15px; }
 .icen-toast--success .icen-toast-icon { color: var(--icen-token-success); }
 .icen-toast--error   .icen-toast-icon { color: var(--icen-token-error); }
 .icen-toast--warning .icen-toast-icon { color: var(--icen-token-warning); }
@@ -103,19 +106,19 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   padding: 0;
   border: 0;
   border-radius: var(--icen-radius-xs);
   background: transparent;
-  color: var(--icen-token-text-faint);
+  color: var(--icen-token-text-muted);
   cursor: pointer;
   transition: color var(--icen-tx-fast), background-color var(--icen-tx-fast);
 }
 .icen-toast-close:hover {
   color: var(--icen-token-text);
-  background: var(--icen-token-fill-1);
+  background: var(--icen-token-fill-hover);
 }
 .icen-toast-close svg { width: 12px; height: 12px; }
 
@@ -125,8 +128,8 @@
   min-width: 0;
 }
 .icen-toast-title {
-  font-size: var(--icen-density-font-size-md);
-  font-weight: 500;
+  font-size: var(--icen-font-size-control);
+  font-weight: 600;
   color: var(--icen-token-text);
   line-height: 1.4;
 }
@@ -203,8 +206,8 @@
 }
 
 @keyframes icen-toast-in {
-  from { opacity: 0; transform: translateY(8px); }
-  to   { opacity: 1; transform: translateY(0); }
+  from { opacity: 0; transform: translateY(6px) scale(.99); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
 }
 
 @media (max-width: 480px) {
@@ -217,15 +220,16 @@
 }
 
 /* Quiet close shares the same fixed action slot as other interface controls. */
-.icen-toast-close.icen-icon-action { inline-size: var(--icen-density-input-height-sm); block-size: var(--icen-density-input-height-sm); }
+.icen-toast-close.icen-icon-action { inline-size: 28px; block-size: 28px; }
 .icen-toast-close.icen-icon-action > svg { inline-size: 14px; block-size: 14px; }
 .icen-toast-close:focus-visible { outline: 2px solid var(--icen-token-accent); outline-offset: 1px; }
 @media (pointer: coarse) { .icen-toast-close.icen-icon-action { min-inline-size: 44px; min-block-size: 44px; } }
 
 .icen-toast-content { min-inline-size: 0; }
-.icen-toast { max-inline-size: min(380px, calc(100vw - 2 * var(--icen-density-space-md))); }
-.icen-toast-action { min-block-size: var(--icen-density-input-height-sm); padding-inline: var(--icen-density-space-sm); border-radius: var(--icen-radius-sm); text-decoration: none; background: var(--icen-token-fill-1); }
+.icen-toast { max-inline-size: min(400px, calc(100vw - 2 * var(--icen-density-space-md))); }
+.icen-toast-action { min-block-size: 24px; background: var(--icen-token-fill-hover); }
 .icen-toast-action:hover { background: var(--icen-token-fill-2); }
 @media (pointer: coarse) { .icen-toast-action { min-inline-size: 44px; min-block-size: 44px; } }
 
+
 }

package/dist/components/toast.d.mts

@@ -0,0 +1,2 @@
+// kit: toast 类型面（构建产物，勿手改）
+export * from '../behaviors/toast.mjs';

package/dist/components/toolbar.css

@@ -30,10 +30,11 @@
   align-items: center;
   gap: var(--icen-density-space-sm);
   flex-wrap: nowrap;
-  padding: var(--icen-density-space-sm);
-  background: var(--icen-token-bg-soft);
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-md);
+  min-block-size: 44px;
+  padding: 6px 8px;
+  background: var(--icen-token-surface-chrome);
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-control-radius-lg);
 }
 .icen-toolbar--wrap { flex-wrap: wrap; }
 .icen-toolbar--borderless {
@@ -42,14 +43,14 @@
   padding: 0;
 }
 .icen-toolbar--elevated {
-  background: var(--icen-token-card-strong);
-  border-color: var(--icen-token-outline-soft);
-  box-shadow: var(--icen-token-shadow-elevated);
+  background: var(--icen-token-surface);
+  border-color: var(--icen-token-material-edge);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
 }
 
 /* ── 尺寸 ── */
-.icen-toolbar--sm { padding: 4px var(--icen-density-space-xs); gap: var(--icen-density-space-xs); }
-.icen-toolbar--lg { padding: var(--icen-density-space-md); gap: var(--icen-density-space-md); }
+.icen-toolbar--sm { min-block-size: 36px; padding: 4px 6px; gap: var(--icen-density-space-xs); }
+.icen-toolbar--lg { min-block-size: 52px; padding: 8px 12px; gap: var(--icen-density-space-md); }
 
 /* ── 分组（紧贴一组按钮） ── */
 .icen-toolbar-group {
@@ -57,21 +58,21 @@
   align-items: center;
   gap: 2px;
   padding: 2px;
-  background: var(--icen-token-fill-1);
-  border-radius: var(--icen-radius-sm);
+  background: var(--icen-token-fill-hover);
+  border-radius: var(--icen-radius-xs);
 }
-.icen-toolbar-group > .icen-btn { border-color: transparent; background: transparent; }
-.icen-toolbar-group > .icen-btn:hover { background: var(--icen-token-fill-2); }
+.icen-toolbar-group > .icen-btn { border-color: transparent; background: transparent; box-shadow: none; }
+.icen-toolbar-group > .icen-btn:hover { background: var(--icen-token-fill-hover); }
 
 /* ── 分隔符 ── */
 .icen-toolbar-separator {
   width: 1px;
-  height: 20px;
-  background: var(--icen-token-line-soft);
+  height: 18px;
+  background: var(--icen-token-separator);
   flex-shrink: 0;
 }
-.icen-toolbar--sm .icen-toolbar-separator { height: 16px; }
-.icen-toolbar--lg .icen-toolbar-separator { height: 24px; }
+.icen-toolbar--sm .icen-toolbar-separator { height: 14px; }
+.icen-toolbar--lg .icen-toolbar-separator { height: 22px; }
 
 /* 水平工具条里的垂直分隔（用于纵向 toolbar） */
 .icen-toolbar--vertical { flex-direction: column; align-items: stretch; }
@@ -91,7 +92,7 @@
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
-.icen-toolbar-label.icen-accent { color: var(--icen-token-accent-text, var(--icen-token-accent-deep, var(--icen-token-accent))); }
+.icen-toolbar-label.icen-accent { color: var(--icen-token-accent-text); }
 
 @media (max-width: 480px) {
   .icen-toolbar { flex-wrap: wrap; }

package/dist/components/toolbar.d.mts

@@ -0,0 +1,2 @@
+// kit: toolbar 类型面（构建产物，勿手改）
+export {};

package/dist/components/tooltip.css

@@ -27,8 +27,8 @@
   z-index: var(--icen-z-tooltip);
   width: max-content;
   max-width: min(260px, calc(100vw - 32px));
-  padding: 4px var(--icen-density-space-xs);
-  font-size: var(--icen-density-font-size-xs);
+  padding: 4px 7px;
+  font-size: var(--icen-font-size-caption);
   font-weight: 400;
   line-height: 1.4;
   white-space: nowrap;
@@ -36,9 +36,9 @@
   overflow: hidden;
   background: color-mix(in srgb, var(--icen-token-text) 92%, var(--icen-token-bg));
   color: var(--icen-token-bg);
-  border: 1px solid var(--icen-token-line);
+  border: 1px solid color-mix(in srgb, var(--icen-token-bg) 12%, transparent);
   box-shadow: var(--icen-token-shadow-elevated);
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   opacity: 0;
   pointer-events: none;
   transition:
@@ -136,8 +136,8 @@
   z-index: var(--icen-z-tooltip);
   box-sizing: border-box;
   max-inline-size: min(260px, calc(100vw - 32px));
-  padding: 4px var(--icen-density-space-xs);
-  font-size: var(--icen-density-font-size-xs);
+  padding: 4px 7px;
+  font-size: var(--icen-font-size-caption);
   font-weight: 400;
   line-height: 1.4;
   white-space: nowrap;
@@ -145,9 +145,9 @@
   text-overflow: ellipsis;
   background: color-mix(in srgb, var(--icen-token-text) 92%, var(--icen-token-bg));
   color: var(--icen-token-bg);
-  border: 1px solid var(--icen-token-line);
+  border: 1px solid color-mix(in srgb, var(--icen-token-bg) 12%, transparent);
   box-shadow: var(--icen-token-shadow-elevated);
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   pointer-events: none;
   opacity: 0;
   translate: 0 4px;
@@ -172,4 +172,5 @@
   .icen-tooltip { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
 }
 
+
 }

package/dist/components/tooltip.d.mts

@@ -0,0 +1,2 @@
+// kit: tooltip 类型面（构建产物，勿手改）
+export * from '../behaviors/tooltip.mjs';

package/dist/components/tree-select.css

@@ -50,7 +50,7 @@
  */
 
 .icen-tree-select {
-  --tree-select-height: var(--icen-density-input-height-md);
+  --tree-select-height: var(--icen-control-height-md);
   position: relative;
   inline-size: 100%;
 }
@@ -59,27 +59,29 @@
   position: relative;
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
+  gap: var(--icen-control-gap-sm);
   inline-size: 100%;
   min-height: var(--tree-select-height);
   height: auto;
-  padding: 4px var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-md);
+  padding: 4px var(--icen-field-padding-inline);
+  font-family: var(--icen-font-body);
+  font-size: var(--icen-font-size-control);
+  line-height: 1.4;
   text-align: start;
   flex-wrap: wrap;
   background: var(--icen-token-control);
   color: var(--icen-token-text);
-  border: 1px solid var(--icen-token-outline-soft);
-  border-radius: var(--icen-radius-md);
-  box-shadow: var(--icen-token-shadow-inset);
+  border: var(--icen-control-border-width) solid var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius);
+  box-shadow: var(--icen-token-shadow-field);
   cursor: pointer;
   transition:
     border-color var(--icen-tx-fast),
     box-shadow var(--icen-tx-fast);
-  padding-inline-end: var(--icen-density-space-sm);
+  padding-inline-end: calc(var(--icen-field-padding-inline) + 18px);
 }
 .icen-tree-select-trigger:hover:not(:disabled) {
-  border-color: var(--icen-hover-border);
+  border-color: var(--icen-token-control-border-hover);
 }
 .icen-tree-select-trigger:focus-visible {
   outline: none;
@@ -107,15 +109,16 @@
 
 .icen-tree-select-chevron {
   position: absolute;
-  inset-inline-end: var(--icen-density-space-sm);
+  inset-inline-end: var(--icen-field-padding-inline);
   inset-block-start: 50%;
   translate: 0 -50%;
-  inline-size: 16px;
-  block-size: 16px;
+  inline-size: 12px;
+  block-size: 12px;
   flex: none;
   color: var(--icen-token-text-muted);
+  opacity: .82;
   pointer-events: none;
-  transition: transform var(--icen-tx-fast);
+  transition: transform var(--icen-tx-fast), opacity var(--icen-tx-fast);
 }
 .icen-tree-select.is-open .icen-tree-select-chevron { transform: rotate(180deg); }
 
@@ -170,8 +173,8 @@
   align-items: center;
   justify-content: center;
   flex: none;
-  inline-size: 16px;
-  block-size: 20px;
+  inline-size: 24px; /* 与 .icen-select-chip-x 同口径（WCAG 2.5.8 下限） */
+  block-size: 24px;
   margin-inline-start: var(--icen-density-space-xs);
   padding: 0;
   border: 0;
@@ -192,11 +195,11 @@
   z-index: var(--icen-z-popover);
   overflow-y: auto;
   overscroll-behavior: contain;
-  padding: var(--icen-density-space-sm);
-  background: var(--icen-token-card-strong);
-  border: 1px solid var(--icen-token-outline);
+  padding: var(--icen-density-space-xs);
+  background: var(--icen-token-surface);
+  border: 1px solid var(--icen-token-material-edge);
   border-radius: var(--icen-radius-lg);
-  box-shadow: var(--icen-token-shadow-overlay);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
   transform-origin: top center;
   animation: icen-pop-in var(--icen-tx-fast);
 }
@@ -222,25 +225,26 @@
 .icen-tree-select-row {
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  padding-block: var(--icen-density-space-xs);
+  gap: var(--icen-control-gap-sm);
+  min-block-size: var(--icen-control-height-sm);
+  padding-block: 3px;
   padding-inline: calc(4px + var(--depth, 0) * 18px) var(--icen-density-space-sm);
-  border-radius: var(--icen-radius-sm);
-  font-size: var(--icen-density-font-size-md);
+  border-radius: var(--icen-radius-xs);
+  font-size: var(--icen-font-size-control);
   color: var(--icen-token-text);
   cursor: pointer;
   transition: background-color var(--icen-tx-fast);
 }
-.icen-tree-select-row:hover:not(.is-disabled) { background: var(--icen-token-control-hover); }
+.icen-tree-select-row:hover:not(.is-disabled) { background: var(--icen-token-fill-hover); }
 .icen-tree-select-row:focus-visible,
 .icen-tree-select-row.is-focused {
   outline: none;
-  box-shadow: var(--icen-ring);
+  box-shadow: var(--icen-ring-inset);
 }
 .icen-tree-select-row.is-selected {
-  background: var(--icen-token-accent-subtle);
-  color: var(--icen-token-accent);
-  font-weight: 500;
+  background: var(--icen-token-fill-selected);
+  color: var(--icen-token-text);
+  font-weight: var(--icen-font-weight-control);
 }
 .icen-tree-select-row.is-disabled,
 .icen-tree-select-row[aria-disabled='true'] {
@@ -282,25 +286,28 @@
 
 /* 三态勾选框（checkable 时渲染；.is-checked/.is-mixed 由 behavior 求值挂行） */
 .icen-tree-select-check {
-  width: 14px;
-  height: 14px;
+  width: 15px;
+  height: 15px;
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: 1.5px solid var(--icen-token-outline);
+  border: 1px solid var(--icen-token-control-border);
   border-radius: var(--icen-radius-xs);
+  background: var(--icen-token-control);
   transition:
     background-color var(--icen-tx-fast),
     border-color var(--icen-tx-fast);
 }
 .icen-tree-select-row.is-checked .icen-tree-select-check {
-  background: var(--icen-token-accent);
-  border-color: var(--icen-token-accent);
+  background: var(--icen-token-accent-strong);
+  border-color: var(--icen-token-accent-strong);
+  color: var(--icen-token-on-accent);
 }
 .icen-tree-select-row.is-mixed .icen-tree-select-check {
-  background: var(--icen-token-accent);
-  border-color: var(--icen-token-accent);
+  background: var(--icen-token-accent-strong);
+  border-color: var(--icen-token-accent-strong);
+  color: var(--icen-token-on-accent);
 }
 
 .icen-tree-select-label {
@@ -406,11 +413,27 @@
 
 .icen-tree-select-panel:has(> .icen-tree-select-search) { scroll-padding-block-start: calc(var(--icen-density-input-height-sm) + 3 * var(--icen-density-space-xs) + var(--icen-density-space-sm) + 1px); }
 
-.icen-tree-select-row.is-checked .icen-tree-select-check, .icen-tree-select-row.is-mixed .icen-tree-select-check { background: var(--icen-token-surface); }
-.icen-tree-select-row:is(.is-checked,.is-mixed) .icen-tree-select-check::after { content: ""; inline-size: 6px; block-size: 6px; border-radius: max(0px, calc(var(--icen-radius-xs) - var(--icen-density-space-xs))); background: var(--icen-token-accent); }
-.icen-tree-select-row.is-mixed .icen-tree-select-check::after { inline-size: 8px; block-size: 2px; border-radius: var(--icen-radius-full); }
+.icen-tree-select-row:is(.is-checked,.is-mixed) .icen-tree-select-check {
+  background: var(--icen-token-accent-strong);
+  border-color: var(--icen-token-accent-strong);
+  color: var(--icen-token-on-accent);
+}
+.icen-tree-select-row:is(.is-checked,.is-mixed) .icen-tree-select-check::after {
+  content: '';
+  inline-size: 10px;
+  block-size: 10px;
+  background: currentColor;
+  mask: var(--icen-token-icon-check) center / contain no-repeat;
+  -webkit-mask: var(--icen-token-icon-check) center / contain no-repeat;
+}
+.icen-tree-select-row.is-mixed .icen-tree-select-check::after {
+  inline-size: 9px;
+  block-size: 9px;
+  mask-image: var(--icen-token-icon-minus);
+  -webkit-mask-image: var(--icen-token-icon-minus);
+}
 
-/* Popup affordance is carried by the control surface, not a direction glyph. */
-.icen-tree-select-chevron { display: none; }
+/* Clear affordance replaces the popup glyph in the trailing slot. */
+.icen-tree-select:has(.icen-tree-select-clear:not([hidden])) .icen-tree-select-chevron { display: none; }
 
 }

package/dist/components/tree-select.d.mts

@@ -0,0 +1,2 @@
+// kit: tree-select 类型面（构建产物，勿手改）
+export * from '../behaviors/tree-select.mjs';

package/dist/components/tree.d.mts

@@ -0,0 +1,2 @@
+// kit: tree 类型面（构建产物，勿手改）
+export * from '../behaviors/tree.mjs';

package/dist/components/upload.css

@@ -42,19 +42,18 @@
   justify-content: center;
   text-align: center;
   padding: var(--icen-density-space-lg) var(--icen-density-space-md);
-  border: 2px dashed var(--icen-token-outline-soft);
-  border-radius: var(--icen-radius-lg);
-  background: var(--icen-token-bg-soft);
+  border: 1px dashed var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius-lg);
+  background: var(--icen-token-surface);
   cursor: pointer;
   transition:
     border-color var(--icen-tx-fast),
-    background-color var(--icen-tx-fast),
-    transform var(--icen-tx-fast);
+    background-color var(--icen-tx-fast);
 }
 .icen-upload:hover:not(.is-disabled):not(:has(.icen-upload-dropzone)),
 .icen-upload-dropzone:hover:not(.is-disabled) {
-  border-color: color-mix(in srgb, var(--icen-token-accent) 60%, transparent);
-  background: var(--icen-token-control-hover);
+  border-color: var(--icen-token-control-border-hover);
+  background: var(--icen-token-fill-hover);
 }
 .icen-upload:focus-visible,
 .icen-upload-dropzone:focus-visible {
@@ -67,7 +66,6 @@
   border-color: var(--icen-token-accent);
   border-style: solid;
   background: var(--icen-token-accent-subtle);
-  transform: scale(1.005);
 }
 .icen-upload.is-disabled,
 .icen-upload[aria-disabled='true'],
@@ -91,10 +89,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 40px;
-  height: 40px;
+  width: 38px;
+  height: 38px;
   margin-bottom: var(--icen-density-space-sm);
-  border-radius: var(--icen-radius-lg);
+  border-radius: var(--icen-control-radius-lg);
   background: var(--icen-token-accent-subtle);
   color: var(--icen-token-accent);
   transition: transform var(--icen-tx-fast);

package/dist/components/upload.d.mts

@@ -0,0 +1,2 @@
+// kit: upload 类型面（构建产物，勿手改）
+export * from '../behaviors/upload.mjs';