agentcss 0.0.0-stage → 0.11.2

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

@@ -0,0 +1,383 @@
+(function (global) {
+'use strict';
+
+var flEmit = function (el, name, detail) {
+if (!el || !el.dispatchEvent) return null;
+var type = name.indexOf('fl-') === 0 ? name : 'fl-' + name;
+var ev = null;
+
+if (typeof window.CustomEvent === 'function') {
+try {
+ev = new window.CustomEvent(type, {
+detail: detail || null, bubbles: true, cancelable: false
+});
+} catch (e) { ev = null; }
+}
+if (!ev) {
+try {
+ev = document.createEvent('CustomEvent');
+ev.initCustomEvent(type, true, false, detail || null);
+} catch (e2) { return null; }
+}
+el.dispatchEvent(ev);
+return ev;
+};
+
+var flRoving = function (opts) {
+var opt = opts || {};
+var container = opt.container;
+var all = opt.items || function () { return []; };
+var movable = opt.movable || all;
+var nodeOf = opt.nodeOf || function (x) { return x; };
+var axis = opt.axis || 'x';
+var loop = opt.loop !== false;
+var homeEnd = opt.homeEnd !== false;
+
+var roveTab = opt.tabindex !== false;
+var onMove = opt.onMove || function () {};
+
+function rove(target) {
+if (!roveTab) return target;
+var l = all() || [];
+for (var i = 0; i < l.length; i++) {
+var n = nodeOf(l[i]);
+if (!n || !n.setAttribute) continue;
+n.setAttribute('tabindex', n === target ? '0' : '-1');
+}
+return target;
+}
+
+function step(i, d) {
+var n = (movable() || []).length;
+if (!n) return -1;
+if (loop) return ((i + d) % n + n) % n;
+var t = i + d;
+return (t < 0 || t >= n) ? -1 : t;
+}
+
+function indexOfNode(node) {
+var l = movable() || [];
+for (var i = 0; i < l.length; i++) {
+if (nodeOf(l[i]) === node) return i;
+}
+return -1;
+}
+
+function onKey(e) {
+var l = movable() || [];
+if (!l.length) return;
+var i = indexOfNode(e.target);
+if (i < 0) return;
+var k = e.key;
+var next = -1;
+var reason = 'step';
+
+if (axis === 'y') {
+if (k === 'ArrowDown') next = step(i, 1);
+else if (k === 'ArrowUp') next = step(i, -1);
+} else {
+if (k === 'ArrowRight') next = step(i, 1);
+else if (k === 'ArrowLeft') next = step(i, -1);
+}
+if (homeEnd && k === 'Home') { next = 0; reason = 'home'; }
+else if (homeEnd && k === 'End') { next = l.length - 1; reason = 'end'; }
+
+if (next < 0 || next >= l.length) return;
+
+if (e.preventDefault) e.preventDefault();
+if (e.stopPropagation) e.stopPropagation();
+onMove(next, l[next], reason);
+}
+
+if (container) container.addEventListener('keydown', onKey);
+
+return {
+rove: rove,
+step: step,
+indexOf: indexOfNode,
+destroy: function () {
+if (container) container.removeEventListener('keydown', onKey);
+},
+};
+};
+
+var flTypeahead = function (opts) {
+var opt = opts || {};
+var items = opt.items || function () { return []; };
+var textOf = opt.textOf || function (x) { return String((x && x.textContent) || ''); };
+var usable = opt.usable || function () { return true; };
+var timeout = opt.timeout || 500;
+var onHit = opt.onHit || function () {};
+var buf = '';
+var timer = null;
+var last = -1;
+
+function stop() {
+if (timer) { clearTimeout(timer); timer = null; }
+}
+
+function repeated(s) {
+if (s.length < 2) return false;
+for (var i = 1; i < s.length; i++) {
+if (s.charAt(i) !== s.charAt(0)) return false;
+}
+return true;
+}
+
+function find(needle) {
+var l = items() || [];
+var n = l.length;
+if (!n) return -1;
+for (var k = 0; k < n; k++) {
+var i = (last + 1 + k) % n;
+if (!usable(l[i])) continue;
+if (textOf(l[i]).toLowerCase().indexOf(needle) === 0) return i;
+}
+return -1;
+}
+
+function type(ch) {
+if (!ch) return -1;
+buf += String(ch).toLowerCase();
+stop();
+timer = setTimeout(clear, timeout);
+var needle = repeated(buf) ? buf.charAt(0) : buf;
+var i = find(needle);
+if (i >= 0) {
+last = i;
+onHit(i, (items() || [])[i], buf);
+}
+return i;
+}
+
+function clear() {
+buf = '';
+stop();
+}
+
+return {
+type: type,
+clear: clear,
+buffer: function () { return buf; },
+destroy: function () { stop(); },
+};
+};
+
+function closest(el, sel) {
+if (!el) return null;
+if (el.closest) return el.closest(sel);
+while (el && el.nodeType === 1) {
+if (elMatches(el, sel)) return el;
+el = el.parentElement;
+}
+return null;
+}
+function elMatches(el, sel) {
+var m = sel.match(/^([a-zA-Z][\w-]*)/);
+if (m && el.tagName.toLowerCase() !== m[1].toLowerCase()) return false;
+var cls = sel.match(/\.([\w-]+)/g);
+if (cls) {
+for (var i = 0; i < cls.length; i++) {
+var c = cls[i].slice(1);
+if ((' ' + (el.className || '') + ' ').indexOf(' ' + c + ' ') < 0) return false;
+}
+}
+var id = sel.match(/#([\w-]+)/);
+if (id && el.id !== id[1]) return false;
+var at = sel.match(/\[([\w-]+)(?:=["']?([^\]"']*)["']?)?\]/);
+if (at) {
+var v = el.getAttribute(at[1]);
+if (v === null) return false;
+if (at[2] !== undefined && v !== at[2]) return false;
+}
+return true;
+}
+
+var uid = 0;
+
+function create(root, opt) {
+opt = opt || {};
+root.classList.add('tree');
+if (!root.getAttribute('role')) root.setAttribute('role', 'tree');
+if (!root.getAttribute('aria-label') && !root.getAttribute('aria-labelledby')) {
+root.setAttribute('aria-label', opt.label || '树形视图');
+}
+
+var items = [];
+Array.prototype.forEach.call(root.querySelectorAll('li'), function (li) {
+if (li.className.indexOf('tree__item') < 0) {
+li.className = (li.className ? li.className + ' ' : '') + 'tree__item';
+}
+li.setAttribute('role', 'treeitem');
+var kids = li.querySelector(':scope > ul');
+if (kids) {
+li.setAttribute('aria-expanded', kids.hidden ? 'false' : 'true');
+}
+var node = li.querySelector(':scope > .tree__node') || li.firstElementChild;
+if (node) {
+node.setAttribute('role', 'none');
+node.setAttribute('tabindex', '-1');
+if (!node.querySelector('.tree__marker')) {
+var m = document.createElement('span');
+m.className = 'tree__marker';
+m.setAttribute('aria-hidden', 'true');
+node.insertBefore(m, node.firstChild);
+}
+}
+items.push({ li: li, node: node, ul: kids });
+});
+
+var cur = -1;
+function visible() {
+return items.filter(function (it) {
+return it.node && it.node.offsetParent !== null;
+});
+}
+
+function focusAt(i) {
+var list = visible();
+if (!list.length) return;
+if (i < 0) i = list.length - 1;
+if (i >= list.length) i = 0;
+roving.rove(list[i].node);
+list[i].node.focus();
+cur = i;
+}
+function current() {
+var list = visible();
+return cur >= 0 && cur < list.length ? list[cur] : null;
+}
+
+var roving = flRoving({
+container: root,
+items: function () { return items; },
+movable: function () { return visible(); },
+nodeOf: function (it) { return it.node; },
+axis: 'y',
+onMove: function (i) { focusAt(i); },
+});
+
+var typeahead = flTypeahead({
+items: function () { return visible(); },
+textOf: function (it) { return String((it && it.node && it.node.textContent) || '').trim(); },
+onHit: function (i) { focusAt(i); },
+});
+function setExpanded(it, open) {
+if (!it.ul) return;
+it.li.setAttribute('aria-expanded', open ? 'true' : 'false');
+it.ul.hidden = !open;
+}
+
+root.addEventListener('focusin', function (e) {
+var node = e.target.closest ? closest(e.target, '.tree__node') : null;
+if (!node) return;
+var list = visible();
+for (var i = 0; i < list.length; i++) {
+if (list[i].node === node) { cur = i; break; }
+}
+});
+
+root.addEventListener('keydown', function (e) {
+var k = e.key;
+var it = current();
+if (!it) return;
+
+if (k === 'ArrowRight') {
+e.preventDefault();
+if (it.ul && it.li.getAttribute('aria-expanded') === 'false') {
+setExpanded(it, true);
+} else if (it.ul) {
+focusAt(cur + 1);
+}
+return;
+}
+if (k === 'ArrowLeft') {
+e.preventDefault();
+if (it.ul && it.li.getAttribute('aria-expanded') === 'true') {
+setExpanded(it, false);
+} else {
+
+for (var i = cur; i > 0; i--) {
+var cand = visible()[i];
+if (it.li.contains(cand.li)) { focusAt(i); return; }
+}
+}
+return;
+}
+
+if (k === '*') {
+e.preventDefault();
+var lvl = levelOf(it);
+visible().forEach(function (x) {
+if (x.ul && levelOf(x) === lvl) setExpanded(x, true);
+});
+return;
+}
+
+if (k === 'Enter') {
+e.preventDefault();
+if (it.ul) setExpanded(it, it.li.getAttribute('aria-expanded') !== 'true');
+if (opt.onActivate) opt.onActivate(it);
+return;
+}
+if (k === ' ' || k === 'Spacebar') {
+e.preventDefault();
+select(it);
+return;
+}
+
+if (k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey &&
+k !== ' ') {
+e.preventDefault();
+typeahead.type(k);
+}
+});
+
+function select(it) {
+items.forEach(function (x) { x.node.setAttribute('aria-selected', 'false'); });
+it.node.setAttribute('aria-selected', 'true');
+flEmit(root, 'fl-select', { value: it.node.getAttribute('data-value') ||
+it.node.textContent.replace(/^\s+|\s+$/g, ''),
+item: it });
+if (opt.onSelect) opt.onSelect(it);
+}
+
+root.addEventListener('click', function (e) {
+var node = e.target.closest ? closest(e.target, '.tree__node') : null;
+if (!node || !root.contains(node)) return;
+var list = visible();
+for (var i = 0; i < list.length; i++) {
+if (list[i].node === node) { focusAt(i); break; }
+}
+var it = current();
+if (it) {
+
+if (e.target.closest && closest(e.target, '.tree__marker') && it.ul) {
+setExpanded(it, it.li.getAttribute('aria-expanded') !== 'true');
+} else {
+select(it);
+}
+}
+});
+
+var firstVisible = visible()[0];
+if (firstVisible) roving.rove(firstVisible.node);
+
+return {
+focusAt: focusAt,
+get selected() { return current(); },
+destroy: function () { roving.destroy(); typeahead.destroy(); root.innerHTML = ''; },
+};
+}
+
+function levelOf(it) {
+var n = 0, p = it.li.parentElement;
+while (p && p !== document.body) {
+if (p.getAttribute && p.getAttribute('role') === 'treeitem') n++;
+p = p.parentElement;
+}
+return n;
+}
+
+global.Tree = { create: create };
+})(window);

package/dist/04-recipes/analysis-report/analysis-report.css

@@ -0,0 +1 @@
+.report {max-width:calc(var(--measure-page) + 16rem);}.report__kicker {margin:0 0 var(--sp-2);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);}.report__meta {display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin:var(--sp-4) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--border-decor);font-size:var(--fs-xs);color:var(--text-tertiary);}.report__meta b {font-weight:500;color:var(--text-secondary);}.report__body {display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--sp-6);margin-top:var(--sp-6);}@media (min-width:64rem) {.report__body {grid-template-columns:minmax(0, 1fr) 15rem;gap:var(--sp-7);}.report__aside {position:sticky;top:var(--sp-4);align-self:start;max-height:calc(100vh - var(--sp-8));overflow:auto;}}.report__main > section + section {margin-top:var(--sp-6);}.report__main h2 {margin-top:0;}.report__main p {margin:var(--sp-3) 0;}.report__main ul, .report__main ol {margin:var(--sp-3) 0;padding-inline-start:var(--sp-5);}.report__main li + li {margin-top:var(--sp-1);}.kf {margin:var(--sp-4) 0;padding:var(--sp-4);background:var(--info-bg);border-radius:var(--r-md);}.kf__title {margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);}.kf ol {margin:0;padding-inline-start:var(--sp-5);}.kf li {margin-top:var(--sp-2);}.kf strong {color:var(--text-primary);}.report__quote {margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-inline-start:3px solid var(--border-decor);color:var(--text-secondary);font-style:italic;}.report__quote cite {display:block;margin-top:var(--sp-2);font-size:var(--fs-xs);font-style:normal;color:var(--text-tertiary);}.report__code {margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:var(--surface-sunken);border:1px solid var(--border-decor);border-radius:var(--r-md);overflow-x:auto;font-family:var(--mono);font-size:var(--fs-xs);line-height:var(--lh-loose);color:var(--text-secondary);white-space:pre;}.report__aside .card + .card {margin-top:var(--sp-3);}.report__aside .card__title {font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);}.report__aside dl {margin:var(--sp-2) 0 0;font-size:var(--fs-sm);}.report__aside dt {margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-tertiary);}.report__aside dd {margin:0;color:var(--text-primary);}.report__aside p {margin:0;font-size:var(--fs-sm);color:var(--text-secondary);}.report__fig {margin:var(--sp-5) 0;padding:var(--sp-3);background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-md);overflow-x:auto;}.report__fig figcaption {margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-tertiary);}.report__foot {margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--border-decor);font-size:var(--fs-xs);color:var(--text-tertiary);}.report__foot ol {padding-inline-start:var(--sp-5);}.report__foot li + li {margin-top:var(--sp-1);}@media print {.report__aside {position:static;max-height:none;overflow:visible;}.report__body {grid-template-columns:1fr;}}

