anentrypoint-design 0.0.121 → 0.0.124

package/dist/ui_kits/aicat/app.js

@@ -1,156 +0,0 @@
-import * as webjsx from 'webjsx';
-import { AICat, AICatPortrait, ChatComposer, Topbar, Crumb, Status, Side, AppShell, Panel, Heading, Lede, Chip } from 'ds/components.js';
-import { mountKit } from 'ds/bootstrap.js';
-import 'ds/index.js';
-const h = webjsx.createElement;
-
-const FACES = {
-    idle:    ` /\\_/\\\n( o.o )\n > ^ <`,
-    happy:   ` /\\_/\\\n( ^.^ )\n > ~ <`,
-    think:   ` /\\_/\\\n( -.- )\n > ? <`,
-    pounce:  ` /\\_/\\\n( O.O )\n > ! <`
-};
-
-const PRESETS = [
-    { q: 'show me a small react component', k: 'code-react' },
-    { q: 'show python prime sieve', k: 'code-py' },
-    { q: 'explain prefers-reduced-motion', k: 'md-rm' },
-    { q: 'send the v0.0.27 token sheet', k: 'pdf' },
-    { q: 'paste the mascot art', k: 'image' },
-    { q: 'link the design repo', k: 'link' },
-    { q: 'attach a config file', k: 'file' },
-    { q: 'tell me a joke about garbage collection', k: 'text' }
-];
-
-const REPLIES = {
-    'code-react': () => ({ parts: [
-        { kind: 'text', text: 'sure — here\'s a tiny one:' },
-        { kind: 'code', lang: 'jsx', filename: 'Greet.jsx',
-          code: 'export function Greet({ name }) {\n  return <p>hi, {name} =^.^=</p>;\n}\n\nexport default Greet;' }
-    ] }),
-    'code-py': () => ({ parts: [
-        { kind: 'text', text: 'classic sieve, no imports:' },
-        { kind: 'code', lang: 'python', filename: 'sieve.py',
-          code: 'def primes(n):\n    sieve = [True] * (n + 1)\n    sieve[0] = sieve[1] = False\n    for i in range(2, int(n ** 0.5) + 1):\n        if sieve[i]:\n            for j in range(i * i, n + 1, i):\n                sieve[j] = False\n    return [i for i, p in enumerate(sieve) if p]\n\nprint(primes(50))' }
-    ] }),
-    'md-rm': () => ({ parts: [{ kind: 'md', text: '## prefers-reduced-motion\n\nmedia query that signals the user wants less animation. honour it:\n\n- short-circuit fade-ins\n- drop big translates\n- keep opacity-only if anything\n\n```css\n@media (prefers-reduced-motion: reduce) {\n  * { animation-duration: 0ms !important; }\n}\n```\n\n> opt out of motion, not out of feedback.' }] }),
-    pdf: () => ({ parts: [
-        { kind: 'text', text: 'here you go — `tokens-v0.0.27.pdf`:' },
-        { kind: 'pdf', src: './sample.pdf', name: 'tokens-v0.0.27.pdf', size: 782 }
-    ] }),
-    image: () => ({ parts: [
-        { kind: 'text', text: 'mascot, fresh from the loom:' },
-        { kind: 'image', src: './sample-svg.svg', alt: '247420 mascot', caption: 'mascot · svg · favicon-derived' }
-    ] }),
-    link: () => ({ parts: [
-        { kind: 'link', href: 'https://github.com/AnEntrypoint/design', host: 'github.com',
-          title: 'AnEntrypoint/design',
-          desc: 'design system for 247420 — layered surfaces, mono labels, pill radii.',
-          thumb: './sample-square.png' }
-    ] }),
-    file: () => ({ parts: [
-        { kind: 'text', text: 'config attached — drop it in `~/.config/aicat/config.json`.' },
-        { kind: 'file', src: './sample.pdf', name: 'aicat.config.json', size: 412, kindLabel: 'JSON' }
-    ] }),
-    text: () => ({ parts: [{ kind: 'text', text: 'a generational gc walks into a bar. the bartender says, *you again?* gc says, **don\'t worry, I\'ll be young forever.**' }] })
-};
-
-function classifyAndReply(text) {
-    const t = text.toLowerCase();
-    const map = [
-        [/python|sieve|prime/, 'code-py'],
-        [/code|react|component|function|jsx/, 'code-react'],
-        [/reduced.motion|animat|motion/, 'md-rm'],
-        [/pdf|token sheet|spec/, 'pdf'],
-        [/image|mascot|picture|art/, 'image'],
-        [/link|repo|github/, 'link'],
-        [/file|config|attach/, 'file']
-    ];
-    for (const [re, k] of map) if (re.test(t)) return REPLIES[k]();
-    return REPLIES.text();
-}
-
-const state = {
-    draft: '', thinking: false, mood: 'idle',
-    messages: [
-        { who: 'them', name: 'aicat', text: 'hi. I am **aicat**. I read fast and I knock things off shelves.', time: '·' },
-        { who: 'them', name: 'aicat', parts: [{ kind: 'md', text: 'try one of these:\n\n- ask for `code` (react/python — pick a flavour)\n- ask for the **token pdf** or the **mascot image**\n- ask me to attach a *config file*\n- or just chat — I respond in markdown.' }], time: '·' }
-    ]
-};
-
-const root = document.getElementById('root');
-function timeNow() { const d = new Date(); return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); }
-
-function send(text) {
-    state.messages = [...state.messages, { who: 'you', avatar: 'u', time: timeNow(), receipt: 'delivered', parts: [{ kind: 'text', text }] }];
-    state.draft = '';
-    state.thinking = true;
-    state.mood = 'think';
-    kit.render();
-    setTimeout(() => {
-        state.thinking = false;
-        state.mood = 'happy';
-        const reply = classifyAndReply(text);
-        state.messages = state.messages.map((m) => m.who === 'you' ? { ...m, receipt: 'read' } : m);
-        state.messages = [...state.messages, { who: 'them', name: 'aicat', time: timeNow(), ...reply }];
-        kit.render();
-        setTimeout(() => { state.mood = 'idle'; kit.render(); }, 1400);
-    }, 1100);
-}
-
-function App() {
-    return AppShell({
-        topbar: Topbar({ brand: '247420', leaf: 'aicat', items: [['index', '../../'], ['chat', '../chat/'], ['source ↗', 'https://github.com/AnEntrypoint/design']] }),
-        crumb: Crumb({ trail: ['247420', 'kits'], leaf: 'aicat' }),
-        side: Side({
-            sections: [
-                { group: 'session', items: [
-                    { glyph: '◆', label: 'new chat', key: 'new', onClick: (e) => { e.preventDefault(); state.messages = state.messages.slice(0, 2); kit.render(); } },
-                    { glyph: '◇', label: 'history', count: 7, key: 'h' }
-                ] },
-                { group: 'try', items: PRESETS.map((p, i) => ({
-                    glyph: '·', label: p.q.length > 22 ? p.q.slice(0, 22) + '…' : p.q, key: 'p' + i,
-                    onClick: (e) => { e.preventDefault(); send(p.q); }
-                })) }
-            ]
-        }),
-        main: [
-            h('div', { class: 'ds-section' },
-                Heading({ level: 1, children: 'aicat' }),
-                Lede({ children: 'an ai assistant with a cat persona. she replies in text, code (highlighted), markdown, images, pdfs, file attachments, or link cards — depending on what you ask.' }),
-                AICatPortrait({
-                    name: 'aicat',
-                    status: state.thinking ? 'thinking…' : (state.mood === 'happy' ? 'online · purring' : 'online · idle'),
-                    face: FACES[state.mood] || FACES.idle
-                }),
-                AICat({
-                    name: 'aicat',
-                    status: state.thinking ? 'thinking…' : 'online · purring',
-                    messages: state.messages, thinking: state.thinking,
-                    composer: ChatComposer({
-                        value: state.draft,
-                        placeholder: 'ask aicat anything…',
-                        disabled: state.thinking,
-                        onInput: (v) => { state.draft = v; kit.render(); },
-                        onSend: send
-                    })
-                }),
-                Panel({
-                    title: 'about this kit',
-                    children: h('div', { class: 'ds-pattern-notes' },
-                        h('p', {}, '· portrait swaps with mood — ', Chip({ tone: 'dim', children: 'idle' }), ' ', Chip({ tone: 'dim', children: 'think' }), ' ', Chip({ tone: 'accent', children: 'happy' }), '.'),
-                        h('p', {}, '· thinking-state appends a typing bubble, disables the composer, blocks pre-emptive multi-sends.'),
-                        h('p', {}, '· classifier in ', h('code', {}, 'classifyAndReply()'), ' is deterministic — wire it to your model, replies stay shaped as ', h('code', {}, '{parts:[…]}'), '.')
-                    )
-                })
-            )
-        ],
-        status: Status({
-            left: ['aicat', '• ' + state.messages.length + ' turns', state.thinking ? '• thinking' : '• idle'],
-            right: ['247420 / mmxxvi']
-        })
-    });
-}
-
-const kit = mountKit({ root, view: App, screen: '07 AICat' });
-window.__aicat = { state, render: kit.render, send };

