agentcss 0.24.2 → 0.25.0

package/dist/02-primitives/select/select.js

@@ -232,8 +232,24 @@ if (!list.id) list.id = 'select-list-' + (++uid);
 
 var options = [].slice.call(list.querySelectorAll('[role="option"]'));
 var isMulti = !!opt.multiple;
-var selected = opt.value != null ? String(opt.value) : null;
+
+var values = [];
 var activeIdx = -1;
+var destroyed = false;
+
+function valueOfOpt(o) { return o ? o.getAttribute('data-value') : null; }
+function hasValue(v) { return v != null && values.indexOf(String(v)) >= 0; }
+function seed(v) {
+if (v == null) return;
+var arr = Object.prototype.toString.call(v) === '[object Array]' ? v : [v];
+var next = [];
+for (var i = 0; i < arr.length; i++) {
+var s = arr[i] == null ? '' : String(arr[i]);
+if (s && next.indexOf(s) < 0) next.push(s);
+}
+values = isMulti ? next : next.slice(0, 1);
+}
+seed(opt.value);
 
 list.setAttribute('role', 'listbox');
 if (isMulti) list.setAttribute('aria-multiselectable', 'true');
@@ -268,38 +284,97 @@ onHit: function (i) { setActive(i, 1); },
 
 function selectedIdx() {
 for (var i = 0; i < options.length; i++) {
-if (options[i].getAttribute('data-value') === selected) return i;
+if (hasValue(valueOfOpt(options[i]))) return i;
 }
 return -1;
 }
 function valueText() {
-var i = selectedIdx();
-return i < 0 ? (opt.placeholder || '请选择') : optText(options[i]);
+var texts = [];
+for (var i = 0; i < options.length; i++) {
+if (hasValue(valueOfOpt(options[i]))) texts.push(optText(options[i]));
 }
+return texts.length ? texts.join('、') : (opt.placeholder || '请选择');
+}
+
 function optText(o) {
+if (!o) return '';
 var t = o.querySelector('.select__opt-text');
 return ((t || o).textContent || '').replace(/[✓\s]/g, '').trim();
 }
 
