agentcss 0.0.0-stage → 0.11.2

package/dist/01-tokens/focus-ring.css

@@ -0,0 +1 @@
+:root {--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--accent);--focus-ring-inset:rgba(255, 255, 255, .9);}:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}[data-theme="dark"] :focus-visible, [data-theme="dark"]:focus-visible, :root[data-theme-current="dark"] :focus-visible, :root[data-theme-current="dark"]:focus-visible {outline-color:var(--accent-hover);box-shadow:0 0 0 1px var(--focus-ring-inset);}:where(a, button, input, select, textarea, [tabindex]) {scroll-margin-block:var(--focus-ring-offset) 5vh;}@media (prefers-reduced-motion:no-preference) {:where(a, button, [role="button"], [role="tab"]) {transition:outline-offset var(--dur-fast) var(--ease-out);}:where(a, button, [role="button"], [role="tab"]):focus-visible {outline-offset:calc(var(--focus-ring-offset) + 1px);}}.focus-inset:focus-visible {outline-offset:calc(var(--focus-ring-width) * -1);}

package/dist/01-tokens/page.css

@@ -0,0 +1 @@
+.page {margin:0;min-height:100vh;min-height:100dvh;background:var(--paper);color:var(--text-primary);font-family:var(--sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-text-size-adjust:100%;padding-block:calc(env(safe-area-inset-top, 0px) + var(--sp-6)) calc(env(safe-area-inset-bottom, 0px) + var(--sp-6));padding-inline:max(env(safe-area-inset-right, 0px), var(--sp-4)) max(env(safe-area-inset-left, 0px), var(--sp-4));}.page *, .page *::before, .page *::after {box-sizing:border-box;}.page .wrap {margin-inline:auto;max-width:min(var(--measure-page), 100%);}.page .wrap--prose {max-width:min(var(--measure-prose), 100%);}.page h1 {font-family:var(--sans);font-size:var(--fs-2xl);font-weight:500;letter-spacing:var(--tracking-title);line-height:var(--lh-tight);margin:0 0 var(--sp-3);max-width:var(--measure-title);}.page h2 {font-size:var(--fs-lg);margin:var(--sp-7) 0 var(--sp-3);}.page .rule-top {border-top:1px solid var(--border-decor);padding-top:var(--sp-4);}.page .rule-bottom {border-bottom:1px solid var(--border-decor);padding-bottom:var(--sp-2);margin-bottom:var(--sp-4);}.page code {font-family:var(--mono);font-size:0.9em;background:var(--surface-sunken);padding:1px 4px;border-radius:var(--r-xs);}.page .box {background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-md);padding:var(--sp-5);}.page .box.bad {background:var(--surface-sunken);}

package/dist/01-tokens/polyfill.js

@@ -0,0 +1,78 @@
+(function (global) {
+'use strict';
+
+if (!Element.prototype.closest) {
+Element.prototype.closest = function (selector) {
+var el = this;
+while (el && el.nodeType === 1) {
+if (matchesSimple(el, selector)) return el;
+el = el.parentElement;
+}
+return null;
+};
+}
+
+function matchesSimple(el, selector) {
+var parts = String(selector).split(',');
+for (var i = 0; i < parts.length; i++) {
+if (matchOne(el, parts[i].trim())) return true;
+}
+return false;
+}
+
+function matchOne(el, sel) {
+if (!sel) return false;
+var rest = sel;
+
+var m = rest.match(/^([a-zA-Z][\w-]*)/);
+if (m) {
+if (el.tagName.toLowerCase() !== m[1].toLowerCase()) return false;
+rest = rest.slice(m[1].length);
+}
+
+var cls = rest.match(/\.([\w-]+)/g);
+if (cls) {
+for (var i = 0; i < cls.length; i++) {
+var name = cls[i].slice(1);
+if (!(' ' + el.className + ' ').indexOf(' ' + name + ' ') > -1) return false;
+}
+}
+
+var id = rest.match(/#([\w-]+)/);
+if (id && el.id !== id[1]) return false;
+
+var attr = rest.match(/\[([\w-]+)(?:=["']?([^\]"']*)["']?)?\]/);
+if (attr) {
+var v = el.getAttribute(attr[1]);
+if (v === null) return false;
+if (attr[2] !== undefined && v !== attr[2]) return false;
+}
+return true;
+}
+
+if (!Array.from) {
+Array.from = function (obj) {
+var out = [];
+if (obj === null || obj === undefined) return out;
+if (typeof obj.length === 'number') {
+for (var i = 0; i < obj.length; i++) out.push(obj[i]);
+} else {
+for (var k in obj) {
+if (Object.prototype.hasOwnProperty.call(obj, k)) out.push(obj[k]);
+}
+}
+return out;
+};
+}
+
+if (!global.requestAnimationFrame) {
+global.requestAnimationFrame = function (cb) {
+return global.setTimeout(function () {
+cb(Date.now ? Date.now() : new Date().getTime());
+}, 16);
+};
+global.cancelAnimationFrame = function (id) {
+global.clearTimeout(id);
+};
+}
+})(window);

package/dist/01-tokens/scrollbar.css

@@ -0,0 +1 @@
+html {scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;}.scroll-y {overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-gutter:stable;}.scroll-x {overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-gutter:stable;}.scroll-thin {scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;}html::-webkit-scrollbar {width:var(--scrollbar-size);height:var(--scrollbar-size);}html::-webkit-scrollbar-track {background:transparent;}html::-webkit-scrollbar-thumb {background:var(--scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:var(--scrollbar-radius);}html::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-thumb-hov);background-clip:content-box;}html::-webkit-scrollbar-button {display:none;}html::-webkit-scrollbar-corner {background:transparent;}.scroll-y::-webkit-scrollbar, .scroll-x::-webkit-scrollbar, .scroll-thin::-webkit-scrollbar {width:var(--scrollbar-size);height:var(--scrollbar-size);}.scroll-y::-webkit-scrollbar-track, .scroll-x::-webkit-scrollbar-track, .scroll-thin::-webkit-scrollbar-track {background:transparent;}.scroll-y::-webkit-scrollbar-thumb, .scroll-x::-webkit-scrollbar-thumb, .scroll-thin::-webkit-scrollbar-thumb {background:var(--scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:var(--scrollbar-radius);}.scroll-y::-webkit-scrollbar-thumb:hover, .scroll-x::-webkit-scrollbar-thumb:hover, .scroll-thin::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-thumb-hov);background-clip:content-box;}.scroll-y::-webkit-scrollbar-button, .scroll-x::-webkit-scrollbar-button, .scroll-thin::-webkit-scrollbar-button {display:none;}.scroll-y::-webkit-scrollbar-corner, .scroll-x::-webkit-scrollbar-corner, .scroll-thin::-webkit-scrollbar-corner {background:transparent;}.scroll-thin::-webkit-scrollbar {width:var(--scrollbar-size-thin);}.scroll-thin::-webkit-scrollbar-thumb {border:2px solid transparent;background-clip:content-box;}@media (hover:hover) and (pointer:fine) {html::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-thumb-hov);background-clip:content-box;}.scroll-y::-webkit-scrollbar-thumb:hover, .scroll-x::-webkit-scrollbar-thumb:hover, .scroll-thin::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-thumb-hov);background-clip:content-box;}}

