@icen.ai/ui 0.9.0 → 0.11.0

package/dist/components/icon.css

@@ -0,0 +1,113 @@
+@layer icen.components {
+/* Interface symbols and quiet actions. SVG is usable without this CSS; this file
+ * adds optical alignment, fixed action hit areas and progressive disclosure.
+ * data-icen-reveal on a labelled secondary action: parent hover/focus reveals it;
+ * keyboard and coarse pointers always retain access. No layout shift on reveal. */
+.icen-symbol { display: inline-block; flex: none; vertical-align: middle; overflow: visible; }
+.icen-icon-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  inline-size: var(--icen-density-input-height-sm);
+  block-size: var(--icen-density-input-height-sm);
+  padding: 0;
+  border: 0;
+  border-radius: var(--icen-radius-sm);
+  background: transparent;
+  color: var(--icen-token-text-muted);
+  cursor: pointer;
+  transition: opacity var(--icen-tx-fast), background-color var(--icen-tx-fast), color var(--icen-tx-fast), transform var(--icen-tx-fast);
+}
+.icen-icon-action:hover { background: var(--icen-token-fill-hover); color: var(--icen-token-text); }
+.icen-icon-action:active { background: var(--icen-token-fill-pressed); }
+.icen-icon-action:focus-visible { outline: none; box-shadow: var(--icen-ring); }
+.icen-icon-action:disabled { opacity: var(--icen-disabled-opacity); pointer-events: none; }
+@media (hover: hover) and (pointer: fine) {
+  .icen-icon-action[data-icen-reveal] { opacity: 0; }
+  :hover > .icen-icon-action[data-icen-reveal],
+  :focus-within > .icen-icon-action[data-icen-reveal],
+  .icen-icon-action[data-icen-reveal]:focus-visible { opacity: 1; }
+}
+@media (pointer: coarse) {
+  .icen-icon-action { min-inline-size: 44px; min-block-size: 44px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .icen-icon-action { transition: none; }
+}
+
+:root[data-icen-style="pixel"] .icen-symbol { stroke-linecap: square; stroke-linejoin: miter; shape-rendering: crispEdges; }
+
+/* Search action: enhanceSearchField(input) adds these classes to a dedicated
+   wrapper and input, plus one labelled button with a decorative SVG.
+   Zero specificity positioning preserves component sticky search headers. */
+:where(.icen-search-field) { position: relative; }
+.icen-search-input::-webkit-search-cancel-button,
+.icen-search-input::-webkit-search-decoration {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.icen-search-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: 24px;
+  block-size: 24px;
+  flex-shrink: 0;
+  padding: 0;
+  border: 0;
+  border-radius: var(--icen-radius-sm);
+  color: var(--icen-token-text-muted);
+  background: transparent;
+  cursor: pointer;
+  transition: color var(--icen-tx-fast), background var(--icen-tx-fast);
+}
+.icen-search-clear > svg { inline-size: 16px; block-size: 16px; pointer-events: none; }
+.icen-search-clear:hover {
+  color: var(--icen-token-text);
+  background: var(--icen-token-fill-hover);
+}
+.icen-search-clear:active {
+  background: var(--icen-token-fill-pressed);
+}
+.icen-search-clear:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+}
+@media (prefers-reduced-motion: reduce) {
+  .icen-search-clear { transition: none; }
+}
+
+/* Feedback actions keep their label's footprint while work is pending. */
+.icen-toast-action, .icen-notification-action { position: relative; }
+.icen-feedback-action-label { display: inline-block; }
+[aria-busy="true"] > .icen-feedback-action-label { opacity: 0; }
+.icen-feedback-action-spinner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
+.icen-feedback-action-spinner > svg { inline-size: 16px; block-size: 16px; animation: icen-spin calc(var(--icen-duration-normal) * 4) linear infinite; }
+.icen-toast-action[aria-disabled="true"], .icen-notification-action[aria-disabled="true"] { cursor: progress; }
+.icen-toast-action[aria-disabled="true"]:not([aria-busy="true"]), .icen-notification-action[aria-disabled="true"]:not([aria-busy="true"]) { opacity: var(--icen-disabled-opacity); }
+.icen-feedback-error { display: block; margin-block-start: var(--icen-density-space-xs); color: var(--icen-token-error); font-size: var(--icen-density-font-size-sm); line-height: 1.5; }
+:root[data-icen-style="pixel"] .icen-feedback-action-spinner > svg { animation-timing-function: steps(8,end); }
+@media (prefers-reduced-motion: reduce) { .icen-feedback-action-spinner > svg { animation: none; } }
+.icen-suggestion-status { display: flex; align-items: center; gap: var(--icen-density-space-xs); padding: var(--icen-density-space-sm); color: var(--icen-token-text-muted); font-size: var(--icen-density-font-size-sm); line-height: var(--icen-line-height-body); }
+.icen-suggestion-symbol { display: inline-flex; align-items: center; justify-content: center; inline-size: 20px; block-size: 20px; flex: 0 0 20px; }
+.icen-suggestion-symbol > svg { inline-size: 16px; block-size: 16px; }
+.icen-suggestion-copy { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; }
+.icen-suggestion-status.is-loading .icen-suggestion-symbol > svg { animation: icen-spin calc(var(--icen-duration-normal) * 4) linear infinite; }
+.icen-suggestion-retry { flex: 0 0 auto; padding-inline: var(--icen-density-space-sm); min-block-size: var(--icen-density-input-height-sm); border: 1px solid var(--icen-token-outline-soft); border-radius: var(--icen-radius-sm); background: var(--icen-token-fill-1); color: var(--icen-token-text); font: inherit; cursor: pointer; transition: background-color var(--icen-tx-fast), border-color var(--icen-tx-fast); }
+.icen-suggestion-retry:focus-visible { outline: none; box-shadow: var(--icen-ring); }
+@media (hover: hover) and (pointer: fine) { .icen-suggestion-retry:hover { background: var(--icen-token-fill-2); border-color: var(--icen-token-line); } }
+@media (pointer: coarse) { .icen-suggestion-retry { min-inline-size: 44px; min-block-size: 44px; } }
+:root[data-icen-style="pixel"] .icen-suggestion-status.is-loading .icen-suggestion-symbol > svg { animation-timing-function: steps(8,end); }
+@media (prefers-reduced-motion: reduce) { .icen-suggestion-status.is-loading .icen-suggestion-symbol > svg { animation: none; } }
+
+@media (forced-colors: active) {
+  .icen-icon-action,
+  .icen-search-clear,
+  .icen-suggestion-retry { border: 1px solid CanvasText; }
+  .icen-icon-action:focus-visible,
+  .icen-search-clear:focus-visible,
+  .icen-suggestion-retry:focus-visible { outline: 2px solid Highlight; outline-offset: 1px; box-shadow: none; }
+}
+
+}

