npm - anentrypoint-design - Versions diffs - 0.0.217 → 0.0.219 - Mend

anentrypoint-design 0.0.217 → 0.0.219

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/app-shell.css +4 -0
package/dist/.nojekyll +0 -0
package/dist/247420.css +4 -0
package/dist/247420.js +14 -14
package/dist/app-shell.css +594 -0
package/dist/colors_and_type.css +197 -0
package/dist/favicon.svg +1 -0
package/dist/index.html +308 -0
package/dist/preview/buttons.html +28 -0
package/dist/preview/colors-core.html +45 -0
package/dist/preview/colors-lore.html +28 -0
package/dist/preview/colors-semantic.html +34 -0
package/dist/preview/dateline.html +19 -0
package/dist/preview/dropzone.html +30 -0
package/dist/preview/file-grid.html +19 -0
package/dist/preview/file-row.html +20 -0
package/dist/preview/file-toolbar.html +40 -0
package/dist/preview/file-viewer.html +31 -0
package/dist/preview/header.html +24 -0
package/dist/preview/icons-unicode.html +26 -0
package/dist/preview/index-row.html +25 -0
package/dist/preview/inputs.html +22 -0
package/dist/preview/manifesto.html +52 -0
package/dist/preview/motion-default.js +106 -0
package/dist/preview/rules.html +16 -0
package/dist/preview/spacing.html +18 -0
package/dist/preview/stamps-lore.html +20 -0
package/dist/preview/stamps.html +14 -0
package/dist/preview/theme-ink.html +15 -0
package/dist/preview/type-display.html +16 -0
package/dist/preview/type-mono.html +15 -0
package/dist/preview/type-prose.html +11 -0
package/dist/preview/type-scale.html +20 -0
package/dist/preview/wordmarks.html +28 -0
package/dist/robots.txt +8 -0
package/dist/site/content/globals/navigation.yaml +5 -0
package/dist/site/content/globals/site.yaml +16 -0
package/dist/site/content/pages/freddie.yaml +88 -0
package/dist/site/content/pages/home.yaml +190 -0
package/dist/site/theme.mjs +368 -0
package/dist/sitemap.xml +31 -0
package/dist/slides/deck-stage-overlay.js +63 -0
package/dist/slides/deck-stage-state.js +81 -0
package/dist/slides/deck-stage-style.js +117 -0
package/dist/slides/deck-stage.js +159 -0
package/dist/slides/index.html +276 -0
package/dist/src/bootstrap.js +25 -0
package/dist/src/components/chat.js +199 -0
package/dist/src/components/community.js +167 -0
package/dist/src/components/content.js +213 -0
package/dist/src/components/files-modals.js +107 -0
package/dist/src/components/files.js +118 -0
package/dist/src/components/freddie/helpers.js +50 -0
package/dist/src/components/freddie.js +33 -0
package/dist/src/components/shell.js +117 -0
package/dist/src/components/theme-toggle.js +70 -0
package/dist/src/components.js +52 -0
package/dist/src/debug.js +30 -0
package/dist/src/deck-stage.js +21 -0
package/dist/src/highlight.js +32 -0
package/dist/src/index.js +86 -0
package/dist/src/kits/os/about-app.js +52 -0
package/dist/src/kits/os/app-panes.css +152 -0
package/dist/src/kits/os/browser-app.js +58 -0
package/dist/src/kits/os/files-app.js +44 -0
package/dist/src/kits/os/freddie/helpers.js +59 -0
package/dist/src/kits/os/freddie/pages-chat.js +143 -0
package/dist/src/kits/os/freddie/pages-core.js +101 -0
package/dist/src/kits/os/freddie/pages-os.js +51 -0
package/dist/src/kits/os/freddie/pages-tools.js +183 -0
package/dist/src/kits/os/freddie/routes.js +24 -0
package/dist/src/kits/os/freddie-dashboard.css +51 -0
package/dist/src/kits/os/freddie-dashboard.js +101 -0
package/dist/src/kits/os/icons.js +17 -0
package/dist/src/kits/os/index.js +5 -0
package/dist/src/kits/os/launcher.css +61 -0
package/dist/src/kits/os/launcher.js +79 -0
package/dist/src/kits/os/monitor-app.js +34 -0
package/dist/src/kits/os/shell.js +214 -0
package/dist/src/kits/os/terminal-app.js +45 -0
package/dist/src/kits/os/theme.css +412 -0
package/dist/src/kits/os/validate.css +19 -0
package/dist/src/kits/os/validator-app.js +55 -0
package/dist/src/kits/os/wm.css +115 -0
package/dist/src/kits/os/wm.js +111 -0
package/dist/src/markdown.js +39 -0
package/dist/src/motion.js +35 -0
package/dist/src/page-html.js +196 -0
package/dist/src/styles.js +25 -0
package/dist/src/theme.js +99 -0
package/dist/src/web-components/ds-chat.js +45 -0
package/dist/ui_kits/aicat/README.md +7 -0
package/dist/ui_kits/aicat/app.js +156 -0
package/dist/ui_kits/aicat/index.html +26 -0
package/dist/ui_kits/aicat/sample-square.png +0 -0
package/dist/ui_kits/aicat/sample-svg.svg +1 -0
package/dist/ui_kits/aicat/sample.pdf +32 -0
package/dist/ui_kits/blog/README.md +3 -0
package/dist/ui_kits/blog/index.html +90 -0
package/dist/ui_kits/chat/README.md +5 -0
package/dist/ui_kits/chat/app.js +110 -0
package/dist/ui_kits/chat/index.html +26 -0
package/dist/ui_kits/chat/sample-square.png +0 -0
package/dist/ui_kits/chat/sample-svg.svg +1 -0
package/dist/ui_kits/chat/sample.pdf +32 -0
package/dist/ui_kits/community/app.js +134 -0
package/dist/ui_kits/community/index.html +24 -0
package/dist/ui_kits/dashboard/app.js +92 -0
package/dist/ui_kits/dashboard/index.html +26 -0
package/dist/ui_kits/docs/README.md +3 -0
package/dist/ui_kits/docs/index.html +123 -0
package/dist/ui_kits/error_404/app.js +56 -0
package/dist/ui_kits/error_404/index.html +26 -0
package/dist/ui_kits/file_browser/README.md +48 -0
package/dist/ui_kits/file_browser/app.js +231 -0
package/dist/ui_kits/file_browser/index.html +33 -0
package/dist/ui_kits/gallery/app.js +121 -0
package/dist/ui_kits/gallery/index.html +26 -0
package/dist/ui_kits/homepage/README.md +7 -0
package/dist/ui_kits/homepage/app.js +167 -0
package/dist/ui_kits/homepage/index.html +46 -0
package/dist/ui_kits/project_page/README.md +3 -0
package/dist/ui_kits/project_page/app.js +154 -0
package/dist/ui_kits/project_page/index.html +45 -0
package/dist/ui_kits/search/app.js +107 -0
package/dist/ui_kits/search/index.html +26 -0
package/dist/ui_kits/settings/app.js +133 -0
package/dist/ui_kits/settings/index.html +26 -0
package/dist/ui_kits/signin/app.js +115 -0
package/dist/ui_kits/signin/index.html +26 -0
package/dist/ui_kits/slide_deck/app.js +174 -0
package/dist/ui_kits/slide_deck/index.html +26 -0
package/dist/ui_kits/system_primer/app.js +152 -0
package/dist/ui_kits/system_primer/index.html +26 -0
package/dist/ui_kits/terminal/app.js +150 -0
package/dist/ui_kits/terminal/index.html +26 -0
package/dist/vendor/webjsx/applyDiff.js +182 -0
package/dist/vendor/webjsx/attributes.js +171 -0
package/dist/vendor/webjsx/constants.js +4 -0
package/dist/vendor/webjsx/createDOMElement.js +52 -0
package/dist/vendor/webjsx/createElement.js +75 -0
package/dist/vendor/webjsx/elementTags.js +115 -0
package/dist/vendor/webjsx/factory.js +6 -0
package/dist/vendor/webjsx/index.js +6 -0
package/dist/vendor/webjsx/jsx-dev-runtime.js +2 -0
package/dist/vendor/webjsx/jsx-runtime.js +30 -0
package/dist/vendor/webjsx/jsx.js +2 -0
package/dist/vendor/webjsx/package.json +39 -0
package/dist/vendor/webjsx/renderSuspension.js +25 -0
package/dist/vendor/webjsx/types.js +5 -0
package/dist/vendor/webjsx/utils.js +84 -0
package/package.json +1 -1
package/src/components/shell.js +25 -14
package/src/markdown.js +3 -1
package/src/page-html.js +4 -3

