agentcss 0.0.0-stage → 0.11.2

package/dist/02-primitives/date-range/date-range.css

@@ -0,0 +1 @@
+.drange {display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);}.drange__field {flex:1 1 10rem;min-width:0;}.drange__label {display:block;margin-bottom:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary);}.drange__input {display:block;width:100%;box-sizing:border-box;min-height:44px;padding:0 var(--sp-3);background:var(--surface);color:var(--text-primary);border:1px solid var(--border-control);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-sm);font-family:var(--mono);font-variant-numeric:tabular-nums;color-scheme:light dark;}.drange__input:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.drange__input[aria-invalid="true"] {border-color:var(--danger);border-width:2px;background:var(--surface-sunken);}.drange__input[aria-invalid="true"]::after {content:" ⚠";}.drange__sep {flex:0 0 auto;padding-bottom:var(--sp-3);color:var(--text-tertiary);font-size:var(--fs-sm);}.drange__presets {display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3);}.drange__preset {min-height:32px;padding:0 var(--sp-3);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-control);border-radius:var(--r-pill);font:inherit;font-size:var(--fs-xs);cursor:pointer;}.drange__preset:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (hover:hover) and (pointer:fine) {.drange__preset:hover {background:var(--surface-sunken);}}.drange__preset[aria-pressed="true"] {background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary);font-weight:600;}.drange__error {flex:1 1 100%;display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-sunken);border-inline-start:3px solid var(--danger);border-radius:var(--r-sm);color:var(--danger);font-size:var(--fs-xs);line-height:1.5;}.drange__error[hidden] {display:none;}.drange__summary {flex:1 1 100%;margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-xs);}.drange__summary b {font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-primary);}.drange__clear {flex:0 0 auto;min-height:44px;padding:0 var(--sp-4);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-control);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-sm);cursor:pointer;}.drange__clear:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (hover:hover) and (pointer:fine) {.drange__clear:hover {background:var(--surface-sunken);color:var(--text-primary);}}.drange__clear[disabled] {background:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed;}@media (prefers-reduced-motion:reduce) {.drange * {transition:none;}}.drange__input:disabled {background:var(--surface-sunken);border-color:var(--border-decor);color:var(--text-tertiary);cursor:not-allowed;}.drange__input:disabled:focus-visible {outline:none;}.drange--disabled .drange__preset, .drange--disabled .drange__clear {background:var(--surface-sunken);color:var(--text-tertiary);border-color:var(--border-decor);cursor:not-allowed;}@media (hover:hover) and (pointer:fine) {.drange--disabled .drange__preset:hover, .drange--disabled .drange__clear:hover {background:var(--surface-sunken);color:var(--text-tertiary);}}

package/dist/02-primitives/date-range/date-range.js