package/dist/components/icon.d.mts

@@ -0,0 +1,2 @@
+// kit: icon 类型面（构建产物，勿手改）
+export { ICON_PATHS, iconPath, iconHTML, createIcon, registerIcon } from '../behaviors/icons.mjs';

package/dist/components/icon.mjs

@@ -0,0 +1,3 @@
+// @icen.ai/ui — kit: icon（CSS + behavior 一行入口；构建产物，勿手改）
+import './icon.css';
+export { ICON_PATHS, iconPath, iconHTML, createIcon, registerIcon } from '../behaviors/icons.mjs';

package/dist/components/input.css

@@ -1,225 +1,280 @@
+@layer icen.components {
 /*
  * @icen.ai/ui — Component: input（wrapper 式输入框 / 多行 / 搜索）
  * 规格源自 opengal primitives/input.tsx；与 behaviors/input.ts 配套。
  *
  * 完整契约：
- *   <div class="input-wrap control [--sm|--lg] [--search] [.is-error] [.is-disabled]">
- *     <span class="input-leading">…</span>            可选前缀（svg/icon/text）
- *     <input class="input" />
- *     <button class="input-clear" aria-label="清除">…</button>     behavior 清空并聚焦
- *     <button class="input-pw-toggle" aria-label="切换可见性">…</button>
- *     <span class="input-trailing">…</span>           可选后缀（单位/字符计数等）
+ *   <div class="icen-input-wrap icen-control [--sm|--lg] [--search] [.is-error] [.is-disabled]">
+ *     <span class="icen-input-leading">…</span>            可选前缀（svg/icon/text）
+ *     <input class="icen-input" />
+ *     <button class="icen-input-clear" aria-label="清除">…</button>     behavior 清空并聚焦
+ *     <button class="icen-input-pw-toggle" aria-label="切换可见性">…</button>
+ *     <span class="icen-input-trailing">…</span>           可选后缀（单位/字符计数等）
  *   </div>
  *
- *   多行：<div class="textarea-wrap control" [.is-error|.is-disabled]><textarea class="textarea" data-autosize></textarea></div>
+ *   多行：<div class="icen-textarea-wrap icen-control" [.is-error|.is-disabled]><icen-textarea class="icen-textarea" data-icen-autosize></icen-textarea></div>
  *
  * --search 修饰：仅语义标记（让 behavior 知道这是搜索框，绑定 clear + Esc），
- *              不额外改样式；视觉上仍用 .input-leading 放大镜。
+ *              不额外改样式；视觉上仍用 .icen-input-leading 放大镜。
  */
 
 /* ── 单行 ── */
-.input-wrap {
+/* One surface recipe for composed and standalone fields. KB domain hooks share
+   the same recipe; domain CSS owns width/layout, never typography or material. */
+.icen-input-wrap,
+.icen-input-control,
+.icen-kb-input,
+.icen-kb-retrieval-query,
+.icen-kb-hittest-input,
+.icen-kb-filter-field,
+.icen-kb-filter-value {
+  box-sizing: border-box;
+  min-inline-size: 0;
+  block-size: var(--input-height, var(--icen-control-height-md));
+  padding: 0 var(--input-padding-inline, var(--icen-field-padding-inline));
+  font-family: var(--icen-font-body);
+  font-size: var(--input-font-size, var(--icen-font-size-control));
+  line-height: 1.4;
+  color: var(--icen-token-text);
+  background: var(--icen-token-control);
+  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);
+  transition: border-color var(--icen-tx-fast), box-shadow var(--icen-tx-fast);
+}
+.icen-input-wrap {
   position: relative;
   display: flex;
   align-items: center;
-  gap: var(--density-space-xs);
-  width: 100%;
-  height: var(--density-input-height-md);
-  padding: 0 var(--density-space-sm);
-  font-size: var(--density-font-size-md);
-  background: var(--token-control);
-  border: 1px solid var(--token-outline-soft);
-  border-radius: var(--radius-md);
-  box-shadow: var(--token-shadow-inset);
-  transition: border-color var(--icen-tx-fast),
-    box-shadow var(--icen-tx-fast);
+  gap: var(--icen-density-space-xs);
+  inline-size: 100%;
 }
-.input-wrap:hover {
-  border-color: var(--icen-hover-border);
+:is(.icen-input-wrap,.icen-input-control,.icen-kb-input,.icen-kb-retrieval-query,.icen-kb-hittest-input,.icen-kb-filter-field,.icen-kb-filter-value):hover {
+  border-color: var(--icen-token-control-border-hover);
 }
-.input-wrap:focus-within {
+:is(.icen-input-wrap,.icen-input-control,.icen-kb-input,.icen-kb-retrieval-query,.icen-kb-hittest-input,.icen-kb-filter-field,.icen-kb-filter-value):focus-within {
+  outline: none;
   box-shadow: var(--icen-control-focus-shadow);
   border-color: var(--icen-control-focus-border);
 }
-.input-wrap.is-error,
-.input-wrap.is-error:focus-within {
-  border-color: var(--token-error);
+.icen-input-wrap.is-error,
+.icen-input-wrap.is-error:focus-within {
+  border-color: var(--icen-token-error);
 }
-.input-wrap.is-error:focus-within {
+.icen-input-wrap.is-error:focus-within {
   box-shadow: var(--icen-control-error-shadow);
 }
-.input-wrap.is-disabled,
-.input-wrap[aria-disabled='true'],
-.input-wrap[data-disabled] {
+.icen-input-wrap.is-disabled,
+.icen-input-wrap[aria-disabled='true'],
+.icen-input-wrap[data-icen-disabled] {
   opacity: var(--icen-disabled-opacity);
-  background: var(--token-bg-soft);
+  background: var(--icen-token-bg-soft);
   cursor: not-allowed;
   pointer-events: none;
 }
-.input-wrap.is-disabled .input { cursor: not-allowed; }
+.icen-input-wrap.is-disabled .icen-input { cursor: not-allowed; }
 
 /* 尺寸变体 */
-.input-wrap--sm {
-  height: var(--density-input-height-sm);
-  padding: 0 10px;
-  font-size: var(--density-font-size-sm);
+.icen-input-wrap--sm, .icen-input-control--sm,
+.icen-kb-input, .icen-kb-retrieval-query, .icen-kb-hittest-input, .icen-kb-filter-field, .icen-kb-filter-value {
+  --input-height: var(--icen-control-height-sm);
+  --input-padding-inline: var(--icen-field-padding-inline-sm);
+  --input-font-size: var(--icen-density-font-size-sm);
 }
-.input-wrap--lg {
-  height: var(--density-input-height-lg);
-  padding: 0 var(--density-space-md);
-  font-size: var(--density-font-size-lg);
+.icen-input-wrap--lg, .icen-input-control--lg {
+  --input-height: var(--icen-control-height-lg);
+  --input-padding-inline: var(--icen-control-padding-inline-lg);
+  --input-font-size: var(--icen-density-font-size-lg);
 }
 
-.input {
+.icen-input {
+  box-sizing: border-box;
   flex: 1;
   min-width: 0;
   padding: 0;
   background: transparent;
   border: none;
   outline: none;
-  color: var(--token-text);
+  color: var(--icen-token-text);
   font: inherit;
 }
-.input::placeholder {
-  color: color-mix(in srgb, var(--token-text-faint) 60%, transparent);
+.icen-input::placeholder {
+  color: var(--icen-token-text-faint); /* 全量 faint：60% 混透浅色仅 ~2.4:1 低于 AA（faint 全量 ≥4.9:1） */
 }
-.input:read-only {
-  color: var(--token-text-muted);
+.icen-input:read-only {
+  color: var(--icen-token-text-muted);
   cursor: default;
 }
-.input::-webkit-search-cancel-button { -webkit-appearance: none; }
+.icen-input::-webkit-search-cancel-button { -webkit-appearance: none; }
 
-.input-leading,
-.input-trailing {
+/* Composed searches use this same wrapper, font, inset and focus recipe. The
+   parent search header owns only sticky placement and separation from results. */
+.icen-search-field > .icen-input-wrap { inline-size: 100%; }
+.icen-input-wrap > .icen-search-input {
+  flex: 1;
+  inline-size: 100%;
+  min-inline-size: 0;
+  block-size: auto;
+  min-block-size: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  outline: none;
+  box-shadow: none;
+  background: transparent;
+  color: var(--icen-token-text);
+  font: inherit;
+}
+.icen-input-wrap > .icen-search-input:focus { border: 0; outline: none; box-shadow: none; }
+.icen-input-wrap > .icen-search-input::placeholder { color: var(--icen-token-text-muted); }
+@media (pointer: coarse) {
+  .icen-input-wrap, .icen-input-control, .icen-kb-input, .icen-kb-retrieval-query, .icen-kb-hittest-input, .icen-kb-filter-field, .icen-kb-filter-value { font-size: max(16px, var(--input-font-size, var(--icen-density-font-size-md))); }
+  .icen-input-wrap--sm { font-size: max(16px, var(--icen-density-font-size-sm)); }
+  .icen-input-wrap--lg { font-size: max(16px, var(--icen-density-font-size-lg)); }
+  .icen-input-clear, .icen-input-pw-toggle { min-inline-size: 44px; min-block-size: 44px; }
+  .icen-input-wrap:has(.icen-input-clear:not([hidden]), .icen-input-pw-toggle) { min-block-size: 46px; }
+}
+
+.icen-input-leading,
+.icen-input-trailing {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
-  color: var(--token-text-faint);
+  color: var(--icen-token-text-faint);
 }
-.input-leading svg, .input-trailing svg { width: 14px; height: 14px; }
+.icen-input-leading svg, .icen-input-trailing svg { width: 14px; height: 14px; }
 
 /* ── 前缀/后缀文字（单位、域名等）── */
-.input-affix {
+.icen-input-affix {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
-  padding: 0 var(--density-space-xs);
-  color: var(--token-text-muted);
+  padding: 0 var(--icen-density-space-xs);
+  color: var(--icen-token-text-muted);
   font-size: 0.92em;
-  background: var(--token-fill-1);
-  border-radius: var(--radius-xs);
+  background: var(--icen-token-fill-1);
+  border-radius: var(--icen-radius-xs);
 }
 
-.input-clear,
-.input-pw-toggle {
+.icen-input-clear,
+.icen-input-pw-toggle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 22px; height: 22px;
+  width: 24px; height: 24px; /* WCAG 2.5.8 下限（22 → 24） */
   padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
-  border-radius: var(--radius-full);
-  color: var(--token-text-faint);
+  border-radius: var(--icen-radius-full);
+  color: var(--icen-token-text-faint);
   transition:
     color var(--icen-tx-fast),
     background-color var(--icen-tx-fast);
 }
-.input-clear:hover,
-.input-pw-toggle:hover {
-  color: var(--token-text);
-  background: var(--token-surface-hover);
+.icen-input-clear:hover,
+.icen-input-pw-toggle:hover {
+  color: var(--icen-token-text);
+  background: var(--icen-token-surface-hover);
 }
-.input-clear:focus-visible,
-.input-pw-toggle:focus-visible {
+.icen-input-clear:focus-visible,
+.icen-input-pw-toggle:focus-visible {
   outline: none;
   box-shadow: var(--icen-ring);
 }
-.input-clear svg, .input-pw-toggle svg { width: 12px; height: 12px; }
+.icen-input-clear svg, .icen-input-pw-toggle svg { width: 12px; height: 12px; }
 
 /* ── 多行：同一 wrapper 视觉，内部 textarea 裸奔 ── */
-.textarea-wrap {
+.icen-textarea-wrap {
   position: relative;
   display: flex;
   width: 100%;
-  background: var(--token-control);
-  border: 1px solid var(--token-outline-soft);
-  border-radius: var(--radius-md);
-  box-shadow: var(--token-shadow-inset);
+  background: var(--icen-token-control);
+  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);
   transition: border-color var(--icen-tx-fast),
     box-shadow var(--icen-tx-fast);
 }
-.textarea-wrap:hover {
-  border-color: var(--icen-hover-border);
+.icen-textarea-wrap:hover {
+  border-color: var(--icen-token-control-border-hover);
 }
-.textarea-wrap:focus-within {
+.icen-textarea-wrap:focus-within {
   box-shadow: var(--icen-control-focus-shadow);
   border-color: var(--icen-control-focus-border);
 }
-.textarea-wrap.is-error,
-.textarea-wrap.is-error:focus-within {
-  border-color: var(--token-error);
+.icen-textarea-wrap.is-error,
+.icen-textarea-wrap.is-error:focus-within {
+  border-color: var(--icen-token-error);
   box-shadow: var(--icen-control-error-shadow);
 }
-.textarea-wrap.is-disabled,
-.textarea-wrap[aria-disabled='true'],
-.textarea-wrap[data-disabled] {
+.icen-textarea-wrap.is-disabled,
+.icen-textarea-wrap[aria-disabled='true'],
+.icen-textarea-wrap[data-icen-disabled] {
   opacity: var(--icen-disabled-opacity);
-  background: var(--token-bg-soft);
+  background: var(--icen-token-bg-soft);
   cursor: not-allowed;
   pointer-events: none;
 }
-.textarea-wrap.is-disabled .textarea { cursor: not-allowed; }
+.icen-textarea-wrap.is-disabled .icen-textarea { cursor: not-allowed; }
 
-.textarea {
+.icen-textarea {
   width: 100%;
-  padding: var(--density-space-sm) var(--density-space-md);
+  padding: var(--icen-density-space-sm) var(--icen-field-padding-inline);
   background: transparent;
   border: none;
   outline: none;
   resize: vertical;
-  color: var(--token-text);
+  color: var(--icen-token-text);
   font: inherit;
-  font-size: var(--density-font-size-md);
+  font-size: var(--icen-font-size-control);
   line-height: 1.5;
-  min-height: calc(3 * 1.5em + 24px);
+  min-height: calc(3 * 1.5em + 22px);
 }
-.textarea::placeholder {
-  color: color-mix(in srgb, var(--token-text-faint) 60%, transparent);
+.icen-textarea::placeholder {
+  color: var(--icen-token-text-faint); /* 全量 faint：60% 混透浅色仅 ~2.4:1 低于 AA（faint 全量 ≥4.9:1） */
 }
 
-/* 字符计数（behavior 可挂到 .input-wrap 或 .textarea-wrap 内尾部） */
-.input-wrap--has-counter { padding-right: calc(var(--density-space-sm) + 48px); }
-.input-wrap--has-counter .input-counter {
+/* 字符计数（behavior 可挂到 .icen-input-wrap 或 .icen-textarea-wrap 内行内末端） */
+.icen-input-wrap--has-counter { padding-inline-end: calc(var(--icen-density-space-sm) + 48px); }
+.icen-input-wrap--has-counter .icen-input-counter {
   position: absolute;
-  right: var(--density-space-sm);
+  inset-inline-end: var(--icen-density-space-sm);
   top: 50%;
   transform: translateY(-50%);
-  font-size: var(--density-font-size-xs);
-  color: var(--token-text-faint);
+  font-size: var(--icen-density-font-size-xs);
+  color: var(--icen-token-text-faint);
   font-variant-numeric: tabular-nums;
   pointer-events: none;
 }
-.input-counter {
+.icen-input-counter {
   position: absolute;
-  right: var(--density-space-sm);
-  bottom: var(--density-space-xs);
-  font-size: var(--density-font-size-xs);
-  color: var(--token-text-faint);
+  inset-inline-end: var(--icen-density-space-sm);
+  bottom: var(--icen-density-space-xs);
+  font-size: var(--icen-density-font-size-xs);
+  color: var(--icen-token-text-faint);
   font-variant-numeric: tabular-nums;
   pointer-events: none;
   transition: color var(--icen-tx-fast);
 }
-.input-counter.is-warn { color: var(--token-warning); }
-.input-counter.is-error { color: var(--token-error); font-weight: 600; }
+.icen-input-counter.is-warn { color: var(--icen-token-warning); }
+.icen-input-counter.is-error { color: var(--icen-token-error); font-weight: 600; }
 
-.textarea-wrap .textarea { padding-bottom: 24px; }
+.icen-textarea-wrap .icen-textarea { padding-bottom: 24px; }
 
 /* 有计数器时的 textarea 底部留空 */
-.textarea-wrap .input-counter {
+.icen-textarea-wrap .icen-input-counter {
   position: absolute;
-  right: var(--density-space-sm);
-  bottom: var(--density-space-xs);
+  inset-inline-end: var(--icen-density-space-sm);
+  bottom: var(--icen-density-space-xs);
+}
+
+/* Standalone fields expose the same disabled/read-only/error feedback. */
+:is(.icen-input-control,.icen-kb-input,.icen-kb-retrieval-query,.icen-kb-hittest-input,.icen-kb-filter-field,.icen-kb-filter-value):disabled {
+  opacity: var(--icen-disabled-opacity);cursor: not-allowed;background: var(--icen-token-bg-soft);
+}
+:is(.icen-input-control,.icen-kb-input,.icen-kb-retrieval-query,.icen-kb-hittest-input,.icen-kb-filter-field,.icen-kb-filter-value):read-only { color: var(--icen-token-text-muted); }
+.icen-input-control[aria-invalid='true'] { border-color: var(--icen-token-error); }
+
 }

package/dist/components/input.d.mts

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

package/dist/components/kb-access.d.mts

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

package/dist/components/kb-acl.d.mts

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