package/dist/ui_kits/aicat/index.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="auto" class="ds-247420"><head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <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">
-  <title>aicat / 247420</title>
-  <meta name="description" content="aicat ui kit — ai assistant chat with cat persona, ascii portrait, thinking dots.">
-  <link rel="canonical" href="https://anentrypoint.github.io/design/ui_kits/aicat/">
-  <link rel="icon" type="image/svg+xml" href="../../favicon.svg">
-  <link rel="stylesheet" href="../../colors_and_type.css">
-  <link rel="stylesheet" href="../../app-shell.css">
-<script type="importmap">
-{ "imports": {
-  "webjsx": "../../vendor/webjsx/index.js",
-  "webjsx/": "../../vendor/webjsx/",
-  "webjsx/jsx-runtime": "../../vendor/webjsx/jsx-runtime.js",
-  "ds/": "../../src/"
-} }
-</script>
-</head>
-<body data-screen-label="07 AICat">
-<div id="root"></div>
-<script type="module" src="./app.js"></script>
-</body></html>

package/dist/ui_kits/aicat/sample-svg.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="6" fill="#247420"/><text x="16" y="22" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="14" font-weight="700" fill="#EFE9DD" text-anchor="middle">24</text></svg>

package/dist/ui_kits/aicat/sample.pdf

