agentcss 0.25.1 → 0.25.2

package/dist/03-patterns/drawer/drawer.css

@@ -1 +1 @@
-.drawer-backdrop {position:fixed;inset:0;z-index:var(--z-modal);background:var(--scrim);display:flex;justify-content:flex-end;}.drawer-backdrop[hidden] {display:none;}.drawer {width:min(420px, 92vw);height:100%;display:flex;flex-direction:column;background:var(--surface);border-inline-start:1px solid var(--border-decor);box-shadow:var(--shadow-2);overflow:hidden;}.drawer--left {border-inline-start:0;border-inline-end:1px solid var(--border-decor);}.drawer--top {width:100%;height:min(60vh, 420px);border-inline-start:0;border-bottom:1px solid var(--border-decor);}.drawer--bottom {width:100%;height:min(60vh, 420px);border-inline-start:0;border-top:1px solid var(--border-decor);}.drawer__head {display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border-decor);flex:0 0 auto;}.drawer__title {flex:1 1 auto;margin:0;font-size:var(--fs-lg);font-weight:600;}.drawer__close {flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--r-sm);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;}.drawer__close:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (hover:hover) and (pointer:fine) {.drawer__close:hover {background:var(--surface-sunken);}}.drawer__body {flex:1 1 auto;padding:var(--sp-4);overflow-y:auto;-webkit-overflow-scrolling:touch;}.drawer__foot {flex:0 0 auto;display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-4);border-top:1px solid var(--border-decor);}@media (prefers-reduced-motion:no-preference) {.drawer--right {animation:drawer-in-right 220ms var(--ease-drawer, ease);}.drawer--left {animation:drawer-in-left 220ms var(--ease-drawer, ease);}.drawer--top {animation:drawer-in-top 220ms var(--ease-drawer, ease);}.drawer--bottom {animation:drawer-in-bottom 220ms var(--ease-drawer, ease);}@keyframes drawer-in-right {from {transform:translateX(16px);opacity:.6;}}@keyframes drawer-in-left {from {transform:translateX(-16px);opacity:.6;}}@keyframes drawer-in-top {from {transform:translateY(-16px);opacity:.6;}}@keyframes drawer-in-bottom {from {transform:translateY(16px);opacity:.6;}}}.drawer[data-state="leaving"] {opacity:0;transition:opacity 160ms var(--ease-out, ease);}
+.drawer-backdrop {position:fixed;inset:0;z-index:var(--z-modal);background:var(--scrim);display:flex;justify-content:flex-end;}.drawer-backdrop[hidden] {display:none;}.drawer {width:min(420px, 92vw);height:100%;display:flex;flex-direction:column;background:var(--surface);border-inline-start:1px solid var(--border-decor);box-shadow:var(--shadow-2);overflow:hidden;}.drawer--left {margin-inline-end:auto;border-inline-start:0;border-inline-end:1px solid var(--border-decor);}.drawer--top {align-self:flex-start;width:100%;height:min(60vh, 420px);border-inline-start:0;border-bottom:1px solid var(--border-decor);}.drawer--bottom {align-self:flex-end;width:100%;height:min(60vh, 420px);border-inline-start:0;border-top:1px solid var(--border-decor);}.drawer__head {display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border-decor);flex:0 0 auto;}.drawer__title {flex:1 1 auto;margin:0;font-size:var(--fs-lg);font-weight:600;}.drawer__close {flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--r-sm);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;}.drawer__close:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (hover:hover) and (pointer:fine) {.drawer__close:hover {background:var(--surface-sunken);}}.drawer__body {flex:1 1 auto;padding:var(--sp-4);overflow-y:auto;-webkit-overflow-scrolling:touch;}.drawer__foot {flex:0 0 auto;display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-4);border-top:1px solid var(--border-decor);}@media (prefers-reduced-motion:no-preference) {.drawer--right {animation:drawer-in-right 220ms var(--ease-drawer, ease);}.drawer--left {animation:drawer-in-left 220ms var(--ease-drawer, ease);}.drawer--top {animation:drawer-in-top 220ms var(--ease-drawer, ease);}.drawer--bottom {animation:drawer-in-bottom 220ms var(--ease-drawer, ease);}@keyframes drawer-in-right {from {transform:translateX(16px);opacity:.6;}}@keyframes drawer-in-left {from {transform:translateX(-16px);opacity:.6;}}@keyframes drawer-in-top {from {transform:translateY(-16px);opacity:.6;}}@keyframes drawer-in-bottom {from {transform:translateY(16px);opacity:.6;}}}.drawer[data-state="leaving"] {opacity:0;transition:opacity 160ms var(--ease-out, ease);}