-function paint() {
-var v = valueText();
+function value() {
+return isMulti ? values.slice() : (values.length ? values[0] : null);
+}
+
+function syncHidden() {
+var all = [].slice.call(root.querySelectorAll('input[type="hidden"]'));
+var mine = [];
+var author = [];
+all.forEach(function (i) {
+if (i.getAttribute('data-select-value') === '1') mine.push(i);
+else author.push(i);
+});
+var name = opt.name || root.getAttribute('data-name') ||
+(author[0] && author[0].name) || (mine[0] && mine[0].name) ||
+root.id || '';
+var slots = author.concat(mine);
+var want = values.slice();
+for (var i = 0; i < want.length; i++) {
+var inp = slots[i];
+if (!inp) {
+inp = document.createElement('input');
+inp.type = 'hidden';
+inp.setAttribute('data-select-value', '1');
+root.appendChild(inp);
+slots.push(inp);
+}
+if (name) inp.name = name;
+else inp.removeAttribute('name');
+inp.value = want[i];
+}
+for (var j = want.length; j < slots.length; j++) {
+var extra = slots[j];
+if (extra.getAttribute('data-select-value') === '1') {
+if (extra.parentNode) extra.parentNode.removeChild(extra);
+} else {
+extra.value = '';
+}
+}
+}
+
+function paint(silent) {
+var label = valueText();
+var empty = selectedIdx() < 0;
 var vEl = btn.querySelector('.select__value');
 if (vEl) {
-vEl.textContent = v;
-vEl.classList.toggle('select__value--placeholder', selectedIdx() < 0);
+vEl.textContent = label;
+vEl.classList.toggle('select__value--placeholder', empty);
 }
+
+if (empty) btn.removeAttribute('title');
+else btn.setAttribute('title', label);
 options.forEach(function (o) {
-var on = o.getAttribute('data-value') === selected;
+var on = hasValue(valueOfOpt(o));
 o.setAttribute('aria-selected', on ? 'true' : 'false');
 var ck = o.querySelector('.select__check');
 if (ck) ck.textContent = on ? '✓' : '';
 });
+syncHidden();
+if (silent) return;
+flEmit(root, 'fl-change', { value: value(), values: values.slice(), text: label });
+if (opt.onChange) opt.onChange(value(), label);
 
-var hidden = root.querySelector('input[type="hidden"]');
-if (hidden) hidden.value = selected == null ? '' : selected;
-flEmit(root, 'fl-change',
-{ value: selected, text: optText(options[selectedIdx()] || options[0]) });
-if (opt.onChange) opt.onChange(selected, optText(options[selectedIdx()] || options[0]));
+var ev = null;
+if (typeof window.Event === 'function') {
+try { ev = new window.Event('change', { bubbles: true }); } catch (e) { ev = null; }
+}
+if (!ev) {
+try {
+ev = document.createEvent('Event');
+ev.initEvent('change', true, false);
+} catch (e2) { ev = null; }
+}
+if (ev) root.dispatchEvent(ev);
 }
 
 function setActive(i, dir) {
@@ -357,93 +432,105 @@ if (opt.onClose) opt.onClose();
 function commit(i) {
 var o = options[i];
 if (!o || o.getAttribute('aria-disabled') === 'true') return;
+var v = valueOfOpt(o);
 if (isMulti) {
 
-selected = o.getAttribute('data-value') === selected ? null : o.getAttribute('data-value');
-} else {
-selected = o.getAttribute('data-value');
-close(true);
+var k = values.indexOf(v);
+if (k >= 0) values.splice(k, 1);
+else values.push(v);
+paint();
+return;
 }
+values = [v];
 paint();
+close(true);
 }
 
-btn.addEventListener('keydown', function (e) {
+function onBtnKey(e) {
+if (destroyed) return;
 var k = e.key;
-if (k === 'ArrowDown' || k === 'ArrowUp' || k === 'Enter' || k === ' ' ||
-k === 'Spacebar' || (k === 'Alt' && false)) {
-if (k === 'ArrowDown' || k === 'ArrowUp') {
-e.preventDefault();
-if (list.hidden) { open(); return; }
-var dir = k === 'ArrowDown' ? 1 : -1;
-setActive(activeIndex() + dir, dir);
-return;
-}
+var opened = !list.hidden;
+
+if (k === 'ArrowDown' || k === 'ArrowUp' || k === 'Enter' || k === ' ' || k === 'Spacebar') {
 e.preventDefault();
-if (list.hidden) open();
-else if (activeIdx >= 0) commit(activeIdx);
+if (!opened) {
+open();
+
+if (k === 'ArrowUp' && options.length) setActive(options.length - 1, -1);
 return;
 }
-
-if (k === 'ArrowDown' && e.altKey) { e.preventDefault(); open(); return; }
-
-if (list.hidden && (k === 'Home' || k === 'End')) {
-e.preventDefault(); open();
-if (k === 'Home') setActive(0);
-else setActive(options.length - 1);
+if (k === 'ArrowDown') { setActive(activeIndex() + 1, 1); return; }
+if (k === 'ArrowUp') { setActive(activeIndex() - 1, -1); return; }
+if (activeIdx >= 0) commit(activeIdx);
 return;
 }
-});
-
-function onListKey(e) {
-var k = e.key;
-if (k === 'ArrowDown') { e.preventDefault(); setActive(activeIndex() + 1, 1); return; }
-if (k === 'ArrowUp')   { e.preventDefault(); setActive(activeIndex() - 1, -1); return; }
-if (k === 'Home')      { e.preventDefault(); setActive(0, 1); return; }
-if (k === 'End')       { e.preventDefault(); setActive(options.length - 1, -1); return; }
-
-if (k === 'Tab') { close(false); return; }
-if (k === 'Enter' || k === ' ' || k === 'Spacebar') {
+if (k === 'Home' || k === 'End') {
 e.preventDefault();
-if (activeIdx >= 0) commit(activeIdx);
+if (!opened) open();
+if (options.length) setActive(k === 'Home' ? 0 : options.length - 1, k === 'Home' ? 1 : -1);
 return;
 }
+if (k === 'Tab') { if (opened) close(false); return; }
 
-if (k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+if (k && k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+if (!opened) open();
 e.preventDefault();
 typeahead.type(k);
 }
-}
 
-btn.addEventListener('keydown', function (e) {
-
-if (list.hidden) return;
-var k = e.key;
-
-if (k === 'Escape' || k === 'Esc' || k === 'ArrowDown' || k === 'ArrowUp' ||
-k === 'Home' || k === 'End' || k === 'Enter' || k === ' ' ||
-k === 'Spacebar' || k === 'Tab') {
-
-if (list.hidden) return;
-onListKey(e);
-return;
 }
-if (k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) onListKey(e);
-});
+btn.addEventListener('keydown', onBtnKey);
 
-btn.addEventListener('click', function () {
+function onBtnClick() {
+if (destroyed) return;
 if (list.hidden) open(); else close();
-});
-list.addEventListener('click', function (e) {
+}
+function onListClick(e) {
+if (destroyed) return;
 var o = e.target.closest ? closest(e.target, '[role="option"]') : null;
 if (!o) return;
 commit(options.indexOf(o));
-});
+}
+btn.addEventListener('click', onBtnClick);
+list.addEventListener('click', onListClick);
 
+var initialValues = values.slice();
+var form = closest(root, 'form');
+function onFormReset() {
+setTimeout(function () {
+if (destroyed) return;
+values = initialValues.slice();
 paint();
+}, 0);
+}
+if (form) form.addEventListener('reset', onFormReset);
+
+paint(true);
+
 return {
 open: open, close: close,
-get value() { return selected; },
-set value(v) { selected = v == null ? null : String(v); paint(); },
+get value() { return value(); },
+set value(v) { seed(v); paint(); },
+get values() { return values.slice(); },
+set values(v) { seed(v); paint(); },
+
+destroy: function () {
+if (destroyed) return;
+destroyed = true;
+btn.removeEventListener('keydown', onBtnKey);
+btn.removeEventListener('click', onBtnClick);
+list.removeEventListener('click', onListClick);
+if (form) form.removeEventListener('reset', onFormReset);
+dismiss.destroy();
+typeahead.destroy();
+fr.clear();
+list.hidden = true;
+btn.setAttribute('aria-expanded', 'false');
+btn.removeAttribute('aria-activedescendant');
+
+[].slice.call(root.querySelectorAll('input[type="hidden"][data-select-value="1"]'))
+.forEach(function (i) { if (i.parentNode) i.parentNode.removeChild(i); });
+},
 };
 }
 

package/dist/03-patterns/form-validation/form-validation.css

@@ -1 +1 @@
-.form {display:flex;flex-direction:column;gap:var(--sp-5);}.form__row {display:flex;flex-direction:column;gap:var(--sp-5);}.form__actions {display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;padding-top:var(--sp-2);border-top:1px solid var(--border-decor);}.form__summary {display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);max-width:100%;padding:var(--sp-3) var(--sp-4);background:var(--danger-bg);border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.5;}.form__summary::before {content:"!";display:inline-grid;place-items:center;width:16px;height:16px;margin-inline-end:var(--sp-2);border-radius:50%;background:var(--danger);color:var(--text-on-accent);font-size:11px;font-weight:700;line-height:1;}.form__summary-title {margin:0;font-size:var(--fs-sm);font-weight:500;color:var(--danger);display:flex;align-items:center;gap:var(--sp-2);}.form__summary-link + .form__summary-link {margin-inline-start:var(--sp-1);}.form__summary-link {display:inline-block;color:var(--danger);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}@media (hover:hover) and (pointer:fine) {.form__summary-link:hover {color:var(--text-primary);}}.form__summary-link:focus-visible {outline:2px solid var(--danger);outline-offset:2px;border-radius:2px;}.field__error {display:none;}.field[data-dirty] .field__error {display:flex;}.form--has-summary .field__error:not(:empty) {display:flex;}.field__error:empty {display:none;}.field__error::before {content:"!";display:inline-grid;place-items:center;flex:none;width:14px;height:14px;margin-inline-end:var(--sp-1);border-radius:50%;background:var(--danger);color:var(--text-on-accent);font-size:10px;font-weight:700;line-height:1;}.form__notice {padding:var(--sp-4) var(--sp-5);background:var(--success-bg);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-primary);}.field--checking .field__input::after {content:"";}.field__checking-hint {display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-tertiary);}.field__checking-hint::before {content:"";width:12px;height:12px;border:2px solid var(--border-control);border-top-color:var(--accent);border-radius:50%;animation:form-spin 700ms linear infinite;}@keyframes form-spin {to {transform:rotate(360deg);}}@media (prefers-reduced-motion:reduce) {.field__checking-hint::before {animation-duration:1.2s !important;}}
+.form {display:flex;flex-direction:column;gap:var(--sp-5);}.form__row {display:flex;flex-direction:column;gap:var(--sp-5);}.form__actions {display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;padding-top:var(--sp-2);border-top:1px solid var(--border-decor);}.form__summary {display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);max-width:100%;padding:var(--sp-3) var(--sp-4);background:var(--danger-bg);border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.5;}.form__summary::before {content:"!";display:inline-grid;place-items:center;width:16px;height:16px;margin-inline-end:var(--sp-2);border-radius:50%;background:var(--danger);color:var(--text-on-accent);font-size:11px;font-weight:700;line-height:1;}.form__summary-title {margin:0;font-size:var(--fs-sm);font-weight:500;color:var(--danger);display:flex;align-items:center;gap:var(--sp-2);}.form__summary-link + .form__summary-link {margin-inline-start:var(--sp-1);}.form__summary-link {display:inline-block;color:var(--danger);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}@media (hover:hover) and (pointer:fine) {.form__summary-link:hover {color:var(--text-primary);}}.form__summary-link:focus-visible {outline:2px solid var(--danger);outline-offset:2px;border-radius:2px;}.field .field__error {display:none;}.field[data-dirty] .field__error {display:flex;}.form--has-summary .field__error:not(:empty) {display:flex;}.field__error:empty {display:none;}.field__error::before {content:"!";display:inline-grid;place-items:center;flex:none;width:14px;height:14px;margin-inline-end:var(--sp-1);border-radius:50%;background:var(--danger);color:var(--text-on-accent);font-size:10px;font-weight:700;line-height:1;}.form__notice {padding:var(--sp-4) var(--sp-5);background:var(--success-bg);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-primary);}.field--checking .field__input::after {content:"";}.field__checking-hint {display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-tertiary);}.field__checking-hint::before {content:"";width:12px;height:12px;border:2px solid var(--border-control);border-top-color:var(--accent);border-radius:50%;animation:form-spin 700ms linear infinite;}@keyframes form-spin {to {transform:rotate(360deg);}}@media (prefers-reduced-motion:reduce) {.field__checking-hint::before {animation-duration:1.2s !important;}}

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