package/dist/01-tokens/theme-toggle.js

@@ -0,0 +1,61 @@
+(function () {
+'use strict';
+
+var KEY = 'fe-theme';
+var root = document.documentElement;
+
+function read() {
+try { return localStorage.getItem(KEY) || 'auto'; } catch (e) { return 'auto'; }
+}
+function save(v) {
+try { localStorage.setItem(KEY, v); } catch (e) {  }
+}
+
+function systemDark() {
+return typeof window.matchMedia === 'function' &&
+window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
+
+function apply(mode) {
+var dark = mode === 'dark' || (mode === 'auto' && systemDark());
+
+if (mode === 'auto') root.removeAttribute('data-theme');
+else root.setAttribute('data-theme', mode);
+
+root.setAttribute('data-theme-current', dark ? 'dark' : 'light');
+
+var meta = document.querySelector('meta[name="theme-color"]');
+if (meta && typeof window.getComputedStyle === 'function') {
+var v = window.getComputedStyle(root).getPropertyValue('--paper');
+v = (v || '').trim();
+if (v) meta.setAttribute('content', v);
+}
+}
+
+var Theme = {
+get: function () { return read(); },
+isDark: function () {
+return document.documentElement.getAttribute('data-theme-current') === 'dark';
+},
+set: function (m) { save(m); apply(m); },
+toggle: function () { Theme.set(Theme.isDark() ? 'light' : 'dark'); },
+
+cycle: function () {
+var cur = read();
+Theme.set(cur === 'auto' ? 'light' : (cur === 'light' ? 'dark' : 'auto'));
+},
+};
+window.Theme = Theme;
+
+if (typeof window.matchMedia === 'function') {
+var mq = window.matchMedia('(prefers-color-scheme: dark)');
+var onChange = function () { if (read() === 'auto') apply('auto'); };
+if (mq.addEventListener) mq.addEventListener('change', onChange);
+else if (mq.addListener) mq.addListener(onChange);
+}
+
+function init() { apply(read()); }
+if (document.readyState === 'loading') {
+document.addEventListener('DOMContentLoaded', init);
+} else { init(); }
+})();

package/dist/01-tokens/tokens.css

@@ -0,0 +1 @@
+:root {--raw-paper:#f6f7f8;--raw-surface:#ffffff;--raw-surface-sunken:#f1f3f5;--raw-surface-raised:#ffffff;--raw-scrollbar-thumb:#7A808A;--raw-scrollbar-thumb-hov:#6E747E;--raw-text-primary:#15181c;--raw-text-secondary:#4f555e;--raw-text-tertiary:#606770;--raw-text-on-accent:#ffffff;--raw-text-on-solid:#ffffff;--raw-skeleton-bg:#e9ecef;--raw-skeleton-shimmer:rgba(255, 255, 255, 0.72);--raw-border-control:#868b94;--raw-border-decor:#e2e5e9;--raw-border-decor-str:#c8cdd4;--raw-danger:#c0392b;--raw-danger-hover:#8f1e17;--raw-scrim:rgba(21, 24, 28, 0.4);--raw-success:#2f6b3a;--raw-warning:#8a5a00;--raw-info:#1d5f8a;--raw-danger-bg:#fdeeec;--raw-success-bg:#eaf2e6;--raw-warning-bg:#fbf1dd;--raw-info-bg:#e8f1f8;--raw-accent:#1b4d8f;--raw-switch-on:#1b4d8f;--raw-accent-hover:#163a6d;--raw-accent-soft:#e6eef7;--raw-tooltip-bg:#15181c;--raw-tooltip-fg:#f6f7f8;--raw-tooltip-border:#15181c;--paper:var(--raw-paper);--surface:var(--raw-surface);--surface-sunken:var(--raw-surface-sunken);--surface-raised:var(--raw-surface-raised);--scrollbar-size:10px;--scrollbar-size-thin:6px;--scrollbar-thumb:var(--raw-scrollbar-thumb);--scrollbar-thumb-hov:var(--raw-scrollbar-thumb-hov);--scrollbar-radius:5px;--text-primary:var(--raw-text-primary);--text-secondary:var(--raw-text-secondary);--text-tertiary:var(--raw-text-tertiary);--text-on-accent:var(--raw-text-on-accent);--text-on-solid:var(--raw-text-on-solid);--skeleton-bg:var(--raw-skeleton-bg);--skeleton-shimmer:var(--raw-skeleton-shimmer);--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:var(--sp-3);--popover-gap:8px;--popover-dur:140ms;--border-control:var(--raw-border-control);--border-decor:var(--raw-border-decor);--border-decor-str:var(--raw-border-decor-str);--danger:var(--raw-danger);--danger-hover:var(--raw-danger-hover);--scrim:var(--raw-scrim);--success:var(--raw-success);--warning:var(--raw-warning);--info:var(--raw-info);--danger-bg:var(--raw-danger-bg);--success-bg:var(--raw-success-bg);--warning-bg:var(--raw-warning-bg);--info-bg:var(--raw-info-bg);--accent:var(--raw-accent);--switch-on:var(--raw-switch-on);--accent-hover:var(--raw-accent-hover);--accent-soft:var(--raw-accent-soft);--tooltip-bg:var(--raw-tooltip-bg);--tooltip-fg:var(--raw-tooltip-fg);--tooltip-border:var(--raw-tooltip-border);--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-reduced-motion:reduce) {*, *::before, *::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}:focus-visible {outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm);}:root {--measure-prose:34em;--measure-title:20em;--measure-lede:32em;--measure-pull:30em;--measure-aside:32em;}:root:lang(en), :root:lang(en-US), :root:lang(en-GB), :root:lang(fr), :root:lang(de), :root:lang(es), :root:lang(pt), :root:lang(ru), :root:lang(el), :root:lang(tr), :root:lang(vi) {--measure-prose:68ch;--measure-title:34ch;--measure-lede:62ch;--measure-pull:58ch;--measure-aside:56ch;}:root:lang(ar) {--measure-prose:60ch;--measure-title:30ch;--measure-lede:56ch;--measure-pull:52ch;--measure-aside:50ch;}:root:lang(hi), :root:lang(th), :root:lang(km), :root:lang(my) {--measure-prose:56ch;--measure-title:28ch;--measure-lede:52ch;--measure-pull:48ch;--measure-aside:46ch;}:root:lang(zh), :root:lang(zh-CN), :root:lang(zh-TW), :root:lang(ja), :root:lang(ko) {--measure-prose:34em;--measure-title:20em;--measure-lede:32em;--measure-pull:30em;--measure-aside:32em;}@media (prefers-color-scheme:dark) {:root:not([data-theme="light"]) {--raw-paper:#14171A;--raw-surface:#1C2024;--raw-surface-raised:#232830;--raw-surface-sunken:#1A1D21;--raw-scrollbar-thumb:#6E747E;--raw-scrollbar-thumb-hov:#7D828A;--raw-border-decor:#2A3038;--raw-border-decor-str:#3A424C;--raw-border-control:#8A9099;--raw-text-primary:#E4E7EA;--raw-text-secondary:#AEB6C0;--raw-text-tertiary:#9BA3AD;--raw-text-on-accent:#0D1114;--raw-text-on-solid:#0D1114;--raw-skeleton-bg:#2E343C;--raw-skeleton-shimmer:rgba(255, 255, 255, 0.06);--raw-danger:#E07A6E;--raw-danger-hover:#F09A90;--raw-danger-bg:#341D1A;--raw-success:#6FAA7A;--raw-success-bg:#16241A;--raw-warning:#C99A3F;--raw-warning-bg:#242A31;--raw-info:#5B9BC4;--raw-info-bg:#13242F;--raw-accent:#7AA9DE;--raw-switch-on:#3E6EA8;--raw-accent-hover:#8FB8E6;--raw-accent-soft:#1C2C3D;--raw-tooltip-bg:#232830;--raw-tooltip-fg:#E4E7EA;--raw-tooltip-border:#2A3038;--raw-scrim:rgba(0, 0, 0, 0.62);}}[data-theme="light"] {--raw-accent:#1b4d8f;--raw-accent-hover:#163a6d;--raw-accent-soft:#e6eef7;--raw-border-control:#868b94;--raw-border-decor:#e2e5e9;--raw-border-decor-str:#c8cdd4;--raw-danger:#c0392b;--raw-danger-bg:#fdeeec;--raw-danger-hover:#8f1e17;--raw-info:#1d5f8a;--raw-info-bg:#e8f1f8;--raw-paper:#f6f7f8;--raw-scrim:rgba(21, 24, 28, 0.4);--raw-scrollbar-thumb:#7A808A;--raw-scrollbar-thumb-hov:#6E747E;--raw-skeleton-bg:#e9ecef;--raw-skeleton-shimmer:rgba(255, 255, 255, 0.72);--raw-success:#2f6b3a;--raw-success-bg:#eaf2e6;--raw-surface:#ffffff;--raw-surface-raised:#ffffff;--raw-surface-sunken:#f1f3f5;--raw-switch-on:#1b4d8f;--raw-text-on-accent:#ffffff;--raw-text-on-solid:#ffffff;--raw-text-primary:#15181c;--raw-text-secondary:#4f555e;--raw-text-tertiary:#606770;--raw-tooltip-bg:#15181c;--raw-tooltip-border:#15181c;--raw-tooltip-fg:#f6f7f8;--raw-warning:#8a5a00;--raw-warning-bg:#fbf1dd;--accent:var(--raw-accent);--accent-hover:var(--raw-accent-hover);--accent-soft:var(--raw-accent-soft);--border-control:var(--raw-border-control);--border-decor:var(--raw-border-decor);--border-decor-str:var(--raw-border-decor-str);--danger:var(--raw-danger);--danger-bg:var(--raw-danger-bg);--danger-hover:var(--raw-danger-hover);--info:var(--raw-info);--info-bg:var(--raw-info-bg);--paper:var(--raw-paper);--scrim:var(--raw-scrim);--scrollbar-thumb:var(--raw-scrollbar-thumb);--scrollbar-thumb-hov:var(--raw-scrollbar-thumb-hov);--skeleton-bg:var(--raw-skeleton-bg);--skeleton-shimmer:var(--raw-skeleton-shimmer);--success:var(--raw-success);--success-bg:var(--raw-success-bg);--surface:var(--raw-surface);--surface-raised:var(--raw-surface-raised);--surface-sunken:var(--raw-surface-sunken);--switch-on:var(--raw-switch-on);--text-on-accent:var(--raw-text-on-accent);--text-on-solid:var(--raw-text-on-solid);--text-primary:var(--raw-text-primary);--text-secondary:var(--raw-text-secondary);--text-tertiary:var(--raw-text-tertiary);--tooltip-bg:var(--raw-tooltip-bg);--tooltip-border:var(--raw-tooltip-border);--tooltip-fg:var(--raw-tooltip-fg);--warning:var(--raw-warning);--warning-bg:var(--raw-warning-bg);}:root[data-theme="dark"], [data-theme="dark"] {--raw-accent:#7AA9DE;--raw-accent-hover:#8FB8E6;--raw-accent-soft:#1C2C3D;--raw-border-control:#8A9099;--raw-border-decor:#2A3038;--raw-border-decor-str:#3A424C;--raw-danger:#E07A6E;--raw-danger-bg:#341D1A;--raw-danger-hover:#F09A90;--raw-info:#5B9BC4;--raw-info-bg:#13242F;--raw-paper:#14171A;--raw-scrim:rgba(0, 0, 0, 0.62);--raw-scrollbar-thumb:#6E747E;--raw-scrollbar-thumb-hov:#7D828A;--raw-skeleton-bg:#2E343C;--raw-skeleton-shimmer:rgba(255, 255, 255, 0.06);--raw-success:#6FAA7A;--raw-success-bg:#16241A;--raw-surface:#1C2024;--raw-surface-raised:#232830;--raw-surface-sunken:#1A1D21;--raw-switch-on:#3E6EA8;--raw-text-on-accent:#0D1114;--raw-text-on-solid:#0D1114;--raw-text-primary:#E4E7EA;--raw-text-secondary:#AEB6C0;--raw-text-tertiary:#9BA3AD;--raw-tooltip-bg:#232830;--raw-tooltip-border:#2A3038;--raw-tooltip-fg:#E4E7EA;--raw-warning:#C99A3F;--raw-warning-bg:#242A31;--accent:var(--raw-accent);--accent-hover:var(--raw-accent-hover);--accent-soft:var(--raw-accent-soft);--border-control:var(--raw-border-control);--border-decor:var(--raw-border-decor);--border-decor-str:var(--raw-border-decor-str);--danger:var(--raw-danger);--danger-bg:var(--raw-danger-bg);--danger-hover:var(--raw-danger-hover);--info:var(--raw-info);--info-bg:var(--raw-info-bg);--paper:var(--raw-paper);--scrim:var(--raw-scrim);--scrollbar-thumb:var(--raw-scrollbar-thumb);--scrollbar-thumb-hov:var(--raw-scrollbar-thumb-hov);--skeleton-bg:var(--raw-skeleton-bg);--skeleton-shimmer:var(--raw-skeleton-shimmer);--success:var(--raw-success);--success-bg:var(--raw-success-bg);--surface:var(--raw-surface);--surface-raised:var(--raw-surface-raised);--surface-sunken:var(--raw-surface-sunken);--switch-on:var(--raw-switch-on);--text-on-accent:var(--raw-text-on-accent);--text-on-solid:var(--raw-text-on-solid);--text-primary:var(--raw-text-primary);--text-secondary:var(--raw-text-secondary);--text-tertiary:var(--raw-text-tertiary);--tooltip-bg:var(--raw-tooltip-bg);--tooltip-border:var(--raw-tooltip-border);--tooltip-fg:var(--raw-tooltip-fg);--warning:var(--raw-warning);--warning-bg:var(--raw-warning-bg);}:root {--sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Geeza Pro', 'Segoe UI Historic', sans-serif;--mono:ui-monospace, 'SF Mono', 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', Menlo, Consolas, 'Sarasa Mono SC', 'Microsoft YaHei Mono', monospace;--serif:'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Songti SC', 'SimSun', 'Noto Serif CJK SC', 'Source Han Serif SC', serif;--tracking-normal:0;}:root:lang(ar), :root:lang(fa), :root:lang(he), :root:lang(ur) {--tracking-normal:0.01em;}a, button, label, summary, input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"], [role="button"], [role="switch"], [role="tab"], [role="option"], .choice, .switch, .btn, .accordion__trigger, .tabs__tab, .card, .list__row {-webkit-tap-highlight-color:transparent;}.choice:active, .switch:active, .btn:active, .list__row:active, .card:active {opacity:0.82;}@media (hover:hover) and (pointer:fine) {.choice:active, .switch:active, .btn:active, .list__row:active, .card:active {opacity:1;}}

package/dist/01-tokens/typography.css

@@ -0,0 +1 @@
+body {color:var(--text-primary);background:var(--paper);}.small {font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.7;}.small--faint {color:var(--text-tertiary);}.lead {font-size:var(--fs-md);color:var(--text-secondary);line-height:1.6;}.note {background:var(--surface-sunken);color:var(--text-secondary);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.6;margin:0 0 var(--sp-4);}.note--warn {background:var(--warning-bg);}.rule {border:0;border-top:1px solid var(--border-decor);margin:var(--sp-6) 0;}code {font-family:var(--mono);}.num {font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;}.num-lg {font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:500;letter-spacing:-0.01em;}.lede {font-size:var(--fs-md);line-height:1.65;color:var(--text-secondary);margin:0 0 var(--sp-6);max-width:var(--measure-lede);}

package/dist/02-primitives/badge/badge.css

@@ -0,0 +1 @@
+.badge {display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border:1px solid transparent;border-radius:var(--r-sm);font-size:var(--fs-xs);line-height:1.5;white-space:nowrap;vertical-align:baseline;align-self:flex-start;}.badge--neutral {background:var(--surface-sunken);border-color:var(--border-decor);color:var(--text-secondary);}.badge--success {background:var(--success-bg);border-color:var(--success-bg);color:var(--success);}.badge--danger {background:var(--danger-bg);border-color:var(--danger-bg);color:var(--danger);}.badge--warning {background:var(--warning-bg);border-color:var(--warning-bg);color:var(--warning);}.badge--info {background:var(--info-bg);border-color:var(--info-bg);color:var(--info);}.badge--clickable {cursor:pointer;transition:background var(--dur-fast) var(--ease-out);}@media (hover:hover) and (pointer:fine) {.badge--neutral.badge--clickable:hover {border-color:var(--text-tertiary);}.badge--success.badge--clickable:hover {border-color:var(--success);}.badge--warning.badge--clickable:hover {border-color:var(--warning);}.badge--danger.badge--clickable:hover {border-color:var(--danger);}.badge--info.badge--clickable:hover {border-color:var(--info);}}@media (forced-colors:active) {.badge {border-color:currentColor;}}.badge--lg {font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-3);}.badge--solid-success {background:var(--success);color:var(--text-on-solid);}.badge--solid-danger {background:var(--danger);color:var(--text-on-solid);}.badge--solid-warning {background:var(--warning);color:var(--text-on-solid);}

package/dist/02-primitives/button/button.css

@@ -0,0 +1 @@
+.btn {display:inline-grid;grid-template-areas:"stack";place-items:center;font-family:inherit;font-size:var(--fs-sm);font-weight:500;line-height:1;white-space:nowrap;min-height:44px;padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;user-select:none;text-decoration:none;overflow:hidden;max-width:100%;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);}.btn.btn--sm {position:relative;min-height:var(--sz-touch-sm, 32px);padding:0 var(--sp-3);font-size:var(--fs-xs);}.btn.btn--sm::after {content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;height:var(--sz-touch, 44px);transform:translateY(-50%);}.btn.btn--md {min-height:44px;padding:0 var(--sp-5);}.btn.btn--lg {min-height:52px;padding:0 var(--sp-6);font-size:var(--fs-base);}.btn--primary {background:var(--accent);color:var(--text-on-accent);}@media (hover:hover) and (pointer:fine) {.btn--primary:hover {background:var(--accent-hover);}}.btn--secondary {background:var(--surface);color:var(--text-primary);border-color:var(--border-control);}@media (hover:hover) and (pointer:fine) {.btn--secondary:hover {background:var(--surface-sunken);border-color:var(--text-tertiary);}}.btn--ghost {background:transparent;color:var(--text-secondary);}@media (hover:hover) and (pointer:fine) {.btn--ghost:hover {background:var(--surface-sunken);color:var(--text-primary);}}.btn--danger {background:var(--danger);color:var(--text-on-accent);}@media (hover:hover) and (pointer:fine) {.btn--danger:hover {background:var(--danger-hover);}}.btn:active {transform:translateY(var(--lift-sm));}.btn:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.btn:disabled, .btn[aria-disabled="true"] {background:var(--surface-sunken);color:var(--text-tertiary);border-color:var(--border-decor);cursor:not-allowed;}@media (hover:hover) and (pointer:fine) {.btn:disabled:hover, .btn[aria-disabled="true"]:hover {background:var(--surface-sunken);transform:none;}}.btn:disabled:active, .btn[aria-disabled="true"]:active {transform:none;}.btn[aria-busy="true"] {cursor:progress;pointer-events:none;}.btn__label {grid-area:stack;min-width:0;}.btn[aria-busy="true"] .btn__label {opacity:0;}.btn__spinner {grid-area:stack;opacity:0;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin 700ms linear infinite;}.btn[aria-busy="true"] .btn__spinner {opacity:1;}@keyframes btn-spin {to {transform:rotate(360deg);}}@media (prefers-reduced-motion:reduce) {.btn__spinner {animation-duration:1.2s !important;}}.btn[data-state="success"] {background:var(--success);color:var(--text-on-accent);}.btn[data-state="success"] .btn__label {opacity:1;}.btn[data-state="success"] .btn__spinner {opacity:0;}.btn--icon {width:44px;padding:0;}.btn--icon.btn--sm {width:32px;}.btn--icon.btn--lg {width:52px;}.btn--block {display:flex;width:100%;}