package/dist/04-recipes/detail-page/detail-page.css

@@ -0,0 +1 @@
+.detail-page {--detail-gap:var(--sp-4);display:block;}.dp-demo {margin:0 0 var(--sp-3);font-size:var(--fs-xs);color:var(--text-tertiary);letter-spacing:.02em;}.detail-hero {position:relative;padding:var(--sp-5) var(--sp-4);border:1px solid var(--border-decor);border-radius:var(--r-lg);background:var(--surface-raised);overflow:hidden;}.detail-hero__deco {position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 100% 0%, var(--accent-soft) 0%, transparent 60%);opacity:.9;}.detail-hero__body {position:relative;}.detail-hero__eyebrow {margin:0 0 var(--sp-1);font-size:var(--fs-xs);color:var(--text-tertiary);letter-spacing:.02em;}.detail-hero__title {margin:0;font-size:var(--fs-xl);line-height:1.3;font-weight:600;color:var(--text-primary);}.detail-hero__meta {margin:var(--sp-2) 0 0;display:flex;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-secondary);}.detail-kpis {display:grid;grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));gap:var(--detail-gap);margin:var(--detail-gap) 0;}.detail-kpi {padding:var(--sp-3);border:1px solid var(--border-decor);border-radius:var(--r-md);background:var(--surface);}.detail-kpi__label {display:block;font-size:var(--fs-xs);color:var(--text-tertiary);}.detail-kpi__value {display:block;margin-top:var(--sp-1);font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);}.detail-kpi__delta {display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary);}.detail-kpi__value--missing {color:var(--text-tertiary);font-weight:500;font-size:var(--fs-md);white-space:nowrap;}.detail-null {padding:var(--sp-4);border:1px dashed var(--border-decor-str);border-radius:var(--r-md);background:var(--surface-sunken);}.detail-null__title {margin:0 0 var(--sp-2);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);}.detail-null__reason {margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--text-secondary);}.detail-body {margin-top:var(--detail-gap);}.detail-body__section + .detail-body__section {margin-top:var(--sp-4);}.detail-body__heading {margin:0 0 var(--sp-2);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);}.detail-body__text {margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--text-secondary);}

