@exponential_app/eui 0.3.0 → 0.4.0

package/dist/entries/prompt.js

@@ -4,10 +4,10 @@ import {
   CORE_LITE_CATALOG_ID2,
   catalogView2,
   isOffered2
-} from "../chunks/index-abcjanhc.js";
+} from "../chunks/index-f9wkb6aq.js";
 import {
   describeCatalog2
-} from "../chunks/index-dx45asrf.js";
+} from "../chunks/index-5sjj5p84.js";
 
 // packages/exponential-ui/src/prompt.ts
 var PROMPT_SECTIONS = [`rules`, `components`, `index`, `shapes`, `functions`, `style`, `extensions`];

package/dist/entries/schema.js

@@ -2,13 +2,13 @@ import {
   coreCatalog2,
   TOKEN_GROUPS2,
   catalogView2
-} from "../chunks/index-abcjanhc.js";
+} from "../chunks/index-f9wkb6aq.js";
 import {
   describeCatalog2
-} from "../chunks/index-dx45asrf.js";
+} from "../chunks/index-5sjj5p84.js";
 import {
   style_default
-} from "../chunks/index-fy7y2nz8.js";
+} from "../chunks/index-cvf7bbs5.js";
 // packages/exponential-ui/vendor/a2ui/v0_9/basic_catalog.json
 var basic_catalog_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",

package/dist/host/index.js