package/dist/02-primitives/card/card.css

@@ -0,0 +1 @@
+.card {position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-decor);border-radius:var(--r-md);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);}.card__media {aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;background:var(--surface-sunken);}.card__media img {width:100%;height:100%;object-fit:cover;display:block;}.card__media + .card__body {border-radius:0;}.card__body {padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);}.card__title {margin:0;font-size:var(--fs-md);font-weight:500;line-height:var(--lh-tight);color:var(--text-primary);}.card__desc {margin:0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.card__footer {padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-decor);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-tertiary);}.card--flat {border-color:transparent;background:var(--surface);}.card--elevated {border-color:transparent;box-shadow:var(--shadow-1);}.card--interactive {cursor:pointer;}@media (hover:hover) and (pointer:fine) {.card--interactive:hover {transform:translateY(calc(-1 * var(--lift-md)));box-shadow:var(--shadow-2);}}.card--interactive:active {transform:translateY(0);box-shadow:var(--shadow-1);}.card--linked {position:relative;}.card__link {color:inherit;text-decoration:none;}.card__link::after {content:"";position:absolute;inset:0;border-radius:var(--r-md);z-index:var(--z-base);}.card__body :is(button, a, input, select, textarea, [role="button"], [role="checkbox"], [role="switch"], [tabindex]):not(.card__link) {position:relative;z-index:var(--z-raised);}.card--linked:focus-within {outline:2px solid var(--accent);outline-offset:2px;}.card__link:focus-visible {outline:none;}.card--selected {box-shadow:inset 0 0 0 2px var(--accent);}.card--compact .card__body {padding:var(--sp-4);gap:var(--sp-1);}.card--compact .card__title {font-size:var(--fs-base);}.card--row {flex-direction:row;align-items:stretch;}.card--row .card__media {flex:none;width:160px;aspect-ratio:auto;border-radius:calc(var(--r-md) - 1px) 0 0 calc(var(--r-md) - 1px);}@media (max-width:560px) {.card--row {flex-direction:column;}.card--row .card__media {width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;}}@media (prefers-reduced-motion:reduce) {@media (hover:hover) and (pointer:fine) {.card--interactive:hover, .card--interactive:active {transform:none;}}}