package/dist/04-recipes/report/report.css

@@ -0,0 +1 @@
+.rep {--rep-measure:var(--measure-prose);--rep-body-fs:var(--fs-base);--rep-title-fs:var(--fs-2xl);--rep-lead-fs:var(--fs-lg);--rep-body-lh:var(--lh-base);--rep-sec-num:'';font-family:var(--sans);color:var(--text-primary);font-size:var(--rep-body-fs);line-height:var(--rep-body-lh);max-width:100%;--measure-aside:14em;}.rep__kicker, .rep__meta, .rep__cap, .rep__source, .rep__note, .rep__risk {font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-base);}.rep .rep__title {font-size:var(--rep-title-fs);line-height:var(--lh-tight);letter-spacing:-0.01em;max-width:var(--measure-title);margin:var(--sp-2) 0 0;font-weight:700;}.rep__kicker {margin:0;color:var(--text-tertiary);font-weight:600;letter-spacing:.06em;}.rep__standfirst, .rep__lede {font-size:var(--rep-lead-fs);line-height:var(--lh-loose);max-width:var(--measure-lede);color:var(--text-secondary);margin:var(--sp-3) 0 0;}.rep__meta {display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);margin:var(--sp-3) 0 0;padding:0;list-style:none;color:var(--text-tertiary);}.rep__grid {display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--sp-4);margin-top:var(--sp-5);}@media (min-width:62rem) {.rep__grid {grid-template-columns:minmax(0, 1fr) minmax(0, var(--measure-aside));gap:var(--sp-6);align-items:start;}}.rep__body {max-width:none;}.rep__body p, .rep__body ul, .rep__body ol, .rep__body dl, .rep__body .rep__fig, .rep__body .table, .rep__body .kf, .rep__body .accordion, .rep__body .rep__note, .rep__body .rep__risk, .rep__body .rep__keyline {max-width:var(--rep-measure);}.rep__body .rep__fig--wide, .rep__body .rep__wide {max-width:none;}.rep__aside {color:var(--text-secondary);}.rep__sec {margin-top:var(--sp-7);}.rep__sec > :first-child {margin-top:0;}.rep h2 {font-size:var(--fs-xl);line-height:var(--lh-tight);margin:0 0 var(--sp-3);max-width:var(--measure-title);}.rep h3 {font-size:var(--fs-lg);line-height:var(--lh-tight);margin:var(--sp-5) 0 var(--sp-2);}.rep__body p {margin:0 0 var(--sp-3);}.rep__body p:last-child {margin-bottom:0;}.rep__fig {margin:var(--sp-5) 0;padding:0;}.rep__cap {margin:var(--sp-2) 0 0;}.rep__source {margin:var(--sp-2) 0 0;padding:var(--sp-2) 0 0;border-top:1px solid var(--border-decor);color:var(--text-tertiary);}.rep__source ol, .rep__source ul {margin:var(--sp-1) 0 0;padding-inline-start:1.4em;}.rep__source li {margin-bottom:var(--sp-1);}.rep__sources {margin-top:var(--sp-7);}.rep--technical {--rep-measure:var(--measure-prose);--rep-body-lh:var(--lh-loose);--rep-sec-num:counter(rep-sec, decimal) ' · ';counter-reset:rep-sec rep-fig rep-tab;}.rep--technical .rep__sec > h3::before {content:var(--rep-sec-num);counter-increment:rep-sec;color:var(--text-tertiary);font-variant-numeric:tabular-nums;}.rep--technical .rep__cap::before {content:'图 ' counter(rep-fig) ' · ';counter-increment:rep-fig;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums;}.rep--technical .rep__cap--table::before {content:'表 ' counter(rep-tab) ' · ';counter-increment:rep-tab;}.rep--magazine {--rep-measure:42em;--rep-lead-fs:var(--fs-xl);}.rep__pull {margin:var(--sp-5) 0;padding-inline-start:var(--sp-4);border-inline-start:3px solid var(--accent);font-size:var(--fs-xl);line-height:var(--lh-tight);color:var(--text-primary);max-width:var(--measure-pull);}.rep--finance {--rep-measure:30em;--rep-body-fs:var(--fs-sm);--rep-body-lh:var(--lh-base);--rep-title-fs:var(--fs-xl);}.rep__keyline {display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:var(--sp-3);margin:var(--sp-4) 0;padding:var(--sp-3);background:var(--surface-sunken);border-radius:var(--r-md);}.rep__keyline dt {font-size:var(--fs-xs);color:var(--text-tertiary);margin:0;}.rep__keyline dd {margin:var(--sp-1) 0 0;font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums;}.rep__risk {margin-top:var(--sp-5);padding:var(--sp-3);border:1px solid var(--border-decor);border-radius:var(--r-md);color:var(--text-secondary);}.rep__risk strong {color:var(--text-primary);}@media print {.rep__aside {display:none;}.rep__grid {display:block;}.rep__fig, .rep table {break-inside:avoid;}.rep__pull {border-inline-start-width:2px;}}