@@ -1 +1 @@
-.toast-region {position:fixed;inset-inline-end:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(380px, calc(100vw - var(--sp-5) * 2));pointer-events:none;}.toast {pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-sm);box-shadow:var(--shadow-2);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--text-primary);animation:toast-in var(--dur-base) var(--ease-out);}.toast--success {background:var(--success-bg);}.toast--error {background:var(--danger-bg);}.toast--warning {background:var(--warning-bg);}.toast__body {flex:1;min-width:0;}.toast__title {font-weight:500;margin:0 0 2px;}.toast__desc {margin:0;color:var(--text-secondary);font-size:var(--fs-xs);line-height:1.5;}.toast__close {flex:none;min-width:44px;min-height:44px;;margin:-4px -4px 0 0;display:grid;place-items:center;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:16px;line-height:1;transition:background-color var(--dur-fast) var(--ease-out);}@media (hover:hover) and (pointer:fine) {.toast__close:hover {background:var(--surface-sunken);color:var(--text-primary);}}.toast__close:focus-visible {outline:2px solid var(--accent);outline-offset:1px;}.toast[data-state="leaving"] {animation:toast-out var(--dur-fast) var(--ease-in-out) forwards;}@keyframes toast-in {from {opacity:0;transform:translateX(var(--lift-lg));}to {opacity:1;transform:translateX(0);}}@keyframes toast-out {to {opacity:0;transform:translateX(var(--lift-lg));}}.toast__timer {position:absolute;inset-inline-start:0;bottom:0;height:2px;background:currentColor;opacity:0.25;border-radius:0 0 0 var(--r-sm);animation:toast-timer linear forwards;}@keyframes toast-timer {from {width:100%;}to {width:0%;}}.dialog-backdrop {position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-5);background:var(--scrim);animation:backdrop-in var(--dur-base) var(--ease-out);}.dialog {position:relative;width:100%;max-width:460px;max-height:calc(100vh - var(--sp-7));overflow-y:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--sp-6);animation:dialog-in var(--dur-base) var(--ease-out);}@keyframes dialog-in {from {opacity:0;transform:translateY(var(--lift-lg)) scale(0.98);}to {opacity:1;transform:translateY(0) scale(1);}}@keyframes backdrop-in {from {opacity:0;}to {opacity:1;}}.dialog__title {margin:0 0 var(--sp-2);font-size:var(--fs-lg);font-weight:500;line-height:var(--lh-tight);color:var(--text-primary);}.dialog__desc {margin:0 0 var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);}.dialog__actions {display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-3);flex-wrap:wrap;}body[data-scroll-locked] {overflow:hidden;}@media (max-width:480px) {.dialog-backdrop {place-items:end center;padding:0;}.dialog {width:100vw;max-width:100vw;box-sizing:border-box;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom, 0px));}.dialog__actions .btn {flex:1;}}@media (prefers-reduced-motion:reduce) {.toast, .toast[data-state="leaving"], .dialog, .dialog-backdrop {animation:none;}.toast__timer {animation:none;width:100%;}}
+.toast-region {position:fixed;inset-inline-end:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(380px, calc(100vw - var(--sp-5) * 2));pointer-events:none;}.toast {pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-sm);box-shadow:var(--shadow-2);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--text-primary);animation:toast-in var(--dur-base) var(--ease-out);}.toast--success {background:var(--success-bg);}.toast--error {background:var(--danger-bg);}.toast--warning {background:var(--warning-bg);}.toast__body {flex:1;min-width:0;}.toast__title {font-weight:500;margin:0 0 2px;}.toast__desc {margin:0;color:var(--text-secondary);font-size:var(--fs-xs);line-height:1.5;}.toast__close {flex:none;min-width:44px;min-height:44px;;margin:-4px -4px 0 0;display:grid;place-items:center;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:16px;line-height:1;transition:background-color var(--dur-fast) var(--ease-out);}@media (hover:hover) and (pointer:fine) {.toast__close:hover {background:var(--surface-sunken);color:var(--text-primary);}}.toast__close:focus-visible {outline:2px solid var(--accent);outline-offset:1px;}.toast[data-state="leaving"] {animation:toast-out var(--dur-fast) var(--ease-in-out) forwards;}@keyframes toast-in {from {opacity:0;transform:translateX(var(--lift-lg));}to {opacity:1;transform:translateX(0);}}@keyframes toast-out {to {opacity:0;transform:translateX(var(--lift-lg));}}.toast__timer {position:absolute;inset-inline-start:0;bottom:0;height:2px;background:currentColor;opacity:0.25;border-radius:0 0 0 var(--r-sm);animation:toast-timer linear forwards;}@keyframes toast-timer {from {width:100%;}to {width:0%;}}.dialog-backdrop {position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-5);background:var(--scrim);animation:backdrop-in var(--dur-base) var(--ease-out);}.dialog {position:relative;width:100%;max-width:460px;max-height:calc(100vh - var(--sp-7));overflow-y:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--sp-6);animation:dialog-in var(--dur-base) var(--ease-out);}@keyframes dialog-in {from {opacity:0;transform:translateY(var(--lift-lg)) scale(0.98);}to {opacity:1;transform:translateY(0) scale(1);}}@keyframes backdrop-in {from {opacity:0;}to {opacity:1;}}.dialog__title {margin:0 0 var(--sp-2);font-size:var(--fs-lg);font-weight:500;line-height:var(--lh-tight);color:var(--text-primary);}.dialog__desc {margin:0 0 var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);}.dialog__actions {display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-3);flex-wrap:wrap;}body[data-scroll-locked] {overflow:hidden;}@media (max-width:480px) {.dialog-backdrop {place-items:end center;padding:0;}.dialog {width:100vw;max-width:100vw;box-sizing:border-box;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom, 0px));}.dialog__actions .btn {flex:1;}}@media (prefers-reduced-motion:reduce) {.toast, .toast[data-state="leaving"], .dialog, .dialog-backdrop {animation:none;}.toast__timer {animation:none;width:100%;}}@media print {.dialog-backdrop {position:static;inset:auto;display:block;padding:0;background:none;}.dialog {max-height:none;overflow:visible;}}

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