package/dist/site/theme.mjs ADDED Viewed

@@ -0,0 +1,368 @@
+// AnEntrypoint design-system theme for flatspace.
+// Renders the full landing via the anentrypoint-design SDK — Topbar + Side
+// (sidebar bins / labels / more) + Crumb + main panels (hero, kits, desktop_os,
+// web_components, api_exports, decks, docs, previews, features, quickstart,
+// examples) + Status. No hand-rolled
+// HTML inside #app; every node comes from window.ds (C.* components).
+const escapeHtml = (s) => String(s ?? '')
+  .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+  .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+const escapeJson = (obj) => JSON.stringify(obj)
+  .replace(/</g, '\\u003c').replace(/>/g, '\\u003e').replace(/&/g, '\\u0026')
+  .replace(new RegExp('\\u2028', 'g'), '\\u2028').replace(new RegExp('\\u2029', 'g'), '\\u2029');
+const SDK_URL = 'https://unpkg.com/anentrypoint-design@latest/dist/247420.js';
+const clientScript = `
+import { h, applyDiff, installStyles, components as C, initTheme } from 'anentrypoint-design';
+installStyles();
+document.documentElement.classList.add('ds-247420');
+// initTheme picks up data-theme on <html>, reapplies stored override from
+// localStorage if present, and binds matchMedia so OS-level dark-mode flips
+// re-emit to listeners. Safe no-op if data-theme is already 'auto'.
+try { initTheme && initTheme(); } catch {}
+const __reveal = () => document.documentElement.classList.add('ds-ready');
+const __fallback = setTimeout(__reveal, 1500);
+const data = JSON.parse(document.getElementById('__site__').textContent);
+const { site, nav, home } = data;
+function Hero() {
+  if (!home || !home.hero) return null;
+  const hero = home.hero;
+  return C.Panel({
+    style: 'margin:8px',
+    children: h('div', { style: 'padding:24px 22px' },
+      C.Heading({ level: 1, style: 'margin:0 0 8px 0', children: hero.heading || site.title }),
+      hero.subheading ? C.Lede({ children: hero.subheading }) : null,
+      hero.body ? h('p', { style: 'margin:8px 0 16px 0;color:var(--panel-text-2);max-width:64ch' }, hero.body) : null,
+      (hero.badges && hero.badges.length) ? h('div', { style: 'display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px 0' },
+        ...hero.badges.map((b, i) => C.Chip({ key: 'b' + i, children: b.label }))
+      ) : null,
+      (hero.ctas && hero.ctas.length) ? h('div', { style: 'display:flex;gap:8px;flex-wrap:wrap' },
+        ...hero.ctas.map((c, i) => C.Btn({ key: 'c' + i, href: c.href, primary: c.primary, children: c.label }))
+      ) : null
+    )
+  });
+}
+function rowsFromItems(items, prefix) {
+  return items.map((it, i) => C.RowLink({
+    key: prefix + i,
+    code: it.code || String(i + 1).padStart(2, '0'),
+    title: it.title || it.name,
+    sub: it.sub || it.desc || '',
+    meta: it.cta || it.meta || 'open ↗',
+    href: it.href || '#'
+  }));
+}
+function Kits() {
+  if (!home.kits || !home.kits.items || !home.kits.items.length) return null;
+  return C.Panel({
+    title: home.kits.heading || 'ui kits',
+    count: home.kits.count || home.kits.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.kits.items, 'k')
+  });
+}
+function Decks() {
+  if (!home.decks || !home.decks.items || !home.decks.items.length) return null;
+  return C.Panel({
+    title: home.decks.heading || 'decks',
+    style: 'margin:8px',
+    children: rowsFromItems(home.decks.items, 'd')
+  });
+}
+function FileBrowser() {
+  if (!home.file_browser || !home.file_browser.items || !home.file_browser.items.length) return null;
+  return C.Panel({
+    title: home.file_browser.heading || 'file browser',
+    count: home.file_browser.count || home.file_browser.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.file_browser.items, 'fb')
+  });
+}
+function Docs() {
+  if (!home.docs || !home.docs.items || !home.docs.items.length) return null;
+  return C.Panel({
+    title: home.docs.heading || 'docs',
+    style: 'margin:8px',
+    children: rowsFromItems(home.docs.items, 'doc')
+  });
+}
+function Previews() {
+  if (!home.previews || !home.previews.items || !home.previews.items.length) return null;
+  const base = home.previews.base || './preview/';
+  const rows = home.previews.items.map((name, i) => C.RowLink({
+    key: 'p' + i,
+    code: String(i + 1).padStart(2, '0'),
+    title: String(name).replace(/-/g, ' '),
+    sub: 'preview · ' + name + '.html',
+    meta: 'open ↗',
+    href: base + name + '.html'
+  }));
+  return C.Panel({
+    title: home.previews.heading || 'previews',
+    count: rows.length,
+    style: 'margin:8px',
+    children: rows
+  });
+}
+function Features() {
+  if (!home.features || !home.features.items || !home.features.items.length) return null;
+  const rows = home.features.items.map((it, i) => C.RowLink({
+    key: 'f' + i,
+    code: String(i + 1).padStart(2, '0'),
+    title: it.name,
+    sub: it.desc || '',
+    meta: it.meta || '',
+    href: it.href || '#'
+  }));
+  return C.Panel({
+    title: home.features.heading || 'why design',
+    style: 'margin:8px',
+    children: rows
+  });
+}
+function Quickstart() {
+  if (!home.quickstart || !home.quickstart.lines || !home.quickstart.lines.length) return null;
+  const lineNodes = home.quickstart.lines.map((l, i) => h('div', { key: 'q' + i, class: 'cli' },
+    h('span', { class: 'prompt' }, l.kind === 'cmt' ? '#' : '$'),
+    h('span', { class: 'cmd' }, l.text)
+  ));
+  return C.Panel({
+    title: home.quickstart.heading || 'quick start',
+    style: 'margin:8px',
+    children: h('div', { style: 'padding:16px 22px;display:flex;flex-direction:column;gap:6px' }, ...lineNodes)
+  });
+}
+function DesktopOS() {
+  if (!home.desktop_os || !home.desktop_os.items || !home.desktop_os.items.length) return null;
+  return C.Panel({
+    title: home.desktop_os.heading || 'desktop os shell',
+    count: home.desktop_os.count || home.desktop_os.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.desktop_os.items, 'os')
+  });
+}
+function WebComponents() {
+  if (!home.web_components || !home.web_components.items || !home.web_components.items.length) return null;
+  return C.Panel({
+    title: home.web_components.heading || 'web components',
+    count: home.web_components.count || home.web_components.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.web_components.items, 'wc')
+  });
+}
+function ApiExports() {
+  if (!home.api_exports || !home.api_exports.items || !home.api_exports.items.length) return null;
+  return C.Panel({
+    title: home.api_exports.heading || 'public api',
+    count: home.api_exports.count || home.api_exports.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.api_exports.items, 'api')
+  });
+}
+function Examples() {
+  if (!home.examples || !home.examples.items || !home.examples.items.length) return null;
+  return C.Panel({
+    title: home.examples.heading || 'live examples',
+    count: home.examples.items.length,
+    style: 'margin:8px',
+    children: rowsFromItems(home.examples.items, 'e')
+  });
+}
+function buildSide() {
+  const sb = home.sidebar || {};
+  const sections = [];
+  if (sb.fab) {
+    sections.push({
+      group: 'open',
+      items: [{ glyph: sb.fab.glyph || '✦', label: sb.fab.label || 'open', href: sb.fab.href || '#' }]
+    });
+  }
+  if (sb.bins && sb.bins.length) {
+    sections.push({ group: 'bins', items: sb.bins });
+  }
+  if (sb.labels && sb.labels.length) {
+    sections.push({ group: sb.labels_group || 'labels', items: sb.labels });
+  }
+  if (sb.more && sb.more.length) {
+    sections.push({ group: sb.more_group || 'more', items: sb.more });
+  }
+  return C.Side({ sections });
+}
+function Tabs() {
+  if (!home.tabs || !home.tabs.length) return null;
+  return h('div', { class: 'tabs', role: 'tablist', style: 'margin:8px' },
+    ...home.tabs.map((t, i) => h('a', {
+      key: 't' + i,
+      href: t.href || '#',
+      class: t.active ? 'active' : '',
+      role: 'tab'
+    },
+      t.glyph ? h('span', { class: 'glyph' }, t.glyph) : null,
+      h('span', {}, t.label)
+    ))
+  );
+}
+const navItems = (nav && nav.links ? nav.links : []).map(l => [String(l.label || ''), l.href]);
+const statusLeft = home.status_left || ['main', '• utf-8', '• lf'];
+const statusRight = home.status_right || ['247420 / mmxxvi', '• probably emerging'];
+const App = C.AppShell({
+  topbar: C.Topbar({
+    brand: '247420',
+    leaf: site.title || 'design',
+    items: navItems
+  }),
+  crumb: C.Crumb({ trail: ['247420'], leaf: site.title || 'design' }),
+  side: buildSide(),
+  main: h('div', {},
+    Hero(),
+    Tabs(),
+    Kits(),
+    FileBrowser(),
+    DesktopOS(),
+    WebComponents(),
+    ApiExports(),
+    Decks(),
+    Docs(),
+    Previews(),
+    Features(),
+    Quickstart(),
+    Examples()
+  ),
+  status: C.Status({ left: statusLeft, right: statusRight })
+});
+applyDiff(document.getElementById('app'), [App]);
+const __fontsReady = (document.fonts && document.fonts.ready) ? document.fonts.ready : Promise.resolve();
+Promise.race([__fontsReady, new Promise(r => setTimeout(r, 1200))]).then(() => {
+  requestAnimationFrame(() => requestAnimationFrame(() => {
+    clearTimeout(__fallback);
+    __reveal();
+  }));
+});
+`;
+const html = ({ site, nav, home }) => {
+  const title = `${escapeHtml(site.title)}${site.tagline ? ' — ' + escapeHtml(site.tagline) : ''}`;
+  const desc = escapeHtml(site.description || site.tagline || site.title);
+  const url = escapeHtml(site.url || '');
+  const image = escapeHtml(site.image || (site.url ? site.url.replace(/\/$/, '') + '/og-card.png' : ''));
+  const siteName = escapeHtml(site.siteName || site.title);
+  const author = escapeHtml(site.author || '247420 / AnEntrypoint');
+  const twitter = escapeHtml(site.twitter || '@AnEntrypoint');
+  const keywords = escapeHtml((site.keywords && site.keywords.join(', ')) || '247420, anentrypoint, design system');
+  const locale = escapeHtml(site.locale || 'en_US');
+  const lang = escapeHtml(site.lang || 'en');
+  const ldJson = JSON.stringify({
+    '@context': 'https://schema.org',
+    '@type': 'WebSite',
+    name: site.title || '',
+    alternateName: site.siteName || undefined,
+    url: site.url || '',
+    description: site.description || site.tagline || '',
+    inLanguage: site.lang || 'en',
+    publisher: {
+      '@type': 'Organization',
+      name: site.author || '247420 / AnEntrypoint',
+      url: 'https://247420.xyz'
+    }
+  }).replace(/</g, '\\u003c');
+  return `<!DOCTYPE html>
+<html lang="${lang}" class="ds-247420" data-theme="auto">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${title}</title>
+  <meta name="description" content="${desc}" />
+  <meta name="keywords" content="${keywords}" />
+  <meta name="author" content="${author}" />
+  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
+  <meta name="referrer" content="strict-origin-when-cross-origin" />
+  <meta name="generator" content="anentrypoint-design" />
+  <meta name="theme-color" content="#247420" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#3A9A34" media="(prefers-color-scheme: dark)" />
+  <meta name="color-scheme" content="light dark" />
+  <meta name="application-name" content="${siteName}" />
+  <meta name="apple-mobile-web-app-title" content="${siteName}" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="msapplication-TileColor" content="#247420" />
+  <meta http-equiv="content-language" content="${lang}" />
+  <link rel="canonical" href="${url}" />
+  <link rel="alternate" hreflang="${lang}" href="${url}" />
+  <link rel="alternate" hreflang="x-default" href="${url}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="${escapeHtml(site.title)}" />
+  <meta property="og:description" content="${escapeHtml(site.description || site.tagline || '')}" />
+  <meta property="og:url" content="${url}" />
+  <meta property="og:site_name" content="${siteName}" />
+  <meta property="og:locale" content="${locale}" />
+  ${image ? `<meta property="og:image" content="${image}" />
+  <meta property="og:image:secure_url" content="${image}" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt" content="${escapeHtml(site.title)}" />` : ''}
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="${escapeHtml(site.title)}" />
+  <meta name="twitter:description" content="${escapeHtml(site.description || site.tagline || '')}" />
+  <meta name="twitter:site" content="${twitter}" />
+  <meta name="twitter:creator" content="${twitter}" />
+  ${image ? `<meta name="twitter:image" content="${image}" />
+  <meta name="twitter:image:alt" content="${escapeHtml(site.title)}" />` : ''}
+  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctext y='26' font-size='26'%3E${encodeURIComponent(site.glyph || '◆')}%3C/text%3E%3C/svg%3E" />
+  <link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctext y='26' font-size='26'%3E${encodeURIComponent(site.glyph || '◆')}%3C/text%3E%3C/svg%3E" />
+  <script type="application/ld+json">${ldJson}</script>
+  <script type="importmap">{"imports":{"anentrypoint-design":"${SDK_URL}"}}</script>
+  <link rel="stylesheet" href="https://unpkg.com/anentrypoint-design@latest/dist/247420.css">
+  <link rel="preconnect" href="https://unpkg.com" crossorigin>
+  <link rel="dns-prefetch" href="https://unpkg.com">
+  <style>html,body{margin:0;padding:0}body{background:var(--app-bg,#FBF6EB);color:var(--ink,#1F1B16);font-family:var(--ff-ui,'Nunito',system-ui,sans-serif)}html:not(.ds-ready) body{visibility:hidden}html.ds-ready body{visibility:visible;animation:ds-fade-in .18s ease-out both}@keyframes ds-fade-in{from{opacity:0}to{opacity:1}}</style>
+  <noscript><style>html body{visibility:visible !important}</style></noscript>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="application/json" id="__site__">${escapeJson({ site, nav, home })}</script>
+  <script type="module">${clientScript}</script>
+</body>
+</html>
+`;
+};
+export default {
+  render: async (ctx) => {
+    const site = ctx.readGlobal('site') || {};
+    const nav = ctx.readGlobal('navigation') || { links: [] };
+    const homeDoc = ctx.read('pages').docs.find(p => p.id === 'home');
+    if (!homeDoc) throw new Error('site/content/pages/home.yaml missing or has no id: home');
+    return [{
+      path: 'index.html',
+      html: html({ site, nav, home: homeDoc })
+    }];
+  }
+};

package/dist/sitemap.xml ADDED Viewed

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url><loc>https://anentrypoint.github.io/design/</loc><changefreq>weekly</changefreq><priority>1.0</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/homepage/</loc><changefreq>weekly</changefreq><priority>0.9</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/project_page/</loc><changefreq>weekly</changefreq><priority>0.9</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/docs/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/blog/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/chat/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/ui_kits/aicat/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/slides/</loc><changefreq>monthly</changefreq><priority>0.6</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/buttons.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/colors-core.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/colors-lore.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/colors-semantic.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/dateline.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/header.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/icons-unicode.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/index-row.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/inputs.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/manifesto.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/rules.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/spacing.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/stamps.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/stamps-lore.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/theme-ink.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/type-display.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/type-mono.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/type-prose.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/type-scale.html</loc><priority>0.5</priority></url>
+  <url><loc>https://anentrypoint.github.io/design/preview/wordmarks.html</loc><priority>0.5</priority></url>
+</urlset>

package/dist/slides/deck-stage-overlay.js ADDED Viewed

@@ -0,0 +1,63 @@
+const ICON_PREV = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 3L5 8l5 5"/></svg>';
+const ICON_NEXT = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 3l5 5-5 5"/></svg>';
+export function buildOverlay({ onPrev, onNext, onReset }) {
+    const overlay = document.createElement('div');
+    overlay.className = 'overlay export-hidden';
+    overlay.setAttribute('role', 'toolbar');
+    overlay.setAttribute('aria-label', 'Deck controls');
+    overlay.innerHTML = `
+        <button class="btn prev" type="button" aria-label="Previous slide" title="Previous (←)">${ICON_PREV}</button>
+        <span class="count" aria-live="polite"><span class="current">1</span><span class="sep">/</span><span class="total">1</span></span>
+        <button class="btn next" type="button" aria-label="Next slide" title="Next (→)">${ICON_NEXT}</button>
+        <span class="divider"></span>
+        <button class="btn reset" type="button" aria-label="Reset to first slide" title="Reset (R)">Reset<span class="kbd">R</span></button>
+    `;
+    overlay.querySelector('.prev').addEventListener('click', onPrev);
+    overlay.querySelector('.next').addEventListener('click', onNext);
+    overlay.querySelector('.reset').addEventListener('click', onReset);
+    return overlay;
+}
+export function buildTapzones({ onBack, onForward }) {
+    const tapzones = document.createElement('div');
+    tapzones.className = 'tapzones export-hidden';
+    tapzones.setAttribute('aria-hidden', 'true');
+    const tzBack = document.createElement('div');
+    tzBack.className = 'tapzone tapzone--back';
+    const tzMid = document.createElement('div');
+    tzMid.className = 'tapzone tapzone--mid';
+    tzMid.style.pointerEvents = 'none';
+    const tzFwd = document.createElement('div');
+    tzFwd.className = 'tapzone tapzone--fwd';
+    tzBack.addEventListener('click', onBack);
+    tzFwd.addEventListener('click', onForward);
+    tapzones.append(tzBack, tzMid, tzFwd);
+    return tapzones;
+}
+const KEY_HANDLERS = {
+    ArrowRight: (deck) => deck._go(deck._index + 1, 'keyboard'),
+    PageDown:   (deck) => deck._go(deck._index + 1, 'keyboard'),
+    ' ':        (deck) => deck._go(deck._index + 1, 'keyboard'),
+    Spacebar:   (deck) => deck._go(deck._index + 1, 'keyboard'),
+    ArrowLeft:  (deck) => deck._go(deck._index - 1, 'keyboard'),
+    PageUp:     (deck) => deck._go(deck._index - 1, 'keyboard'),
+    Home:       (deck) => deck._go(0, 'keyboard'),
+    End:        (deck) => deck._go(deck._slides.length - 1, 'keyboard'),
+    r:          (deck) => deck._go(0, 'keyboard'),
+    R:          (deck) => deck._go(0, 'keyboard')
+};
+export function handleDeckKey(deck, e) {
+    const t = e.target;
+    if (t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName))) return false;
+    if (e.metaKey || e.ctrlKey || e.altKey) return false;
+    const fn = KEY_HANDLERS[e.key];
+    if (fn) { fn(deck); return true; }
+    if (/^[0-9]$/.test(e.key)) {
+        const n = e.key === '0' ? 9 : parseInt(e.key, 10) - 1;
+        if (n < deck._slides.length) { deck._go(n, 'keyboard'); return true; }
+    }
+    return false;
+}

package/dist/slides/deck-stage-state.js ADDED Viewed

@@ -0,0 +1,81 @@
+export const STORAGE_PREFIX = 'deck-stage:slide:';
+const VALIDATE_ATTR = 'no_overflowing_text,no_overlapping_text,slide_sized_text';
+const pad2 = (n) => String(n).padStart(2, '0');
+export function loadNotes(deckEl) {
+    const tag = document.getElementById('speaker-notes');
+    if (!tag) return [];
+    try {
+        const parsed = JSON.parse(tag.textContent || '[]');
+        return Array.isArray(parsed) ? parsed : [];
+    } catch (e) {
+        console.warn('[deck-stage] Failed to parse #speaker-notes JSON:', e);
+        return [];
+    }
+}
+export function restoreIndex(deckEl, slides) {
+    const storageKey = STORAGE_PREFIX + (location.pathname || '/');
+    try {
+        const raw = localStorage.getItem(storageKey);
+        if (raw == null) return 0;
+        const n = parseInt(raw, 10);
+        if (Number.isFinite(n) && n >= 0 && n < slides.length) return n;
+    } catch (e) { /* ignore */ }
+    return 0;
+}
+export function persistIndex(deckEl, index) {
+    const storageKey = STORAGE_PREFIX + (location.pathname || '/');
+    try { localStorage.setItem(storageKey, String(index)); } catch (e) {}
+}
+export function collectSlides(deckEl, slot) {
+    const assigned = slot.assignedElements({ flatten: true });
+    const slides = assigned.filter((el) => {
+        const tag = el.tagName;
+        return tag !== 'TEMPLATE' && tag !== 'SCRIPT' && tag !== 'STYLE';
+    });
+    slides.forEach((slide, i) => {
+        const n = i + 1;
+        let label = slide.getAttribute('data-label');
+        if (!label) {
+            const existing = slide.getAttribute('data-screen-label');
+            if (existing) label = existing.replace(/^\s*\d+\s*/, '').trim() || existing;
+        }
+        if (!label) {
+            const heading = slide.querySelector('h1, h2, h3, [data-title]');
+            if (heading) label = (heading.textContent || '').trim().slice(0, 40);
+        }
+        if (!label) label = 'Slide';
+        slide.setAttribute('data-screen-label', `${pad2(n)} ${label}`);
+        if (!slide.hasAttribute('data-om-validate')) slide.setAttribute('data-om-validate', VALIDATE_ATTR);
+        slide.setAttribute('data-deck-slide', String(i));
+    });
+    return slides;
+}
+export function applyIndex(deckEl, { index, prevIndex, slides, countEl, showOverlay = true, broadcast = true, reason = 'init', flashFn = null } = {}) {
+    if (!slides.length) return;
+    const prev = prevIndex == null ? -1 : prevIndex;
+    const curr = index;
+    slides.forEach((s, i) => {
+        if (i === curr) s.setAttribute('data-deck-active', '');
+        else s.removeAttribute('data-deck-active');
+    });
+    if (countEl) countEl.textContent = String(curr + 1);
+    persistIndex(deckEl, curr);
+    if (broadcast) {
+        try { window.postMessage({ slideIndexChanged: curr }, '*'); } catch (e) {}
+        deckEl.dispatchEvent(new CustomEvent('slidechange', {
+            detail: {
+                index: curr, previousIndex: prev, total: slides.length,
+                slide: slides[curr] || null,
+                previousSlide: prev >= 0 ? (slides[prev] || null) : null,
+                reason
+            },
+            bubbles: true, composed: true
+        }));
+    }
+    if (showOverlay && flashFn) flashFn();
+}

package/dist/slides/deck-stage-style.js ADDED Viewed

@@ -0,0 +1,117 @@
+export const STYLESHEET = `
+    :host {
+      position: fixed;
+      inset: 0;
+      display: block;
+      background: var(--panel-0, #000);
+      color: var(--panel-text, #fff);
+      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
+      overflow: hidden;
+    }
+    .stage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
+    .canvas {
+      position: relative;
+      transform-origin: center center;
+      flex-shrink: 0;
+      background: var(--panel-1, #fff);
+      will-change: transform;
+    }
+    ::slotted(*) {
+      position: absolute !important;
+      inset: 0 !important;
+      width: 100% !important;
+      height: 100% !important;
+      box-sizing: border-box !important;
+      overflow: hidden;
+      opacity: 0;
+      pointer-events: none;
+      visibility: hidden;
+    }
+    ::slotted([data-deck-active]) { opacity: 1; pointer-events: auto; visibility: visible; }
+    .tapzones {
+      position: fixed; inset: 0; display: flex; z-index: 2147482000; pointer-events: none;
+    }
+    .tapzone { flex: 1; pointer-events: auto; -webkit-tap-highlight-color: transparent; }
+    @media (hover: hover) and (pointer: fine) { .tapzones { display: none; } }
+    .overlay {
+      position: fixed;
+      left: 50%; bottom: 22px;
+      transform: translate(-50%, 6px) scale(0.92);
+      filter: blur(6px);
+      display: flex; align-items: center;
+      gap: 4px; padding: 4px;
+      background: #000; color: #fff;
+      border-radius: 999px;
+      font-size: 14px;
+      font-feature-settings: "tnum" 1;
+      letter-spacing: 0.01em;
+      opacity: 0; pointer-events: none;
+      transition: opacity 260ms ease, transform 260ms cubic-bezier(.2,.8,.2,1), filter 260ms ease;
+      transform-origin: center bottom;
+      z-index: 2147483000;
+      user-select: none;
+    }
+    .overlay[data-visible] {
+      opacity: 1; pointer-events: auto;
+      transform: translate(-50%, 0) scale(1);
+      filter: blur(0);
+    }
+    .btn {
+      appearance: none; -webkit-appearance: none;
+      background: transparent; border: 0; margin: 0; padding: 0;
+      color: inherit; font: inherit; cursor: default;
+      display: inline-flex; align-items: center; justify-content: center;
+      height: 28px; min-width: 28px;
+      border-radius: 999px;
+      color: rgba(255,255,255,0.72);
+      transition: background 140ms ease, color 140ms ease;
+      -webkit-tap-highlight-color: transparent;
+    }
+    .btn:hover { background: rgba(255,255,255,0.12); color: #fff; }
+    .btn:active { background: rgba(255,255,255,0.18); }
+    .btn:focus, .btn:focus-visible { outline: none; }
+    .btn::-moz-focus-inner { border: 0; }
+    .btn svg { width: 14px; height: 14px; display: block; }
+    .btn.reset {
+      font-size: 13px; font-weight: 500; letter-spacing: 0.02em;
+      padding: 0 10px 0 12px; gap: 6px;
+      color: rgba(255,255,255,0.72);
+    }
+    .btn.reset .kbd {
+      display: inline-flex; align-items: center; justify-content: center;
+      min-width: 16px; height: 16px; padding: 0 4px;
+      font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+      font-size: 12px; line-height: 1;
+      color: rgba(255,255,255,0.88);
+      background: rgba(255,255,255,0.12);
+      border-radius: 4px;
+    }
+    .count {
+      font-variant-numeric: tabular-nums;
+      color: #fff; font-weight: 500;
+      padding: 0 8px; min-width: 42px;
+      text-align: center; font-size: 14px;
+    }
+    .count .sep { color: rgba(255,255,255,0.45); margin: 0 3px; font-weight: 400; }
+    .count .total { color: rgba(255,255,255,0.55); }
+    .divider { width: 1px; height: 14px; background: rgba(255,255,255,0.18); margin: 0 2px; }
+    @media print {
+      :host { position: static; inset: auto; background: none; overflow: visible; color: inherit; }
+      .stage { position: static; display: block; }
+      .canvas { transform: none !important; width: auto !important; height: auto !important; background: none; will-change: auto; }
+      ::slotted(*) {
+        position: relative !important;
+        inset: auto !important;
+        width: var(--deck-design-w) !important;
+        height: var(--deck-design-h) !important;
+        box-sizing: border-box !important;
+        opacity: 1 !important;
+        visibility: visible !important;
+        pointer-events: auto;
+        break-after: page; page-break-after: always; break-inside: avoid;
+        overflow: hidden;
+      }
+      ::slotted(*:last-child) { break-after: auto; page-break-after: auto; }
+      .overlay, .tapzones { display: none !important; }
+    }
+`;