package/dist/03-patterns/drawer/drawer.js

@@ -164,9 +164,18 @@ inerts = [];
 }
 }
 
+var PLACE_CLASS = {
+right:  'drawer--right', end:   'drawer--right',
+left:   'drawer--left',  start: 'drawer--left',
+top:    'drawer--top',
+bottom: 'drawer--bottom'
+};
+
 function open(opt) {
 opt = opt || {};
 var place = opt.place || 'right';
+var placeCls = PLACE_CLASS[place];
+if (!placeCls) placeCls = PLACE_CLASS.right;
 
 var fr = flFocusReturn({});
 fr.save();
@@ -177,7 +186,7 @@ host.setAttribute('data-drawer-host', '');
 if (opt.label) host.setAttribute('aria-label', opt.label);
 
 var d = document.createElement('aside');
-d.className = 'drawer drawer--' + place;
+d.className = 'drawer ' + placeCls;
 d.setAttribute('role', 'dialog');
 d.setAttribute('aria-modal', 'true');
 if (!d.id) d.id = 'drawer-' + (new Date()).getTime();

package/dist/03-patterns/dropdown/dropdown.js

@@ -314,6 +314,10 @@ String(li.className).indexOf('dd__item') < 0) {
 li.className = li.className ? (li.className + ' dd__item') : 'dd__item';
 }
 if (li.hasAttribute('data-dd-sep')) {
+
+if (String(li.className).indexOf('dd__sep') < 0) {
+li.className = li.className ? (li.className + ' dd__sep') : 'dd__sep';
+}
 li.setAttribute('role', 'separator');
 li.setAttribute('aria-hidden', 'true');
 } else if (!li.hasAttribute('role')) {

package/dist/03-patterns/overlay/overlay.js

@@ -150,6 +150,12 @@ document.removeEventListener('click', onPointer, true);
 };
 }
 
+var TOAST_VARIANT = {
+success: 'toast--success',
+error:   'toast--error',
+warning: 'toast--warning'
+};
+
 function toast(opts) {
 opts = opts || {};
 
@@ -164,7 +170,7 @@ document.body.appendChild(region);
 }
 
 var el = document.createElement('div');
-el.className = 'toast' + (opts.variant ? ' toast--' + opts.variant : '');
+el.className = 'toast' + (TOAST_VARIANT[opts.variant] ? ' ' + TOAST_VARIANT[opts.variant] : '');
 
 var body = document.createElement('div');
 body.className = 'toast__body';

package/dist/03-patterns/tooltip/tooltip.js

