image-to-pixel 3.0.0 → 3.0.1

package/lib/editor/styles/fonts/README.md

@@ -1,6 +1,6 @@
-Fonts are self-hosted (no third-party requests). All of these are licensed under the SIL Open Font License 1.1.
-
-- Geist, by Vercel. https://github.com/vercel/geist-font
-- JetBrains Mono, by JetBrains. https://github.com/JetBrains/JetBrainsMono
-
-Latin subsets of the variable builds, via Fontsource (https://fontsource.org).
+Fonts are self-hosted (no third-party requests). All of these are licensed under the SIL Open Font License 1.1.
+
+- Geist, by Vercel. https://github.com/vercel/geist-font
+- JetBrains Mono, by JetBrains. https://github.com/JetBrains/JetBrainsMono
+
+Latin subsets of the variable builds, via Fontsource (https://fontsource.org).

package/lib/editor/styles/fonts/geist-LICENSE.txt

@@ -1,93 +1,93 @@
-Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font) Geist-Italic[wght].ttf: Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
+Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font) Geist-Italic[wght].ttf: Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/lib/editor/styles/tokens.css

@@ -1,89 +1,89 @@
-/* Design tokens shared by the editor and the site. Dark is the default; light via
-   [data-theme="light"] or the OS preference when no explicit theme is set. */
-
-@font-face { font-family: "Geist"; src: url("fonts/geist.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
-@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
-
-:root {
-  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
-
-  --r-sm: 6px;
-  --r-md: 8px;
-  --r-lg: 10px;
-
-  --fs-xs: 11px;
-  --fs-sm: 12px;
-  --fs-md: 13px;
-  --fs-lg: 15px;
-  --fs-xl: 20px;
-
-  --ease: cubic-bezier(.2, .7, .2, 1);
-  --dur: 140ms;
-
-  /* dark */
-  color-scheme: dark;
-  --bg: #111214;
-  --stage: #0d0e10;
-  --panel: #16171a;
-  --raised: #1d1e22;
-  --raised-2: #24252a;
-  --line: #26272c;
-  --line-strong: #33343a;
-  --text: #e6e6e9;
-  --text-2: #b4b5bc;
-  --muted: #84868f;
-  --faint: #5d5f68;
-  --accent: #8f80f5;
-  --accent-strong: #a395ff;
-  --accent-ink: #0f0d1f;
-  --accent-soft: rgba(143, 128, 245, 0.16);
-  --ok: #5fc48a;
-  --warn: #e3b55b;
-  --danger: #ec6a6a;
-  --checker-a: #1a1b1f;
-  --checker-b: #222328;
-  --shadow-pop: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--line-strong);
-  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
-}
-
-:root[data-theme="light"] {
-  color-scheme: light;
-  --bg: #f5f5f6;
-  --stage: #ececee;
-  --panel: #ffffff;
-  --raised: #f2f2f4;
-  --raised-2: #e9e9ec;
-  --line: #e4e4e8;
-  --line-strong: #d4d4da;
-  --text: #18181b;
-  --text-2: #3f4047;
-  --muted: #6b6d76;
-  --faint: #9a9ca4;
-  --accent: #6553d6;
-  --accent-strong: #5442c4;
-  --accent-ink: #ffffff;
-  --accent-soft: rgba(101, 83, 214, 0.11);
-  --ok: #2f9a5e;
-  --warn: #b7841f;
-  --danger: #cf4040;
-  --checker-a: #e4e4e8;
-  --checker-b: #f4f4f6;
-  --shadow-pop: 0 12px 32px rgba(20, 20, 40, 0.14), 0 0 0 1px var(--line-strong);
-}
-
-@media (prefers-color-scheme: light) {
-  :root:not([data-theme="dark"]):not([data-theme="light"]) {
-    color-scheme: light;
-    --bg: #f5f5f6; --stage: #ececee; --panel: #ffffff; --raised: #f2f2f4; --raised-2: #e9e9ec;
-    --line: #e4e4e8; --line-strong: #d4d4da; --text: #18181b; --text-2: #3f4047; --muted: #6b6d76; --faint: #9a9ca4;
-    --accent: #6553d6; --accent-strong: #5442c4; --accent-ink: #ffffff; --accent-soft: rgba(101, 83, 214, 0.11);
-    --ok: #2f9a5e; --warn: #b7841f; --danger: #cf4040; --checker-a: #e4e4e8; --checker-b: #f4f4f6;
-    --shadow-pop: 0 12px 32px rgba(20, 20, 40, 0.14), 0 0 0 1px var(--line-strong);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root { --dur: 0ms; }
-  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
-}
+/* Design tokens shared by the editor and the site. Dark is the default; light via
+   [data-theme="light"] or the OS preference when no explicit theme is set. */
+
+@font-face { font-family: "Geist"; src: url("fonts/geist.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
+@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
+
+:root {
+  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
+
+  --r-sm: 6px;
+  --r-md: 8px;
+  --r-lg: 10px;
+
+  --fs-xs: 11px;
+  --fs-sm: 12px;
+  --fs-md: 13px;
+  --fs-lg: 15px;
+  --fs-xl: 20px;
+
+  --ease: cubic-bezier(.2, .7, .2, 1);
+  --dur: 140ms;
+
+  /* dark */
+  color-scheme: dark;
+  --bg: #111214;
+  --stage: #0d0e10;
+  --panel: #16171a;
+  --raised: #1d1e22;
+  --raised-2: #24252a;
+  --line: #26272c;
+  --line-strong: #33343a;
+  --text: #e6e6e9;
+  --text-2: #b4b5bc;
+  --muted: #84868f;
+  --faint: #5d5f68;
+  --accent: #8f80f5;
+  --accent-strong: #a395ff;
+  --accent-ink: #0f0d1f;
+  --accent-soft: rgba(143, 128, 245, 0.16);
+  --ok: #5fc48a;
+  --warn: #e3b55b;
+  --danger: #ec6a6a;
+  --checker-a: #1a1b1f;
+  --checker-b: #222328;
+  --shadow-pop: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--line-strong);
+  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
+}
+
+:root[data-theme="light"] {
+  color-scheme: light;
+  --bg: #f5f5f6;
+  --stage: #ececee;
+  --panel: #ffffff;
+  --raised: #f2f2f4;
+  --raised-2: #e9e9ec;
+  --line: #e4e4e8;
+  --line-strong: #d4d4da;
+  --text: #18181b;
+  --text-2: #3f4047;
+  --muted: #6b6d76;
+  --faint: #9a9ca4;
+  --accent: #6553d6;
+  --accent-strong: #5442c4;
+  --accent-ink: #ffffff;
+  --accent-soft: rgba(101, 83, 214, 0.11);
+  --ok: #2f9a5e;
+  --warn: #b7841f;
+  --danger: #cf4040;
+  --checker-a: #e4e4e8;
+  --checker-b: #f4f4f6;
+  --shadow-pop: 0 12px 32px rgba(20, 20, 40, 0.14), 0 0 0 1px var(--line-strong);
+}
+
+@media (prefers-color-scheme: light) {
+  :root:not([data-theme="dark"]):not([data-theme="light"]) {
+    color-scheme: light;
+    --bg: #f5f5f6; --stage: #ececee; --panel: #ffffff; --raised: #f2f2f4; --raised-2: #e9e9ec;
+    --line: #e4e4e8; --line-strong: #d4d4da; --text: #18181b; --text-2: #3f4047; --muted: #6b6d76; --faint: #9a9ca4;
+    --accent: #6553d6; --accent-strong: #5442c4; --accent-ink: #ffffff; --accent-soft: rgba(101, 83, 214, 0.11);
+    --ok: #2f9a5e; --warn: #b7841f; --danger: #cf4040; --checker-a: #e4e4e8; --checker-b: #f4f4f6;
+    --shadow-pop: 0 12px 32px rgba(20, 20, 40, 0.14), 0 0 0 1px var(--line-strong);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root { --dur: 0ms; }
+  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
+}

package/lib/editor/ui.js

@@ -1,97 +1,97 @@
-// Menus, dialogs and toasts.
-
-import { h, render } from './dom.js';
-import { icon } from './icons.js';
-
-let toastHost = null;
-const host = () => (toastHost ||= document.body.appendChild(h('div.itp-toasts.itp', { role: 'status', 'aria-live': 'polite' })));
-
-/**
- * Show a toast. Returns { update(msg), progress(0..1), close() }.
- * @param {string} msg
- * @param {{ kind?: 'info'|'ok'|'error', timeout?: number, action?: { label, onClick }, progress?: boolean, onCancel?: () => void }} [o]
- */
-export function toast(msg, o = {}) {
-  const kind = o.kind || 'info';
-  const text = h('div.msg', {}, h('div', { text: msg }));
-  const bar = o.progress ? h('div.itp-progress', {}, h('i')) : null;
-  if (bar) text.append(bar);
-  const el = h(`div.itp-toast.${kind}`, {}, o.progress ? h('div.itp-spinner') : h('span.itp-dot'), text);
-  if (o.action) el.append(h('button.itp-btn.small.outline', { type: 'button', text: o.action.label, onclick: () => { o.action.onClick(); close(); } }));
-  if (o.onCancel) el.append(h('button.itp-btn.small', { type: 'button', text: 'Cancel', onclick: () => { o.onCancel(); close(); } }));
-  else el.append(h('button.itp-btn.small.icon', { type: 'button', 'aria-label': 'Dismiss', html: icon('x'), onclick: () => close() }));
-  host().append(el);
-  let timer = null;
-  const close = () => { clearTimeout(timer); el.remove(); };
-  const arm = ms => { clearTimeout(timer); if (ms) timer = setTimeout(close, ms); };
-  arm(o.timeout ?? (o.progress ? 0 : kind === 'error' ? 7000 : 3200));
-  return {
-    update(m) { text.firstChild.textContent = m; },
-    progress(p) { if (bar) bar.firstChild.style.width = `${Math.round(p * 100)}%`; },
-    close,
-    done(m, k = 'ok') { close(); toast(m, { kind: k }); },
-  };
-}
-
-let openMenu = null;
-/**
- * Popover menu anchored to a button.
- * items: [{ label, sub?, icon?, kbd?, onClick, disabled? } | 'sep' | { group: 'Label' }]
- */
-export function menu(anchor, items, { align = 'end' } = {}) {
-  closeMenu();
-  const el = h('div.itp-menu.itp', { role: 'menu' });
-  for (const it of items) {
-    if (it === 'sep') { el.append(h('hr')); continue; }
-    if (it.group) { el.append(h('div.mlabel', { text: it.group })); continue; }
-    const b = h('button.mi', { type: 'button', role: 'menuitem', disabled: !!it.disabled },
-      h('span', { html: it.icon ? icon(it.icon) : '' }),
-      h('span', {}, it.label, it.sub ? h('small', { text: it.sub }) : null),
-      it.kbd ? h('kbd', { text: it.kbd }) : h('span'));
-    b.addEventListener('click', () => { closeMenu(); it.onClick(); });
-    el.append(b);
-  }
-  document.body.append(el);
-  const r = anchor.getBoundingClientRect();
-  const mw = el.offsetWidth, mh = el.offsetHeight;
-  let left = align === 'end' ? r.right - mw : r.left;
-  left = Math.max(8, Math.min(left, innerWidth - mw - 8));
-  let top = r.bottom + 6;
-  if (top + mh > innerHeight - 8) top = Math.max(8, r.top - mh - 6);
-  Object.assign(el.style, { left: `${left}px`, top: `${top}px` });
-  anchor.setAttribute('aria-expanded', 'true');
-  const buttons = [...el.querySelectorAll('button.mi:not(:disabled)')];
-  buttons[0]?.focus();
-  const onKey = e => {
-    const i = buttons.indexOf(document.activeElement);
-    if (e.key === 'Escape') { e.preventDefault(); closeMenu(); anchor.focus(); }
-    else if (e.key === 'ArrowDown') { e.preventDefault(); buttons[(i + 1) % buttons.length]?.focus(); }
-    else if (e.key === 'ArrowUp') { e.preventDefault(); buttons[(i - 1 + buttons.length) % buttons.length]?.focus(); }
-    else if (e.key === 'Tab') closeMenu();
-  };
-  const onDown = e => { if (!el.contains(e.target) && e.target !== anchor && !anchor.contains(e.target)) closeMenu(); };
-  el.addEventListener('keydown', onKey);
-  setTimeout(() => document.addEventListener('pointerdown', onDown, true));
-  openMenu = { el, anchor, cleanup: () => document.removeEventListener('pointerdown', onDown, true) };
-}
-export function closeMenu() {
-  if (!openMenu) return;
-  openMenu.cleanup(); openMenu.el.remove(); openMenu.anchor.setAttribute('aria-expanded', 'false');
-  openMenu = null;
-}
-
-/** Modal dialog. Returns the <dialog>; content can be updated with render(). */
-export function dialog(title, content, { actions = [], onClose } = {}) {
-  const body = h('div.content', {}, content);
-  const d = h('dialog.itp-dialog.itp', { 'aria-label': title },
-    h('header', {}, h('h2', { text: title }), h('button.itp-btn.icon', { type: 'button', 'aria-label': 'Close', html: icon('x'), onclick: () => d.close() })),
-    body,
-    actions.length ? h('footer', {}, ...actions.map(a => h(`button.itp-btn${a.primary ? '.primary' : '.outline'}`, { type: 'button', text: a.label, onclick: async () => { if ((await a.onClick?.()) !== false) d.close(); } }))) : null,
-  );
-  d.addEventListener('close', () => { d.remove(); onClose?.(); });
-  document.body.append(d);
-  d.showModal();
-  d.body = body;
-  d.setContent = (...c) => render(body, ...c);
-  return d;
-}
+// Menus, dialogs and toasts.
+
+import { h, render } from './dom.js';
+import { icon } from './icons.js';
+
+let toastHost = null;
+const host = () => (toastHost ||= document.body.appendChild(h('div.itp-toasts.itp', { role: 'status', 'aria-live': 'polite' })));
+
+/**
+ * Show a toast. Returns { update(msg), progress(0..1), close() }.
+ * @param {string} msg
+ * @param {{ kind?: 'info'|'ok'|'error', timeout?: number, action?: { label, onClick }, progress?: boolean, onCancel?: () => void }} [o]
+ */
+export function toast(msg, o = {}) {
+  const kind = o.kind || 'info';
+  const text = h('div.msg', {}, h('div', { text: msg }));
+  const bar = o.progress ? h('div.itp-progress', {}, h('i')) : null;
+  if (bar) text.append(bar);
+  const el = h(`div.itp-toast.${kind}`, {}, o.progress ? h('div.itp-spinner') : h('span.itp-dot'), text);
+  if (o.action) el.append(h('button.itp-btn.small.outline', { type: 'button', text: o.action.label, onclick: () => { o.action.onClick(); close(); } }));
+  if (o.onCancel) el.append(h('button.itp-btn.small', { type: 'button', text: 'Cancel', onclick: () => { o.onCancel(); close(); } }));
+  else el.append(h('button.itp-btn.small.icon', { type: 'button', 'aria-label': 'Dismiss', html: icon('x'), onclick: () => close() }));
+  host().append(el);
+  let timer = null;
+  const close = () => { clearTimeout(timer); el.remove(); };
+  const arm = ms => { clearTimeout(timer); if (ms) timer = setTimeout(close, ms); };
+  arm(o.timeout ?? (o.progress ? 0 : kind === 'error' ? 7000 : 3200));
+  return {
+    update(m) { text.firstChild.textContent = m; },
+    progress(p) { if (bar) bar.firstChild.style.width = `${Math.round(p * 100)}%`; },
+    close,
+    done(m, k = 'ok') { close(); toast(m, { kind: k }); },
+  };
+}
+
+let openMenu = null;
+/**
+ * Popover menu anchored to a button.
+ * items: [{ label, sub?, icon?, kbd?, onClick, disabled? } | 'sep' | { group: 'Label' }]
+ */
+export function menu(anchor, items, { align = 'end' } = {}) {
+  closeMenu();
+  const el = h('div.itp-menu.itp', { role: 'menu' });
+  for (const it of items) {
+    if (it === 'sep') { el.append(h('hr')); continue; }
+    if (it.group) { el.append(h('div.mlabel', { text: it.group })); continue; }
+    const b = h('button.mi', { type: 'button', role: 'menuitem', disabled: !!it.disabled },
+      h('span', { html: it.icon ? icon(it.icon) : '' }),
+      h('span', {}, it.label, it.sub ? h('small', { text: it.sub }) : null),
+      it.kbd ? h('kbd', { text: it.kbd }) : h('span'));
+    b.addEventListener('click', () => { closeMenu(); it.onClick(); });
+    el.append(b);
+  }
+  document.body.append(el);
+  const r = anchor.getBoundingClientRect();
+  const mw = el.offsetWidth, mh = el.offsetHeight;
+  let left = align === 'end' ? r.right - mw : r.left;
+  left = Math.max(8, Math.min(left, innerWidth - mw - 8));
+  let top = r.bottom + 6;
+  if (top + mh > innerHeight - 8) top = Math.max(8, r.top - mh - 6);
+  Object.assign(el.style, { left: `${left}px`, top: `${top}px` });
+  anchor.setAttribute('aria-expanded', 'true');
+  const buttons = [...el.querySelectorAll('button.mi:not(:disabled)')];
+  buttons[0]?.focus();
+  const onKey = e => {
+    const i = buttons.indexOf(document.activeElement);
+    if (e.key === 'Escape') { e.preventDefault(); closeMenu(); anchor.focus(); }
+    else if (e.key === 'ArrowDown') { e.preventDefault(); buttons[(i + 1) % buttons.length]?.focus(); }
+    else if (e.key === 'ArrowUp') { e.preventDefault(); buttons[(i - 1 + buttons.length) % buttons.length]?.focus(); }
+    else if (e.key === 'Tab') closeMenu();
+  };
+  const onDown = e => { if (!el.contains(e.target) && e.target !== anchor && !anchor.contains(e.target)) closeMenu(); };
+  el.addEventListener('keydown', onKey);
+  setTimeout(() => document.addEventListener('pointerdown', onDown, true));
+  openMenu = { el, anchor, cleanup: () => document.removeEventListener('pointerdown', onDown, true) };
+}
+export function closeMenu() {
+  if (!openMenu) return;
+  openMenu.cleanup(); openMenu.el.remove(); openMenu.anchor.setAttribute('aria-expanded', 'false');
+  openMenu = null;
+}
+
+/** Modal dialog. Returns the <dialog>; content can be updated with render(). */
+export function dialog(title, content, { actions = [], onClose } = {}) {
+  const body = h('div.content', {}, content);
+  const d = h('dialog.itp-dialog.itp', { 'aria-label': title },
+    h('header', {}, h('h2', { text: title }), h('button.itp-btn.icon', { type: 'button', 'aria-label': 'Close', html: icon('x'), onclick: () => d.close() })),
+    body,
+    actions.length ? h('footer', {}, ...actions.map(a => h(`button.itp-btn${a.primary ? '.primary' : '.outline'}`, { type: 'button', text: a.label, onclick: async () => { if ((await a.onClick?.()) !== false) d.close(); } }))) : null,
+  );
+  d.addEventListener('close', () => { d.remove(); onClose?.(); });
+  document.body.append(d);
+  d.showModal();
+  d.body = body;
+  d.setContent = (...c) => render(body, ...c);
+  return d;
+}

package/lib/index.js

@@ -26,4 +26,6 @@ export { createZip } from './core/export/zip.js';
 export { packSpriteSheet, buildTileset } from './core/export/sheet.js';
 export { forEachFrame, estimateFps, seekTo, frameTimes, videoReady, mediaError, sniffVideoCodec } from './core/video/frames.js';
 
-export const VERSION = '3.0.0';
+/* global __ITP_VERSION__ */
+// The build replaces __ITP_VERSION__ with package.json's version; unbundled source reports 'dev'.
+export const VERSION = typeof __ITP_VERSION__ === 'string' ? __ITP_VERSION__ : 'dev';