@@ -0,0 +1,267 @@
+(function (global) {
+'use strict';
+
+var flEmit = function (el, name, detail) {
+if (!el || !el.dispatchEvent) return null;
+var type = name.indexOf('fl-') === 0 ? name : 'fl-' + name;
+var ev = null;
+
+if (typeof window.CustomEvent === 'function') {
+try {
+ev = new window.CustomEvent(type, {
+detail: detail || null, bubbles: true, cancelable: false
+});
+} catch (e) { ev = null; }
+}
+if (!ev) {
+try {
+ev = document.createEvent('CustomEvent');
+ev.initCustomEvent(type, true, false, detail || null);
+} catch (e2) { return null; }
+}
+el.dispatchEvent(ev);
+return ev;
+};
+
+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 iso(d) {
+if (!d) return '';
+var m = String(d).match(/^(\d{4})-(\d{2})-(\d{2})/);
+if (m) return m[1] + '-' + m[2] + '-' + m[3];
+var dt = new Date(d);
+if (isNaN(dt)) return '';
+function p(n) { return (n < 10 ? '0' : '') + n; }
+return dt.getFullYear() + '-' + p(dt.getMonth() + 1) + '-' + p(dt.getDate());
+}
+function addDays(isoStr, n) {
+var d = new Date(isoStr + 'T00:00:00');
+d.setDate(d.getDate() + n);
+return iso(d);
+}
+function addMonths(isoStr, n) {
+var d = new Date(isoStr + 'T00:00:00');
+var day = d.getDate();
+d.setDate(1);
+d.setMonth(d.getMonth() + n);
+
+var last = new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
+d.setDate(Math.min(day, last));
+return iso(d);
+}
+function quarterOf(date) {
+var q = Math.floor(date.getMonth() / 3);
+return { y: date.getFullYear(), q: q };
+}
+function quarterRange(y, q) {
+
+if (q !== 0 && q !== 1 && q !== 2 && q !== 3) {
+throw new Error('DateRange.quarterRange: 季度必须是 0-3（0=Q1），收到 ' + q);
+}
+var start = new Date(y, q * 3, 1);
+var end = new Date(y, q * 3 + 3, 0);
+return { from: iso(start), to: iso(end) };
+}
+
+function create(root, opt) {
+opt = opt || {};
+var from = root.querySelector('[data-dr-from]');
+var to = root.querySelector('[data-dr-to]');
+var errBox = root.querySelector('[data-dr-error]');
+var summary = root.querySelector('[data-dr-summary]');
+var clearBtn = root.querySelector('[data-dr-clear]');
+if (!from || !to) throw new Error('DateRange: 缺少 [data-dr-from] / [data-dr-to]');
+
+if (opt.min) { from.min = opt.min; to.min = opt.min; }
+if (opt.max) { from.max = opt.max; to.max = opt.max; }
+
+function setError(msg) {
+if (errBox) {
+errBox.textContent = msg || '';
+errBox.hidden = !msg;
+}
+
+from.setAttribute('aria-invalid', msg ? 'true' : 'false');
+to.setAttribute('aria-invalid', msg ? 'true' : 'false');
+if (msg) {
+var id = 'dr-err-' + (++uid);
+errBox.id = id;
+from.setAttribute('aria-describedby', id);
+to.setAttribute('aria-describedby', id);
+} else {
+from.removeAttribute('aria-describedby');
+to.removeAttribute('aria-describedby');
+}
+}
+
+function days(fromS, toS) {
+var a = new Date(fromS + 'T00:00:00'), b = new Date(toS + 'T00:00:00');
+return Math.round((b - a) / 86400000) + 1;
+}
+
+function validate() {
+var f = from.value, t = to.value;
+if (!f && !t) { setError(''); paintSummary(''); return true; }
+if (f && !t) { setError('请填写结束日期。'); return false; }
+if (!f && t) { setError('请填写开始日期。'); return false; }
+if (f > t) {
+setError('开始日期不能晚于结束日期（当前：' + f + ' → ' + t + '）。');
+return false;
+}
+if (opt.min && f < opt.min) { setError('开始日期不能早于 ' + opt.min + '。'); return false; }
+if (opt.max && t > opt.max) { setError('结束日期不能晚于 ' + opt.max + '。'); return false; }
+setError('');
+paintSummary(f + ' → ' + t + '（' + days(f, t) + ' 天）');
+return true;
+}
+
+function paintSummary(s) {
+if (summary) summary.innerHTML = s ? ('区间 <b>' + s + '</b>') : '';
+}
+
+function emit() {
+var ok = validate();
+flEmit(root, 'fl-change',
+{ value: { from: from.value, to: to.value }, valid: ok });
+if (opt.onChange) {
+opt.onChange({ from: from.value, to: to.value, valid: ok }, ok);
+}
+}
+
+function bindPresets() {
+var now = new Date();
+var q = quarterOf(now);
+var presets = [
+{ key: 'thisQ',  label: '本季度', range: function () { return quarterRange(q.y, q.q); } },
+{ key: 'lastQ',  label: '上季度',
+range: function () { return q.q === 0 ? quarterRange(q.y - 1, 3) : quarterRange(q.y, q.q - 1); } },
+{ key: 'lastM',  label: '上月',
+range: function () {
+var m = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+return { from: iso(m), to: iso(new Date(m.getFullYear(), m.getMonth() + 1, 0)) };
+} },
+{ key: 'thisY',  label: '今年',
+range: function () {
+return { from: iso(new Date(now.getFullYear(), 0, 1)),
+to: iso(new Date(now.getFullYear(), 11, 31)) };
+} },
+{ key: 'yoy',    label: '去年同期',
+range: function () {
+var y = now.getFullYear() - 1;
+return { from: iso(new Date(y, 0, 1)), to: iso(new Date(y, 11, 31)) };
+} },
+];
+if (opt.presets) {
+presets = presets.filter(function (x) { return opt.presets.indexOf(x.key) >= 0; });
+}
+var box = root.querySelector('[data-dr-presets]');
+if (!box) return;
+box.innerHTML = presets.map(function (p) {
+return '<button class="drange__preset" type="button" aria-pressed="false" ' +
+'data-dr-preset="'+ p.key + '">' + p.label + '</button>';
+}).join('');
+box.addEventListener('click', function (e) {
+
+var b = closest(e.target, '[data-dr-preset]');
+if (!b) return;
+var p = presets.filter(function (x) { return x.key === b.getAttribute('data-dr-preset'); })[0];
+if (!p) return;
+var r = p.range();
+from.value = r.from;
+to.value = r.to;
+
+box.querySelectorAll('[data-dr-preset]').forEach(function (x) {
+x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
+});
+emit();
+});
+}
+bindPresets();
+
+if (clearBtn) {
+clearBtn.addEventListener('click', function () {
+from.value = '';
+to.value = '';
+var box = root.querySelector('[data-dr-presets]');
+if (box) {
+box.querySelectorAll('[data-dr-preset]').forEach(function (x) {
+x.setAttribute('aria-pressed', 'false');
+});
+}
+setError('');
+paintSummary('');
+emit();
+from.focus();
+});
+}
+
+[from, to].forEach(function (el) {
+el.addEventListener('change', function () {
+var box = root.querySelector('[data-dr-presets]');
+if (box) {
+box.querySelectorAll('[data-dr-preset]').forEach(function (x) {
+x.setAttribute('aria-pressed', 'false');
+});
+}
+emit();
+});
+el.addEventListener('input', emit);
+});
+
+function setRange(a, b2) {
+from.value = iso(a);
+to.value = iso(b2);
+emit();
+}
+
+validate();
+return {
+get from() { return from.value; },
+get to() { return to.value; },
+get valid() { return !errBox || errBox.hidden; },
+set: setRange,
+setPreset: function (key) {
+var b = root.querySelector('[data-dr-preset="' + key + '"]');
+if (b) b.click();
+},
+clear: function () { if (clearBtn) clearBtn.click(); },
+};
+}
+
+global.DateRange = {
+create: create,
+
+iso: iso, addDays: addDays, addMonths: addMonths,
+quarterOf: quarterOf, quarterRange: quarterRange,
+};
+})(window);

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

