@bestagentkits/render 0.1.0

package/dist/render/runtime.js

@@ -0,0 +1,451 @@
+/**
+ * The trusted interaction runtime.
+ *
+ * This is the only JavaScript the compiler emits, and it is a fixed program: a
+ * spec can bind actions, but it cannot author a handler, an expression, or a
+ * selector. Feature blocks are concatenated in a fixed order and only the
+ * features a page uses are included, so a page without a carousel ships no
+ * carousel code.
+ *
+ * Written in a conservative, dependency-free style (no arrow functions, no
+ * template literals) so the emitted artifact does not depend on a build step or
+ * a modern-browser-only syntax tier.
+ */
+/** Features that produce user-facing feedback and therefore need a live region. */
+const ANNOUNCING_FEATURES = ['copy', 'filter', 'theme'];
+const HELPERS = `
+function q(sel, ctx) { return (ctx || doc).querySelector(sel); }
+function qa(sel, ctx) { return Array.prototype.slice.call((ctx || doc).querySelectorAll(sel)); }
+function byId(id) { return qa('[data-ak-id="' + id + '"]'); }
+function announce(message) {
+  var region = q('[data-ak-live]');
+  if (region) region.textContent = message;
+}
+function readJson(el, attribute) {
+  var raw = el.getAttribute(attribute);
+  if (!raw) return [];
+  try { return JSON.parse(raw); } catch (error) { return []; }
+}
+function setPath(path, value) {
+  var parts = String(path).split('.');
+  if (parts[0] !== 'state' || parts.length < 2) return;
+  var cursor = state;
+  for (var i = 1; i < parts.length - 1; i += 1) {
+    if (typeof cursor[parts[i]] !== 'object' || cursor[parts[i]] === null) cursor[parts[i]] = {};
+    cursor = cursor[parts[i]];
+  }
+  cursor[parts[parts.length - 1]] = value;
+  syncBindings();
+}
+function readPath(path) {
+  var parts = String(path).split('.');
+  var cursor = state;
+  for (var i = 1; i < parts.length; i += 1) {
+    if (cursor === null || typeof cursor !== 'object') return undefined;
+    cursor = cursor[parts[i]];
+  }
+  return cursor;
+}
+function syncBindings() {
+  qa('[data-ak-bind]').forEach(function (el) {
+    var value = readPath(el.getAttribute('data-ak-bind'));
+    if (value === undefined || value === null) return;
+    var target = el.getAttribute('data-ak-bind-target');
+    if (target === 'value') { el.value = String(value); return; }
+    if (target === 'state') { el.setAttribute('data-ak-state', String(value)); return; }
+    if (el.tagName === 'INPUT' || el.tagName === 'OUTPUT' || el.tagName === 'SELECT') {
+      el.value = String(value);
+    } else {
+      el.textContent = String(value);
+    }
+  });
+}`;
+const FIRE = `
+function fire(source, eventName, detail) {
+  var target = source;
+  while (target && target !== doc.documentElement) {
+    var bindings = readJson(target, 'data-ak-on-' + eventName);
+    if (bindings.length) {
+      for (var i = 0; i < bindings.length; i += 1) run(bindings[i], source, detail);
+      return;
+    }
+    target = target.parentElement;
+  }
+}`;
+const RUN = `
+function run(action, source, detail) {
+  var type = action.action;
+  var targetId = action.target;
+  if (type === 'toggle') {
+    var nodes = byId(targetId);
+    nodes.forEach(function (node) {
+      if (node.tagName === 'DIALOG') openDialog(node);
+      else if (node.tagName === 'DETAILS') node.open = !node.open;
+      else if (node.hasAttribute('data-ak-theme-toggle')) toggleTheme();
+      else {
+        var collapsed = node.getAttribute('aria-expanded') === 'false' || node.hasAttribute('hidden');
+        if (collapsed) { node.removeAttribute('hidden'); node.setAttribute('aria-expanded', 'true'); }
+        else { node.setAttribute('hidden', ''); node.setAttribute('aria-expanded', 'false'); }
+      }
+    });
+    return;
+  }
+  if (type === 'expand' || type === 'collapse') {
+    byId(targetId).forEach(function (node) {
+      var open = type === 'expand';
+      if (node.tagName === 'DETAILS') node.open = open;
+      else node.setAttribute('aria-expanded', String(open));
+    });
+    return;
+  }
+  if (type === 'copy') {
+    var text = '';
+    byId(targetId).forEach(function (node) { text += node.textContent || ''; });
+    copyText(text, action);
+    return;
+  }
+  if (type === 'download') {
+    var payload = '';
+    byId(targetId).forEach(function (node) { payload += node.textContent || ''; });
+    downloadText(payload, action.filename, source);
+    return;
+  }
+  if (type === 'open-url') {
+    var opened = window.open(action.url, '_blank', 'noopener,noreferrer');
+    if (opened) opened.opener = null;
+    return;
+  }
+  if (type === 'set-value') {
+    setPath(action.path, action.value);
+    return;
+  }
+  if (type === 'next' || type === 'previous') {
+    byId(targetId).forEach(function (node) { shiftSlide(node, type === 'next' ? 1 : -1, fire); });
+    return;
+  }
+  if (type === 'filter') {
+    var query = detail && typeof detail.query === 'string' ? detail.query : String(action.query || '');
+    applyFilter(byId(targetId), query, action.match || 'text');
+    return;
+  }
+  if (type === 'select-tab') {
+    byId(targetId).forEach(function (node) { selectTab(node, action, fire); });
+    return;
+  }
+  if (type === 'theme') {
+    applyTheme(action.value || 'toggle');
+  }
+}`;
+const THEME = `
+function applyTheme(mode) {
+  var next = mode;
+  if (mode === 'toggle') {
+    var current = root.getAttribute('data-theme');
+    if (!current) current = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    next = current === 'dark' ? 'light' : 'dark';
+  }
+  if (mode === 'system') {
+    root.removeAttribute('data-theme');
+    next = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  } else {
+    root.setAttribute('data-theme', next);
+  }
+  try { window.localStorage.setItem('ak-render-theme', mode === 'system' ? 'system' : next); } catch (error) {}
+  qa('[data-ak-theme-toggle]').forEach(function (button) {
+    button.setAttribute('aria-pressed', String(next === 'dark'));
+    button.textContent = next === 'dark' ? 'Light' : 'Dark';
+  });
+  announce('Theme set to ' + next);
+}
+function toggleTheme() { applyTheme('toggle'); }
+function restoreTheme() {
+  var stored = null;
+  try { stored = window.localStorage.getItem('ak-render-theme'); } catch (error) {}
+  if (!stored) return;
+  if (stored === 'system') applyTheme('system');
+  else applyTheme(stored);
+}`;
+const COPY = `
+function copyText(text, action) {
+  var done = function () { announce('Copied to clipboard'); };
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    navigator.clipboard.writeText(text).then(done, function () { fallbackCopy(text, done); });
+  } else {
+    fallbackCopy(text, done);
+  }
+}
+function fallbackCopy(text, done) {
+  var area = doc.createElement('textarea');
+  area.value = text;
+  area.setAttribute('readonly', '');
+  area.style.position = 'fixed';
+  area.style.top = '-1000px';
+  doc.body.appendChild(area);
+  area.select();
+  try { doc.execCommand('copy'); done(); } catch (error) { announce('Copy failed'); }
+  doc.body.removeChild(area);
+}
+function downloadText(text, filename, source) {
+  var safeName = String(filename || 'artifact.txt').replace(/[^A-Za-z0-9._-]/g, '-').slice(0, 96);
+  var blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
+  var url = URL.createObjectURL(blob);
+  var link = doc.createElement('a');
+  link.href = url;
+  link.download = safeName;
+  doc.body.appendChild(link);
+  link.click();
+  doc.body.removeChild(link);
+  window.setTimeout(function () { URL.revokeObjectURL(url); }, 0);
+  announce('Downloaded ' + safeName);
+}`;
+const DIALOG = `
+var lastFocus = null;
+function openDialog(dialog) {
+  lastFocus = doc.activeElement;
+  if (typeof dialog.showModal === 'function') dialog.showModal();
+  else dialog.setAttribute('open', '');
+  var focusable = q('button, [href], input', dialog);
+  if (focusable) focusable.focus();
+  fire(dialog, 'open');
+}
+function closeDialog(dialog) {
+  if (typeof dialog.close === 'function') dialog.close();
+  else dialog.removeAttribute('open');
+  if (lastFocus && typeof lastFocus.focus === 'function') lastFocus.focus();
+  fire(dialog, 'close');
+}`;
+const TABS = `
+function selectTab(container, action, fireFn) {
+  var tabs = qa('[role="tab"]', container);
+  if (!tabs.length) return;
+  var index = tabs.length - 1;
+  if (typeof action.index === 'number') index = Math.min(Math.max(action.index, 0), tabs.length - 1);
+  else if (action.tabId) {
+    for (var i = 0; i < tabs.length; i += 1) if (tabs[i].getAttribute('data-ak-tab-id') === action.tabId) index = i;
+  } else {
+    var active = tabs.findIndex(function (tab) { return tab.getAttribute('aria-selected') === 'true'; });
+    if (active >= 0 && typeof action.index !== 'number' && !action.tabId) index = active;
+  }
+  activateTab(container, index, true, fireFn, true);
+}
+function activateTab(container, index, moveFocus, fireFn, announceChange) {
+  var tabs = qa('[role="tab"]', container);
+  qa('[role="tabpanel"]', container).forEach(function (panel, panelIndex) {
+    var selected = panelIndex === index;
+    panel.hidden = !selected;
+    panel.setAttribute('tabindex', selected ? '0' : '-1');
+  });
+  tabs.forEach(function (tab, tabIndex) {
+    var selected = tabIndex === index;
+    tab.setAttribute('aria-selected', String(selected));
+    tab.tabIndex = selected ? 0 : -1;
+  });
+  if (moveFocus && tabs[index]) tabs[index].focus();
+  // Only a user-driven change is worth announcing. Announcing the initial
+  // selection would make every page with tabs talk on load.
+  if (announceChange) announce('Tab ' + (index + 1) + ' of ' + tabs.length);
+  if (fireFn) fireFn(container, 'select', { index: index });
+}
+function wireTabs() {
+  qa('[data-ak-tabs]').forEach(function (container) {
+    activateTab(container, 0, false, fire, false);
+    qa('[role="tab"]', container).forEach(function (tab, index) {
+      tab.addEventListener('click', function () { selectTab(container, { index: index }, fire); }, false);
+      tab.addEventListener('keydown', function (event) {
+        var keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];
+        if (keys.indexOf(event.key) === -1) return;
+        event.preventDefault();
+        var total = qa('[role="tab"]', container).length;
+        var current = index;
+        if (event.key === 'ArrowRight') current = (index + 1) % total;
+        else if (event.key === 'ArrowLeft') current = (index - 1 + total) % total;
+        else if (event.key === 'Home') current = 0;
+        else current = total - 1;
+        activateTab(container, current, true, fire, true);
+      }, false);
+    });
+  });
+}`;
+const CAROUSEL = `
+function shiftSlide(carousel, delta, fireFn) {
+  var slides = qa('[data-ak-slide]', carousel);
+  if (!slides.length) return;
+  var current = slides.findIndex(function (slide) { return !slide.hidden; });
+  if (current < 0) current = 0;
+  var next = (current + delta + slides.length) % slides.length;
+  showSlide(carousel, next, fireFn, false);
+}
+function showSlide(carousel, index, fireFn, focus) {
+  var slides = qa('[data-ak-slide]', carousel);
+  if (!slides.length) return;
+  var bounded = Math.min(Math.max(index, 0), slides.length - 1);
+  slides.forEach(function (slide, slideIndex) {
+    var active = slideIndex === bounded;
+    slide.hidden = !active;
+    slide.setAttribute('aria-hidden', String(!active));
+  });
+  var buttons = qa('[data-ak-carousel]', carousel);
+  buttons.forEach(function (button) {
+    var isPrev = button.getAttribute('data-ak-carousel') === 'prev';
+    button.disabled = !carousel.hasAttribute('data-ak-loop') && ((isPrev && bounded === 0) || (!isPrev && bounded === slides.length - 1));
+  });
+  var status = q('[data-ak-carousel-status]', carousel);
+  if (status) status.textContent = (bounded + 1) + ' / ' + slides.length;
+  if (focus && slides[bounded]) slides[bounded].focus();
+  if (fireFn) fireFn(carousel, 'change', { index: bounded });
+}
+function wireCarousels() {
+  qa('[data-ak-carousel-root]').forEach(function (carousel) {
+    showSlide(carousel, 0, fire, false);
+    qa('[data-ak-carousel]', carousel).forEach(function (button) {
+      button.addEventListener('click', function () {
+        shiftSlide(carousel, button.getAttribute('data-ak-carousel') === 'next' ? 1 : -1, fire);
+      }, false);
+    });
+    carousel.addEventListener('keydown', function (event) {
+      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;
+      event.preventDefault();
+      var delta = event.key === 'ArrowRight' ? 1 : -1;
+      var slides = qa('[data-ak-slide]', carousel);
+      var current = slides.findIndex(function (slide) { return !slide.hidden; });
+      showSlide(carousel, current + delta, fire, true);
+    }, false);
+    var startX = null;
+    carousel.addEventListener('touchstart', function (event) {
+      if (event.touches.length === 1) startX = event.touches[0].clientX;
+    }, { passive: true });
+    carousel.addEventListener('touchend', function (event) {
+      if (startX === null) return;
+      var endX = event.changedTouches.length ? event.changedTouches[0].clientX : startX;
+      var delta = endX - startX;
+      startX = null;
+      if (Math.abs(delta) < 40) return;
+      shiftSlide(carousel, delta < 0 ? 1 : -1, fire);
+    }, false);
+  });
+}`;
+const SLIDER = `
+function wireSliders() {
+  qa('[data-ak-slider]').forEach(function (input) {
+    var output = q('[data-ak-slider-output]', input.closest('.ak-slider') || doc);
+    var sync = function () { if (output) output.textContent = input.value; };
+    sync();
+    input.addEventListener('input', function () {
+      sync();
+      fire(input, 'change', { value: input.value });
+    }, false);
+  });
+}`;
+const FILTER = `
+function applyFilter(lists, query, match) {
+  var needle = String(query || '').trim().toLowerCase();
+  var visible = 0;
+  var total = 0;
+  lists.forEach(function (list) {
+    qa('[data-ak-filter-item]', list).forEach(function (item) {
+      total += 1;
+      var haystack = item.textContent || '';
+      if (match === 'label') haystack = item.getAttribute('data-ak-label') || haystack;
+      if (match === 'value') haystack = item.getAttribute('data-ak-value') || '';
+      var hit = needle === '' || haystack.toLowerCase().indexOf(needle) !== -1;
+      item.hidden = !hit;
+      if (hit) visible += 1;
+    });
+  });
+  announce(visible + ' of ' + total + ' items shown');
+}
+function wireFilters() {
+  qa('[data-ak-search]').forEach(function (input) {
+    var listId = input.getAttribute('data-ak-search');
+    input.addEventListener('input', function () {
+      applyFilter(byId(listId), input.value, input.getAttribute('data-ak-match') || 'text');
+      fire(input, 'filter', { query: input.value });
+    }, false);
+  });
+}`;
+const DELEGATION = `
+doc.addEventListener('click', function (event) {
+  var target = event.target;
+  while (target && target !== doc.documentElement) {
+    if (target.hasAttribute && target.hasAttribute('data-ak-on-click')) {
+      var bindings = readJson(target, 'data-ak-on-click');
+      for (var i = 0; i < bindings.length; i += 1) run(bindings[i], target, null);
+      return;
+    }
+    if (target.hasAttribute && target.hasAttribute('data-ak-dialog-open')) {
+      var dialog = q('[data-ak-id="' + target.getAttribute('data-ak-dialog-open') + '"]');
+      if (dialog) openDialog(dialog);
+      return;
+    }
+    if (target.hasAttribute && target.hasAttribute('data-ak-dialog-close')) {
+      var panel = target.closest('dialog');
+      if (panel) closeDialog(panel);
+      return;
+    }
+    if (target.hasAttribute && target.hasAttribute('data-ak-theme-toggle')) {
+      toggleTheme();
+      return;
+    }
+    target = target.parentElement;
+  }
+}, false);
+doc.addEventListener('keydown', function (event) {
+  if (event.key !== 'Escape') return;
+  var open = q('dialog[open]');
+  if (open) closeDialog(open);
+}, false);`;
+const BOOT = `
+syncBindings();
+restoreTheme();`;
+/** Build the emitted runtime for the features a page actually uses. */
+export function buildRuntime(options) {
+    const { features } = options;
+    const needsLiveRegion = ANNOUNCING_FEATURES.some((feature) => features.has(feature));
+    const parts = [];
+    if (features.has('theme'))
+        parts.push(THEME);
+    if (features.has('copy'))
+        parts.push(COPY);
+    if (features.has('dialog'))
+        parts.push(DIALOG);
+    if (features.has('filter'))
+        parts.push(FILTER);
+    if (features.has('carousel'))
+        parts.push(CAROUSEL);
+    if (features.has('slider'))
+        parts.push(SLIDER);
+    if (features.has('tabs'))
+        parts.push(TABS);
+    const wiring = [];
+    if (features.has('tabs'))
+        wiring.push('wireTabs();');
+    if (features.has('carousel'))
+        wiring.push('wireCarousels();');
+    if (features.has('slider'))
+        wiring.push('wireSliders();');
+    if (features.has('filter'))
+        wiring.push('wireFilters();');
+    return [
+        '(function () {',
+        '"use strict";',
+        'var doc = document;',
+        'var root = doc.documentElement;',
+        `var state = ${JSON.stringify(options.state)};`,
+        HELPERS,
+        RUN,
+        FIRE,
+        ...parts,
+        DELEGATION,
+        BOOT,
+        ...wiring,
+        needsLiveRegion ? '' : '',
+        '})();',
+    ]
+        .filter((part) => part !== '')
+        .join('\n');
+}
+/** Features whose presence requires the live region in the document. */
+export function needsLiveRegion(features) {
+    return ANNOUNCING_FEATURES.some((feature) => features.has(feature));
+}
+//# sourceMappingURL=runtime.js.map

