@enigmax/primitives 0.26.0 → 0.27.0

package/dist/{chunk-4SZ5N7BA.js → chunk-2RIO4VDV.js}

@@ -6,12 +6,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function toItem(source) {
   return typeof source === "string" ? { src: source } : source;
 }
-var ImageViewer = lazy(() => import('./viewer-73LSE6RR.js').then((module) => ({ default: module.ImageViewer })));
+var ImageViewer = lazy(() => import('./viewer-N5WLFB24.js').then((module) => ({ default: module.ImageViewer })));
 var prefetched = false;
 function prefetchViewer() {
   if (prefetched) return;
   prefetched = true;
-  void import('./viewer-73LSE6RR.js');
+  void import('./viewer-N5WLFB24.js');
 }
 var ZOOM_DEFAULTS = { min: 1, max: 8, wheel: true, doubleClick: true };
 function Image(props) {

package/dist/{chunk-DZMHY3SU.js → chunk-CPJJ3FPW.js}

@@ -1,4 +1,4 @@
-import { createContextMenu, clipboardAction, performClipboardAction, inspectClipboardTarget, CLIPBOARD_PREFIX, clipboardEntries, isAction, clipboardHasText } from './chunk-Z3VDE7OA.js';
+import { createContextMenu, clipboardAction, performClipboardAction, inspectClipboardTarget, CLIPBOARD_PREFIX, clipboardEntries, isAction, clipboardHasText } from './chunk-YQV5XZIA.js';
 import { shortcutTokens } from './chunk-4VUHQFAT.js';
 import { Slot } from './chunk-HS3X3XCW.js';
 import { shortenQuery } from './chunk-4ZPMP47J.js';
@@ -23,6 +23,13 @@ var CONTEXT_MENU_STYLES = `
     --enigma-menu-accent: #fbbf24;
     --enigma-menu-danger: #f87171;
     --enigma-menu-danger-bg: rgba(248, 113, 113, 0.12);
+
+    /* Above the lightbox, which sits at 9999, because a menu is opened FROM whatever is on
+       top: the image viewer's own three-dot menu was portalled to the same body and painted
+       underneath it, so its rows could be neither seen nor pressed. A menu is the topmost
+       transient surface on a page, and this is the number that says so. It belongs here and
+       not in the light-scheme block, or half the readers get an invalid z-index. */
+    --enigma-menu-z: 10000;
 }
 
 @media (prefers-color-scheme: light) {
@@ -43,7 +50,7 @@ var CONTEXT_MENU_STYLES = `
    and what a menu opened at the pointer needs. Fixed rather than absolute so a scrolling
    ancestor cannot drag it away from the place it was opened. */
 [data-enigma-menu-panel] {
-    position: fixed; z-index: 60;
+    position: fixed; z-index: var(--enigma-menu-z);
     box-sizing: border-box;
     min-width: var(--enigma-menu-min-width);
     max-width: min(22rem, calc(100vw - 1rem));
@@ -245,6 +252,7 @@ function ContextMenuRoot(props) {
   const {
     items,
     title,
+    searchable,
     disabled = false,
     fuse,
     fuseOptions,
@@ -272,6 +280,7 @@ function ContextMenuRoot(props) {
   const instance = useMemo(() => createContextMenu({
     items,
     title,
+    searchable,
     fuse,
     fuseOptions,
     matcher,
@@ -328,8 +337,8 @@ function ContextMenuRoot(props) {
     return [...clip, { type: "separator", id: `${CLIPBOARD_PREFIX}rule` }, ...rows];
   }, []);
   useEffect(() => {
-    instance.update({ items: withClipboard(currentItems.current), title });
-  }, [instance, signature, title, withClipboard]);
+    instance.update({ items: withClipboard(currentItems.current), title, searchable });
+  }, [instance, signature, title, searchable, withClipboard]);
   const cancelClose = useCallback(() => {
     window.clearTimeout(closing.current);
   }, []);
@@ -699,6 +708,7 @@ function ContextMenuRow({ level, index, entry, children, ...props }) {
     if (entry.type === "separator") return /* @__PURE__ */ jsx("div", { ...props, role: "separator", "data-enigma-menu-separator": "" });
     return /* @__PURE__ */ jsx("p", { ...props, "data-enigma-menu-label": "", "aria-hidden": "true", children: entry.label });
   }
+  const reserveCheck = state?.entries.some((entry2) => isAction(entry2) && entry2.checked !== void 0) ?? false;
   const checkable = item.checked !== void 0;
   const role = checkable ? item.group ? "menuitemradio" : "menuitemcheckbox" : "menuitem";
   return /* @__PURE__ */ jsx(
@@ -741,13 +751,13 @@ function ContextMenuRow({ level, index, entry, children, ...props }) {
         if (event.defaultPrevented || item.disabled || event.detail !== 0) return;
         menu.instance.select(level, index);
       },
-      children: children ?? menu.renderItem?.(item, level, index) ?? /* @__PURE__ */ jsx(ContextMenuRowContent, { item, submenu })
+      children: children ?? menu.renderItem?.(item, level, index) ?? /* @__PURE__ */ jsx(ContextMenuRowContent, { item, submenu, reserveCheck })
     }
   );
 }
-function ContextMenuRowContent({ item, submenu }) {
+function ContextMenuRowContent({ item, submenu, reserveCheck }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.checked !== void 0 && /* @__PURE__ */ jsx("span", { "data-enigma-menu-check": "", "aria-hidden": "true" }),
+    (item.checked !== void 0 || reserveCheck) && /* @__PURE__ */ jsx("span", { "data-enigma-menu-check": "", "aria-hidden": "true" }),
     item.icon ? /* @__PURE__ */ jsx("span", { "data-enigma-menu-icon": "", children: item.icon }) : null,
     /* @__PURE__ */ jsxs("span", { "data-enigma-menu-item-text": "", children: [
       /* @__PURE__ */ jsx("span", { "data-enigma-menu-item-label": "", children: item.label }),

package/dist/{chunk-QIIV2QSV.js → chunk-HUUINHPR.js}

@@ -84,6 +84,33 @@ function saveAs(href, name, external = false) {
   anchor.click();
   anchor.remove();
 }
+function dataUrlToBlob(url) {
+  const comma = url.indexOf(",");
+  if (!url.startsWith("data:") || comma === -1) throw new Error("not a data URL");
+  const head = url.slice("data:".length, comma);
+  const body = url.slice(comma + 1);
+  const base64 = head.endsWith(";base64");
+  const type = (base64 ? head.slice(0, -";base64".length) : head) || "text/plain";
+  if (!base64) return new Blob([decodeURIComponent(body)], { type });
+  const binary = atob(body);
+  const bytes = new Uint8Array(binary.length);
+  for (let at = 0; at < binary.length; at += 1) bytes[at] = binary.charCodeAt(at);
+  return new Blob([bytes], { type });
+}
+function openInNewTab(url) {
+  if (typeof window === "undefined") return;
+  if (!url.startsWith("data:")) {
+    window.open(url, "_blank", "noopener,noreferrer");
+    return;
+  }
+  try {
+    const href = URL.createObjectURL(dataUrlToBlob(url));
+    window.open(href, "_blank", "noopener,noreferrer");
+    setTimeout(() => URL.revokeObjectURL(href), 6e4);
+  } catch {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
 var FLIGHT_MS = 300;
 function flightMs(element) {
   if (!element || typeof getComputedStyle === "undefined") return FLIGHT_MS;
@@ -105,4 +132,4 @@ function prefersReducedMotion() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 
-export { FLIGHT_MS, IDENTITY, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, clampPan, clampScale, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, nextIndex, pinchDistance, prefersReducedMotion, wheelFactor, zoomAt };
+export { FLIGHT_MS, IDENTITY, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, clampPan, clampScale, dataUrlToBlob, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, nextIndex, openInNewTab, pinchDistance, prefersReducedMotion, wheelFactor, zoomAt };

package/dist/{chunk-RUEQ3TGP.js → chunk-JLZDS6CV.js}

@@ -79,6 +79,28 @@ async function togglePip(video) {
   if (document.pictureInPictureElement) return void await document.exitPictureInPicture();
   await video.requestPictureInPicture();
 }
+var SOURCE_TYPES = {
+  mp4: "video/mp4",
+  m4v: "video/mp4",
+  webm: "video/webm",
+  ogv: "video/ogg",
+  mov: "video/quicktime",
+  mkv: "video/x-matroska",
+  m3u8: "application/vnd.apple.mpegurl",
+  mpd: "application/dash+xml"
+};
+function sourceType(url) {
+  let path = url;
+  try {
+    path = new URL(url, typeof location === "undefined" ? "https://localhost" : location.href).pathname;
+  } catch {
+    path = url.split("?")[0].split("#")[0];
+  }
+  const name = path.split("/").pop() ?? "";
+  const dot = name.lastIndexOf(".");
+  if (dot <= 0) return void 0;
+  return SOURCE_TYPES[name.slice(dot + 1).toLowerCase()];
+}
 function captionTracks(list) {
   if (!list) return [];
   const found = [];
@@ -152,4 +174,4 @@ async function promptRemote(video) {
   element.webkitShowPlaybackTargetPicker?.();
 }
 
-export { SEEK_JUMP, SEEK_STEP, SPEEDS, VOLUME_STEP, activeCaption, bufferedAhead, captionTracks, commandFor, formatTime, fractionAt, fullscreenElement, isTypingTarget, nextSpeed, progress, promptRemote, showCaption, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote };
+export { SEEK_JUMP, SEEK_STEP, SPEEDS, VOLUME_STEP, activeCaption, bufferedAhead, captionTracks, commandFor, formatTime, fractionAt, fullscreenElement, isTypingTarget, nextSpeed, progress, promptRemote, showCaption, sourceType, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote };

package/dist/{chunk-ISXB5RUH.js → chunk-O2UJ5ZIX.js}

@@ -1,4 +1,4 @@
-import { IDENTITY, prefersReducedMotion, ZOOM_LIMITS, flightFrom, nextIndex, fittedSize, clampPan, zoomAt, pinchDistance, flightMs, ZOOM_STEP, ZOOM_DOUBLE, wheelFactor } from './chunk-QIIV2QSV.js';
+import { IDENTITY, prefersReducedMotion, ZOOM_LIMITS, flightFrom, nextIndex, fittedSize, clampPan, zoomAt, pinchDistance, flightMs, ZOOM_STEP, ZOOM_DOUBLE, wheelFactor } from './chunk-HUUINHPR.js';
 import { injectImageStyles } from './chunk-EYZ366LP.js';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -35,7 +35,14 @@ function Dots() {
 function Download() {
   return /* @__PURE__ */ jsx(Glyph, { children: /* @__PURE__ */ jsx("path", { d: "M12 3v12M7 11l5 5 5-5M4 20h16" }) });
 }
-var ImageMenu = lazy(() => import('./menu-MSQSE6U5.js').then((module) => ({ default: module.ImageMenu })));
+function NewTab() {
+  return /* @__PURE__ */ jsxs(Glyph, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 4h6v6" }),
+    /* @__PURE__ */ jsx("path", { d: "M20 4 11 13" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 14v5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 4 19V7.5A1.5 1.5 0 0 1 5.5 6H10" })
+  ] });
+}
+var ImageMenu = lazy(() => import('./menu-YIGMPFUP.js').then((module) => ({ default: module.ImageMenu })));
 function ImageViewer({
   items,
   index,
@@ -377,4 +384,4 @@ function MenuButton({ label, onPress, expanded }) {
   );
 }
 
-export { Download, ImageViewer, MenuButton };
+export { Download, ImageViewer, MenuButton, NewTab };

package/dist/{chunk-JJVZYW5C.js → chunk-PVDU6AZU.js}

@@ -1,4 +1,4 @@
-import { SPEEDS, supportsPip, supportsRemote, watchRemote, showCaption, captionTracks, activeCaption, toggleFullscreen, togglePip, promptRemote, isTypingTarget, commandFor, progress, formatTime, bufferedAhead, fullscreenElement, fractionAt } from './chunk-RUEQ3TGP.js';
+import { SPEEDS, supportsPip, supportsRemote, watchRemote, showCaption, captionTracks, activeCaption, toggleFullscreen, togglePip, promptRemote, isTypingTarget, commandFor, progress, sourceType, formatTime, bufferedAhead, fullscreenElement, fractionAt } from './chunk-JLZDS6CV.js';
 import { lazy, useLayoutEffect, useRef, useState, useMemo, useEffect, useCallback, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -351,7 +351,7 @@ var CONTROL_DEFAULTS = {
   fullscreen: true,
   download: false
 };
-var VideoMenu = lazy(() => import('./menu-PNQRTRNV.js').then((module) => ({ default: module.VideoMenu })));
+var VideoMenu = lazy(() => import('./menu-52PXC5PL.js').then((module) => ({ default: module.VideoMenu })));
 var injected = false;
 function injectStyles() {
   if (injected || typeof document === "undefined") return;
@@ -765,7 +765,14 @@ function Video(props) {
               if (clickToPlay) toggle();
             },
             children: [
-              typeof src !== "string" && sources.map((source) => /* @__PURE__ */ jsx("source", { src: source.src, type: source.type }, source.src)),
+              typeof src !== "string" && sources.map((source) => (
+                // The type is what lets the browser SKIP a file it cannot play without
+                // fetching it, which is the only reason to list several. Read from the
+                // extension when it was not given, and left off when the extension means
+                // nothing - a wrong type is worse than none, because the source is then
+                // skipped and the video does not play at all.
+                /* @__PURE__ */ jsx("source", { src: source.src, type: source.type ?? sourceType(source.src) }, source.src)
+              )),
               tracks?.map((track) => /* @__PURE__ */ jsx(
                 "track",
                 {

package/dist/{chunk-Z3VDE7OA.js → chunk-YQV5XZIA.js}

@@ -6,7 +6,7 @@ function isAction(entry) {
   return (entry.type ?? "item") === "item";
 }
 var CONTEXT_MENU_SEARCH_KEYS = ["label", "description", "group", "keywords"];
-var SEARCHABLE_FROM = 8;
+var SEARCHABLE_FROM = 12;
 var PAGE = 5;
 var DEFAULT_CACHE_MS = 5 * 60 * 1e3;
 function fold(value) {
@@ -32,7 +32,7 @@ function createContextMenu(options = {}) {
     return path.join("\0");
   }
   function searchableFor(item, entries) {
-    const asked = item?.searchable ?? "auto";
+    const asked = (item ? item.searchable : opts.searchable) ?? "auto";
     if (asked !== "auto") return asked;
     return entries.filter(isAction).length >= SEARCHABLE_FROM;
   }

package/dist/{clipboard-menu-BvXJCSFN.d.ts → clipboard-menu-eemzEBqB.d.ts}

@@ -1,4 +1,4 @@
-import { b as ContextMenuEntry } from './context-menu-D3FtTn7v.js';
+import { b as ContextMenuEntry } from './context-menu-qqpGBkny.js';
 
 /**
  * The rows every context menu on a desktop already has: Copy, Cut and Paste.

package/dist/{context-BfjYGPnH.d.ts → context-DR1dpO8b.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, j as ContextMenuState, h as ContextMenuPoint } from './context-menu-D3FtTn7v.js';
+import { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, j as ContextMenuState, h as ContextMenuPoint } from './context-menu-qqpGBkny.js';
 
 /**
  * One row, as React draws it. The core carries `icon` as `unknown` because it cannot know

package/dist/{context-menu-D3FtTn7v.d.ts → context-menu-qqpGBkny.d.ts}

@@ -126,6 +126,12 @@ interface ContextMenuOptions {
     /** A row was invoked. The menu has already closed unless the row keeps it open. */
     onSelect?: (item: ContextMenuAction, path: string[]) => void;
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the ROOT level draws a filter. `"auto"` (the default) grows one from
+     * `SEARCHABLE_FROM` rows; `true` puts one there whatever the count, which is what a menu
+     * filling itself from somewhere wants; `false` never does.
+     */
+    searchable?: boolean | "auto";
 }
 interface ContextMenuInstance {
     readonly state: ContextMenuState;

package/dist/index.d.ts

@@ -9,8 +9,8 @@ export { R as RelativeTimeFormat, a as RelativeTimeOptions, b as RelativeTimePre
 export { F as FLAG_CDN, a as FLAG_RATIO, b as FlagConfig, c as FlagFormat, d as FlagOptions, e as FlagShape, f as FlagSource, g as FlagView, h as configureFlags, i as flagAttributes, j as flagConfig, k as flagName, l as flagSrc, m as flagView, n as normalizeFlagCode, r as resetFlagConfig } from './flags-BQU1V9rE.js';
 export { P as PaletteKey, a as PositionedRow, R as RecentEntry, b as RecentStore, c as RecentStoreOptions, d as RowGroup, e as createRecentStore, g as groupRows, i as isPaletteShortcut, m as moveActive, r as recentKey, s as shortcutLabel } from './palette-D7iuQh_T.js';
 export { S as SELECT_SEARCH_KEYS, a as SelectInstance, b as SelectMoveKey, c as SelectOption, d as SelectOptions, e as SelectState, f as createSelect } from './select-ClSy-J1f.js';
-export { C as CONTEXT_MENU_SEARCH_KEYS, a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, d as ContextMenuLabel, e as ContextMenuLevel, f as ContextMenuMoveKey, g as ContextMenuOptions, h as ContextMenuPoint, i as ContextMenuSeparator, j as ContextMenuState, k as createContextMenu, l as isAction } from './context-menu-D3FtTn7v.js';
-export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from './clipboard-menu-BvXJCSFN.js';
+export { C as CONTEXT_MENU_SEARCH_KEYS, a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, d as ContextMenuLabel, e as ContextMenuLevel, f as ContextMenuMoveKey, g as ContextMenuOptions, h as ContextMenuPoint, i as ContextMenuSeparator, j as ContextMenuState, k as createContextMenu, l as isAction } from './context-menu-qqpGBkny.js';
+export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from './clipboard-menu-eemzEBqB.js';
 export { D as DEFAULT_SELECTION_SHORTCUTS, S as SelectionClickModifiers, a as SelectionCommand, b as SelectionCommandEvent, c as SelectionCommandName, d as SelectionInstance, e as SelectionOptions, f as SelectionShortcuts, g as SelectionState, h as createSelection } from './selection-B_pmzHpy.js';
 export { S as Shortcut, a as ShortcutEvent, b as ShortcutSpec, T as TYPEAHEAD_MS, c as TypeaheadState, d as TypeaheadStep, i as isApplePlatform, m as matchesShortcut, p as parseShortcut, s as shortcutList, e as shortcutText, f as shortcutTokens, t as typeaheadStep } from './keys-D2zJs1uB.js';
 
@@ -140,6 +140,23 @@ declare function filenameFrom(url: string, fallback?: string): string;
  * when that is refused (no CORS header) - a tab is still better than nothing happening.
  */
 declare function downloadFile(url: string, filename?: string): Promise<void>;
+/**
+ * A `data:` URL as the bytes it stands for.
+ *
+ * Synchronous on purpose: it is used to open a tab, and a window opened after an `await` is a
+ * popup with no gesture behind it, which the browser blocks.
+ */
+declare function dataUrlToBlob(url: string): Blob;
+/**
+ * The picture on its own, in another tab.
+ *
+ * Chromium refuses a top-level navigation to a `data:` URL - it was a phishing vector - so a
+ * row that just called `window.open` on one did nothing at all, silently, which is how it
+ * shipped. Those are handed over as a blob instead; everything else opens as it is.
+ *
+ * `noopener` on both: the new tab must not get a handle on the page that opened it.
+ */
+declare function openInNewTab(url: string): void;
 /** How long the picture takes to fly, when the stylesheet does not say otherwise. */
 declare const FLIGHT_MS = 300;
 /**
@@ -249,6 +266,15 @@ declare function toggleFullscreen(container: HTMLElement, video: HTMLVideoElemen
 /** Picture in picture, where the browser has it. Firefox has its own button and no API. */
 declare function supportsPip(): boolean;
 declare function togglePip(video: HTMLVideoElement): Promise<void>;
+/**
+ * The type a URL's extension implies, or undefined.
+ *
+ * Read from the PATH, so a query string or a fragment cannot be mistaken for one -
+ * `/clip.mp4?token=...` is still an mp4, and `/download?file=x.webm` is not a webm, because
+ * the extension has to be on the path's last segment. A `blob:` or `data:` URL has no
+ * extension to read and gets nothing, which is the right answer: the browser sniffs.
+ */
+declare function sourceType(url: string): string | undefined;
 /** One subtitle track, as the menu lists it. */
 interface CaptionTrack {
     /** Where it sits in the element's own `textTracks`, which is what turns it on. */
@@ -303,4 +329,4 @@ declare function watchRemote(video: HTMLVideoElement, onChange: (state: RemoteSt
  */
 declare function promptRemote(video: HTMLVideoElement): Promise<void>;
 
-export { type Box, type CaptionTrack, FLIGHT_MS, IDENTITY, INPUT_ICON_PATHS, type PlayerCommand, type RemoteState, SEEK_JUMP, SEEK_STEP, SPEEDS, type Transform, VOLUME_STEP, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, type ZoomLimits, activeCaption, bufferedAhead, captionTracks, clampPan, clampScale, commandFor, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, formatTime, fractionAt, fullscreenElement, iconMarkup, isTypingTarget, nextIndex, nextSpeed, pinchDistance, prefersReducedMotion, progress, promptRemote, showCaption, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote, wheelFactor, zoomAt };
+export { type Box, type CaptionTrack, FLIGHT_MS, IDENTITY, INPUT_ICON_PATHS, type PlayerCommand, type RemoteState, SEEK_JUMP, SEEK_STEP, SPEEDS, type Transform, VOLUME_STEP, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, type ZoomLimits, activeCaption, bufferedAhead, captionTracks, clampPan, clampScale, commandFor, dataUrlToBlob, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, formatTime, fractionAt, fullscreenElement, iconMarkup, isTypingTarget, nextIndex, nextSpeed, openInNewTab, pinchDistance, prefersReducedMotion, progress, promptRemote, showCaption, sourceType, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote, wheelFactor, zoomAt };

package/dist/index.js

@@ -1,12 +1,12 @@
-export { FLIGHT_MS, IDENTITY, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, clampPan, clampScale, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, nextIndex, pinchDistance, prefersReducedMotion, wheelFactor, zoomAt } from './chunk-QIIV2QSV.js';
+export { FLIGHT_MS, IDENTITY, ZOOM_DOUBLE, ZOOM_LIMITS, ZOOM_STEP, clampPan, clampScale, dataUrlToBlob, downloadFile, filenameFrom, fittedSize, flightFrom, flightMs, nextIndex, openInNewTab, pinchDistance, prefersReducedMotion, wheelFactor, zoomAt } from './chunk-HUUINHPR.js';
 export { createInput } from './chunk-KJINGUQN.js';
 export { colorEquals, formatColor, hslToRgb, hsvToRgb, parseColor, rgbToHsl, rgbToHsv, toHex } from './chunk-S2FPN5ID.js';
 export { SERVER_NETWORK_STATE, createNetworkMonitor } from './chunk-2QFTRNAZ.js';
 export { ensureZone, normalizeDate, parseDuration, relativeTimeAttributes, relativeTimeView } from './chunk-IXVMRVD4.js';
 export { estimatePasswordStrength, generatePassword } from './chunk-HC2ME5PU.js';
-export { CLIPBOARD_PREFIX, CONTEXT_MENU_SEARCH_KEYS, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from './chunk-Z3VDE7OA.js';
+export { CLIPBOARD_PREFIX, CONTEXT_MENU_SEARCH_KEYS, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from './chunk-YQV5XZIA.js';
 export { DEFAULT_SELECTION_SHORTCUTS, createSelection } from './chunk-WSQC3PCC.js';
-export { SEEK_JUMP, SEEK_STEP, SPEEDS, VOLUME_STEP, activeCaption, bufferedAhead, captionTracks, commandFor, formatTime, fractionAt, fullscreenElement, isTypingTarget, nextSpeed, progress, promptRemote, showCaption, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote } from './chunk-RUEQ3TGP.js';
+export { SEEK_JUMP, SEEK_STEP, SPEEDS, VOLUME_STEP, activeCaption, bufferedAhead, captionTracks, commandFor, formatTime, fractionAt, fullscreenElement, isTypingTarget, nextSpeed, progress, promptRemote, showCaption, sourceType, supportsPip, supportsRemote, toggleFullscreen, togglePip, watchRemote } from './chunk-JLZDS6CV.js';
 export { createButton } from './chunk-MMQPZGSU.js';
 export { FLAG_CDN, FLAG_RATIO, configureFlags, flagAttributes, flagConfig, flagName, flagSrc, flagView, normalizeFlagCode, resetFlagConfig } from './chunk-LMZJBOZG.js';
 export { createNotifications } from './chunk-SNYUBXWQ.js';

package/dist/{menu-PNQRTRNV.js → menu-52PXC5PL.js}

@@ -1,5 +1,5 @@
-import { ContextMenu, useContextMenuContext } from './chunk-DZMHY3SU.js';
-import './chunk-Z3VDE7OA.js';
+import { ContextMenu, useContextMenuContext } from './chunk-CPJJ3FPW.js';
+import './chunk-YQV5XZIA.js';
 import './chunk-4VUHQFAT.js';
 import './chunk-HS3X3XCW.js';
 import './chunk-4ZPMP47J.js';

package/dist/{menu-MSQSE6U5.js → menu-YIGMPFUP.js}

@@ -1,8 +1,8 @@
-import { Download, MenuButton } from './chunk-ISXB5RUH.js';
-import { downloadFile } from './chunk-QIIV2QSV.js';
-import { ContextMenu, useContextMenuContext } from './chunk-DZMHY3SU.js';
+import { Download, NewTab, MenuButton } from './chunk-O2UJ5ZIX.js';
+import { downloadFile, openInNewTab } from './chunk-HUUINHPR.js';
+import { ContextMenu, useContextMenuContext } from './chunk-CPJJ3FPW.js';
 import './chunk-EYZ366LP.js';
-import './chunk-Z3VDE7OA.js';
+import './chunk-YQV5XZIA.js';
 import './chunk-4VUHQFAT.js';
 import './chunk-HS3X3XCW.js';
 import './chunk-4ZPMP47J.js';
@@ -14,6 +14,9 @@ function ImageMenu({ item, index, options, labels }) {
   if (options.download !== false) {
     rows.push({ id: "download", label: labels.download ?? "Download", icon: /* @__PURE__ */ jsx(Download, {}) });
   }
+  if (options.newTab !== false) {
+    rows.push({ id: "new-tab", label: labels.newTab ?? "Open in a new tab", icon: /* @__PURE__ */ jsx(NewTab, {}) });
+  }
   if (options.items?.length) {
     if (rows.length > 0) rows.push({ type: "separator" });
     rows.push(...options.items);
@@ -25,6 +28,7 @@ function ImageMenu({ item, index, options, labels }) {
       clipboard: false,
       onSelect: (row) => {
         if (row.id === "download") void downloadFile(item.download ?? item.src, item.filename);
+        if (row.id === "new-tab") openInNewTab(item.src);
         options.onSelect?.(row.id, item, index);
       },
       children: [

package/dist/next/index.d.ts

@@ -24,14 +24,14 @@ export { R as RecentEntry, b as RecentStore, e as createRecentStore, g as groupR
 export { Select, SelectContent, SelectContextValue, SelectItem, SelectList, SelectMultipleProps, SelectOptionRow, SelectProps, SelectRoot, SelectRootProps, SelectSearch, SelectSingleProps, SelectTrigger, SelectValue, useSelectContext } from '../react/select.js';
 export { a as SelectInstance, c as SelectOption, d as SelectOptions, e as SelectState, f as createSelect } from '../select-ClSy-J1f.js';
 export { ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuList, ContextMenuPanel, ContextMenuProps, ContextMenuRoot, ContextMenuRootProps, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, ContextMenuTriggerProps } from '../react/context-menu.js';
-export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-BvXJCSFN.js';
-export { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, g as ContextMenuOptions, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-D3FtTn7v.js';
+export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-eemzEBqB.js';
+export { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, g as ContextMenuOptions, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-qqpGBkny.js';
 export { MarqueeRect, SelectionList, SelectionListProps, SelectionRenderer, SelectionRowRender, UseSelectionOptions, UseSelectionResult, useSelection } from '../react/selection.js';
 export { D as DEFAULT_SELECTION_SHORTCUTS, a as SelectionCommand, b as SelectionCommandEvent, c as SelectionCommandName, d as SelectionInstance, e as SelectionOptions, f as SelectionShortcuts, g as SelectionState, h as createSelection } from '../selection-B_pmzHpy.js';
 export { S as Shortcut, b as ShortcutSpec, i as isApplePlatform, m as matchesShortcut, p as parseShortcut, e as shortcutText, f as shortcutTokens } from '../keys-D2zJs1uB.js';
 export { Image, ImageItem, ImageLabels, ImageMenuOptions, ImageProps, ImageSource, ZoomOptions } from '../react/image.js';
 export { Video, VideoControls, VideoLabels, VideoProps, VideoSource, VideoTrack } from '../react/video.js';
-export { C as ContextMenuContextValue, a as ContextMenuItem, b as ContextMenuNode, u as useContextMenuContext } from '../context-BfjYGPnH.js';
+export { C as ContextMenuContextValue, a as ContextMenuItem, b as ContextMenuNode, u as useContextMenuContext } from '../context-DR1dpO8b.js';
 
 /**
  * The Next.js entry. Same components, wired to `next/link`.

package/dist/next/index.js

@@ -4,11 +4,11 @@ export { useSearch } from '../chunk-45UHLZYT.js';
 export { useNetworkState } from '../chunk-S653GLSF.js';
 export { RelativeTime } from '../chunk-OCMI7R6H.js';
 export { PasswordStrength } from '../chunk-XQHCZAPJ.js';
-export { ContextMenu, ContextMenuContent, ContextMenuList, ContextMenuPanel, ContextMenuRoot, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, useContextMenuContext } from '../chunk-DZMHY3SU.js';
+export { ContextMenu, ContextMenuContent, ContextMenuList, ContextMenuPanel, ContextMenuRoot, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, useContextMenuContext } from '../chunk-CPJJ3FPW.js';
 export { SelectionList, useSelection } from '../chunk-N6PDHMAX.js';
-export { Image } from '../chunk-4SZ5N7BA.js';
+export { Image } from '../chunk-2RIO4VDV.js';
 import '../chunk-EYZ366LP.js';
-export { Video } from '../chunk-JJVZYW5C.js';
+export { Video } from '../chunk-PVDU6AZU.js';
 import { Button } from '../chunk-6BGBYUSZ.js';
 export { getLinkComponent, setLinkComponent, useButton } from '../chunk-6BGBYUSZ.js';
 export { Flag } from '../chunk-NPHRS2Q7.js';
@@ -20,9 +20,9 @@ export { colorEquals, formatColor, hslToRgb, hsvToRgb, parseColor, rgbToHsl, rgb
 import '../chunk-2QFTRNAZ.js';
 import '../chunk-IXVMRVD4.js';
 export { estimatePasswordStrength, generatePassword } from '../chunk-HC2ME5PU.js';
-export { CLIPBOARD_PREFIX, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from '../chunk-Z3VDE7OA.js';
+export { CLIPBOARD_PREFIX, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from '../chunk-YQV5XZIA.js';
 export { DEFAULT_SELECTION_SHORTCUTS, createSelection } from '../chunk-WSQC3PCC.js';
-import '../chunk-RUEQ3TGP.js';
+import '../chunk-JLZDS6CV.js';
 import '../chunk-MMQPZGSU.js';
 export { configureFlags, flagAttributes, flagName, flagSrc, flagView, normalizeFlagCode } from '../chunk-LMZJBOZG.js';
 import '../chunk-SNYUBXWQ.js';

package/dist/react/context-menu.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
-import { b as ContextMenuNode, a as ContextMenuItem } from '../context-BfjYGPnH.js';
-export { C as ContextMenuContextValue, u as useContextMenuContext } from '../context-BfjYGPnH.js';
-import { c as ClipboardMenuOptions } from '../clipboard-menu-BvXJCSFN.js';
-export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-BvXJCSFN.js';
-import { g as ContextMenuOptions, b as ContextMenuEntry } from '../context-menu-D3FtTn7v.js';
-export { C as CONTEXT_MENU_SEARCH_KEYS, a as ContextMenuAction, c as ContextMenuInstance, d as ContextMenuLabel, e as ContextMenuLevel, f as ContextMenuMoveKey, h as ContextMenuPoint, i as ContextMenuSeparator, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-D3FtTn7v.js';
+import { b as ContextMenuNode, a as ContextMenuItem } from '../context-DR1dpO8b.js';
+export { C as ContextMenuContextValue, u as useContextMenuContext } from '../context-DR1dpO8b.js';
+import { c as ClipboardMenuOptions } from '../clipboard-menu-eemzEBqB.js';
+export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-eemzEBqB.js';
+import { g as ContextMenuOptions, b as ContextMenuEntry } from '../context-menu-qqpGBkny.js';
+export { C as CONTEXT_MENU_SEARCH_KEYS, a as ContextMenuAction, c as ContextMenuInstance, d as ContextMenuLabel, e as ContextMenuLevel, f as ContextMenuMoveKey, h as ContextMenuPoint, i as ContextMenuSeparator, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-qqpGBkny.js';
 export { S as Shortcut, b as ShortcutSpec, m as matchesShortcut, p as parseShortcut, e as shortcutText, f as shortcutTokens } from '../keys-D2zJs1uB.js';
 import '../search-DYgqRp37.js';
 
@@ -28,6 +28,12 @@ interface ContextMenuRootProps {
      * selection, Cut over a selection in something writable, Paste in anything writable.
      */
     clipboard?: boolean | ClipboardMenuOptions;
+    /**
+     * A filter field over the rows. `"auto"` (the default) grows one only once there are
+     * enough rows to be worth filtering; `true` asks for one whatever the count - which is
+     * what a menu whose rows are fetched wants - and `false` never draws one.
+     */
+    searchable?: boolean | "auto";
     /** Fuse.js's constructor, for fuzzy filtering. Omit it for the built-in matcher. */
     fuse?: ContextMenuOptions["fuse"];
     fuseOptions?: Record<string, unknown>;
@@ -124,7 +130,7 @@ declare function ContextMenuRow({ level, index, entry, children, ...props }: Con
  * is PREPENDED to `<head>`, so anything the document already has wins on source order at
  * equal specificity.
  */
-declare const CONTEXT_MENU_STYLES = "\n:root {\n    --enigma-menu-bg: #1c1c1c;\n    --enigma-menu-border: #333333;\n    --enigma-menu-radius: 0.625rem;\n    --enigma-menu-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);\n    --enigma-menu-text: #f5f5f5;\n    --enigma-menu-muted: #a3a3a3;\n    --enigma-menu-font-size: 0.8125rem;\n    --enigma-menu-min-width: 12rem;\n    --enigma-menu-max-height: 20rem;\n\n    --enigma-menu-active-bg: #2a2a2a;\n    --enigma-menu-accent: #fbbf24;\n    --enigma-menu-danger: #f87171;\n    --enigma-menu-danger-bg: rgba(248, 113, 113, 0.12);\n}\n\n@media (prefers-color-scheme: light) {\n    :root {\n        --enigma-menu-bg: #ffffff;\n        --enigma-menu-border: #e5e5e5;\n        --enigma-menu-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n        --enigma-menu-text: #171717;\n        --enigma-menu-muted: #737373;\n        --enigma-menu-active-bg: #f5f5f5;\n        --enigma-menu-accent: #b45309;\n        --enigma-menu-danger: #b91c1c;\n        --enigma-menu-danger-bg: rgba(185, 28, 28, 0.08);\n    }\n}\n\n/* Every panel is positioned in VIEWPORT coordinates, which is what a pointer event reports\n   and what a menu opened at the pointer needs. Fixed rather than absolute so a scrolling\n   ancestor cannot drag it away from the place it was opened. */\n[data-enigma-menu-panel] {\n    position: fixed; z-index: 60;\n    box-sizing: border-box;\n    min-width: var(--enigma-menu-min-width);\n    max-width: min(22rem, calc(100vw - 1rem));\n    padding: 0.25rem;\n    color: var(--enigma-menu-text);\n    background: var(--enigma-menu-bg);\n    border: 1px solid var(--enigma-menu-border);\n    border-radius: var(--enigma-menu-radius);\n    box-shadow: var(--enigma-menu-shadow);\n    font-size: var(--enigma-menu-font-size);\n    animation: enigma-menu-in 90ms ease-out;\n    /* Measured before it is placed, and placed before it is seen: without this the panel is\n       painted at 0,0 for one frame and jumps to the pointer on the next. */\n    visibility: hidden;\n}\n[data-enigma-menu-panel][data-placed] { visibility: visible; }\n/* No focus ring around the panel. It takes focus so the keyboard has somewhere to be, not\n   because it is a control: what MOVES is the highlighted row, drawn by [data-active] and\n   announced through aria-activedescendant. A ring around the whole menu says the menu is the\n   thing focused, which is not what is happening - and it appears the moment you press an\n   arrow, over a surface that was already showing you where you are. Nothing is lost by\n   removing it, because nothing inside is reachable by Tab: the menu owns that key. */\n[data-enigma-menu-panel]:focus,\n[data-enigma-menu-panel]:focus-visible { outline: none; }\n@keyframes enigma-menu-in {\n    from { opacity: 0; transform: scale(0.98); }\n    to { opacity: 1; transform: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n    [data-enigma-menu-panel] { animation: none; }\n}\n\n/* The heading: what the menu is acting ON. A long file name is cut rather than allowed to\n   set the panel's width, and the full one stays reachable through its title attribute. */\n[data-enigma-menu-title] {\n    margin: 0; padding: 0.375rem 0.5rem 0.25rem;\n    font-size: 0.6875rem; font-weight: 600;\n    color: var(--enigma-menu-muted);\n    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;\n}\n\n[data-enigma-menu-search] {\n    width: 100%; box-sizing: border-box;\n    padding: 0.375rem 0.5rem 0.5rem;\n    font: inherit; font-size: var(--enigma-menu-font-size);\n    color: var(--enigma-menu-text); background: transparent;\n    border: 0; border-bottom: 1px solid var(--enigma-menu-border);\n    outline: none;\n}\n[data-enigma-menu-search]::-webkit-search-cancel-button,\n[data-enigma-menu-search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }\n\n[data-enigma-menu-list] {\n    max-height: var(--enigma-menu-max-height);\n    overflow-y: auto; overscroll-behavior: contain;\n}\n\n[data-enigma-menu-item] {\n    display: flex; align-items: center; gap: 0.5rem;\n    padding: 0.3125rem 0.5rem; border-radius: 0.375rem;\n    line-height: 1.4;\n    color: var(--enigma-menu-text);\n    /* The hand, not the arrow. A native menu uses the arrow because the whole surface is\n       drawn by the OS and nothing on a page looks like it; here the rows sit on a web page,\n       where the hand is what says \"this is a thing you press\". */\n    cursor: pointer; user-select: none;\n}\n[data-enigma-menu-item][data-active] { background: var(--enigma-menu-active-bg); }\n[data-enigma-menu-item][data-disabled] { opacity: 0.45; cursor: not-allowed; }\n[data-enigma-menu-item][data-destructive] { color: var(--enigma-menu-danger); }\n[data-enigma-menu-item][data-destructive][data-active] { background: var(--enigma-menu-danger-bg); }\n\n[data-enigma-menu-item-text] { display: grid; min-width: 0; }\n[data-enigma-menu-item-label] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n[data-enigma-menu-item-description] {\n    font-size: 0.6875rem; color: var(--enigma-menu-muted);\n    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;\n}\n\n[data-enigma-menu-icon] { display: inline-flex; align-items: center; flex: none; width: 1rem; max-height: 1.25em; line-height: 0; }\n\n/* The shortcut, on the right, the way every desktop menu prints it. margin-left: auto is\n   what pushes it there, and flex: none is what stops a long label squashing it. */\n[data-enigma-menu-shortcut] {\n    display: flex; align-items: center; gap: 0.125rem;\n    flex: none; margin-left: auto; padding-left: 1.5rem;\n    font-size: 0.6875rem; color: var(--enigma-menu-muted);\n    font-variant-numeric: tabular-nums;\n}\n[data-enigma-menu-shortcut] kbd { font: inherit; }\n\n/* The submenu arrow shares the shortcut's slot, so a row never has both pushed apart. */\n[data-enigma-menu-arrow] {\n    flex: none; margin-left: auto;\n    width: 0.35rem; height: 0.35rem;\n    border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor;\n    transform: rotate(45deg);\n    opacity: 0.6;\n}\n[data-enigma-menu-shortcut] + [data-enigma-menu-arrow] { margin-left: 0.5rem; }\n\n/* Check and radio: drawn rather than loaded, and reserving their space either way so\n   choosing a row does not shift the label under the pointer. */\n[data-enigma-menu-check] {\n    flex: none; width: 1rem; height: 1rem;\n    display: grid; place-items: center;\n    color: var(--enigma-menu-accent);\n}\n[data-enigma-menu-check]::after { content: \"\"; width: 0.35rem; height: 0.6rem; opacity: 0; }\n[data-enigma-menu-item][aria-checked=\"true\"] [data-enigma-menu-check]::after {\n    opacity: 1;\n    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;\n    transform: rotate(45deg) translate(-0.05rem, -0.05rem);\n}\n[data-enigma-menu-item][role=\"menuitemradio\"] [data-enigma-menu-check]::after {\n    width: 0.4rem; height: 0.4rem; border-radius: 999px; background: currentColor;\n    transform: none; border: 0;\n}\n\n[data-enigma-menu-separator] {\n    height: 1px; margin: 0.25rem 0.25rem;\n    background: var(--enigma-menu-border);\n}\n\n[data-enigma-menu-label] {\n    margin: 0.375rem 0 0.125rem; padding: 0 0.5rem;\n    font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em;\n    color: var(--enigma-menu-muted);\n}\n\n[data-enigma-menu-status] {\n    margin: 0; padding: 0.625rem 0.5rem;\n    font-size: var(--enigma-menu-font-size); color: var(--enigma-menu-muted);\n    /* The quoted query is cut in the text as well, but a pasted string with no spaces has no\n       break opportunity at all - so this is what stops it stretching the panel. */\n    overflow-wrap: anywhere;\n}\n[data-enigma-menu-status][data-error] { color: var(--enigma-menu-danger); }\n\n/* The end-of-window marker: one pixel, so it has a box to be scrolled into. */\n[data-enigma-menu-more] { height: 1px; }\n";
+declare const CONTEXT_MENU_STYLES = "\n:root {\n    --enigma-menu-bg: #1c1c1c;\n    --enigma-menu-border: #333333;\n    --enigma-menu-radius: 0.625rem;\n    --enigma-menu-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);\n    --enigma-menu-text: #f5f5f5;\n    --enigma-menu-muted: #a3a3a3;\n    --enigma-menu-font-size: 0.8125rem;\n    --enigma-menu-min-width: 12rem;\n    --enigma-menu-max-height: 20rem;\n\n    --enigma-menu-active-bg: #2a2a2a;\n    --enigma-menu-accent: #fbbf24;\n    --enigma-menu-danger: #f87171;\n    --enigma-menu-danger-bg: rgba(248, 113, 113, 0.12);\n\n    /* Above the lightbox, which sits at 9999, because a menu is opened FROM whatever is on\n       top: the image viewer's own three-dot menu was portalled to the same body and painted\n       underneath it, so its rows could be neither seen nor pressed. A menu is the topmost\n       transient surface on a page, and this is the number that says so. It belongs here and\n       not in the light-scheme block, or half the readers get an invalid z-index. */\n    --enigma-menu-z: 10000;\n}\n\n@media (prefers-color-scheme: light) {\n    :root {\n        --enigma-menu-bg: #ffffff;\n        --enigma-menu-border: #e5e5e5;\n        --enigma-menu-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n        --enigma-menu-text: #171717;\n        --enigma-menu-muted: #737373;\n        --enigma-menu-active-bg: #f5f5f5;\n        --enigma-menu-accent: #b45309;\n        --enigma-menu-danger: #b91c1c;\n        --enigma-menu-danger-bg: rgba(185, 28, 28, 0.08);\n    }\n}\n\n/* Every panel is positioned in VIEWPORT coordinates, which is what a pointer event reports\n   and what a menu opened at the pointer needs. Fixed rather than absolute so a scrolling\n   ancestor cannot drag it away from the place it was opened. */\n[data-enigma-menu-panel] {\n    position: fixed; z-index: var(--enigma-menu-z);\n    box-sizing: border-box;\n    min-width: var(--enigma-menu-min-width);\n    max-width: min(22rem, calc(100vw - 1rem));\n    padding: 0.25rem;\n    color: var(--enigma-menu-text);\n    background: var(--enigma-menu-bg);\n    border: 1px solid var(--enigma-menu-border);\n    border-radius: var(--enigma-menu-radius);\n    box-shadow: var(--enigma-menu-shadow);\n    font-size: var(--enigma-menu-font-size);\n    animation: enigma-menu-in 90ms ease-out;\n    /* Measured before it is placed, and placed before it is seen: without this the panel is\n       painted at 0,0 for one frame and jumps to the pointer on the next. */\n    visibility: hidden;\n}\n[data-enigma-menu-panel][data-placed] { visibility: visible; }\n/* No focus ring around the panel. It takes focus so the keyboard has somewhere to be, not\n   because it is a control: what MOVES is the highlighted row, drawn by [data-active] and\n   announced through aria-activedescendant. A ring around the whole menu says the menu is the\n   thing focused, which is not what is happening - and it appears the moment you press an\n   arrow, over a surface that was already showing you where you are. Nothing is lost by\n   removing it, because nothing inside is reachable by Tab: the menu owns that key. */\n[data-enigma-menu-panel]:focus,\n[data-enigma-menu-panel]:focus-visible { outline: none; }\n@keyframes enigma-menu-in {\n    from { opacity: 0; transform: scale(0.98); }\n    to { opacity: 1; transform: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n    [data-enigma-menu-panel] { animation: none; }\n}\n\n/* The heading: what the menu is acting ON. A long file name is cut rather than allowed to\n   set the panel's width, and the full one stays reachable through its title attribute. */\n[data-enigma-menu-title] {\n    margin: 0; padding: 0.375rem 0.5rem 0.25rem;\n    font-size: 0.6875rem; font-weight: 600;\n    color: var(--enigma-menu-muted);\n    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;\n}\n\n[data-enigma-menu-search] {\n    width: 100%; box-sizing: border-box;\n    padding: 0.375rem 0.5rem 0.5rem;\n    font: inherit; font-size: var(--enigma-menu-font-size);\n    color: var(--enigma-menu-text); background: transparent;\n    border: 0; border-bottom: 1px solid var(--enigma-menu-border);\n    outline: none;\n}\n[data-enigma-menu-search]::-webkit-search-cancel-button,\n[data-enigma-menu-search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }\n\n[data-enigma-menu-list] {\n    max-height: var(--enigma-menu-max-height);\n    overflow-y: auto; overscroll-behavior: contain;\n}\n\n[data-enigma-menu-item] {\n    display: flex; align-items: center; gap: 0.5rem;\n    padding: 0.3125rem 0.5rem; border-radius: 0.375rem;\n    line-height: 1.4;\n    color: var(--enigma-menu-text);\n    /* The hand, not the arrow. A native menu uses the arrow because the whole surface is\n       drawn by the OS and nothing on a page looks like it; here the rows sit on a web page,\n       where the hand is what says \"this is a thing you press\". */\n    cursor: pointer; user-select: none;\n}\n[data-enigma-menu-item][data-active] { background: var(--enigma-menu-active-bg); }\n[data-enigma-menu-item][data-disabled] { opacity: 0.45; cursor: not-allowed; }\n[data-enigma-menu-item][data-destructive] { color: var(--enigma-menu-danger); }\n[data-enigma-menu-item][data-destructive][data-active] { background: var(--enigma-menu-danger-bg); }\n\n[data-enigma-menu-item-text] { display: grid; min-width: 0; }\n[data-enigma-menu-item-label] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n[data-enigma-menu-item-description] {\n    font-size: 0.6875rem; color: var(--enigma-menu-muted);\n    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;\n}\n\n[data-enigma-menu-icon] { display: inline-flex; align-items: center; flex: none; width: 1rem; max-height: 1.25em; line-height: 0; }\n\n/* The shortcut, on the right, the way every desktop menu prints it. margin-left: auto is\n   what pushes it there, and flex: none is what stops a long label squashing it. */\n[data-enigma-menu-shortcut] {\n    display: flex; align-items: center; gap: 0.125rem;\n    flex: none; margin-left: auto; padding-left: 1.5rem;\n    font-size: 0.6875rem; color: var(--enigma-menu-muted);\n    font-variant-numeric: tabular-nums;\n}\n[data-enigma-menu-shortcut] kbd { font: inherit; }\n\n/* The submenu arrow shares the shortcut's slot, so a row never has both pushed apart. */\n[data-enigma-menu-arrow] {\n    flex: none; margin-left: auto;\n    width: 0.35rem; height: 0.35rem;\n    border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor;\n    transform: rotate(45deg);\n    opacity: 0.6;\n}\n[data-enigma-menu-shortcut] + [data-enigma-menu-arrow] { margin-left: 0.5rem; }\n\n/* Check and radio: drawn rather than loaded, and reserving their space either way so\n   choosing a row does not shift the label under the pointer. */\n[data-enigma-menu-check] {\n    flex: none; width: 1rem; height: 1rem;\n    display: grid; place-items: center;\n    color: var(--enigma-menu-accent);\n}\n[data-enigma-menu-check]::after { content: \"\"; width: 0.35rem; height: 0.6rem; opacity: 0; }\n[data-enigma-menu-item][aria-checked=\"true\"] [data-enigma-menu-check]::after {\n    opacity: 1;\n    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;\n    transform: rotate(45deg) translate(-0.05rem, -0.05rem);\n}\n[data-enigma-menu-item][role=\"menuitemradio\"] [data-enigma-menu-check]::after {\n    width: 0.4rem; height: 0.4rem; border-radius: 999px; background: currentColor;\n    transform: none; border: 0;\n}\n\n[data-enigma-menu-separator] {\n    height: 1px; margin: 0.25rem 0.25rem;\n    background: var(--enigma-menu-border);\n}\n\n[data-enigma-menu-label] {\n    margin: 0.375rem 0 0.125rem; padding: 0 0.5rem;\n    font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em;\n    color: var(--enigma-menu-muted);\n}\n\n[data-enigma-menu-status] {\n    margin: 0; padding: 0.625rem 0.5rem;\n    font-size: var(--enigma-menu-font-size); color: var(--enigma-menu-muted);\n    /* The quoted query is cut in the text as well, but a pasted string with no spaces has no\n       break opportunity at all - so this is what stops it stretching the panel. */\n    overflow-wrap: anywhere;\n}\n[data-enigma-menu-status][data-error] { color: var(--enigma-menu-danger); }\n\n/* The end-of-window marker: one pixel, so it has a box to be scrolled into. */\n[data-enigma-menu-more] { height: 1px; }\n";
 
 type ContextMenuProps = ContextMenuRootProps & {
     /** How many rows to put in the document at once. `Infinity` renders the lot. */

package/dist/react/context-menu.js

@@ -1,6 +1,6 @@
 "use client";
-export { CONTEXT_MENU_STYLES, ContextMenu, ContextMenuContent, ContextMenuList, ContextMenuPanel, ContextMenuRoot, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, useContextMenuContext } from '../chunk-DZMHY3SU.js';
-export { CLIPBOARD_PREFIX, CONTEXT_MENU_SEARCH_KEYS, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from '../chunk-Z3VDE7OA.js';
+export { CONTEXT_MENU_STYLES, ContextMenu, ContextMenuContent, ContextMenuList, ContextMenuPanel, ContextMenuRoot, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, useContextMenuContext } from '../chunk-CPJJ3FPW.js';
+export { CLIPBOARD_PREFIX, CONTEXT_MENU_SEARCH_KEYS, clipboardAction, clipboardEntries, clipboardHasText, createContextMenu, inspectClipboardTarget, isAction, performClipboardAction } from '../chunk-YQV5XZIA.js';
 export { matchesShortcut, parseShortcut, shortcutText, shortcutTokens } from '../chunk-4VUHQFAT.js';
 import '../chunk-HS3X3XCW.js';
 import '../chunk-4ZPMP47J.js';

package/dist/react/image.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { b as ContextMenuNode } from '../context-BfjYGPnH.js';
-import '../context-menu-D3FtTn7v.js';
+import { b as ContextMenuNode } from '../context-DR1dpO8b.js';
+import '../context-menu-qqpGBkny.js';
 import '../search-DYgqRp37.js';
 
 /**
@@ -38,6 +38,8 @@ interface ZoomOptions {
 interface ImageMenuOptions {
     /** The download row. On whenever the menu is. */
     download?: boolean;
+    /** The row that opens the picture on its own, in another tab. On whenever the menu is. */
+    newTab?: boolean;
     /** Rows of your own, after the built-in ones. */
     items?: readonly ContextMenuNode[];
     onSelect?: (id: string, item: ImageItem, index: number) => void;
@@ -53,6 +55,7 @@ interface ImageLabels {
     next?: string;
     menu?: string;
     download?: string;
+    newTab?: string;
     discard?: string;
     thumbnails?: string;
     /** The frame itself, announced as the dialog's name. Default "Image viewer". */

package/dist/react/image.js

@@ -1,3 +1,3 @@
 "use client";
-export { Image } from '../chunk-4SZ5N7BA.js';
+export { Image } from '../chunk-2RIO4VDV.js';
 import '../chunk-EYZ366LP.js';

package/dist/react/index.d.ts

@@ -26,14 +26,14 @@ export { R as RecentEntry, b as RecentStore, e as createRecentStore, g as groupR
 export { Select, SelectContent, SelectContextValue, SelectItem, SelectList, SelectMultipleProps, SelectOptionRow, SelectProps, SelectRoot, SelectRootProps, SelectSearch, SelectSingleProps, SelectTrigger, SelectValue, useSelectContext } from './select.js';
 export { a as SelectInstance, c as SelectOption, d as SelectOptions, e as SelectState, f as createSelect } from '../select-ClSy-J1f.js';
 export { ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuList, ContextMenuPanel, ContextMenuProps, ContextMenuRoot, ContextMenuRootProps, ContextMenuRow, ContextMenuSearch, ContextMenuTrigger, ContextMenuTriggerProps } from './context-menu.js';
-export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-BvXJCSFN.js';
-export { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, g as ContextMenuOptions, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-D3FtTn7v.js';
+export { C as CLIPBOARD_PREFIX, a as ClipboardAction, b as ClipboardMenuLabels, c as ClipboardMenuOptions, d as ClipboardTarget, e as clipboardAction, f as clipboardEntries, g as clipboardHasText, i as inspectClipboardTarget, p as performClipboardAction } from '../clipboard-menu-eemzEBqB.js';
+export { a as ContextMenuAction, b as ContextMenuEntry, c as ContextMenuInstance, g as ContextMenuOptions, j as ContextMenuState, k as createContextMenu, l as isAction } from '../context-menu-qqpGBkny.js';
 export { MarqueeRect, SelectionList, SelectionListProps, SelectionRenderer, SelectionRowRender, UseSelectionOptions, UseSelectionResult, useSelection } from './selection.js';
 export { D as DEFAULT_SELECTION_SHORTCUTS, a as SelectionCommand, b as SelectionCommandEvent, c as SelectionCommandName, d as SelectionInstance, e as SelectionOptions, f as SelectionShortcuts, g as SelectionState, h as createSelection } from '../selection-B_pmzHpy.js';
 export { S as Shortcut, b as ShortcutSpec, i as isApplePlatform, m as matchesShortcut, p as parseShortcut, e as shortcutText, f as shortcutTokens } from '../keys-D2zJs1uB.js';
 export { Image, ImageItem, ImageLabels, ImageMenuOptions, ImageProps, ImageSource, ZoomOptions } from './image.js';
 export { Video, VideoControls, VideoLabels, VideoProps, VideoSource, VideoTrack } from './video.js';
-export { C as ContextMenuContextValue, a as ContextMenuItem, b as ContextMenuNode, u as useContextMenuContext } from '../context-BfjYGPnH.js';
+export { C as ContextMenuContextValue, a as ContextMenuItem, b as ContextMenuNode, u as useContextMenuContext } from '../context-DR1dpO8b.js';
 
 interface UseInputResult {
     /** Attach to the `<input>`. */