@@ -1,32 +0,0 @@
-%PDF-1.4
-1 0 obj
-<< /Type /Catalog /Pages 2 0 R >>
-endobj
-2 0 obj
-<< /Type /Pages /Kids [3 0 R] /Count 1 >>
-endobj
-3 0 obj
-<< /Type /Page /Parent 2 0 R /MediaBox [0 0 360 220] /Resources << /Font << /F1 5 0 R >> >> /Contents 4 0 R >>
-endobj
-4 0 obj
-<< /Length 238 >>
-stream
-BT /F1 18 Tf 36 180 Td (design tokens) Tj 0 -28 Td /F1 12 Tf (anentrypoint-design v0.0.26) Tj 0 -22 Td (panel-0 panel-1 panel-2 accent) Tj 0 -22 Td (zero-border, pill radii, mono labels) Tj 0 -38 Td /F1 10 Tf (sample pdf attachment) Tj ET
-endstream
-endobj
-5 0 obj
-<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>
-endobj
-xref
-0 6
-0000000000 65535 f 
-0000000009 00000 n 
-0000000058 00000 n 
-0000000115 00000 n 
-0000000241 00000 n 
-0000000530 00000 n 
-trailer
-<< /Size 6 /Root 1 0 R >>
-startxref
-600
-%%EOF

package/dist/ui_kits/blog/README.md

@@ -1,3 +0,0 @@
-# Blog UI Kit — long-form writing surface
-
-Sans long-form, flush-left, dateline bar on top, single column max 72ch.

package/dist/ui_kits/blog/index.html