package/dist/render/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/render/runtime.ts"],"names":[],"mappings":"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"}

package/dist/render/styles.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Emitted stylesheets.
+ *
+ * One base sheet plus per-feature sheets. The compiler emits only the feature
+ * sheets a page actually uses, which is both a size win and a correctness
+ * property: a page without a carousel cannot ship carousel CSS that a later
+ * change could accidentally apply.
+ *
+ * The sheets are static strings with no interpolation. Everything variable
+ * comes from theme tokens, so a spec cannot influence a declaration.
+ */
+import type { RuntimeFeature } from '../registry/roster.js';
+export declare const BASE_CSS = "*,*::before,*::after{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{margin:0;background:var(--ak-color-background);color:var(--ak-color-text);font-family:var(--ak-font-body);font-size:var(--ak-font-size-base);line-height:var(--ak-line-height)}\n.ak-skip{position:absolute;left:-9999px;top:0;background:var(--ak-color-surface);color:var(--ak-color-text);padding:calc(var(--ak-space-unit) * 1.5);z-index:10}\n.ak-skip:focus{left:0}\n.ak-shell{max-width:1100px;margin:0 auto;padding:calc(var(--ak-space-unit) * 3) calc(var(--ak-space-unit) * 2) calc(var(--ak-space-unit) * 8)}\n.ak-main{display:block}\n:where(a){color:var(--ak-color-accent)}\n:where(h1,h2,h3,h4,h5,h6){font-family:var(--ak-font-heading);line-height:1.2;margin:0}\nh1{font-size:calc(var(--ak-font-size-base) * 2.1)}\nh2{font-size:calc(var(--ak-font-size-base) * 1.6)}\nh3{font-size:calc(var(--ak-font-size-base) * 1.3)}\nh4,h5,h6{font-size:calc(var(--ak-font-size-base) * 1.1)}\np{margin:0}\nul,ol{margin:0;padding-left:1.4em}\ncode,kbd{font-family:var(--ak-font-mono)}\n:focus-visible{outline:2px solid var(--ak-color-accent);outline-offset:2px}\n.ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 3)}\n[data-density=\"compact\"] .ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 2)}\n[data-density=\"spacious\"] .ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 4)}\n.ak-stack{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 2)}\n.ak-stack[data-gap=\"tight\"]{gap:var(--ak-space-unit)}\n.ak-stack[data-gap=\"loose\"]{gap:calc(var(--ak-space-unit) * 3)}\n.ak-grid{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(3,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"1\"],.ak-gallery[data-ak-columns=\"1\"]{grid-template-columns:minmax(0,1fr)}\n.ak-grid[data-ak-columns=\"2\"],.ak-gallery[data-ak-columns=\"2\"]{grid-template-columns:repeat(2,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"3\"],.ak-gallery[data-ak-columns=\"3\"]{grid-template-columns:repeat(3,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"4\"],.ak-gallery[data-ak-columns=\"4\"]{grid-template-columns:repeat(4,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"5\"],.ak-gallery[data-ak-columns=\"5\"]{grid-template-columns:repeat(5,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"6\"],.ak-gallery[data-ak-columns=\"6\"]{grid-template-columns:repeat(6,minmax(0,1fr))}\n.ak-split{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:1fr 1fr}\n.ak-split[data-ratio=\"wide-left\"]{grid-template-columns:2fr 1fr}\n.ak-split[data-ratio=\"wide-right\"]{grid-template-columns:1fr 2fr}\n.ak-muted{color:var(--ak-color-text-muted)}\n.ak-eyebrow,.ak-label{font-family:var(--ak-font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-color-text-muted)}\n.ak-hero{gap:var(--ak-space-unit);display:flex;flex-direction:column}\n.ak-hero h1{max-width:var(--ak-measure)}\n.ak-hero p{max-width:var(--ak-measure);font-size:calc(var(--ak-font-size-base) * 1.1);color:var(--ak-color-text-muted)}\n.ak-lead{font-size:calc(var(--ak-font-size-base) * 1.15)}\n.ak-caption{font-size:.85rem;color:var(--ak-color-text-muted)}\n.ak-prose{max-width:var(--ak-measure)}\n.ak-card,.ak-surface{background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 2)}\n.ak-card{display:flex;flex-direction:column;gap:var(--ak-space-unit)}\n.ak-card--elevated,.ak-surface{box-shadow:var(--ak-elevation-card)}\n.ak-section-head{display:flex;flex-direction:column;gap:.35em;margin-bottom:calc(var(--ak-space-unit) * 1.5)}\n.ak-divider{border:0;border-top:var(--ak-border-width) solid var(--ak-color-border);margin:calc(var(--ak-space-unit) * 2) 0;display:flex;align-items:center;gap:var(--ak-space-unit)}\n.ak-spacer{display:block}\n.ak-spacer[data-size=\"small\"]{height:var(--ak-space-unit)}\n.ak-spacer[data-size=\"medium\"]{height:calc(var(--ak-space-unit) * 2)}\n.ak-spacer[data-size=\"large\"]{height:calc(var(--ak-space-unit) * 4)}\n.ak-quote{border-left:3px solid var(--ak-color-accent);padding-left:calc(var(--ak-space-unit) * 2);font-size:calc(var(--ak-font-size-base) * 1.1)}\n.ak-quote cite{display:block;margin-top:.5em;color:var(--ak-color-text-muted);font-size:.9rem;font-style:normal}\n.ak-badge{display:inline-block;padding:.15em .6em;border-radius:999px;border:var(--ak-border-width) solid var(--ak-color-border);background:var(--ak-color-surface-raised);font-size:.78rem;font-family:var(--ak-font-mono)}\n.ak-badge[data-tone=\"info\"]{border-color:var(--ak-color-info);color:var(--ak-color-info)}\n.ak-badge[data-tone=\"success\"]{border-color:var(--ak-color-success);color:var(--ak-color-success)}\n.ak-badge[data-tone=\"warning\"]{border-color:var(--ak-color-warning);color:var(--ak-color-warning)}\n.ak-badge[data-tone=\"danger\"]{border-color:var(--ak-color-danger);color:var(--ak-color-danger)}\n.ak-kbd{display:inline-flex;gap:.2em}\n.ak-kbd kbd{border:var(--ak-border-width) solid var(--ak-color-border);border-bottom-width:2px;border-radius:var(--ak-radius-small);padding:.1em .4em;background:var(--ak-color-surface-raised);font-size:.85em}\n.ak-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4em calc(var(--ak-space-unit) * 2);margin:0}\n.ak-kv dt{color:var(--ak-color-text-muted)}\n.ak-kv dd{margin:0}\n.ak-stats{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none}\n.ak-stat{background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5)}\n.ak-stat dt{font-size:.8rem;color:var(--ak-color-text-muted);font-family:var(--ak-font-mono)}\n.ak-stat dd{margin:.2em 0 0;font-size:calc(var(--ak-font-size-base) * 1.5);font-family:var(--ak-font-heading)}\n.ak-steps{counter-reset:ak-step;list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1.5)}\n.ak-steps li{counter-increment:ak-step;position:relative;padding-left:calc(var(--ak-space-unit) * 4)}\n.ak-steps li::before{content:counter(ak-step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--ak-color-accent);color:var(--ak-color-accent-contrast);display:flex;align-items:center;justify-content:center;font-family:var(--ak-font-mono);font-size:.8rem}\n.ak-timeline{list-style:none;padding:0;margin:0;border-left:var(--ak-border-width) solid var(--ak-color-border);display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 2)}\n.ak-timeline li{position:relative;padding-left:calc(var(--ak-space-unit) * 2)}\n.ak-timeline li::before{content:\"\";position:absolute;left:calc(var(--ak-space-unit) * -1 - 3px);top:.45em;width:7px;height:7px;border-radius:50%;background:var(--ak-color-accent)}\n.ak-timeline time{display:block;font-family:var(--ak-font-mono);font-size:.78rem;color:var(--ak-color-text-muted)}\n.ak-table-wrap{overflow-x:auto}\ntable{border-collapse:collapse;width:100%;background:var(--ak-color-surface)}\ncaption{text-align:left;padding-bottom:.5em;color:var(--ak-color-text-muted)}\nth,td{text-align:left;padding:.55em .75em;border-bottom:var(--ak-border-width) solid var(--ak-color-border);vertical-align:top}\nthead th{background:var(--ak-color-surface-raised);font-family:var(--ak-font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}\n.ak-compare{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:1fr 1fr}\n.ak-compare h3{font-size:calc(var(--ak-font-size-base) * 1.05);margin-bottom:.5em}\n.ak-compare ul{margin:0}\n.ak-callout,.ak-alert{border-left:4px solid var(--ak-color-info);background:var(--ak-color-surface);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5);display:flex;flex-direction:column;gap:.4em}\n.ak-callout[data-tone=\"success\"],.ak-alert[data-tone=\"success\"]{border-left-color:var(--ak-color-success)}\n.ak-callout[data-tone=\"warning\"],.ak-alert[data-tone=\"warning\"]{border-left-color:var(--ak-color-warning)}\n.ak-callout[data-tone=\"danger\"],.ak-alert[data-tone=\"danger\"]{border-left-color:var(--ak-color-danger)}\n.ak-code{margin:0;background:var(--ak-color-surface-raised);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5);overflow-x:auto}\n.ak-code pre{margin:0;font-family:var(--ak-font-mono);font-size:.88rem;line-height:1.55}\n.ak-code-head{display:flex;justify-content:space-between;gap:var(--ak-space-unit);align-items:center;margin-bottom:.5em}\n.ak-btn{font:inherit;color:var(--ak-color-text);background:var(--ak-color-surface-raised);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-small);padding:.4em .8em;cursor:pointer;min-height:36px}\n.ak-btn:hover{border-color:var(--ak-color-accent)}\n.ak-btn[data-variant=\"primary\"]{background:var(--ak-color-accent);color:var(--ak-color-accent-contrast);border-color:var(--ak-color-accent)}\n.ak-btn[data-variant=\"ghost\"]{background:transparent;border-color:transparent}\n.ak-toolbar{display:flex;flex-wrap:wrap;gap:var(--ak-space-unit);align-items:center;padding:var(--ak-space-unit);background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium)}\n.ak-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5em}\n.ak-list li{display:flex;gap:.5em;align-items:baseline;justify-content:space-between;border-bottom:var(--ak-border-width) solid var(--ak-color-border);padding-bottom:.4em}\n.ak-list li[hidden]{display:none}\nli.ak-hidden{display:none}\n.ak-progress{display:flex;flex-direction:column;gap:.35em}\n.ak-progress progress{width:100%;height:10px}\n.ak-progress progress::-webkit-progress-bar{background:var(--ak-color-surface-raised)}\n.ak-media{margin:0;display:flex;flex-direction:column;gap:.5em}\n.ak-media img,.ak-gallery img{max-width:100%;height:auto;border-radius:var(--ak-radius-medium);border:var(--ak-border-width) solid var(--ak-color-border);background:var(--ak-color-surface-raised)}\n.ak-media video{max-width:100%;border-radius:var(--ak-radius-medium)}\n.ak-gallery{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}\n.ak-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n@media (max-width:768px){body{--ak-font-size-base:16px}.ak-grid,.ak-compare,.ak-split,.ak-gallery{grid-template-columns:1fr!important}.ak-shell{padding:calc(var(--ak-space-unit) * 2) var(--ak-space-unit) calc(var(--ak-space-unit) * 6)}h1{font-size:calc(var(--ak-font-size-base) * 1.7)}}\n@media (max-width:480px){.ak-toolbar{flex-direction:column;align-items:stretch}.ak-stats{grid-template-columns:1fr 1fr}}\n@media print{.ak-skip,.ak-theme-toggle{display:none}}";
+export declare const FEATURE_CSS: Readonly<Partial<Record<RuntimeFeature, string>>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/render/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/render/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,QAAQ,uwVA2GiC,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAmDzE,CAAC"}