package/dist/02-primitives/choice/choice.css

@@ -0,0 +1 @@
+.choice {position:relative;display:flex;align-items:center;min-height:44px;cursor:pointer;user-select:none;}.choice__label {display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;min-height:44px;flex:1;min-width:0;}.choice--radio .choice__label {border-radius:var(--r-sm);}.choice__input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1;}.choice__mark {position:relative;flex:none;display:grid;place-items:center;width:20px;height:20px;background:var(--surface);border:1px solid var(--border-control);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);}@media (hover:hover) and (pointer:fine) {.choice:hover .choice__mark {border-color:var(--text-tertiary);}}.choice__input:focus-visible ~ .choice__label .choice__mark {outline:2px solid var(--accent);outline-offset:2px;}.choice__mark::after {content:"";position:absolute;width:5px;height:9px;border:solid var(--text-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform var(--dur-fast) var(--ease-out);}.choice__input:checked ~ .choice__label .choice__mark {background:var(--accent);border-color:var(--accent);}.choice__input:checked ~ .choice__label .choice__mark::after {transform:rotate(45deg) scale(1);}.choice__input:disabled {cursor:not-allowed;}.choice__input:disabled ~ .choice__label .choice__mark, .choice__input:disabled ~ .choice__label {background:var(--surface-sunken);border-color:var(--border-decor);}.choice__input:disabled ~ .choice__label {color:var(--text-tertiary);cursor:not-allowed;}.choice__label {font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--text-primary);}.choice__hint {font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.5;}.choice--checkbox .choice__mark {border-radius:5px;}.choice--checkbox .choice__input:indeterminate ~ .choice__label .choice__mark {background:var(--surface);border-color:var(--accent);}.choice--checkbox .choice__input:indeterminate ~ .choice__label .choice__mark::after {width:10px;height:2px;border:none;background:var(--accent);border-radius:1px;transform:none;}.choice--radio .choice__mark {border-radius:var(--r-pill);}.choice--radio .choice__mark::after {width:8px;height:8px;border:none;background:var(--text-on-accent);border-radius:var(--r-pill);transform:scale(0);}.choice--radio .choice__input:checked ~ .choice__label .choice__mark {background:var(--accent);border-color:var(--accent);}.choice--radio .choice__input:checked ~ .choice__label .choice__mark::after {transform:scale(1);}.choice__group {border:none;margin:0;padding:0;min-width:0;}.choice__legend {padding:0;margin-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);}.choice__options {display:flex;flex-direction:column;gap:var(--sp-1);}.select {position:relative;display:inline-flex;align-items:center;width:100%;}.select__control {width:100%;height:44px;padding:0 40px 0 var(--sp-3);font-family:inherit;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--r-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);}.select__control::-ms-expand {display:none;}.select__control::-webkit-calendar-picker-indicator {opacity:0;}@media (hover:hover) and (pointer:fine) {.select__control:hover:not(:disabled) {border-color:var(--text-tertiary);}}.select__control:focus {outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}.select__control:disabled {background:var(--surface-sunken);color:var(--text-tertiary);border-color:var(--border-decor);cursor:not-allowed;}.select__arrow {position:absolute;inset-inline-end:var(--sp-3);pointer-events:none;color:var(--text-tertiary);display:grid;place-items:center;}.select__control--auto {height:auto;min-height:44px;padding-block:var(--sp-2);}@media (prefers-reduced-motion:reduce) {.choice__mark::after {transition:none;}}