@@ -1,90 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="auto" class="ds-247420"><head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <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">
-  <title>writing / 247420</title>
-  <meta name="description" content="long-form writing template — editorial type on layered panels.">
-  <meta name="author" content="247420 / AnEntrypoint">
-  <meta name="keywords" content="247420, anentrypoint, design system, webjsx, rippleui, creative collective">
-  <link rel="canonical" href="https://anentrypoint.github.io/design/ui_kits/blog/">
-  <link rel="icon" type="image/svg+xml" href="../../favicon.svg">
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="writing / 247420">
-  <meta property="og:description" content="long-form writing template — editorial type on layered panels.">
-  <meta property="og:url" content="https://anentrypoint.github.io/design/ui_kits/blog/">
-  <meta property="og:site_name" content="247420 / design">
-  <meta property="og:image" content="https://anentrypoint.github.io/design/og-card.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:image:alt" content="247420 design system">
-  <meta property="og:locale" content="en_US">
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="writing / 247420">
-  <meta name="twitter:description" content="long-form writing template — editorial type on layered panels.">
-  <meta name="twitter:image" content="https://anentrypoint.github.io/design/og-card.png">
-  <meta name="twitter:site" content="@AnEntrypoint">
-  <meta name="robots" content="index, follow">
-  <link rel="stylesheet" href="../../colors_and_type.css">
-  <link rel="stylesheet" href="../../app-shell.css">
-<style>
-  .post-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;font-family:var(--ff-mono);font-size:14px;text-transform:uppercase;letter-spacing:0.08em;color:var(--panel-text-2);}
-  .post-meta .sep{color:var(--panel-text-3);}
-  blockquote{margin:20px 0;padding:12px 18px;background:var(--panel-1);border-radius:8px;font-size:15px;color:var(--panel-text);line-height:1.55;max-width:62ch;}
-  blockquote::before{content:'“';color:var(--panel-accent);font-family:var(--ff-display);font-size:28px;margin-right:6px;line-height:0;vertical-align:-4px;}
-  .post-body p{font-size:15px;line-height:1.7;max-width:62ch;color:var(--panel-text);}
-  .post-body a{color:var(--panel-accent);}
-</style>
-
-</head>
-<body data-screen-label="04 Blog">
-<div class="app">
-  <header class="app-topbar">
-    <span class="brand">247420<span class="slash"> / </span>writing</span>
-    <nav>
-      <a href="../homepage/">← homepage</a>
-      <a href="#" class="active">lore</a>
-      <a href="#">gm</a>
-      <a href="#">manifesto</a>
-      <a href="#">notes</a>
-    </nav>
-  </header>
-  <div class="app-crumb">
-    <span>247420</span><span class="sep">›</span>
-    <span>writing</span><span class="sep">›</span>
-    <span>lore</span><span class="sep">›</span>
-    <span class="leaf">we-were-here-first.md</span>
-  </div>
-  <div class="app-body no-side">
-    <main class="app-main narrow centered">
-      <div class="post-meta">
-        <span>§ lore</span><span class="sep">·</span>
-        <span>apr 14 2026</span><span class="sep">·</span>
-        <span>8 min read</span><span class="sep">·</span>
-        <span><span class="chip accent">draft</span></span>
-      </div>
-      <h1>we were here first</h1>
-      <p class="lede">a short &amp; slightly smug history of the creative department of the internet.</p>
-      <div class="post-body ds-prose">
-        <p>there's a particular feeling — you know the one — of watching something you made five years ago get repackaged, re-skinned, and re-announced as if it were new. the web is a very long memory with a very short attention span, and 247420 has been, quietly, <em>around</em> for most of it.</p>
-        <p>this isn't a victory lap. it's a map. because if you're showing up to the party now, you should at least know who set the table.</p>
-        <blockquote>we don't know which ideas become the future. we just know most of them come from the same few rooms.</blockquote>
-        <p>the rooms have moved — from irc to forums to discord to whatever-this-is-now — but the pattern is consistent. a handful of people, each a little too weird to hold a normal job, trading prototypes at 2am, throwing away 90% of them, shipping the 10% that's too strange to ignore. that's the collective. that's always been the collective. <a href="#">adaptogen</a>, <code>gm</code>, zellous, <a href="#">the long list of things you've never heard of</a> — all came out of the same 2am.</p>
-        <h2>so what's the actual point</h2>
-        <p>the point is: stop asking permission. ship the rough draft. document honestly. humor is load-bearing. and if you're reading this thinking "that's obvious" — good. you're home.</p>
-        <p class="ds-prose-endnote">§ end. reply by opening a pr. <a href="#">source ↗</a></p>
-      </div>
-    </main>
-  </div>
-  <footer class="app-status">
-    <span class="item">main</span>
-    <span class="item">• markdown</span>
-    <span class="item">• 8 min</span>
-    <span class="spread"></span>
-    <span class="item">apr 14 2026</span>
-    <span class="item">• draft</span>
-  </footer>
-</div>
-</body></html>