package/dist/04-recipes/table/table.css

@@ -0,0 +1 @@
+.table {position:relative;overflow:auto;max-height:var(--table-max-h, 70vh);background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-md);}.table table {width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm);}.table thead th {position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-raised);color:var(--text-secondary);font-weight:600;text-align:start;white-space:nowrap;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-decor);}.table__sort {display:inline-flex;align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-1);margin:0 calc(-1 * var(--sp-1));background:none;border:0;border-radius:var(--r-xs, 3px);color:inherit;font:inherit;cursor:pointer;}.table__sort:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.table__sort::after {content:"↕";opacity:.45;font-size:.9em;}.table th[aria-sort="ascending"] .table__sort::after, .table__sort[aria-sort="ascending"]::after {content:"↑";opacity:1;}.table th[aria-sort="descending"] .table__sort::after, .table__sort[aria-sort="descending"]::after {content:"↓";opacity:1;}.table tbody td, .table tbody th {padding:var(--sp-2) var(--sp-3);text-align:start;border-bottom:1px solid var(--border-decor);vertical-align:top;}.table tbody tr:last-child td {border-bottom:0;}@media (hover:hover) and (pointer:fine) {.table tbody tr:hover {background:var(--surface-sunken);}}.table .num {text-align:end;font-variant-numeric:tabular-nums;font-family:var(--mono);white-space:nowrap;}.table .num--pos {color:var(--success);}.table .num--neg {color:var(--danger);}.table .num--pos::before {content:"+";}.table .num--neg::before {content:"−";}.table__empty, .table__error, .table__loading {padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--text-secondary);font-size:var(--fs-sm);}.table__empty {background:var(--surface-sunken);}.table__error {background:var(--surface-sunken);color:var(--danger);}.table__loading {color:var(--text-tertiary);}.table__bar {height:8px;margin:var(--sp-2) auto;max-width:220px;background:var(--surface-sunken);border-radius:999px;overflow:hidden;}@media (prefers-reduced-motion:no-preference) {.table__bar::after {content:"";display:block;height:100%;width:40%;background:var(--accent-soft);border-radius:999px;animation:table-shimmer 1.2s var(--ease-in-out, ease-in-out) infinite;}@keyframes table-shimmer {0% {transform:translateX(-100%);}100% {transform:translateX(250%);}}}.table__empty .btn, .table__error .btn {margin-top:var(--sp-3);}.table--compact {font-size:var(--fs-xs);}.table--compact thead th, .table--compact tbody td {padding:var(--sp-1) var(--sp-2);}.table__cap {caption-side:top;text-align:start;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text-tertiary);}.table__foot {margin:var(--sp-2) 0 0;padding:0 var(--sp-1);font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.6;}.table__foot ol {margin:0;padding-inline-start:var(--sp-4);}.table thead tr + tr th {top:2.4em;font-weight:500;font-size:var(--fs-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-decor);}.table thead th[colspan] {text-align:center;border-inline-start:1px solid var(--border-decor);}.table thead th[colspan]:first-child {border-inline-start:0;}.table--financial thead th {white-space:nowrap;}.table--financial tbody th {white-space:nowrap;}.table--financial thead th:not(:first-child) {text-align:end;}.table__unit {font-weight:400;font-size:inherit;color:var(--text-secondary);margin-inline-start:0.35em;white-space:nowrap;}.table .num--na, .table .cell--na {color:var(--text-tertiary);text-align:center;}.table--academic {border:0;border-radius:0;background:transparent;max-height:none;}.table--academic table {background:transparent;}.table--academic thead th {background:transparent;color:var(--text-primary);font-weight:600;border-top:2px solid var(--border-decor-str);border-bottom:1px solid var(--border-decor);position:static;}.table--academic thead tr + tr th {font-weight:400;border-top:0;border-bottom:1px solid var(--border-decor);}.table--academic tbody td, .table--academic tbody th {border-bottom:0;}.table--academic tbody tr:last-child td, .table--academic tbody tr:last-child th {border-bottom:1px solid var(--border-decor);}@media (hover:hover) and (pointer:fine) {.table--academic tbody tr:hover {background:transparent;}}.table--stats .stat__se {color:var(--text-tertiary);font-size:var(--fs-xs);}.table--stats .stat__p {font-family:var(--mono);font-variant-numeric:tabular-nums;}.table--stats .stat__p--sig {font-weight:700;color:var(--text-primary);}.table--stats .stat__ci {font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;}@media print {.table {max-height:none;overflow:visible;}.table thead th {position:static;}.table--academic thead th {border-top:2px solid var(--text-primary);}}