@@ -0,0 +1 @@
+.field {display:flex;flex-direction:column;gap:var(--sp-1);}.field__label {font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);line-height:var(--lh-tight);}.field__req {color:var(--danger);margin-inline-start:2px;}.field__input {width:100%;box-sizing:border-box;height:44px;padding: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);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);}.field__input::placeholder {color:var(--text-tertiary);opacity:1;}.field__input--textarea {height:auto;min-height:88px;padding:var(--sp-3);resize:vertical;line-height:var(--lh-base);}.field__input--sm {height:36px;font-size:16px;min-height:44px;}@media (hover:hover) and (pointer:fine) {.field__input:hover:not(:disabled):not([readonly]) {border-color:var(--text-tertiary);}}.field__input:focus {outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}.field__input:disabled {background:var(--surface-sunken);color:var(--text-tertiary);border-color:var(--border-decor);cursor:not-allowed;}.field__input[readonly] {background:var(--surface-sunken);color:var(--text-primary);border-color:var(--border-decor);cursor:default;}.field__input[readonly]:focus {border-color:var(--text-tertiary);box-shadow:0 0 0 3px var(--surface-sunken);}.field__input[aria-invalid="true"] {border-color:var(--danger);}.field__input[aria-invalid="true"]:focus {border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg);}.field__input[aria-invalid="true"] {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b3261e' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v5M12 16.5v.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-inline-end:40px;}.field__hint {font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.5;}.field__error {display:flex;align-items:flex-start;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--danger);line-height:1.5;}.field__error::before {content:"";flex:none;width:14px;height:14px;margin-top:3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v5M12 16.5v.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v5M12 16.5v.5'/%3E%3C/svg%3E") center/contain no-repeat;}.field__input[aria-invalid="false"][data-state="valid"] {border-color:var(--success);}.field--row {flex-direction:row;align-items:center;gap:var(--sp-3);}.field--row .field__label {flex:none;min-width:88px;}@media (max-width:480px) {.field--row {flex-direction:column;align-items:stretch;}.field--row .field__label {min-width:0;}}

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

@@ -0,0 +1 @@
+.popover-anchor {position:relative;display:inline-block;}.popover {position:absolute;z-index:var(--z-popover, 60);min-width:var(--popover-min-w, 200px);max-width:var(--popover-max-w, 320px);padding:var(--popover-p, var(--sp-3));background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-decor);border-radius:var(--r-md);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transition:opacity var(--popover-dur, 140ms) var(--ease-out), transform var(--popover-dur, 140ms) var(--ease-out);}.popover[data-open='true'] {opacity:1;visibility:visible;}.popover--bottom {top:calc(100% + var(--popover-gap, 8px));inset-inline-start:50%;transform:translateX(-50%);}.popover--top {bottom:calc(100% + var(--popover-gap, 8px));inset-inline-start:50%;transform:translateX(-50%);}.popover--end {inset-inline-start:100%;margin-inline-start:var(--popover-gap, 8px);top:50%;transform:translateY(-50%);}.popover--start {inset-inline-end:100%;margin-inline-end:var(--popover-gap, 8px);top:50%;transform:translateY(-50%);}.popover--bottom[data-open='true'] {transform:translateX(-50%) translateY(0);}.popover--top[data-open='true'] {transform:translateX(-50%) translateY(0);}.popover--end[data-open='true'] {transform:translateY(-50%) translateX(0);}.popover--start[data-open='true'] {transform:translateY(-50%) translateX(0);}.popover__arrow {position:absolute;width:10px;height:10px;background:var(--surface-raised);border:1px solid var(--border-decor);transform:rotate(45deg);}.popover--bottom .popover__arrow {top:-6px;inset-inline-start:50%;margin-inline-start:-5px;border-inline-end:none;border-bottom:none;}.popover--top .popover__arrow {bottom:-6px;inset-inline-start:50%;margin-inline-start:-5px;border-inline-start:none;border-top:none;}.popover--end .popover__arrow {inset-inline-start:-6px;top:50%;margin-top:-5px;border-inline-end:none;border-top:none;}.popover--start .popover__arrow {inset-inline-end:-6px;top:50%;margin-top:-5px;border-inline-start:none;border-bottom:none;}.popover__title {font-size:var(--fs-md);font-weight:600;margin:0 0 var(--sp-1);}.popover__desc {font-size:var(--fs-sm);color:var(--text-secondary);margin:0 0 var(--sp-3);}.popover__desc:last-child {margin-bottom:0;}.popover__footer {display:flex;gap:var(--sp-2);justify-content:flex-end;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-decor);}.popover:not([data-open='true']) * {pointer-events:none;}@media (prefers-reduced-motion:reduce) {.popover {transition:opacity var(--popover-dur, 100ms) linear;transform:none !important;}.popover[data-open='true'] {transform:none !important;}}.popover :focus-visible, .popover-anchor :focus-visible {outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs);}.popover[tabindex='-1']:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}

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