package/dist/ui_kits/chat/README.md

@@ -1,5 +0,0 @@
-# Chat UI Kit
-
-Message thread + composer. Tonal pill bubbles, monospace timestamps, accent-filled own-side, sidebar of rooms/DMs.
-
-Components used: `Chat`, `ChatComposer`, `ChatMessage`, plus the shell primitives (`AppShell`, `Topbar`, `Crumb`, `Side`, `Status`, `Panel`).

package/dist/ui_kits/chat/app.js

@@ -1,110 +0,0 @@
-import * as webjsx from 'webjsx';
-import { Chat, ChatComposer, Topbar, Crumb, Status, Side, AppShell, Panel } from 'ds/components.js';
-import { mountKit } from 'ds/bootstrap.js';
-import 'ds/index.js';
-const h = webjsx.createElement;
-
-const seed = [
-    { who: 'them', avatar: 'jr', name: 'jordan', time: '14:02',
-      parts: [{ kind: 'text', text: 'pushed v0.0.27, theme cleanup looks clean now. see the **release notes** in [the changelog](https://github.com/AnEntrypoint/design/releases).' }],
-      reactions: [{ emoji: '🎉', count: 3, you: true }, { emoji: '👀', count: 1 }] },
-    { who: 'them', avatar: 'mk', name: 'mai', time: '14:03',
-      parts: [{ kind: 'text', text: 'nice. body-hide trick on first paint? share the diff?' }] },
-    { who: 'you', avatar: 'me', time: '14:04', receipt: 'read',
-      parts: [
-        { kind: 'text', text: 'yeah — just hide `body` until styles+fonts+first paint ready. no flash.' },
-        { kind: 'code', lang: 'css', filename: 'theme.css',
-          code: 'html { visibility: hidden; }\nhtml.ready { visibility: visible; }\n\n@media (prefers-reduced-motion: reduce) {\n  * { animation-duration: 0ms !important; }\n}' }
-      ] },
-    { who: 'them', avatar: 'jr', name: 'jordan', time: '14:05',
-      parts: [{ kind: 'md', text: '## review notes\n\nlooks solid. couple things:\n\n- short timeout fallback in case fonts hang\n- announce the `ready` class via `requestIdleCallback`\n- keep no-js fallback to `visibility: visible`\n\n> "ship the rough draft" — but not the broken one.\n\nwill review the rest tonight.' }],
-      reactions: [{ emoji: '✅', count: 2, you: true }] },
-    { who: 'them', avatar: 'mk', name: 'mai', time: '14:08',
-      parts: [{ kind: 'image', src: './sample-svg.svg', alt: 'design system mascot', caption: 'spot the new mascot — final ✨' }] },
-    { who: 'you', avatar: 'me', time: '14:10', receipt: 'read',
-      parts: [
-        { kind: 'text', text: 'attaching the v0.0.27 token sheet for review:' },
-        { kind: 'pdf', src: './sample.pdf', name: 'tokens-v0.0.27.pdf', size: 782 }
-      ] },
-    { who: 'them', avatar: 'jr', name: 'jordan', time: '14:12',
-      parts: [{ kind: 'link', href: 'https://github.com/AnEntrypoint/design', host: 'github.com',
-                title: 'AnEntrypoint/design — design system for 247420',
-                desc: 'a coherent visual paradigm — layered surfaces, monospace labels, loud content inside quiet chrome.',
-                thumb: './sample-square.png' }] },
-    { who: 'them', avatar: 'mk', name: 'mai', time: '14:14',
-      parts: [{ kind: 'file', src: './sample.pdf', name: 'meeting-notes-2026-05-01.pdf', size: 782 }],
-      reactions: [{ emoji: '📌', count: 1 }] }
-];
-
-const state = { draft: '', room: 'general', messages: seed.slice() };
-const rooms = [
-    { glyph: '#', label: 'general', count: 12, key: 'general' },
-    { glyph: '#', label: 'design', count: 4, key: 'design' },
-    { glyph: '#', label: 'releases', count: 1, key: 'releases' },
-    { glyph: '#', label: 'lore', count: 0, key: 'lore' }
-];
-const dms = [
-    { glyph: '·', label: 'jordan', key: 'jr' },
-    { glyph: '·', label: 'mai', key: 'mk' },
-    { glyph: '·', label: 'aicat', key: 'aicat' }
-];
-
-const root = document.getElementById('root');
-function timeNow() { const d = new Date(); return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); }
-
-function send(text) {
-    state.messages = [...state.messages, {
-        who: 'you', avatar: 'me', time: timeNow(), receipt: 'delivered',
-        parts: [{ kind: 'text', text }]
-    }];
-    state.draft = '';
-    kit.render();
-    setTimeout(() => {
-        state.messages = [...state.messages, {
-            who: 'them', avatar: 'jr', name: 'jordan', time: timeNow(),
-            parts: [{ kind: 'text', text: 'noted. *' + text.split(' ').slice(0, 6).join(' ') + '…*' }]
-        }];
-        state.messages = state.messages.map((m) => m.who === 'you' ? { ...m, receipt: 'read' } : m);
-        kit.render();
-    }, 1100);
-}
-
-function App() {
-    return AppShell({
-        topbar: Topbar({ brand: '247420', leaf: 'chat', items: [['index', '../../'], ['aicat', '../aicat/'], ['source ↗', 'https://github.com/AnEntrypoint/design']] }),
-        crumb: Crumb({ trail: ['247420', 'kits'], leaf: 'chat' }),
-        side: Side({
-            sections: [
-                { group: 'rooms', items: rooms.map(r => ({ ...r, active: state.room === r.key, onClick: (e) => { e.preventDefault(); state.room = r.key; kit.render(); } })) },
-                { group: 'direct', items: dms.map(r => ({ ...r, active: state.room === r.key, onClick: (e) => { e.preventDefault(); state.room = r.key; kit.render(); } })) }
-            ]
-        }),
-        main: [
-            h('div', { class: 'ds-section' },
-                h('h1', {}, '# ' + state.room),
-                h('p', { class: 'lede' }, 'thread of messages with rich attachments — text, code (prism-highlighted), image, pdf, file, link, markdown (marked + DOMPurify), reactions, read-receipts.'),
-                Chat({
-                    title: state.room, sub: 'public', messages: state.messages,
-                    composer: ChatComposer({
-                        value: state.draft,
-                        placeholder: 'message #' + state.room + '…',
-                        onInput: (v) => { state.draft = v; kit.render(); },
-                        onSend: send
-                    })
-                }),
-                Panel({
-                    title: 'pattern notes',
-                    children: h('div', { class: 'ds-pattern-notes' },
-                        h('p', {}, '· bubble corner-cut on the originating side (4–6px) gives directional read without arrows.'),
-                        h('p', {}, '· own messages take the accent fill so the eye lands on what you said last; ✓ delivered, ✓✓ read.'),
-                        h('p', {}, '· markdown is parsed by ', h('code', {}, 'marked'), ' and sanitized by ', h('code', {}, 'DOMPurify'), '; code blocks lit by ', h('code', {}, 'prism.js'), '.')
-                    )
-                })
-            )
-        ],
-        status: Status({ left: ['main', '• ' + state.messages.length + ' messages', '• ' + rooms.length + ' rooms'], right: ['247420 / mmxxvi'] })
-    });
-}
-
-const kit = mountKit({ root, view: App, screen: '06 Chat' });
-window.__chat = { state, render: kit.render };