@@ -124,8 +124,8 @@ return r;
 }
 
 var CLS = {
-top: 'top', bottom: 'bottom',
-start: 'inset-inline-start', end: 'inset-inline-end',
+top: 'tooltip--top', bottom: 'tooltip--bottom',
+start: 'tooltip--inset-inline-start', end: 'tooltip--inset-inline-end',
 };
 
 function resolve(el, place) {
@@ -147,7 +147,7 @@ var pos = resolve(el, place);
 var id = 'tt' + (++uid);
 var tip = document.createElement('div');
 tip.id = id;
-tip.className = 'tooltip tooltip--' + CLS[pos];
+tip.className = 'tooltip ' + CLS[pos];
 tip.setAttribute('role', 'tooltip');
 tip.textContent = text;
 

package/dist/09-assets/bar/bar.js

@@ -4,7 +4,8 @@
 var NS = 'http://www.w3.org/2000/svg';
 var uid = 0;
 
-var SERIES_STYLES = 5;
+var SERIES_CLS = ['bar__s0', 'bar__s1', 'bar__s2', 'bar__s3', 'bar__s4'];
+var SERIES_STYLES = SERIES_CLS.length;
 
 function pickKeyPoints(values) {
 var keys = {}, i, maxI = 0;
@@ -110,7 +111,7 @@ x = mode === 'group'
 yy = padT + plotH - vt;
 
 rect = el('rect', {
-'class': 'bar__bar bar__s' + (s % SERIES_STYLES) +
+'class': 'bar__bar ' + SERIES_CLS[s % SERIES_STYLES] +
 (series[s].cls ? ' ' + series[s].cls : ''),
 x: x, y: yy, width: barW, height: vt - vb,
 });
@@ -181,7 +182,7 @@ series.forEach(function (se, si) {
 var li = document.createElement('li');
 li.className = 'bar__legend-item';
 var sw = document.createElement('span');
-sw.className = 'bar__legend-swatch bar__s' + (si % SERIES_STYLES) +
+sw.className = 'bar__legend-swatch ' + SERIES_CLS[si % SERIES_STYLES] +
 (se.cls ? ' ' + se.cls : '');
 
 li.appendChild(sw);

package/dist/COSTS.md

@@ -21,7 +21,7 @@
 | primitive | `badge` | 2.9 KB | 0.5 KB | — | **3.4 KB** | 24.6 KB | −21.2 KB |
 | primitive | `button` | 2.9 KB | 1.0 KB | — | **3.9 KB** | 28.3 KB | −24.4 KB |
 | primitive | `card` | 2.9 KB | 0.9 KB | — | **3.9 KB** | 26.0 KB | −22.1 KB |
-| primitive | `choice` | 2.9 KB | 1.1 KB | — | **4.0 KB** | 27.8 KB | −23.8 KB |
+| primitive | `choice` | 2.9 KB | 1.1 KB | — | **4.1 KB** | 28.1 KB | −24.0 KB |
 | primitive | `combobox` | 2.9 KB | 1.0 KB | 5.4 KB | **9.3 KB** | 31.4 KB | −22.1 KB |
 | primitive | `date-range` | 2.9 KB | 0.8 KB | 2.5 KB | **6.3 KB** | 28.4 KB | −22.1 KB |
 | primitive | `delta` | 2.9 KB | 0.3 KB | — | **3.2 KB** | 24.6 KB | −21.4 KB |
@@ -37,23 +37,23 @@
 | primitive | `upload` | 2.9 KB | 1.4 KB | 4.2 KB | **8.5 KB** | 39.3 KB | −30.8 KB |
 | pattern | `accordion` | 2.9 KB | 1.3 KB | 1.8 KB | **6.0 KB** | 36.4 KB | −30.4 KB |
 | pattern | `content` | 2.9 KB | 1.0 KB | — | **4.0 KB** | 26.5 KB | −22.5 KB |
-| pattern | `drawer` | 2.9 KB | 0.8 KB | 2.5 KB | **6.2 KB** | 29.0 KB | −22.8 KB |
-| pattern | `dropdown` | 2.9 KB | 0.8 KB | 3.4 KB | **7.1 KB** | 31.3 KB | −24.2 KB |
+| pattern | `drawer` | 2.9 KB | 0.8 KB | 2.6 KB | **6.3 KB** | 30.1 KB | −23.8 KB |
+| pattern | `dropdown` | 2.9 KB | 0.8 KB | 3.5 KB | **7.2 KB** | 31.5 KB | −24.4 KB |
 | pattern | `form-validation` | 2.9 KB | 0.8 KB | — | **3.7 KB** | 26.8 KB | −23.1 KB |
 | pattern | `list` | 2.9 KB | 0.6 KB | — | **3.5 KB** | 24.3 KB | −20.8 KB |
 | pattern | `nav` | 2.9 KB | 1.2 KB | 2.6 KB | **6.8 KB** | 33.0 KB | −26.2 KB |
-| pattern | `overlay` | 2.9 KB | 1.2 KB | 3.5 KB | **7.6 KB** | 38.1 KB | −30.5 KB |
+| pattern | `overlay` | 2.9 KB | 1.2 KB | 3.6 KB | **7.7 KB** | 38.5 KB | −30.8 KB |
 | pattern | `pagination` | 2.9 KB | 0.8 KB | 2.6 KB | **6.3 KB** | 32.4 KB | −26.1 KB |
 | pattern | `reveal` | 2.9 KB | 0.3 KB | 1.2 KB | **4.4 KB** | 26.4 KB | −22.0 KB |
 | pattern | `states` | 2.9 KB | 0.9 KB | — | **3.8 KB** | 26.3 KB | −22.5 KB |
 | pattern | `tabs` | 2.9 KB | 0.7 KB | 2.0 KB | **5.6 KB** | 29.1 KB | −23.5 KB |
-| pattern | `tooltip` | 2.9 KB | 0.5 KB | 1.9 KB | **5.3 KB** | 28.3 KB | −23.0 KB |
+| pattern | `tooltip` | 2.9 KB | 0.5 KB | 1.9 KB | **5.3 KB** | 28.5 KB | −23.2 KB |
 | pattern | `tree` | 2.9 KB | 0.6 KB | 2.9 KB | **6.5 KB** | 30.1 KB | −23.6 KB |
 
 ## 三、全库
 
-- 全部组件都用上（min，含 tokens 一份）：**70.2 KB**
-- 源码版（带注释）全库 gzip：356.4 KB
+- 全部组件都用上（min，含 tokens 一份）：**70.4 KB**
+- 源码版（带注释）全库 gzip：358.8 KB
 
 > ⚠️ 源码版那个数字**不是**要付的钱：它包含我们的注释（全库 CSS 有 69% 是注释，字节口径）。
 > 它的用途只有一个 —— 让人看清"dist 到底省了多少"。

package/docs/ACCESSIBILITY.md

@@ -5,7 +5,7 @@
 
 | 项目 | 值 |
 |---|---|
-| 声明适用版本 | agentcss `0.25.1` |
+| 声明适用版本 | agentcss `0.25.2` |
 | 声明日期 | 2026-11-03 |
 | 复核节奏 | 每次发版前重跑（`npm run gate` 内含全部证据） |
 | 范围 | 本库交付的 CSS / JS、全部 `demo.html`（组件页 + 图表页 + 组合页）、以及文档站生成的页面 |

package/index.html

@@ -97,7 +97,7 @@ li a:active { background: var(--surface-sunken); }
   </p>
 </main>
 <footer class="wrap">
-  <p class="note">0.25.1 · 零第三方运行时依赖</p>
+  <p class="note">0.25.2 · 零第三方运行时依赖</p>
 </footer>
 </body>
 </html>

package/llms-full.txt

@@ -1,6 +1,6 @@
 # agentcss — full reference (one file)
 
-> Generated from `ai/components.json` + `ai/pitfalls*.json` + `ai/behaviors.json` at version **0.25.1**.
+> Generated from `ai/components.json` + `ai/pitfalls*.json` + `ai/behaviors.json` at version **0.25.2**.
 > Do not edit by hand: run `python 05-audit/gen-llms.py` (freshness is gated).
 > Short version: `llms.txt`. Machine contract: `ai/*.json`.
 
@@ -33,7 +33,7 @@ Every subcommand accepts `--json`; failures print `{"ok":false,...}` and exit no
 | `sparkline` | `sparkline` | asset | stable | 7.2 KB | `sparkline.js` | 迷你趋势图：无坐标轴、纯形状，适合表格内嵌的一行走势 | `chart-multiline-label` |
 | `accordion` | `accordion` | pattern | stable | 18.0 KB | `accordion.js` | 可折叠分组 | — |
 | `content` | `prose` | pattern | stable | 11.1 KB | — | 长文排版容器（标题/段落/列表/引用/代码） | `single-scroll-container` `line-height-constant-sync` |
-| `drawer` | `drawer` | pattern | stable | 4.5 KB | `drawer.js` | 侧边抽屉，含遮罩 | `fixed-element-inventory` |
+| `drawer` | `drawer` | pattern | stable | 5.9 KB | `drawer.js` | 侧边抽屉，含遮罩 | `fixed-element-inventory` |
 | `dropdown` | `dd` | pattern | stable | 3.9 KB | `dropdown.js` | 下拉菜单 | `popover-measure-after-render` |
 | `form-validation` | `form` | pattern | stable | 11.8 KB | — | 表单校验反馈与错误汇总 | — |
 | `list` | `list` | pattern | stable | 6.1 KB | `flip.js` | 键值列表/条目列表 | `empty-state-no-decoration` `text-injection-xss` |
@@ -48,7 +48,7 @@ Every subcommand accepts `--json`; failures print `{"ok":false,...}` and exit no
 | `badge` | `badge` | primitive | stable | 6.1 KB | — | 状态标签：计数、分类、结果标记 | — |
 | `button` | `btn` | primitive | stable | 15.7 KB | — | 动作触发：主/次/危险/纯文字四档 | — |
 | `card` | `card` | primitive | stable | 10.4 KB | — | 内容容器：媒体+正文+操作区三段 | — |
-| `choice` | `choice` | primitive | stable | 16.7 KB | — | 单选/多选/原生 select 外观的统一控件 | — |
+| `choice` | `choice` | primitive | stable | 17.4 KB | — | 单选/多选/原生 select 外观的统一控件 | — |
 | `combobox` | `combo` | primitive | stable | 7.0 KB | `combobox.js` | 可搜索 + 可多选标签的输入控件 | — |
 | `date-range` | `drange` | primitive | stable | 6.0 KB | `date-range.js` | 日期区间选择，含预设快捷范围 | — |
 | `delta` | `delta` | primitive | stable | 5.5 KB | — | 变化量：涨跌方向 + 符号 + 颜色。只描述往哪边变，不判断好坏（等于好恶是 … | — |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentcss",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "description": "移动 Web 组件库：CSS + 可选行为脚本，零第三方运行时依赖。样式用 bundler 引入，交互行为用 script 标签引入。",
   "keywords": [
     "css",