@@ -0,0 +1,257 @@
+(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 flFocusReturn = function (opts) {
+var opt = opts || {};
+var saved = null;
+
+return {
+save: function () {
+var a = document.activeElement;
+saved = (a && a !== document.body && a.focus) ? a : null;
+return saved;
+},
+
+restore: function () {
+var target = saved;
+
+if (!target || !document.contains(target)) target = opt.fallback || null;
+if (!target) { saved = null; return false; }
+try {
+target.focus();
+} catch (e) {
+saved = null;
+return false;
+}
+var ok = document.activeElement === target;
+saved = null;
+return ok;
+},
+
+target: function () { return saved; },
+clear: function () { saved = null; },
+};
+};
+
+var flEmit = function (el, name, detail) {
+if (!el || !el.dispatchEvent) return null;
+var type = name.indexOf('fl-') === 0 ? name : 'fl-' + name;
+var ev = null;
+
+if (typeof window.CustomEvent === 'function') {
+try {
+ev = new window.CustomEvent(type, {
+detail: detail || null, bubbles: true, cancelable: false
+});
+} catch (e) { ev = null; }
+}
+if (!ev) {
+try {
+ev = document.createEvent('CustomEvent');
+ev.initCustomEvent(type, true, false, detail || null);
+} catch (e2) { return null; }
+}
+el.dispatchEvent(ev);
+return ev;
+};
+
+var current = null;
+
+function focusableIn(root) {
+var all = root.querySelectorAll(
+'a[href], button:not([disabled]), input:not([disabled]), '+
+'select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+);
+return Array.prototype.filter.call(all, function (el) {
+var cs = global.getComputedStyle(el);
+if (cs.display === 'none' || cs.visibility === 'hidden') return false;
+var r = el.getBoundingClientRect();
+return r.width >= 1 && r.height >= 1;
+});
+}
+
+function attach(trigger, opts) {
+opts = opts || {};
+
+var anchor = document.createElement('span');
+anchor.className = 'popover-anchor';
+trigger.parentNode.insertBefore(anchor, trigger);
+anchor.appendChild(trigger);
+
+var box = document.createElement('div');
+box.className = 'popover popover--' + (opts.place || 'bottom');
+box.setAttribute('data-open', 'false');
+box.setAttribute('inert', '');
+
+box.setAttribute('role', 'dialog');
+box.setAttribute('aria-label', opts.label || '');
+box.innerHTML =
+'<span class="popover__arrow" aria-hidden="true"></span>'+
+'<div class="popover__body">'+ (opts.html || '') + '</div>';
+
+positionArrow(box, trigger);
+anchor.appendChild(box);
+
+var fr = flFocusReturn({ fallback: trigger });
+
+function open() {
+if (current && current !== api) current.close();
+fr.save();
+box.setAttribute('data-open', 'true');
+
+box.removeAttribute('inert');
+
+var f = focusableIn(box);
+if (f.length) f[0].focus();
+else box.setAttribute('tabindex', '-1'), box.focus();
+
+current = api;
+
+flEmit(anchor, 'fl-open', null);
+if (opts.onOpen) opts.onOpen();
+}
+
+function close() {
+if (box.getAttribute('data-open') !== 'true') return;
+box.setAttribute('data-open', 'false');
+
+box.setAttribute('inert', '');
+
+fr.restore();
+if (current === api) current = null;
+flEmit(anchor, 'fl-close', null);
+if (opts.onClose) opts.onClose();
+}
+
+function toggle() {
+if (box.getAttribute('data-open') === 'true') close();
+else open();
+}
+
+trigger.setAttribute('aria-haspopup', 'dialog');
+trigger.setAttribute('aria-expanded', 'false');
+trigger.addEventListener('click', function (e) {
+
+e.stopPropagation();
+toggle();
+});
+
+var dismiss = flDismissable({
+escOn: [trigger, box],
+inside: [box, anchor],
+when: function () { return box.getAttribute('data-open') === 'true'; },
+onDismiss: function (e, reason) { close(); },
+});
+
+box.addEventListener('transitionend', function () {
+if (box.getAttribute('data-open') === 'false') {
+box.setAttribute('aria-hidden', 'true');
+} else {
+box.removeAttribute('aria-hidden');
+}
+});
+
+var api = {
+open: open,
+close: close,
+toggle: toggle,
+destroy: function () {
+dismiss.destroy();
+close();
+box.remove();
+anchor.remove();
+},
+el: box,
+};
+return api;
+}
+
+function positionArrow(box, trigger) {
+var arrow = box.querySelector('.popover__arrow');
+if (!arrow) return;
+var place = (box.className.match(/popover--(\w+)/) || [])[1];
+if (place === 'start' || place === 'end') {
+
+arrow.style.top = '50%';
+arrow.style.marginTop = '';
+return;
+}
+var br = trigger.getBoundingClientRect();
+var ar = box.getBoundingClientRect();
+var offset = br.left + br.width / 2 - (ar.left + parseFloat(getComputedStyle(box).paddingLeft || 0));
+
+var max = ar.width - 24;
+arrow.style.marginLeft = Math.max(12, Math.min(offset, max)) + 'px';
+}
+
+var Popover = {
+attach: function (trigger, opts) {
+return attach(trigger, opts);
+},
+closeAll: function () { if (current) current.close(); },
+get current() { return current; },
+};
+
+global.Popover = Popover;
+})(window);

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