package/dist/ui_kits/chat/index.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="en" class="ds-247420"><head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <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">
-  <title>chat / 247420</title>
-  <meta name="description" content="chat ui kit — message thread + composer, tonal pill bubbles, monospace meta.">
-  <link rel="canonical" href="https://anentrypoint.github.io/design/ui_kits/chat/">
-  <link rel="icon" type="image/svg+xml" href="../../favicon.svg">
-  <link rel="stylesheet" href="../../colors_and_type.css">
-  <link rel="stylesheet" href="../../app-shell.css">
-<script type="importmap">
-{ "imports": {
-  "webjsx": "../../vendor/webjsx/index.js",
-  "webjsx/": "../../vendor/webjsx/",
-  "webjsx/jsx-runtime": "../../vendor/webjsx/jsx-runtime.js",
-  "ds/": "../../src/"
-} }
-</script>
-</head>
-<body data-screen-label="06 Chat">
-<div id="root"></div>
-<script type="module" src="./app.js"></script>
-</body></html>

package/dist/ui_kits/chat/sample-svg.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="6" fill="#247420"/><text x="16" y="22" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="14" font-weight="700" fill="#EFE9DD" text-anchor="middle">24</text></svg>

package/dist/ui_kits/chat/sample.pdf

@@ -1,32 +0,0 @@
-%PDF-1.4
-1 0 obj
-<< /Type /Catalog /Pages 2 0 R >>
-endobj
-2 0 obj
-<< /Type /Pages /Kids [3 0 R] /Count 1 >>
-endobj
-3 0 obj
-<< /Type /Page /Parent 2 0 R /MediaBox [0 0 360 220] /Resources << /Font << /F1 5 0 R >> >> /Contents 4 0 R >>
-endobj
-4 0 obj
-<< /Length 238 >>
-stream
-BT /F1 18 Tf 36 180 Td (design tokens) Tj 0 -28 Td /F1 12 Tf (anentrypoint-design v0.0.26) Tj 0 -22 Td (panel-0 panel-1 panel-2 accent) Tj 0 -22 Td (zero-border, pill radii, mono labels) Tj 0 -38 Td /F1 10 Tf (sample pdf attachment) Tj ET
-endstream
-endobj
-5 0 obj
-<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>
-endobj
-xref
-0 6
-0000000000 65535 f 
-0000000009 00000 n 
-0000000058 00000 n 
-0000000115 00000 n 
-0000000241 00000 n 
-0000000530 00000 n 
-trailer
-<< /Size 6 /Root 1 0 R >>
-startxref
-600
-%%EOF