package/dist/02-primitives/combobox/combobox.css

@@ -0,0 +1 @@
+.combo {position:relative;display:block;}.combo__field {display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);min-height:44px;padding:var(--sp-1) var(--sp-2);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--r-sm);cursor:text;}.combo__field:focus-within {border-color:var(--accent);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.combo__tags {display:contents;}.combo__input {flex:1 1 6rem;min-width:6rem;min-height:32px;padding:0 var(--sp-1);background:none;border:0;color:var(--text-primary);font:inherit;font-size:var(--fs-sm);}.combo__input:focus {outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--focus-ring-color);caret-color:var(--accent);}.combo__input::placeholder {color:var(--text-tertiary);}.combo__tag {display:inline-flex;align-items:center;gap:var(--sp-1);max-width:100%;padding:2px var(--sp-1) 2px var(--sp-2);background:var(--accent-soft);color:var(--text-primary);border-radius:var(--r-xs);font-size:var(--fs-xs);line-height:1.6;}.combo__tag-text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.combo__tag-del {flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:-8px -2px -8px 0;background:none;border:0;border-radius:var(--r-xs);color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer;}.combo__tag-del:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}@media (hover:hover) and (pointer:fine) {.combo__tag-del:hover {background:var(--surface-sunken);color:var(--danger);}}.combo__list {position:absolute;top:calc(100% + var(--sp-1));inset-inline-start:0;inset-inline-end:0;z-index:var(--z-raised);max-height:16rem;overflow-y:auto;margin:0;padding:var(--sp-1);list-style:none;background:var(--surface-raised);border:1px solid var(--border-decor);border-radius:var(--r-sm);box-shadow:var(--shadow-2);}.combo__list[hidden] {display:none;}.combo__opt {display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-xs);font-size:var(--fs-sm);cursor:pointer;}.combo__opt[data-state="active"] {background:var(--accent-soft);}.combo__opt[aria-disabled="true"] {color:var(--text-tertiary);background:var(--surface-sunken);cursor:not-allowed;}.combo__opt mark {background:transparent;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px;}.combo__opt[aria-selected="true"] {font-weight:600;}.combo__empty {padding:var(--sp-4) var(--sp-3);text-align:center;color:var(--text-tertiary);font-size:var(--fs-sm);}.combo__opt[aria-selected="true"]::after {content:"✓";margin-inline-start:auto;color:var(--accent);font-weight:700;}.combo__field[data-state="disabled"] {background:var(--surface-sunken);border-color:var(--border-decor);cursor:not-allowed;}.combo__field[data-state="disabled"] .combo__input {color:var(--text-tertiary);cursor:not-allowed;}.combo__field[data-state="disabled"] .combo__tag-del {color:var(--text-tertiary);cursor:not-allowed;}@media (hover:hover) and (pointer:fine) {.combo__field[data-state="disabled"] .combo__tag-del:hover {background:none;color:var(--text-tertiary);}}.combo__input:disabled {color:var(--text-tertiary);cursor:not-allowed;}

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