@@ -80,7 +80,7 @@ import {
   SseTransport2,
   WebSocketTransport2,
   McpTransport2
-} from "../chunks/index-4z7f2bp1.js";
+} from "../chunks/index-4xczxey5.js";
 import {
   HOST_CONTRACT2,
   HOST_CONTRACT_VERSION2,
@@ -101,8 +101,8 @@ import {
   SURFACE_COMMANDS2,
   errorMessage2,
   actionMessage2
-} from "../chunks/index-h3zgfghf.js";
-import"../chunks/index-abcjanhc.js";
+} from "../chunks/index-vkn82srs.js";
+import"../chunks/index-f9wkb6aq.js";
 export {
   A2UI_MESSAGE_KINDS2 as A2UI_MESSAGE_KINDS,
   AUTHOR_KEY_PREFIX2 as AUTHOR_KEY_PREFIX,

package/dist/index.js

@@ -16,7 +16,7 @@ import {
   isOffered2,
   componentNames2,
   coreLite2
-} from "./chunks/index-abcjanhc.js";
+} from "./chunks/index-f9wkb6aq.js";
 import {
   STYLE_KEYS2,
   STYLE_LAYOUT_KEYS2,
@@ -93,7 +93,7 @@ import {
   SURFACE_COMMANDS2,
   errorMessage2,
   actionMessage2
-} from "./chunks/index-h3zgfghf.js";
+} from "./chunks/index-vkn82srs.js";
 import {
   CATALOG_ID2,
   LITE_CATALOG_ID2,
@@ -288,52 +288,30 @@ import {
   SseTransport2,
   WebSocketTransport2,
   McpTransport2
-} from "./chunks/index-4z7f2bp1.js";
+} from "./chunks/index-4xczxey5.js";
+import {
+  LAYOUT_CONSTANTS2,
+  WINDOW_THRESHOLD2,
+  WINDOW_OVERSCAN2,
+  RESIZE_STEP2,
+  PANEL_MIN2,
+  RESIZE_HANDLE_HIT2,
+  FIELD_INTRINSIC_WIDTH2,
+  MEDIA_INTRINSIC_WIDTH2,
+  MEDIA_ASPECT_RATIO2,
+  TREE_GUIDE_COLUMN2,
+  TREE_GUIDE_RADIUS2,
+  TREE_GUIDE_BRIDGE2,
+  PENDING_DELAY_MS2,
+  SKELETON_PULSE_MS2,
+  SKELETON_OPACITY_LOW2,
+  SKELETON_OPACITY_HIGH2,
+  SKELETON_REDUCED_OPACITY2,
+  SEARCH_LIST_FADE2
+} from "./chunks/index-dgkf6yw5.js";
 import {
   style_default
-} from "./chunks/index-fy7y2nz8.js";
-// packages/exponential-ui/catalog/layout.json
-var layout_default = {
-  $comment: "Round 2 (docs/round-2-contract.md §7): the layout NUMBERS every painter shares where no theme token decides (px unless noted). `windowThreshold` = items past which List and Table window; `windowOverscan` = items rendered beyond each viewport edge; `resizeStep` = percentage points per arrow key on a Resizable handle; `panelMin` = a panel's min (percent) when unset; `resizeHandleHit` = a handle's hit area across its hairline; `fieldIntrinsicWidth` = the max-content width of a text field (Input, Textarea, NumberField, ChipInput: never the browser's `size` default) — picker triggers (Select, DatePicker, DateRangePicker, TimePicker) size to their content; `mediaIntrinsicWidth` = the max-content width of an Image/Video without a width (its min-content is 0); `mediaAspectRatio` = width/height of an Image without `aspectRatio` or a height (Video: its `aspectRatio` default); `treeGuideColumn` = one TreeGuides gutter column (the recipe's `line` width is the STROKE; round 3: 14, the ×4 app indent, the elbow lands on the parent's lead glyph); `treeGuideRadius` = the elbow's corner radius; `treeGuideBridge` = how far the guide verticals overshoot the row's TOP edge (paint only) so a Section's hairline divider never breaks the line. EXP-1259 (packages/domain-contract/fixtures/feedback-states.json + search-list.json): `pendingDelayMs` = how long a `loading` Button waits before it shows the spinner and its `pendingLabel` (a fast action never flashes; presses are refused at once); `skeletonPulseMs` / `skeletonOpacityLow` / `skeletonOpacityHigh` = the placeholder's ONE opacity pulse (low → high → low, ease-in-out), `skeletonReducedOpacity` = its static opacity under reduce motion; `searchListFade` = the bottom fade over a SearchList (or a searchable submenu) while more rows sit below. Generated into every target; src/layout.ts reads it.",
-  windowThreshold: 50,
-  windowOverscan: 5,
-  resizeStep: 10,
-  panelMin: 10,
-  resizeHandleHit: 8,
-  fieldIntrinsicWidth: 160,
-  mediaIntrinsicWidth: 320,
-  mediaAspectRatio: 1.7777778,
-  treeGuideColumn: 14,
-  treeGuideRadius: 3,
-  treeGuideBridge: 1,
-  pendingDelayMs: 150,
-  skeletonPulseMs: 1600,
-  skeletonOpacityLow: 0.45,
-  skeletonOpacityHigh: 0.9,
-  skeletonReducedOpacity: 0.6,
-  searchListFade: 24
-};
-
-// packages/exponential-ui/src/layout.ts
-var LAYOUT_CONSTANTS = Object.fromEntries(Object.entries(layout_default).filter(([k]) => !k.startsWith(`$`)));
-var WINDOW_THRESHOLD = layout_default.windowThreshold;
-var WINDOW_OVERSCAN = layout_default.windowOverscan;
-var RESIZE_STEP = layout_default.resizeStep;
-var PANEL_MIN = layout_default.panelMin;
-var RESIZE_HANDLE_HIT = layout_default.resizeHandleHit;
-var FIELD_INTRINSIC_WIDTH = layout_default.fieldIntrinsicWidth;
-var MEDIA_INTRINSIC_WIDTH = layout_default.mediaIntrinsicWidth;
-var MEDIA_ASPECT_RATIO = layout_default.mediaAspectRatio;
-var TREE_GUIDE_COLUMN = layout_default.treeGuideColumn;
-var TREE_GUIDE_RADIUS = layout_default.treeGuideRadius;
-var TREE_GUIDE_BRIDGE = layout_default.treeGuideBridge;
-var PENDING_DELAY_MS = layout_default.pendingDelayMs;
-var SKELETON_PULSE_MS = layout_default.skeletonPulseMs;
-var SKELETON_OPACITY_LOW = layout_default.skeletonOpacityLow;
-var SKELETON_OPACITY_HIGH = layout_default.skeletonOpacityHigh;
-var SKELETON_REDUCED_OPACITY = layout_default.skeletonReducedOpacity;
-var SEARCH_LIST_FADE = layout_default.searchListFade;
-
+} from "./chunks/index-cvf7bbs5.js";
 // packages/exponential-ui/src/list.ts
 function templateItemKeys(items, keyPointer) {
   const seen = new Set;
@@ -419,7 +397,7 @@ function templateBudget(root, data, templateNode) {
     if (template && tpl) {
       const path = absolutePath2(template.path, { base: scope });
       const list = readPointer2(data, path);
-      const windowed = Array.isArray(list) && node.component === `List` && node.children.length + list.length > WINDOW_THRESHOLD;
+      const windowed = Array.isArray(list) && node.component === `List` && node.children.length + list.length > WINDOW_THRESHOLD2;
       if (Array.isArray(list) && !windowed) {
         const site = templateSiteKey(node.id, scope);
         allowed.set(site, 0);
@@ -463,7 +441,7 @@ function firstWhere(lo, hi, test) {
   }
   return lo;
 }
-function virtualWindow(extents, gap, scroll, viewport, overscan = WINDOW_OVERSCAN, offsets) {
+function virtualWindow(extents, gap, scroll, viewport, overscan = WINDOW_OVERSCAN2, offsets) {
   const count = extents.length;
   const off = offsets ?? itemOffsets(extents, gap);
   const total = off[count];
@@ -540,18 +518,236 @@ function stickyHeader(rowOffsets, rowExtents, headerRows, scroll) {
   const offset = next === undefined ? scroll : Math.min(scroll, rowOffsets[next] - extent);
   return { row, offset };
 }
-// packages/exponential-ui/src/resizable.ts
-var EPS = 0.000000001;
-var clampN = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+// packages/exponential-ui/src/zoom.ts
+var ZOOM = style_default.zoomableImage;
+var EPS = 0.000001;
 var tidy = (v) => {
   const r = Math.round(v * 1e6) / 1e6;
   return Object.is(r, -0) ? 0 : r;
 };
+var tidyView = (v) => ({ scale: tidy(v.scale), x: tidy(v.x), y: tidy(v.y) });
+var clampN = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var positive = (v) => typeof v === `number` && Number.isFinite(v) && v > 0 ? v : 0;
+function sizes(frame) {
+  return {
+    iw: positive(frame.natural.width),
+    ih: positive(frame.natural.height),
+    vw: positive(frame.viewport.width),
+    vh: positive(frame.viewport.height)
+  };
+}
+function zoomIsTall(natural) {
+  const w = positive(natural.width);
+  const h = positive(natural.height);
+  return w > 0 && h > 0 && w / h < ZOOM.tallAspect;
+}
+function zoomFitScale(frame) {
+  return tidy(fitRaw(frame));
+}
+function fitRaw(frame) {
+  const { iw, ih, vw, vh } = sizes(frame);
+  if (iw === 0 || ih === 0 || vw === 0 || vh === 0)
+    return 1;
+  return Math.min(1, vw / iw, vh / ih);
+}
+function limitsRaw(frame) {
+  const min = fitRaw(frame);
+  const wanted = positive(frame.maxScale) || ZOOM.maxScale;
+  return { min, max: Math.max(min, wanted) };
+}
+function zoomLimits(frame) {
+  const { min, max } = limitsRaw(frame);
+  return { min: tidy(min), max: tidy(max) };
+}
+function restRaw(frame) {
+  const { iw, vw } = sizes(frame);
+  const { min, max } = limitsRaw(frame);
+  const initial = frame.initial ?? `auto`;
+  const mode = initial === `auto` ? zoomIsTall(frame.natural) ? `fitWidth` : `fit` : initial;
+  let scale = min;
+  if (mode === `fitWidth`)
+    scale = iw > 0 && vw > 0 ? Math.min(1, vw / iw) : 1;
+  else if (mode === `actual`)
+    scale = 1;
+  return clampN(scale, min, max);
+}
+function zoomRestScale(frame) {
+  return tidy(restRaw(frame));
+}
+function clampAxis(offset, scaled, extent) {
+  if (scaled <= extent + EPS)
+    return (extent - scaled) / 2;
+  return clampN(offset, extent - scaled, 0);
+}
+function zoomClamp(view, frame) {
+  const { iw, ih, vw, vh } = sizes(frame);
+  const { min, max } = limitsRaw(frame);
+  const scale = clampN(view.scale, min, max);
+  return tidyView({ scale, x: clampAxis(view.x, iw * scale, vw), y: clampAxis(view.y, ih * scale, vh) });
+}
+function zoomRestView(frame) {
+  const { iw, vw } = sizes(frame);
+  const scale = restRaw(frame);
+  return zoomClamp({ scale, x: (vw - iw * scale) / 2, y: 0 }, frame);
+}
+function zoomAtRest(view, frame) {
+  return Math.abs(view.scale - restRaw(frame)) < 0.0001;
+}
+function zoomTo(view, scale, anchor, frame) {
+  const { min, max } = limitsRaw(frame);
+  const next = clampN(scale, min, max);
+  const ratio = view.scale > 0 ? next / view.scale : 1;
+  return zoomClamp({ scale: next, x: anchor.x - (anchor.x - view.x) * ratio, y: anchor.y - (anchor.y - view.y) * ratio }, frame);
+}
+function zoomCentre(frame) {
+  const { vw, vh } = sizes(frame);
+  return { x: vw / 2, y: vh / 2 };
+}
+function zoomWheelFactor(deltaY, mode = `pixel`) {
+  const px = mode === `line` ? deltaY * ZOOM.wheelLinePx : deltaY;
+  return Math.exp(-px * ZOOM.wheelRate);
+}
+function zoomWheel(view, deltaY, mode, anchor, frame) {
+  return zoomTo(view, view.scale * zoomWheelFactor(deltaY, mode), anchor, frame);
+}
+function zoomScroll(view, deltaX, deltaY, frame) {
+  return zoomClamp({ scale: view.scale, x: view.x - deltaX, y: view.y - deltaY }, frame);
+}
+function zoomLadder(frame) {
+  const { min, max } = limitsRaw(frame);
+  const rest = restRaw(frame);
+  const all = [...ZOOM.presets, min, rest, max].filter((s) => s >= min - EPS && s <= max + EPS);
+  const out = [];
+  for (const s of all.sort((a, b) => a - b))
+    if (out.length === 0 || s - out[out.length - 1] > 0.0001)
+      out.push(tidy(s));
+  return out;
+}
+function zoomStepScale(scale, direction, frame) {
+  const ladder = zoomLadder(frame);
+  if (direction > 0)
+    return ladder.find((s) => s > scale + 0.0001) ?? ladder[ladder.length - 1];
+  for (let i = ladder.length - 1;i >= 0; i--)
+    if (ladder[i] < scale - 0.0001)
+      return ladder[i];
+  return ladder[0];
+}
+function zoomStep(view, direction, frame) {
+  return zoomTo(view, zoomStepScale(view.scale, direction, frame), zoomCentre(frame), frame);
+}
+function zoomDoubleTapScale(frame) {
+  const { max } = limitsRaw(frame);
+  return tidy(Math.min(max, Math.max(1, ZOOM.doubleTapFactor * restRaw(frame))));
+}
+function zoomDoubleTap(view, point, frame) {
+  if (zoomAtRest(view, frame))
+    return zoomTo(view, zoomDoubleTapScale(frame), point, frame);
+  return zoomRestView(frame);
+}
+function zoomKey(view, key, frame) {
+  if (key === `+` || key === `=`)
+    return zoomStep(view, 1, frame);
+  if (key === `-` || key === `−` || key === `_`)
+    return zoomStep(view, -1, frame);
+  if (key === `0`)
+    return zoomRestView(frame);
+  if (key === `1`)
+    return zoomTo(view, 1, zoomCentre(frame), frame);
+  return null;
+}
+function zoomRubberBand(overshoot, extent) {
+  if (extent <= 0 || overshoot === 0)
+    return 0;
+  const sign = overshoot < 0 ? -1 : 1;
+  const o = Math.abs(overshoot);
+  return tidy(sign * (1 - 1 / (o * ZOOM.rubber / extent + 1)) * extent);
+}
+function rubberAxis(offset, scaled, extent) {
+  const lo = scaled <= extent + EPS ? (extent - scaled) / 2 : extent - scaled;
+  const hi = scaled <= extent + EPS ? (extent - scaled) / 2 : 0;
+  if (offset > hi)
+    return hi + zoomRubberBand(offset - hi, extent);
+  if (offset < lo)
+    return lo + zoomRubberBand(offset - lo, extent);
+  return offset;
+}
+function zoomDrag(start, dx, dy, frame) {
+  const { iw, ih, vw, vh } = sizes(frame);
+  return tidyView({
+    scale: start.scale,
+    x: rubberAxis(start.x + dx, iw * start.scale, vw),
+    y: rubberAxis(start.y + dy, ih * start.scale, vh)
+  });
+}
+function zoomPinch(start, factor, anchor, frame) {
+  const { iw, ih, vw, vh } = sizes(frame);
+  const { min, max } = limitsRaw(frame);
+  const raw = start.scale * factor;
+  let scale = raw;
+  if (raw > max)
+    scale = max + zoomRubberBand(raw - max, max);
+  else if (raw < min)
+    scale = min + zoomRubberBand(raw - min, min);
+  const ratio = start.scale > 0 ? scale / start.scale : 1;
+  return tidyView({
+    scale,
+    x: rubberAxis(anchor.x - (anchor.x - start.x) * ratio, iw * scale, vw),
+    y: rubberAxis(anchor.y - (anchor.y - start.y) * ratio, ih * scale, vh)
+  });
+}
+function zoomMomentum(view, vx, vy, t, frame) {
+  const tau = ZOOM.momentumTauMs;
+  const travel = tau * (1 - Math.exp(-Math.max(0, t) / tau));
+  return zoomClamp({ scale: view.scale, x: view.x + vx * travel, y: view.y + vy * travel }, frame);
+}
+function zoomMomentumActive(vx, vy, t) {
+  const decay = Math.exp(-Math.max(0, t) / ZOOM.momentumTauMs);
+  return Math.hypot(vx, vy) * decay > 0.01;
+}
+function zoomPanRoom(view, frame) {
+  const { iw, ih, vw, vh } = sizes(frame);
+  return { x: iw * view.scale > vw + EPS, y: ih * view.scale > vh + EPS };
+}
+function zoomResize(view, from, frame) {
+  const before = { ...frame, viewport: from };
+  if (zoomAtRest(view, before))
+    return zoomRestView(frame);
+  const { vw, vh } = sizes(frame);
+  const cx = positive(from.width) / 2;
+  const cy = positive(from.height) / 2;
+  return zoomClamp({ scale: view.scale, x: vw / 2 - (cx - view.x), y: vh / 2 - (cy - view.y) }, frame);
+}
+function zoomPercent(scale) {
+  return `${Math.round(scale * 100)}%`;
+}
+function zoomMenu(view, frame, fitLabel) {
+  const { min, max } = limitsRaw(frame);
+  const atRest = zoomAtRest(view, frame);
+  const items = [];
+  for (const s of ZOOM.menuPresets) {
+    if (s === 0)
+      items.push({ scale: null, label: fitLabel, checked: atRest });
+    else if (s >= min - EPS && s <= max + EPS)
+      items.push({ scale: s, label: zoomPercent(s), checked: !atRest && Math.abs(view.scale - s) < 0.0001 });
+  }
+  return items;
+}
+function zoomBounds(view, frame) {
+  const { min, max } = limitsRaw(frame);
+  return { atMin: view.scale <= min + 0.0001, atMax: view.scale >= max - 0.0001 };
+}
+// packages/exponential-ui/src/resizable.ts
+var EPS2 = 0.000000001;
+var clampN2 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var tidy2 = (v) => {
+  const r = Math.round(v * 1e6) / 1e6;
+  return Object.is(r, -0) ? 0 : r;
+};
 function limitsOf(limits, i, count) {
   const l = limits?.[i] ?? {};
   const cap = 100 / Math.max(1, count);
-  const min = clampN(typeof l.min === `number` && Number.isFinite(l.min) ? l.min : PANEL_MIN, 0, cap);
-  const max = clampN(typeof l.max === `number` && Number.isFinite(l.max) ? l.max : 100, min, 100);
+  const min = clampN2(typeof l.min === `number` && Number.isFinite(l.min) ? l.min : PANEL_MIN2, 0, cap);
+  const max = clampN2(typeof l.max === `number` && Number.isFinite(l.max) ? l.max : 100, min, 100);
   return { min, max, collapsible: l.collapsible === true };
 }
 function normalizeSizes(sizes, count, limits) {
@@ -571,11 +767,11 @@ function normalizeSizes(sizes, count, limits) {
     out = given.map((v) => v ?? rest / missing);
   }
   const total = out.reduce((s, v) => s + v, 0);
-  out = total > EPS ? out.map((v) => v * 100 / total) : out.map(() => 100 / count);
+  out = total > EPS2 ? out.map((v) => v * 100 / total) : out.map(() => 100 / count);
   const lim = out.map((_, i) => limitsOf(limits, i, count));
-  out = out.map((v, i) => lim[i].collapsible && v <= EPS ? 0 : clampN(v, lim[i].min, lim[i].max));
+  out = out.map((v, i) => lim[i].collapsible && v <= EPS2 ? 0 : clampN2(v, lim[i].min, lim[i].max));
   let diff = 100 - out.reduce((s, v) => s + v, 0);
-  for (let i = 0;i < count && Math.abs(diff) > EPS; i++) {
+  for (let i = 0;i < count && Math.abs(diff) > EPS2; i++) {
     if (lim[i].collapsible && out[i] === 0)
       continue;
     const room = diff > 0 ? lim[i].max - out[i] : lim[i].min - out[i];
@@ -583,49 +779,49 @@ function normalizeSizes(sizes, count, limits) {
     out[i] += take;
     diff -= take;
   }
-  return out.map(tidy);
+  return out.map(tidy2);
 }
 function resizePanels(sizes, handle, delta, limits) {
   const out = [...sizes];
   const a = handle;
   const b = handle + 1;
   if (a < 0 || b >= sizes.length || !Number.isFinite(delta))
-    return out.map(tidy);
+    return out.map(tidy2);
   const la = limitsOf(limits, a, sizes.length);
   const lb = limitsOf(limits, b, sizes.length);
   const lo = Math.max(la.min - sizes[a], sizes[b] - lb.max);
   const hi = Math.min(la.max - sizes[a], sizes[b] - lb.min);
-  let d = clampN(delta, Math.min(lo, 0), Math.max(hi, 0));
-  if (la.collapsible && delta < 0 && sizes[a] > 0 && sizes[a] + delta < la.min / 2 && sizes[b] + sizes[a] <= lb.max + EPS)
+  let d = clampN2(delta, Math.min(lo, 0), Math.max(hi, 0));
+  if (la.collapsible && delta < 0 && sizes[a] > 0 && sizes[a] + delta < la.min / 2 && sizes[b] + sizes[a] <= lb.max + EPS2)
     d = -sizes[a];
-  else if (lb.collapsible && delta > 0 && sizes[b] > 0 && sizes[b] - delta < lb.min / 2 && sizes[a] + sizes[b] <= la.max + EPS)
+  else if (lb.collapsible && delta > 0 && sizes[b] > 0 && sizes[b] - delta < lb.min / 2 && sizes[a] + sizes[b] <= la.max + EPS2)
     d = sizes[b];
   else if (la.collapsible && sizes[a] === 0)
-    d = delta >= la.min / 2 && hi >= la.min - EPS ? clampN(delta, la.min, hi) : 0;
+    d = delta >= la.min / 2 && hi >= la.min - EPS2 ? clampN2(delta, la.min, hi) : 0;
   else if (lb.collapsible && sizes[b] === 0)
-    d = -delta >= lb.min / 2 && -lo >= lb.min - EPS ? -clampN(-delta, lb.min, -lo) : 0;
+    d = -delta >= lb.min / 2 && -lo >= lb.min - EPS2 ? -clampN2(-delta, lb.min, -lo) : 0;
   out[a] = sizes[a] + d;
   out[b] = sizes[b] - d;
-  return out.map(tidy);
+  return out.map(tidy2);
 }
 function keyboardResize(sizes, handle, key, orientation, direction = `ltr`, limits) {
   const a = handle;
   const b = handle + 1;
   if (a < 0 || b >= sizes.length)
-    return sizes.map(tidy);
+    return sizes.map(tidy2);
   const la = limitsOf(limits, a, sizes.length);
   const lb = limitsOf(limits, b, sizes.length);
   const flip = orientation === `horizontal` && direction === `rtl` ? -1 : 1;
-  const step = (sign) => resizePanels(sizes, handle, sign * RESIZE_STEP, limits);
+  const step = (sign) => resizePanels(sizes, handle, sign * RESIZE_STEP2, limits);
   switch (key) {
     case `ArrowRight`:
-      return orientation === `horizontal` ? step(flip) : sizes.map(tidy);
+      return orientation === `horizontal` ? step(flip) : sizes.map(tidy2);
     case `ArrowLeft`:
-      return orientation === `horizontal` ? step(-flip) : sizes.map(tidy);
+      return orientation === `horizontal` ? step(-flip) : sizes.map(tidy2);
     case `ArrowDown`:
-      return orientation === `vertical` ? step(1) : sizes.map(tidy);
+      return orientation === `vertical` ? step(1) : sizes.map(tidy2);
     case `ArrowUp`:
-      return orientation === `vertical` ? step(-1) : sizes.map(tidy);
+      return orientation === `vertical` ? step(-1) : sizes.map(tidy2);
     case `Home`:
       return resizePanels(sizes, handle, la.min - sizes[a], limits);
     case `End`:
@@ -634,31 +830,31 @@ function keyboardResize(sizes, handle, key, orientation, direction = `ltr`, limi
       const out = [...sizes];
       if (la.collapsible) {
         const d = sizes[a] > 0 ? -sizes[a] : Math.min(la.min, sizes[b] - lb.min);
-        if (sizes[b] - d > lb.max + EPS || d === 0)
-          return sizes.map(tidy);
+        if (sizes[b] - d > lb.max + EPS2 || d === 0)
+          return sizes.map(tidy2);
         out[a] += d;
         out[b] -= d;
       } else if (lb.collapsible) {
         const d = sizes[b] > 0 ? sizes[b] : -Math.min(lb.min, sizes[a] - la.min);
-        if (sizes[a] + d > la.max + EPS || d === 0)
-          return sizes.map(tidy);
+        if (sizes[a] + d > la.max + EPS2 || d === 0)
+          return sizes.map(tidy2);
         out[a] += d;
         out[b] -= d;
       }
-      return out.map(tidy);
+      return out.map(tidy2);
     }
     default:
-      return sizes.map(tidy);
+      return sizes.map(tidy2);
   }
 }
 function panelExtents(sizes, container, handleExtent = 1) {
   const avail = Math.max(0, container - Math.max(0, sizes.length - 1) * handleExtent);
-  return sizes.map((s) => tidy(avail * s / 100));
+  return sizes.map((s) => tidy2(avail * s / 100));
 }
 function dragDelta(px, container, panelCount, orientation, direction = `ltr`, handleExtent = 1) {
   const avail = Math.max(1, container - Math.max(0, panelCount - 1) * handleExtent);
   const flip = orientation === `horizontal` && direction === `rtl` ? -1 : 1;
-  return tidy(px * 100 / avail * flip);
+  return tidy2(px * 100 / avail * flip);
 }
 // packages/exponential-ui/src/direction.ts
 function ownDirection(node, ctx) {
@@ -2027,11 +2223,21 @@ var a11y_default = {
         "Tab reaches the copy button; Enter, Space: copy and announce `copied`"
       ]
     },
+    Motion: {
+      role: "img",
+      notes: "img named by label; decorative (hidden) without one; with on.press it is a button (focusable, named by label) and its state machine gets the click",
+      keys: ["Enter/Space: press (with on.press)"]
+    },
     Image: {
       role: "img",
       notes: "img (alt = name; decorative when alt is empty)",
       keys: []
     },
+    ZoomableImage: {
+      role: "img",
+      notes: "img (alt = name), focusable; the zoom pill's buttons are named `$string.zoomOut`, `$string.zoomIn`, `$string.zoomToFit` (pressed while at rest) and the percent button `$string.zoomLevel` (its value = the percent, opening a menu whose first row is `$string.zoomFit`)",
+      keys: ["+ / =: zoom in a step", "-: zoom out a step", "0: back to the opening zoom", "1: 100%"]
+    },
     Icon: {
       role: "img",
       notes: "img when labelled, hidden otherwise",
@@ -3513,7 +3719,7 @@ export {
   EXTENSION_MESSAGE_KINDS2 as EXTENSION_MESSAGE_KINDS,
   ExponentialConnector,
   ExponentialHost2 as ExponentialHost,
-  FIELD_INTRINSIC_WIDTH,
+  FIELD_INTRINSIC_WIDTH2 as FIELD_INTRINSIC_WIDTH,
   FORMATTER_METHODS2 as FORMATTER_METHODS,
   FORMAT_FUNCTION_NAMES2 as FORMAT_FUNCTION_NAMES,
   FUNCTION_NAMES2 as FUNCTION_NAMES,
@@ -3525,7 +3731,7 @@ export {
   ICON_NAMES2 as ICON_NAMES,
   JsonlDecoder2 as JsonlDecoder,
   JsonlStreamTransport2 as JsonlStreamTransport,
-  LAYOUT_CONSTANTS,
+  LAYOUT_CONSTANTS2 as LAYOUT_CONSTANTS,
   LIMITS2 as LIMITS,
   LIMIT_ISSUES2 as LIMIT_ISSUES,
   LITE_CATALOG_ID2 as LITE_CATALOG_ID,
@@ -3539,8 +3745,8 @@ export {
   MAX_TEMPLATE_ITEMS2 as MAX_TEMPLATE_ITEMS,
   MCP_ACTION_TOOL2 as MCP_ACTION_TOOL,
   MCP_MIME_TYPES2 as MCP_MIME_TYPES,
-  MEDIA_ASPECT_RATIO,
-  MEDIA_INTRINSIC_WIDTH,
+  MEDIA_ASPECT_RATIO2 as MEDIA_ASPECT_RATIO,
+  MEDIA_INTRINSIC_WIDTH2 as MEDIA_INTRINSIC_WIDTH,
   MEDIA_LIMITS2 as MEDIA_LIMITS,
   MESSAGE_KINDS2 as MESSAGE_KINDS,
   MODES2 as MODES,
@@ -3554,8 +3760,8 @@ export {
   PACKAGE_FILE_SIGNATURE_CONTEXT2 as PACKAGE_FILE_SIGNATURE_CONTEXT,
   PACKAGE_FORMAT_VERSION2 as PACKAGE_FORMAT_VERSION,
   PAINT_ERROR_HOOK2 as PAINT_ERROR_HOOK,
-  PANEL_MIN,
-  PENDING_DELAY_MS,
+  PANEL_MIN2 as PANEL_MIN,
+  PENDING_DELAY_MS2 as PENDING_DELAY_MS,
   POINTER_ISSUES2 as POINTER_ISSUES,
   PackageError2 as PackageError,
   QR_CODE,
@@ -3573,15 +3779,15 @@ export {
   RECORD_RESERVED_KEYS2 as RECORD_RESERVED_KEYS,
   RENDER_FAILED2 as RENDER_FAILED,
   RESERVED_KEYS2 as RESERVED_KEYS,
-  RESIZE_HANDLE_HIT,
-  RESIZE_STEP,
+  RESIZE_HANDLE_HIT2 as RESIZE_HANDLE_HIT,
+  RESIZE_STEP2 as RESIZE_STEP,
   RTL_MIRRORED_ICONS,
-  SEARCH_LIST_FADE,
+  SEARCH_LIST_FADE2 as SEARCH_LIST_FADE,
   SHADCN_COLOR_VARS,
-  SKELETON_OPACITY_HIGH,
-  SKELETON_OPACITY_LOW,
-  SKELETON_PULSE_MS,
-  SKELETON_REDUCED_OPACITY,
+  SKELETON_OPACITY_HIGH2 as SKELETON_OPACITY_HIGH,
+  SKELETON_OPACITY_LOW2 as SKELETON_OPACITY_LOW,
+  SKELETON_PULSE_MS2 as SKELETON_PULSE_MS,
+  SKELETON_REDUCED_OPACITY2 as SKELETON_REDUCED_OPACITY,
   SPECIMEN_IDS2 as SPECIMEN_IDS,
   SSE_EVENTS2 as SSE_EVENTS,
   STRING_IDS2 as STRING_IDS,
@@ -3606,9 +3812,9 @@ export {
   TOKEN_NAMES2 as TOKEN_NAMES,
   TOOL_ID_PATTERN2 as TOOL_ID_PATTERN,
   TOOL_KINDS2 as TOOL_KINDS,
-  TREE_GUIDE_BRIDGE,
-  TREE_GUIDE_COLUMN,
-  TREE_GUIDE_RADIUS,
+  TREE_GUIDE_BRIDGE2 as TREE_GUIDE_BRIDGE,
+  TREE_GUIDE_COLUMN2 as TREE_GUIDE_COLUMN,
+  TREE_GUIDE_RADIUS2 as TREE_GUIDE_RADIUS,
   ThemeError2 as ThemeError,
   UNKNOWN_COMPONENT2 as UNKNOWN_COMPONENT,
   UNKNOWN_COMPONENT_NAME2 as UNKNOWN_COMPONENT_NAME,
@@ -3618,9 +3824,10 @@ export {
   VOICE_WAVE_RINGS,
   VOICE_WAVE_SIZES,
   VOICE_WAVE_VARIANTS,
-  WINDOW_OVERSCAN,
-  WINDOW_THRESHOLD,
+  WINDOW_OVERSCAN2 as WINDOW_OVERSCAN,
+  WINDOW_THRESHOLD2 as WINDOW_THRESHOLD,
   WebSocketTransport2 as WebSocketTransport,
+  ZOOM,
   absolutePath2 as absolutePath,
   actionMessage2 as actionMessage,
   activeBreakpoint2 as activeBreakpoint,
@@ -3874,8 +4081,36 @@ export {
   weekStart,
   withOwnWrites2 as withOwnWrites,
   writePointer2 as writePointer,
-  writeTokens2 as writeTokens
+  writeTokens2 as writeTokens,
+  zoomAtRest,
+  zoomBounds,
+  zoomCentre,
+  zoomClamp,
+  zoomDoubleTap,
+  zoomDoubleTapScale,
+  zoomDrag,
+  zoomFitScale,
+  zoomIsTall,
+  zoomKey,
+  zoomLadder,
+  zoomLimits,
+  zoomMenu,
+  zoomMomentum,
+  zoomMomentumActive,
+  zoomPanRoom,
+  zoomPercent,
+  zoomPinch,
+  zoomResize,
+  zoomRestScale,
+  zoomRestView,
+  zoomRubberBand,
+  zoomScroll,
+  zoomStep,
+  zoomStepScale,
+  zoomTo,
+  zoomWheel,
+  zoomWheelFactor
 };
 
-//# debugId=7F458AE4739CE68F64756E2164756E21
+//# debugId=D54551619D5F8EAE64756E2164756E21
 //# sourceMappingURL=index.js.map