package/dist/ui_kits/community/app.js

@@ -1,134 +0,0 @@
-import * as webjsx from 'webjsx';
-import { Topbar, Crumb, Status } from 'ds/components.js';
-import {
-    CommunityShell, ServerRail, ChannelSidebar,
-    MemberList, ChatHeader, VoiceStrip
-} from 'ds/components.js';
-import { mountKit } from 'ds/bootstrap.js';
-import 'ds/index.js';
-const h = webjsx.createElement;
-
-const servers = [
-    { id: 's1', name: '247420', active: true },
-    { id: 's2', name: 'design lab' },
-    { id: 's3', name: 'zellous' },
-];
-
-const categories = [
-    { id: 'cat-general', name: 'GENERAL', position: 0 },
-    { id: 'cat-design', name: 'DESIGN', position: 1 },
-    { id: 'cat-voice', name: 'VOICE CHANNELS', position: 2 },
-];
-
-const channels = [
-    { id: 'ch1', name: 'welcome', categoryId: 'cat-general', type: 'text', position: 0 },
-    { id: 'ch2', name: 'announcements', categoryId: 'cat-general', type: 'text', position: 1 },
-    { id: 'ch3', name: 'general', categoryId: 'cat-general', type: 'text', position: 2 },
-    { id: 'ch4', name: 'tokens', categoryId: 'cat-design', type: 'text', position: 0 },
-    { id: 'ch5', name: 'components', categoryId: 'cat-design', type: 'text', position: 1 },
-    { id: 'ch6', name: 'lounge', categoryId: 'cat-voice', type: 'voice', position: 0 },
-    { id: 'ch7', name: 'standup', categoryId: 'cat-voice', type: 'voice', position: 1 },
-];
-
-const members = [
-    { label: 'online — 3', members: [
-        { identity: 'jordan', name: 'jordan', status: 'online', color: '#3F8A4A' },
-        { identity: 'mai', name: 'mai', status: 'online', color: '#6B3A78' },
-        { identity: 'aicat', name: 'aicat', status: 'online', color: '#F07AA8' },
-    ]},
-    { label: 'offline — 2', members: [
-        { identity: 'river', name: 'river', status: 'offline' },
-        { identity: 'sage', name: 'sage', status: 'offline' },
-    ]},
-];
-
-const state = {
-    activeServer: 's1',
-    activeChannel: channels[2],
-    collapsedCats: new Set(),
-    memberListOpen: false,
-    voiceOpen: false,
-    muted: false,
-    deafened: false,
-    messages: [
-        { id: 1, author: 'jordan', color: '#3F8A4A', time: '14:02', text: 'shipped the community shell component. check it out.' },
-        { id: 2, author: 'mai', color: '#6B3A78', time: '14:03', text: 'looks clean. does it handle collapsed cats?' },
-        { id: 3, author: 'aicat', color: '#F07AA8', time: '14:04', text: 'yes — click any category header.' },
-    ]
-};
-
-const root = document.getElementById('root');
-
-function App() {
-    const ch = state.activeChannel;
-    const chatContent = h('div', { class: 'ds-community-main' },
-        ChatHeader({
-            icon: ch.type === 'voice' ? '🔊' : '#',
-            name: ch.name,
-            topic: ch.type === 'text' ? 'community shell demo — click channels to switch' : null,
-            toolbar: [
-                h('button', { class: 'btn btn-ghost', onclick: () => { state.memberListOpen = !state.memberListOpen; kit.render(); } },
-                    state.memberListOpen ? '✕ members' : '◑ members')
-            ]
-        }),
-        h('div', { class: 'ds-community-messages' },
-            ...state.messages.map(m => h('div', { class: 'ds-community-msg', key: String(m.id) },
-                h('div', { class: 'ds-community-avatar', style: `background:${m.color || 'var(--panel-3)'}` }, m.author[0].toUpperCase()),
-                h('div', { class: 'ds-community-msg-body' },
-                    h('span', { class: 'ds-community-msg-name', style: `color:${m.color || 'var(--fg)'}` }, m.author),
-                    h('span', { class: 'ds-community-msg-time' }, m.time),
-                    h('p', { class: 'ds-community-msg-text' }, m.text)
-                )
-            ))
-        )
-    );
-
-    return h('div', { class: 'ds-community-page' },
-        Topbar({ brand: '247420', leaf: 'community', items: [['index', '../../'], ['chat', '../chat/'], ['source ↗', 'https://github.com/AnEntrypoint/design']] }),
-        CommunityShell({
-            serverRailProps: {
-                servers,
-                activeId: state.activeServer,
-                onSelect: (id) => { state.activeServer = id; kit.render(); }
-            },
-            sidebarProps: {
-                serverName: servers.find(s => s.id === state.activeServer)?.name || '247420',
-                channels,
-                categories,
-                activeId: state.activeChannel.id,
-                collapsedCats: state.collapsedCats,
-                onChannelClick: (ch) => { state.activeChannel = ch; kit.render(); },
-                onCategoryToggle: (id) => {
-                    state.collapsedCats.has(id) ? state.collapsedCats.delete(id) : state.collapsedCats.add(id);
-                    kit.render();
-                },
-                userPanelProps: {
-                    name: 'you',
-                    tag: '◰',
-                    color: '#247420',
-                    muted: state.muted,
-                    deafened: state.deafened,
-                    onMute: () => { state.muted = !state.muted; kit.render(); },
-                    onDeafen: () => { state.deafened = !state.deafened; kit.render(); },
-                    onSettings: () => {}
-                }
-            },
-            children: chatContent,
-            memberListProps: { categories: members, open: state.memberListOpen },
-            voiceStripProps: state.voiceOpen ? {
-                channelName: 'lounge',
-                status: 'connected',
-                muted: state.muted,
-                deafened: state.deafened,
-                onMute: () => { state.muted = !state.muted; kit.render(); },
-                onDeafen: () => { state.deafened = !state.deafened; kit.render(); },
-                onLeave: () => { state.voiceOpen = false; kit.render(); },
-                open: true
-            } : null
-        }),
-        Status({ left: ['community', '• ' + channels.length + ' channels', '• ' + servers.length + ' servers'], right: ['247420 / mmxxvi'] })
-    );
-}
-
-const kit = mountKit({ root, view: App, screen: '07 Community' });
-window.__community = { state, render: kit.render };