package/dist/04-recipes/tierA-tokens.css

@@ -0,0 +1 @@
+:root {--paper:#f6f7f8;--surface:#ffffff;--surface-sunken:#f1f3f5;--surface-raised:#ffffff;--scrollbar-size:10px;--scrollbar-size-thin:6px;--scrollbar-thumb:#7A808A;--scrollbar-thumb-hov:#6E747E;--scrollbar-radius:5px;--text-primary:#15181c;--text-secondary:#4f555e;--text-tertiary:#606770;--text-on-accent:#ffffff;--text-on-solid:#ffffff;--skeleton-bg:#e9ecef;--skeleton-shimmer:rgba(255, 255, 255, 0.72);--skeleton-h:1em;--skeleton-size:40px;--skeleton-duration:1.4s;--ease-out:cubic-bezier(0.23, 1, 0.32, 1);--progress-h:6px;--progress-dur:240ms;--r-full:999px;--ring-size:64px;--ring-thickness:8px;--progress:0%;--progress-num:0;--z-popover:60;--popover-min-w:200px;--popover-max-w:320px;--popover-p:12px;--popover-gap:8px;--popover-dur:140ms;--border-control:#868b94;--border-decor:#e2e5e9;--border-decor-str:#c8cdd4;--danger:#c0392b;--danger-hover:#8f1e17;--scrim:rgba(21, 24, 28, 0.4);--success:#2f6b3a;--warning:#8a5a00;--info:#1d5f8a;--danger-bg:#fdeeec;--success-bg:#eaf2e6;--warning-bg:#fbf1dd;--info-bg:#e8f1f8;--accent:#1b4d8f;--switch-on:#1b4d8f;--accent-hover:#163a6d;--accent-soft:#e6eef7;--tooltip-bg:#15181c;--tooltip-fg:#f6f7f8;--tooltip-border:#15181c;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:clamp(1rem, 0.95rem + 0.3vw, 1.25rem);--sp-5:clamp(1.25rem, 1.15rem + 0.7vw, 1.75rem);--sp-6:clamp(1.5rem, 1.3rem + 1.2vw, 2.25rem);--sp-7:clamp(2rem, 1.7rem + 1.8vw, 3.5rem);--sp-8:clamp(2.5rem, 2.1rem + 2.4vw, 4.5rem);--bp-sm:30rem;--bp-md:48rem;--bp-lg:64rem;--bp-xl:80rem;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:clamp(1rem, 0.95rem + 0.3vw, 1.125rem);--fs-md:clamp(1.125rem, 1.05rem + 0.5vw, 1.3125rem);--fs-lg:clamp(1.3125rem, 1.2rem + 0.7vw, 1.5rem);--fs-xl:clamp(1.5rem, 1.3rem + 1.2vw, 1.875rem);--fs-2xl:clamp(1.75rem, 1.45rem + 1.8vw, 2.5rem);--lh-tight:1.25;--lh-base:1.7;--lh-loose:1.85;--measure-page:52rem;--tracking-title:-0.02em;--r-sm:6px;--r-xs:3px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-1:0 1px 2px rgba(31, 29, 25, 0.05), 0 1px 3px rgba(31, 29, 25, 0.06);--shadow-2:0 2px 4px rgba(31, 29, 25, 0.05), 0 6px 16px rgba(31, 29, 25, 0.08);--dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;--ease-out:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);--ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);--lift-sm:1px;--lift-md:2px;--lift-lg:8px;--z-base:0;--z-sticky:10;--z-header:20;--z-raised:5;--z-overlay:30;--z-modal:40;--z-toast:50;--sz-touch:44px;--sz-touch-sm:32px;}@media (prefers-color-scheme:dark) {:root:not([data-theme="light"]) {--paper:#14171A;--surface:#1C2024;--surface-raised:#232830;--surface-sunken:#1A1D21;--scrollbar-thumb:#6E747E;--scrollbar-thumb-hov:#7D828A;--border-decor:#2A3038;--border-decor-str:#3A424C;--border-control:#8A9099;--text-primary:#E4E7EA;--text-secondary:#AEB6C0;--text-tertiary:#9BA3AD;--text-on-accent:#0D1114;--text-on-solid:#0D1114;--skeleton-bg:#2E343C;--skeleton-shimmer:rgba(255, 255, 255, 0.06);--danger:#E07A6E;--danger-hover:#F09A90;--danger-bg:#341D1A;--success:#6FAA7A;--success-bg:#16241A;--warning:#C99A3F;--warning-bg:#242A31;--info:#5B9BC4;--info-bg:#13242F;--accent:#7AA9DE;--switch-on:#3E6EA8;--accent-hover:#8FB8E6;--accent-soft:#1C2C3D;--tooltip-bg:#232830;--tooltip-fg:#E4E7EA;--tooltip-border:#2A3038;--scrim:rgba(0, 0, 0, 0.62);}}

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

@@ -0,0 +1 @@
+.bar {position:relative;overflow:hidden;background:var(--surface, #fff);border:1px solid var(--border-decor);border-radius:var(--r-md, 8px);padding:var(--sp-3);}.bar__svg {display:block;width:100%;height:auto;overflow:hidden;}.bar__grid {stroke:var(--border-decor);stroke-width:1;stroke-dasharray:2 3;}.bar__ytick, .bar__xlabel {fill:var(--text-tertiary);font-size:10px;font-family:var(--mono);font-variant-numeric:tabular-nums;}.bar__s0 {--bar-c:var(--accent);}.bar__s1 {--bar-c:var(--text-tertiary);}.bar__s2 {--bar-c:var(--success);}.bar__s3 {--bar-c:var(--warning);}.bar__s4 {--bar-c:var(--info);}.bar__bar {fill:var(--bar-c, var(--accent));transition:fill 120ms var(--ease-out, ease);}.bar__bar[data-clipped="1"] {fill:var(--danger, #c0392b);stroke:var(--danger, #c0392b);stroke-width:1;stroke-dasharray:2 2;}.bar__legend {display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4, 1rem);margin:var(--sp-2) 0 0;padding:0;list-style:none;font-size:var(--fs-xs, 12px);color:var(--text-secondary);}.bar__legend-item {display:inline-flex;align-items:center;gap:var(--sp-1);}.bar__legend-swatch {display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--bar-c, var(--accent));flex:0 0 auto;}.bar__threshold {stroke:var(--text-tertiary);stroke-width:1;stroke-dasharray:4 3;}.bar__label {fill:var(--text-secondary);font-size:10px;font-family:var(--mono);font-variant-numeric:tabular-nums;paint-order:stroke fill;stroke:var(--surface, #fff);stroke-width:3px;stroke-linejoin:round;pointer-events:none;}.bar__label--max {fill:var(--text-primary);font-weight:700;}.bar__label--clip {fill:var(--danger, #c0392b);font-weight:700;}.bar__note {margin:var(--sp-2) 0 0;font-size:var(--fs-xs, 12px);line-height:1.5;color:var(--text-secondary);}@media (hover:hover) and (pointer:fine) {.bar__bar:hover {stroke:var(--text-primary);stroke-width:1.5;}}@media (prefers-color-scheme:dark) {.bar {background:var(--surface, #1a1c1e);border-color:var(--border-decor);}.bar__label {stroke:var(--surface, #1a1c1e);}}

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

@@ -0,0 +1,222 @@
+(function (global) {
+'use strict';
+
+var NS = 'http://www.w3.org/2000/svg';
+var uid = 0;
+
+var SERIES_STYLES = 5;
+
+function pickKeyPoints(values) {
+var keys = {}, i, maxI = 0;
+for (i = 0; i < values.length; i++) {
+if (values[i] > values[maxI]) maxI = i;
+}
+keys[maxI] = 'max';
+if (values.length) keys[values.length - 1] = 'last';
+return keys;
+}
+
+function el(tag, attrs) {
+var e = document.createElementNS(NS, tag), k;
+for (k in attrs) {
+if (Object.prototype.hasOwnProperty.call(attrs, k) && attrs[k] != null) {
+e.setAttribute(k, String(attrs[k]));
+}
+}
+return e;
+}
+
+function draw(opt) {
+opt = opt || {};
+var host = opt.host;
+if (!host) throw new Error('bar.draw: 缺少 host');
+if (opt.max === undefined || opt.max === null) {
+
+throw new Error('bar.draw: max 是必填项（charter 13 铁律三：量程不得自动适配）');
+}
+
+var series = opt.series || [];
+var max = +opt.max;
+var H = opt.height || 180;
+var nS = series.length;
+var mode = opt.mode === 'group' ? 'group' : 'stack';
+
+var W = Math.max(240, Math.round(+opt.width || 640));
+var padT = 14, padB = 22, padL = 34, padR = 8;
+var plotH = H - padT - padB;
+var plotW = W - padL - padR;
+var n = series.length ? series[0].values.length : 0;
+if (!n) throw new Error('bar.draw: series 为空');
+
+var id = 'bar' + (++uid);
+var svg = el('svg', {
+'viewBox': '0 0 ' + W + ' ' + H,
+'class': 'bar__svg',
+role: 'img',
+'aria-label': (opt.ariaLabel || '柱状图'),
+});
+
+var ticks = 4, i, t, y;
+for (i = 0; i <= ticks; i++) {
+t = (max / ticks) * i;
+y = padT + plotH - (t / max) * plotH;
+svg.appendChild(el('line', {
+'class': 'bar__grid', x1: padL, x2: W - padR, y1: y, y2: y,
+}));
+var tl = el('text', { 'class': 'bar__ytick', x: padL - 6, y: y + 3,
+'text-anchor': 'end' });
+tl.textContent = String(Math.round(t * 100) / 100);
+svg.appendChild(tl);
+}
+
+var groupW = plotW / n;
+
+var barW = mode === 'group'
+? Math.max(2, (groupW * 0.82) / nS)
+: Math.max(2, groupW * 0.62);
+var clipped = [];
+var x, h, yy, s, vv, bottom, top, vb, vt, rect, k0, k1;
+
+var base = new Array(n);
+for (k0 = 0; k0 < n; k0++) base[k0] = 0;
+
+var topVal = new Array(n);
+for (k0 = 0; k0 < n; k0++) {
+var sum = 0, mx = -Infinity;
+for (k1 = 0; k1 < nS; k1++) {
+vv = +series[k1].values[k0] || 0;
+sum += vv;
+if (vv > mx) mx = vv;
+}
+topVal[k0] = mode === 'stack' ? sum : mx;
+}
+
+for (s = 0; s < nS; s++) {
+for (i = 0; i < n; i++) {
+vv = +series[s].values[i] || 0;
+h = (vv / max) * plotH;
+bottom = base[i];
+top = bottom + h;
+if (mode === 'stack') base[i] = top;
+
+if (top > plotH && clipped.indexOf(i) < 0) clipped.push(i);
+vb = Math.min(bottom, plotH);
+vt = Math.min(top, plotH);
+if (vt - vb < 0.01) continue;
+
+x = mode === 'group'
+? padL + groupW * i + (groupW - barW * nS) / 2 + barW * s
+: padL + groupW * i + (groupW - barW) / 2;
+yy = padT + plotH - vt;
+
+rect = el('rect', {
+'class': 'bar__bar bar__s' + (s % SERIES_STYLES) +
+(series[s].cls ? ' ' + series[s].cls : ''),
+x: x, y: yy, width: barW, height: vt - vb,
+});
+
+if (top <= plotH && vt === top) rect.setAttribute('rx', 1.5);
+
+if (vt < top) rect.setAttribute('data-clipped', '1');
+svg.appendChild(rect);
+}
+}
+
+if (opt.threshold != null) {
+var th = (+opt.threshold / max) * plotH;
+y = padT + plotH - th;
+svg.appendChild(el('line', {
+'class': 'bar__threshold', x1: padL, x2: W - padR, y1: y, y2: y,
+}));
+}
+
+var labels = opt.labels || [];
+var every = Math.max(1, Math.ceil(n / 7));
+for (i = 0; i < labels.length; i++) {
+if (i % every !== 0 && i !== labels.length - 1) continue;
+var xt = el('text', {
+'class': 'bar__xlabel',
+x: padL + groupW * i + groupW / 2,
+y: H - 6, 'text-anchor': 'middle',
+});
+xt.textContent = labels[i];
+svg.appendChild(xt);
+}
+
+var keys = pickKeyPoints(topVal);
+
+clipped.forEach(function (ci) { keys[ci] = keys[ci] || 'clip'; });
+
+var count = 0;
+for (var k in keys) {
+if (!Object.prototype.hasOwnProperty.call(keys, k)) continue;
+if (count >= 4) break;
+var i2 = +k;
+var v2 = +topVal[i2] || 0;
+var h2 = Math.min((v2 / max) * plotH, plotH);
+var yy2 = padT + plotH - h2;
+var lb = el('text', {
+
+'class': 'bar__label bar__label--' + keys[k],
+x: padL + groupW * i2 + groupW / 2,
+y: yy2 - 5 < padT + 8 ? yy2 + 12 : yy2 - 5,
+'text-anchor': 'middle',
+});
+lb.textContent = (keys[k] === 'clip' ? '▲ ' : '') +
+(Math.round(v2 * 100) / 100);
+svg.appendChild(lb);
+count++;
+}
+
+host.innerHTML = '';
+host.appendChild(svg);
+
+var hasNames = series.every(function (se) { return !!se.name; });
+var wantLegend = opt.legend === undefined ? (nS >= 2 && hasNames) : !!opt.legend;
+var legendEl = null;
+if (wantLegend) {
+legendEl = document.createElement('ul');
+legendEl.className = 'bar__legend';
+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) +
+(se.cls ? ' ' + se.cls : '');
+
+li.appendChild(sw);
+var tx = document.createElement('span');
+tx.textContent = se.name || ('系列 ' + (si + 1));
+li.appendChild(tx);
+legendEl.appendChild(li);
+});
+host.appendChild(legendEl);
+}
+
+if (clipped.length && opt.note) {
+var p = document.createElement('p');
+p.className = 'bar__note';
+p.textContent = opt.note;
+host.appendChild(p);
+} else if (clipped.length) {
+var p2 = document.createElement('p');
+p2.className = 'bar__note';
+p2.textContent = '有 ' + clipped.length + ' 个' +
+(mode === 'stack' ? '类目的合计' : '数据') +
+'超出量程（上限 '+ max + '），已按上限截断显示。';
+host.appendChild(p2);
+}
+
+return {
+el: svg,
+clipped: clipped,
+mode: mode,
+
+tops: topVal,
+legend: legendEl,
+destroy: function () { host.innerHTML = ''; },
+};
+}
+
+global.Bar = { draw: draw };
+})(window);