@@ -61,7 +61,8 @@ function inertAcquire(node) {
 for (var i = 0; i < inertRefs.length; i++) {
 if (inertRefs[i].node === node) { inertRefs[i].count++; return; }
 }
-inertRefs.push({ node: node, count: 1 });
+
+inertRefs.push({ node: node, count: 1, prev: node.inert === true });
 node.inert = true;
 }
 
@@ -70,7 +71,7 @@ for (var i = 0; i < inertRefs.length; i++) {
 if (inertRefs[i].node !== node) continue;
 inertRefs[i].count--;
 if (inertRefs[i].count <= 0) {
-node.inert = false;
+node.inert = inertRefs[i].prev === true;
 inertRefs.splice(i, 1);
 }
 return;
@@ -417,17 +418,43 @@ var ariaed = [];
 var nodes = Array.prototype.slice.call(
 document.body.querySelectorAll('body > *')
 );
-nodes.forEach(function (n) {
 
-if (n.classList.contains('dialog-backdrop')) return;
-if (useInert) {
-inerted.push(n);
-inertAcquire(n);
-} else {
-ariaed.push(n);
-ariaAcquire(n);
+function isolate(n) {
+if (!n || n === backdrop) return;
+if (useInert) { inerted.push(n); inertAcquire(n); }
+else { ariaed.push(n); ariaAcquire(n); }
+}
+nodes.forEach(isolate);
+
+var mo = null;
+if (typeof window.MutationObserver === 'function') {
+mo = new window.MutationObserver(function (records) {
+
+if (!document.documentElement.contains(backdrop)) {
+if (mo) { mo.disconnect(); mo = null; }
+if (closed) return;
+closed = true;
+inerted.forEach(inertRelease);
+ariaed.forEach(ariaRelease);
+inerted = [];
+ariaed = [];
+if (uninstallIsolation) { uninstallIsolation(); uninstallIsolation = null; }
+unlockScroll();
+return;
+}
+for (var r = 0; r < records.length; r++) {
+var added = records[r].addedNodes;
+for (var a = 0; a < added.length; a++) {
+var n = added[a];
+if (!n || n.nodeType !== 1) continue;
+if (n.classList && n.classList.contains('dialog-backdrop')) continue;
+if (n.inert === true || n.getAttribute('aria-hidden') === 'true') continue;
+isolate(n);
+}
 }
 });
+mo.observe(document.body, { childList: true });
+}
 
 function close() {
 if (closed) return;
@@ -445,13 +472,15 @@ for (var si = openStack.length - 1; si >= 0; si--) {
 if (openStack[si] === stackEntry) { openStack.splice(si, 1); break; }
 }
 if (uninstallIsolation) { uninstallIsolation(); uninstallIsolation = null; }
+if (mo) { mo.disconnect(); mo = null; }
 
 inerted.forEach(inertRelease);
 
 ariaed.forEach(ariaRelease);
 unlockScroll();
 
-fr.restore();
+if (focusIsMine) fr.restore();
+else fr.clear();
 
 }
 

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

@@ -1 +1 @@
-.state {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5);text-align:center;min-height:200px;}.state__icon {flex:none;width:48px;height:48px;margin-bottom:var(--sp-2);display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-sunken);color:var(--text-tertiary);}.state__title {margin:0;font-size:var(--fs-md);font-weight:500;line-height:var(--lh-tight);color:var(--text-primary);}.state__desc {margin:0;max-width:42ch;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);}.state__action {margin-top:var(--sp-3);display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;}.state--empty .state__icon {background:var(--surface-sunken);color:var(--text-tertiary);}.state--loading {gap:var(--sp-3);}.spinner {width:24px;height:24px;border:2.5px solid var(--border-control);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotate 700ms linear infinite;}@keyframes spinner-rotate {to {transform:rotate(360deg);}}.skeleton {--sk-base:var(--surface-sunken);--sk-hi:var(--border-decor);background:var(--sk-base);border-radius:var(--r-sm);position:relative;overflow:hidden;}.skeleton::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--sk-hi) 50%, transparent 100%);transform:translateX(-100%);animation:skeleton-sweep 1.4s ease-in-out infinite;}@keyframes skeleton-sweep {to {transform:translateX(100%);}}.skeleton--text {height:1em;margin-block:0.35em;border-radius:4px;}.skeleton--title {height:1.4em;width:60%;}.skeleton--avatar {width:40px;height:40px;border-radius:var(--r-pill);}.skeleton--block {height:120px;}.skeleton--text:last-child {width:70%;}.state--error .state__icon {background:var(--danger-bg);color:var(--danger);}.state--error .state__title {color:var(--danger);}.state__detail {margin-top:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-tertiary);background:var(--surface-sunken);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);max-width:100%;overflow-x:auto;}@media (prefers-reduced-motion:reduce) {.spinner {animation-duration:1.2s !important;}.skeleton::after {animation:none;transform:none;}}
+.state {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5);text-align:center;min-height:200px;}.state__icon {flex:none;width:48px;height:48px;margin-bottom:var(--sp-2);display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-sunken);color:var(--text-tertiary);}.state__title {margin:0;font-size:var(--fs-md);font-weight:500;line-height:var(--lh-tight);color:var(--text-primary);}.state__desc {margin:0;max-width:42ch;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);}.state__action {margin-top:var(--sp-3);display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;}.state--empty .state__icon {background:var(--surface-sunken);color:var(--text-tertiary);}.state--loading {gap:var(--sp-3);}.spinner {width:24px;height:24px;border:2.5px solid var(--border-control);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotate 700ms linear infinite;}@keyframes spinner-rotate {to {transform:rotate(360deg);}}.skeleton {--sk-base:var(--surface-sunken);--sk-hi:var(--border-decor);background:var(--sk-base);border-radius:var(--r-sm);position:relative;overflow:hidden;}.skeleton::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--sk-hi) 50%, transparent 100%);transform:translateX(-100%);}@media (prefers-reduced-motion:no-preference) {.skeleton::after {animation:skeleton-sweep 1.4s ease-in-out infinite;}}@media (prefers-reduced-motion:reduce) {.skeleton::after {animation:none;opacity:0;}}@keyframes skeleton-sweep {to {transform:translateX(100%);}}.skeleton--text {height:1em;margin-block:0.35em;border-radius:4px;}.skeleton--title {height:1.4em;width:60%;}.skeleton--avatar {width:40px;height:40px;border-radius:var(--r-pill);}.skeleton--block {height:120px;}.skeleton--text:last-child {width:70%;}.state--error .state__icon {background:var(--danger-bg);color:var(--danger);}.state--error .state__title {color:var(--danger);}.state__detail {margin-top:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-tertiary);background:var(--surface-sunken);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);max-width:100%;overflow-x:auto;}@media (prefers-reduced-motion:reduce) {.spinner {animation-duration:1.2s !important;}.skeleton::after {animation:none;transform:none;}}

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

@@ -1 +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;}}
+.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;}.rep p, .rep li, .rep blockquote {orphans:2;widows:2;}}

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

@@ -1 +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;--dir-up:#c0392b;--dir-down:#2f6b3a;--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;--dir-up:#E07A6E;--dir-down:#6FAA7A;--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);}}
+: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;--dir-up:#c0392b;--dir-down:#2f6b3a;--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 screen and (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:#15181c;--text-on-solid:#15181c;--skeleton-bg:#2E343C;--skeleton-shimmer:rgba(255, 255, 255, 0.06);--danger:#E07A6E;--danger-hover:#F09A90;--danger-bg:#341D1A;--success:#6FAA7A;--success-bg:#16241A;--dir-up:#E07A6E;--dir-down:#6FAA7A;--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

@@ -1 +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);}}
+.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;}@media print {.bar__label {stroke:none;}}.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;}}