@@ -0,0 +1,439 @@
+(function (global) {
+'use strict';
+
+var flDismissable = function (opts) {
+var opt = opts || {};
+var escOn = opt.escOn || [];
+var inside = opt.inside || [];
+var when = opt.when || function () { return true; };
+var onDismiss = opt.onDismiss || function () {};
+
+var shared = window.__flDismiss || (window.__flDismiss = { stack: [], bound: false });
+
+function isInside(node) {
+if (!node) return false;
+for (var i = 0; i < inside.length; i++) {
+var el = inside[i];
+if (!el || !el.contains) continue;
+if (el === node || el.contains(node)) return true;
+}
+return false;
+}
+
+function onKey(e) {
+if (!when()) return;
+var k = e.key;
+if (k !== 'Escape' && k !== 'Esc' && e.keyCode !== 27) return;
+
+var closed = onDismiss(e, 'esc');
+if (closed === false) return;
+if (e.preventDefault) e.preventDefault();
+if (e.stopPropagation) e.stopPropagation();
+}
+
+function onDocClick(e) {
+var top = null;
+for (var i = shared.stack.length - 1; i >= 0; i--) {
+if (shared.stack[i].when()) { top = shared.stack[i]; break; }
+}
+if (!top || top.isInside(e.target)) return;
+top.onDismiss(e, 'outside');
+}
+
+var rec = { when: when, isInside: isInside, onDismiss: onDismiss };
+
+for (var j = 0; j < escOn.length; j++) {
+if (escOn[j]) escOn[j].addEventListener('keydown', onKey);
+}
+shared.stack.push(rec);
+if (!shared.bound) {
+shared.bound = true;
+document.addEventListener('click', onDocClick, true);
+}
+
+return {
+destroy: function () {
+for (var j = 0; j < escOn.length; j++) {
+if (escOn[j]) escOn[j].removeEventListener('keydown', onKey);
+}
+var k = shared.stack.indexOf(rec);
+if (k >= 0) shared.stack.splice(k, 1);
+},
+};
+};
+
+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;
+};
+
+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 || {};
+var input = root.querySelector('[data-combo-input]');
+var list = root.querySelector('[data-combo-list]');
+var tagBox = root.querySelector('[data-combo-tags]');
+if (!input || !list) throw new Error('Combobox: 缺少 [data-combo-input] 或 [data-combo-list]');
+
+var dismiss = flDismissable({
+escOn: [input],
+inside: [root],
+when: function () { return true; },
+onDismiss: function (ev, reason) {
+if (reason === 'outside') { close(); return true; }
+
+if (!list.hidden) { close(); return true; }
+if (input.value) { input.value = ''; paintList(); return true; }
+return false;
+}
+});
+if (!list.id) list.id = 'combo-list-' + (++uid);
+
+var seq = ++uid;
+
+var ALL = opt.options || [];
+var tags = [];
+var activeIdx = -1;
+var shown = [];
+
+list.setAttribute('role', 'listbox');
+list.setAttribute('aria-label', opt.label || '建议');
+input.setAttribute('role', 'combobox');
+input.setAttribute('aria-autocomplete', 'list');
+input.setAttribute('aria-expanded', 'false');
+input.setAttribute('aria-controls', list.id);
+if (!input.id) input.id = 'combo-input-' + seq;
+if (!input.getAttribute('aria-label') && !root.querySelector('label[for="' + input.id + '"]')) {
+input.setAttribute('aria-label', opt.label || '输入');
+}
+
+function esc(s) {
+return String(s).replace(/[&<>"]/g, function (c) {
+        return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
+      });
+    }
+    /**
+     * 候选项过滤。
+     *
+     * 若调用方提供了 `filter`，就用它（自定义匹配逻辑：拼音、模糊、分组…）。
+     * 否则退回默认的标签/值子串匹配。
+     *
+     * ⚠️ 自定义函数必须**同步返回布尔值**。它会被逐项调用，
+     *    所以不要在里面做异步过滤。
+     */
+    function filter(q) {
+      q = (q || '').trim().toLowerCase();
+      if (!q) return ALL.slice();
+      if (typeof opt.filter === 'function') {
+        return ALL.filter(function (o) {
+          return !!opt.filter(q, o);
+        });
+      }
+      return ALL.filter(function (o) {
+        return (o.label || '').toLowerCase().indexOf(q) >= 0 ||
+               (o.value || '').toLowerCase().indexOf(q) >= 0;
+      });
+    }
+    function paintList() {
+      var q = input.value.trim();
+      shown = filter(q).slice(0, 50);
+      if (!shown.length) {
+        list.innerHTML = '<li class="combo__empty" role="presentation">' +
+          (q ? '没有匹配「' + esc(q) + '」的选项' : '暂无可选') + '</li>';
+        return;
+      }
+      var ql = q.toLowerCase();
+      list.innerHTML = shown.map(function (o, i) {
+        var picked = tags.indexOf(o.value) >= 0;
+        var label = esc(o.label);
+        /* ⭐ 高亮命中片段：让用户知道**为什么**这条匹配 */
+        if (ql) {
+          var raw = o.label, k = raw.toLowerCase().indexOf(ql);
+          if (k >= 0) {
+            label = esc(raw.slice(0, k)) + '<mark>' + esc(raw.slice(k, k + q.length)) +
+                    '</mark>' + esc(raw.slice(k + q.length));
+          }
+        }
+        /* ⭐ 必须真写出来：`setActive()` 在读它，读屏也需要它*/
+        return '<li class="combo__opt" role="option" id="' + list.id + '-o' + i + '"' +
+               ' data-value="' + esc(o.value) + '"' +
+               ' aria-selected="' + (picked ? 'true' : 'false') + '"' +
+               (o.disabled ? ' aria-disabled="true"' : '') + '>' +
+               '<span class="combo__opt-text">' + label + '</span></li>';
+      }).join('');
+      activeIdx = -1;
+    }
+
+    /* ---------- 标签 ---------- */
+    function paintTags() {
+      if (!tagBox) return;
+      tagBox.innerHTML = tags.map(function (v) {
+        var o = ALL.filter(function (x) { return x.value === v; })[0] || { label: v };
+        /* ⭐ 删除按钮有 aria-label（否则读屏只念"×"）*/
+        return '<span class="combo__tag">' +
+               '<span class="combo__tag-text">' + esc(o.label) + '</span>' +
+               '<button class="combo__tag-del" type="button" data-del="' + esc(v) + '"' +
+               ' aria-label="移除 ' + esc(o.label) + '">×</button></span>';
+      }).join('');
+      var hidden = root.querySelector('input[type="hidden"]');
+      if (hidden) hidden.value = tags.join(',');
+      flEmit(root, 'fl-change', { value: tags.slice() });
+      if (opt.onChange) opt.onChange(tags.slice());
+    }
+    function isDisabled(v) {
+      for (var i = 0; i < ALL.length; i++) {
+        if (ALL[i].value === v) return !!ALL[i].disabled;
+      }
+      return false;
+    }
+
+    /* ⭐ max 的**唯一入口**：点击 / Enter / 公开 add 全走这里。
+       以前只在 commitActive 里"加完发现满了才关列表" ⇒ 另外两条路能绕过。 */
+    function addTag(v) {
+      if (v == null || v === '') return false;
+      if (isDisabled(v)) return false;                       /* 禁用项 */
+      if (tags.indexOf(v) >= 0) return false;                /* 不重复 */
+      if (opt.max && tags.length >= opt.max) return false;    /* 🔴 上限 */
+      tags.push(v);
+      paintTags();
+      return true;
+    }
+    function removeTag(v) {
+      var i = tags.indexOf(v);
+      if (i < 0) return false;
+      tags.splice(i, 1);
+      paintTags();
+      return true;
+    }
+
+    /* ---------- 游标 ---------- */
+    function opts() {
+      return [].slice.call(list.querySelectorAll('[role="option"]'));
+    }
+    function setActive(i, dir) {
+      var os = opts();
+      if (!os.length) { activeIdx = -1; input.removeAttribute('aria-activedescendant'); return; }
+      dir = dir || 1;
+      var n = os.length;
+      var idx = ((i % n) + n) % n;
+      /* 🔴 全禁用时不许落在禁用项上：
+         以前跑满 n 次无条件 break，停哪算哪。APG：没有可选项 ⇒ 没有"当前项"。 */
+      var found = false;
+      for (var k = 0; k < n; k++) {
+        if (os[idx].getAttribute('aria-disabled') !== 'true') { found = true; break; }
+        idx = ((idx + dir) % n + n) % n;
+      }
+      if (!found) {
+        activeIdx = -1;
+        os.forEach(function (o) { o.removeAttribute('data-state'); });
+        input.removeAttribute('aria-activedescendant');
+        return;
+      }
+      activeIdx = idx;
+      os.forEach(function (o) { o.removeAttribute('data-state'); });
+      os[idx].setAttribute('data-state', 'active');
+      /* ⭐ 焦点留在 input 上，靠 aria-activedescendant 告知读屏 */
+      input.setAttribute('aria-activedescendant', os[idx].id);
+      if (os[idx].scrollIntoView) os[idx].scrollIntoView({ block: 'nearest' });
+    }
+    function open() {
+      paintList();
+      list.hidden = false;
+      input.setAttribute('aria-expanded', 'true');
+    }
+    function close() {
+      list.hidden = true;
+      input.setAttribute('aria-expanded', 'false');
+      activeIdx = -1;
+      input.removeAttribute('aria-activedescendant');
+    }
+    function commitActive() {
+      if (activeIdx < 0) return false;
+      var o = opts()[activeIdx];
+      if (!o) return false;
+      var v = o.getAttribute('data-value');
+      var ok = addTag(v);
+      input.value = '';
+      paintList();
+      /* 标签满时保持列表开着（还能继续加），否则关掉 */
+      if (opt.max && tags.length >= opt.max) close();
+      return ok;
+    }
+
+    /* ---------- 键盘（焦点常驻 input）----------
+       ⭐ 具名函数：`destroy()` 要按同一个引用摘除，匿名的摘不掉。 */
+    function onKeydown(e) {
+      var k = e.key;
+
+      /* ↑↓ 在建议间移动 */
+      if (k === 'ArrowDown' || k === 'ArrowUp') {
+        e.preventDefault();
+        if (list.hidden) { open(); return; }
+        var dir = k === 'ArrowDown' ? 1 : -1;
+        var base = activeIdx >= 0 ? activeIdx : (dir > 0 ? -1 : opts().length);
+        setActive(base + dir, dir);
+        return;
+      }
+      /* Enter：加当前高亮项；没有高亮则加"输入的文字" */
+      if (k === 'Enter') {
+        if (list.hidden) return;
+        e.preventDefault();
+        if (activeIdx >= 0) { commitActive(); return; }
+        /* 没有高亮 ⇒ 精确匹配一个 */
+        var q = input.value.trim();
+        var hit = shown.filter(function (o) {
+          return (o.label || '').toLowerCase() === q.toLowerCase() ||
+                 (o.value || '').toLowerCase() === q.toLowerCase();
+        })[0];
+        if (hit) { addTag(hit.value); input.value = ''; paintList(); }
+        return;
+      }
+      /* Esc 已由 dismissable 核接管（见 create 里的 flDismissable）。
+         核按onDismiss 的返回值决定要不要 preventDefault/stopPropagation，
+         所以三级 Esc（关列表 / 清输入 / 放弃）能正确区分。 */
+      /* ② Backspace：空输入时删最后一个标签 */
+      if (k === 'Backspace' && !input.value && tags.length) {
+        e.preventDefault();
+        removeTag(tags[tags.length - 1]);
+        return;
+      }
+      /* 逗号/顿号也算"确认"（中文用户习惯）*/
+      if ((k === ',' || k === '，') && input.value.trim()) {
+        e.preventDefault();
+        var q2 = input.value.trim();
+        var h2 = shown.filter(function (o) {
+          return (o.label || '').indexOf(q2) >= 0 || (o.value || '').indexOf(q2) >= 0;
+        })[0];
+        if (h2) { addTag(h2.value); input.value = ''; paintList(); }
+        return;
+      }
+      if (k === 'Home' && !list.hidden) { e.preventDefault(); setActive(0, 1); return; }
+      if (k === 'End' && !list.hidden) { e.preventDefault(); setActive(opts().length - 1, -1); return; }
+    }
+
+    function onInput() { open(); }
+    function onFocus() { open(); }
+    function onClick() { open(); }
+
+    /* ---------- 标签删除 ---------- */
+    function onTagClick(e) {
+      /* 🔴 原来是 `e.target.closest ? closest(...) : null` ⇒ 没有原生 closest
+         时直接返回 null，兜底永远跑不到。直接调，它内部自己判。 */
+      var b = closest(e.target, '[data-del]');
+      if (!b) return;
+      removeTag(b.getAttribute('data-del'));
+      input.focus();                      /* 删除后焦点回输入框 */
+    }
+
+    /* ---------- 点选项 ---------- */
+    function onListClick(e) {
+      var o = closest(e.target, '[role="option"]');
+      if (!o) return;
+      addTag(o.getAttribute('data-value'));
+      input.value = '';
+      paintList();
+      input.focus();
+    }
+    input.addEventListener('keydown', onKeydown);
+    input.addEventListener('input', onInput);
+    input.addEventListener('focus', onFocus);
+    input.addEventListener('click', onClick);
+    if (tagBox) tagBox.addEventListener('click', onTagClick);
+    list.addEventListener('click', onListClick);
+    /* 点外部关闭已由 dismissable 核接管（document 捕获阶段判定 + 自动摘除）。 */
+
+    /* 🔴 禁用态同步：CSS 不用 :has()（ES6+ 兼容问题，见 combobox.css 注释）
+       ⇒ 由这里根据 input.disabled 给容器加 class。 */
+    function syncDisabled() {
+      var field = root.querySelector('.combo__field') ||
+                  input.parentElement;
+      if (!field) return;
+      if (input.disabled) field.setAttribute('data-state', 'disabled');
+      else field.removeAttribute('data-state');
+    }
+    input.addEventListener('change', syncDisabled);
+    syncDisabled();
+
+    /* ---------- 销毁----------
+       以前没有 destroy，而上面注册了 document 级监听 ⇒ 实例没了监听还在。
+       ⇒ 具名注册（见上）+ 这里逐个摘除；**幂等**（重复调用不抛）。 */
+    var destroyed = false;
+    function destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      input.removeEventListener('keydown', onKeydown);
+      input.removeEventListener('input', onInput);
+      input.removeEventListener('focus', onFocus);
+      input.removeEventListener('click', onClick);
+      input.removeEventListener('change', syncDisabled);
+      if (tagBox) tagBox.removeEventListener('click', onTagClick);
+   list.removeEventListener('click', onListClick);
+      /* 🔴 0.8.8 修一个真 bug（门禁 combobox-inst 当场抓到）：
+         收编 dismissable 核时我把 `onDocClick` 的**定义**删了，
+         却漏了这里的手动摘除 ⇒ `destroy()` 一调就抛
+         「onDocClick is not defined」⇒ 实例销毁路径直接崩。
+      ⇒ 正确做法是调**核的** destroy()，它自己会摘 document 监听
+         并且把自己从共享栈里移除。 */
+      dismiss.destroy();
+      close();
+    }
+
+    paintTags();
+    return {
+      get tags() { return tags.slice(); },
+      add: addTag, remove: removeTag,
+      setOptions: function (o) { ALL = o || []; paintList(); },
+      destroy: destroy,
+    };
+  }
+
+  global.Combobox = { create: create };
+})(window);