@@ -0,0 +1 @@
+.progress {display:block;width:100%;height:var(--progress-h);background:var(--surface-sunken);border-radius:var(--r-full);overflow:hidden;}.progress__bar {display:block;height:100%;width:var(--progress, 0%);background:var(--accent);border-radius:inherit;transition:width var(--progress-dur) var(--ease-out);}.progress--success .progress__bar {background:var(--success);}.progress--warning .progress__bar {background:var(--warning);}.progress--danger .progress__bar {background:var(--danger);}.progress--lg {--progress-h:10px;}.progress--sm {--progress-h:4px;}.progress-ring {display:inline-grid;place-items:center;position:relative;width:var(--ring-size);height:var(--ring-size);border-radius:50%;background:conic-gradient( var(--accent) calc(var(--progress-num, 0) * 1%), var(--surface-sunken) 0 );}.progress-ring__label {display:grid;place-items:center;width:calc(100% - var(--ring-thickness) * 2);height:calc(100% - var(--ring-thickness) * 2);border-radius:50%;background:var(--surface);font-size:var(--fs-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;}.progress-ring--success {background:conic-gradient(var(--success) calc(var(--progress-num, 0) * 1%), var(--surface-sunken) 0);}.progress-ring--danger {background:conic-gradient(var(--danger) calc(var(--progress-num, 0) * 1%), var(--surface-sunken) 0);}.progress--indeterminate .progress__bar {width:35%;animation:progress-slide 1.1s var(--ease-out) infinite;}@keyframes progress-slide {0% {transform:translateX(-100%);}100% {transform:translateX(340%);}}.progress-steps {display:flex;gap:var(--sp-1);}.progress-steps__seg {flex:1;height:var(--progress-h, 4px);background:var(--surface-sunken);border-radius:var(--r-full);}.progress-steps__seg--done {background:var(--accent);}.progress-steps__seg--current {background:var(--accent);opacity:0.55;}.progress[aria-busy='true'] {cursor:progress;}@media (prefers-reduced-motion:reduce) {.progress__bar {transition:none;}.progress--indeterminate .progress__bar {animation:none;transform:none;width:25%;background:var(--accent);}.progress--indeterminate .progress__bar::after {content:none;}.progress--indeterminate.progress--success .progress__bar {background:var(--success);}.progress--indeterminate.progress--warning .progress__bar {background:var(--warning);}.progress--indeterminate.progress--danger .progress__bar {background:var(--danger);}}

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

@@ -0,0 +1 @@
+.select {position:relative;display:inline-block;min-width:12rem;}.select--block {display:block;min-width:0;}.select--block .select__btn {width:100%;}.select__btn {display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:44px;padding:0 var(--sp-3);background:var(--surface);color:var(--text-primary);border:1px solid var(--border-control);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-sm);text-align:start;cursor:pointer;}.select__btn:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.select__btn[aria-expanded="true"] {border-color:var(--accent);}.select__btn[disabled] {background:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed;}.select__value {flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select__value--placeholder {color:var(--text-tertiary);}.select__caret {flex:0 0 auto;width:0;height:0;border:4px solid transparent;border-top-color:currentColor;margin-top:3px;transition:transform 140ms var(--ease-out, ease);}.select__btn[aria-expanded="true"] .select__caret {transform:rotate(180deg);margin-top:-3px;}.select__list {position:absolute;top:calc(100% + var(--sp-1));inset-inline-start:0;inset-inline-end:0;z-index:var(--z-raised);max-height:15rem;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);}.select__list[hidden] {display:none;}.select__opt {display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-xs);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;}.select__opt[data-state="active"] {background:var(--accent-soft);}.select__opt[aria-selected="true"] {font-weight:600;}@media (hover:hover) and (pointer:fine) {.select__opt:hover {background:var(--surface-sunken);}}.select__opt[aria-disabled="true"] {color:var(--text-tertiary);background:var(--surface-sunken);cursor:not-allowed;}.select__check {flex:0 0 auto;width:1em;font-weight:700;color:var(--accent);}.select__opt-text {flex:1 1 auto;}@media (max-width:30rem) {.select--end .select__list {inset-inline-start:auto;inset-inline-end:0;min-width:12rem;}}@media (prefers-reduced-motion:reduce) {.select__caret {transition:none;}}