venuekit 0.10.2 → 0.10.3

package/dist/react.cjs

@@ -45,7 +45,7 @@
 
 
 
-var _chunkZ47OPTEPcjs = require('./chunk-Z47OPTEP.cjs');
+var _chunkUWCMN6Q7cjs = require('./chunk-UWCMN6Q7.cjs');
 
 // ../canvas/src/camera.ts
 var MIN_ZOOM = 0.05;
@@ -133,7 +133,7 @@ function reduceGesture(state, camera, viewport, input) {
     const [a, b] = list2;
     return {
       // Con dos dedos ya no hay tap posible: `moved` queda en true a propósito.
-      state: { pointers, origin: null, moved: true, pinchDistance: _chunkZ47OPTEPcjs.distance.call(void 0, a, b) },
+      state: { pointers, origin: null, moved: true, pinchDistance: _chunkUWCMN6Q7cjs.distance.call(void 0, a, b) },
       camera
     };
   }
@@ -146,7 +146,7 @@ function reduceGesture(state, camera, viewport, input) {
       const [a, b] = list2;
       const previousA = state.pointers[a.id];
       const previousB = state.pointers[b.id];
-      const nextDistance = _chunkZ47OPTEPcjs.distance.call(void 0, a, b);
+      const nextDistance = _chunkUWCMN6Q7cjs.distance.call(void 0, a, b);
       const previousDistance = state.pinchDistance;
       if (!previousA || !previousB || !previousDistance || previousDistance < 1e-6 || nextDistance < 1e-6) {
         return { state: { ...state, pointers, pinchDistance: nextDistance }, camera };
@@ -159,7 +159,7 @@ function reduceGesture(state, camera, viewport, input) {
         camera: panBy(zoomed, nextMid.x - previousMid.x, nextMid.y - previousMid.y)
       };
     }
-    const movedEnough = state.moved || state.origin !== null && _chunkZ47OPTEPcjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
+    const movedEnough = state.moved || state.origin !== null && _chunkUWCMN6Q7cjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
     if (!movedEnough) return { state: { ...state, pointers }, camera };
     return {
       state: { ...state, pointers, moved: true },
@@ -262,7 +262,7 @@ function centredBox(at, width, height, rotation) {
   return { minX: at.x - hw, minY: at.y - hh, maxX: at.x + hw, maxY: at.y + hh };
 }
 function tableBodyBox(table) {
-  const size = _chunkZ47OPTEPcjs.tableSize.call(void 0, table.shape, table.places);
+  const size = _chunkUWCMN6Q7cjs.tableSize.call(void 0, table.shape, table.places);
   const k = _nullishCoalesce(table.scale, () => ( 1));
   const [w, h] = "radius" in size ? [size.radius * 2 * k, size.radius * 2 * k] : [size.width * k, size.height * k];
   return centredBox(table.transform, w, h, table.transform.rotation);
@@ -279,12 +279,12 @@ function pieceBounds(element) {
   return box;
 }
 function computeBounds(element) {
-  if (element.type === "zone") return _chunkZ47OPTEPcjs.zoneBounds.call(void 0, element);
+  if (element.type === "zone") return _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, element);
   if (element.type === "landmark") {
     return centredBox(element.transform, element.width, element.height, element.transform.rotation);
   }
-  const units = element.type === "seatBlock" ? _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, element) : _chunkZ47OPTEPcjs.expandTable.call(void 0, element);
-  const own = units.length > 0 ? _chunkZ47OPTEPcjs.bbox.call(void 0, units.map((u) => ({ x: u.x, y: u.y }))) : null;
+  const units = element.type === "seatBlock" ? _chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, element) : _chunkUWCMN6Q7cjs.expandTable.call(void 0, element);
+  const own = units.length > 0 ? _chunkUWCMN6Q7cjs.bbox.call(void 0, units.map((u) => ({ x: u.x, y: u.y }))) : null;
   if (element.type === "table") {
     const body = tableBodyBox(element);
     return own ? {
@@ -296,13 +296,17 @@ function computeBounds(element) {
   }
   return own;
 }
-function elementAt(layout, screen, camera, viewport) {
+var EDIT_HIT_SLOP_PX = 4;
+function elementAt(layout, screen, camera, viewport, options = {}) {
   const world = screenToWorld(camera, viewport, screen);
+  const slop = (_nullishCoalesce(options.slopPx, () => ( 0))) / camera.zoom;
   for (let i = layout.elements.length - 1; i >= 0; i -= 1) {
     const element = layout.elements[i];
     const box = elementBounds(layout, element);
-    if (box && world.x >= box.minX && world.x <= box.maxX && world.y >= box.minY && world.y <= box.maxY) {
-      if (element.type === "zone" && !_chunkZ47OPTEPcjs.pointInZone.call(void 0, element, world)) continue;
+    const ownsRadius = element.type === "seatBlock" || element.type === "table" && element.mode === "perPlace";
+    const pad = element.type === "seatBlock" || element.type === "table" ? (ownsRadius ? _nullishCoalesce(_optionalChain([options, 'access', _ => _.radii, 'optionalAccess', _2 => _2.get, 'call', _3 => _3(element.id)]), () => ( 0)) : 0) + slop : 0;
+    if (box && world.x >= box.minX - pad && world.x <= box.maxX + pad && world.y >= box.minY - pad && world.y <= box.maxY + pad) {
+      if (element.type === "zone" && !_chunkUWCMN6Q7cjs.pointInZone.call(void 0, element, world)) continue;
       return element;
     }
   }
@@ -336,7 +340,7 @@ function unitRadii(layout) {
         out.set(el.id, DEFAULT_UNIT_RADIUS * k);
         continue;
       }
-      const size = _chunkZ47OPTEPcjs.tableSize.call(void 0, el.shape, el.places);
+      const size = _chunkUWCMN6Q7cjs.tableSize.call(void 0, el.shape, el.places);
       out.set(el.id, ("radius" in size ? size.radius : Math.max(size.width, size.height) / 2) * k);
     }
   }
@@ -365,13 +369,13 @@ function buildScene(input) {
     })
   );
   const colorOf = (ref) => ref === null ? null : _nullishCoalesce(placeTypeColors.get(ref), () => ( null));
-  const dim = (ref) => mode === "map" && (colorOf(ref) === null || input.focusRef != null && ref !== input.focusRef || ref !== null && !!_optionalChain([input, 'access', _ => _.dimmedRefs, 'optionalAccess', _2 => _2.has, 'call', _3 => _3(ref)]));
+  const dim = (ref) => mode === "map" && (colorOf(ref) === null || input.focusRef != null && ref !== input.focusRef || ref !== null && !!_optionalChain([input, 'access', _4 => _4.dimmedRefs, 'optionalAccess', _5 => _5.has, 'call', _6 => _6(ref)]));
   const bg = layout.meta.background;
   const background = bg ? { src: bg.src, box: { minX: bg.x, minY: bg.y, maxX: bg.x + bg.width, maxY: bg.y + bg.height }, opacity: bg.opacity } : null;
   const shapes = [];
   const labels = [];
   const chip = { fill: palette.shapeFill, stroke: palette.shape };
-  const refOf = (el) => el.type === "landmark" ? null : _optionalChain([el, 'access', _4 => _4.placeType, 'optionalAccess', _5 => _5.ref]) || null;
+  const refOf = (el) => el.type === "landmark" ? null : _optionalChain([el, 'access', _7 => _7.placeType, 'optionalAccess', _8 => _8.ref]) || null;
   for (const el of layout.elements) {
     if (el.type === "landmark") {
       const b = centredBox(el.transform, el.width, el.height, el.transform.rotation);
@@ -429,24 +433,24 @@ function buildScene(input) {
       const ref = refOf(el);
       const color = _nullishCoalesce(colorOf(ref), () => ( palette.unassigned));
       const b = centredBox(el.transform, el.width, el.height, el.transform.rotation);
-      const strong = mode === "map" && ref !== null && !!_optionalChain([input, 'access', _6 => _6.highlightRefs, 'optionalAccess', _7 => _7.has, 'call', _8 => _8(ref)]);
+      const strong = mode === "map" && ref !== null && !!_optionalChain([input, 'access', _9 => _9.highlightRefs, 'optionalAccess', _10 => _10.has, 'call', _11 => _11(ref)]);
       const paint2 = {
         fill: translucent(color, strong ? palette.zoneSelectedAlpha : palette.zoneAlpha),
         stroke: color,
         strokeWidth: strong ? 2.5 : 1.5,
         ...dim(ref) ? { alpha: DIMMED_ALPHA } : {}
       };
-      const outline = _chunkZ47OPTEPcjs.zoneOutline.call(void 0, el, ZONE_CORNER);
+      const outline = _chunkUWCMN6Q7cjs.zoneOutline.call(void 0, el, ZONE_CORNER);
       if (outline.length > 0) shapes.push({ kind: "polygon", points: outline, ...paint2 });
       else shapes.push({ kind: "rect", x: b.minX, y: b.minY, width: b.maxX - b.minX, height: b.maxY - b.minY, cornerRadius: ZONE_CORNER, ...paint2 });
-      const room = _chunkZ47OPTEPcjs.zoneLabelSize.call(void 0, el);
+      const room = _chunkUWCMN6Q7cjs.zoneLabelSize.call(void 0, el);
       const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
       const roomW = (swap ? room.height : room.width) * camera.zoom;
       const roomH = (swap ? room.width : room.height) * camera.zoom;
-      const text = colorOf(ref) !== null ? _nullishCoalesce(_optionalChain([el, 'access', _9 => _9.placeType, 'optionalAccess', _10 => _10.name]), () => ( "")) : mode === "designer" ? input.unassignedLabel : "";
+      const text = colorOf(ref) !== null ? _nullishCoalesce(_optionalChain([el, 'access', _12 => _12.placeType, 'optionalAccess', _13 => _13.name]), () => ( "")) : mode === "designer" ? input.unassignedLabel : "";
       if (text && mode === "map") {
         const maxWidth = roomW - LABEL_INSET_PX;
-        const price = ref !== null ? _optionalChain([input, 'access', _11 => _11.placeTypePrices, 'optionalAccess', _12 => _12.get, 'call', _13 => _13(ref)]) : void 0;
+        const price = ref !== null ? _optionalChain([input, 'access', _14 => _14.placeTypePrices, 'optionalAccess', _15 => _15.get, 'call', _16 => _16(ref)]) : void 0;
         const twoLines = !!price && roomH >= TWO_LINES_PX;
         const shift = twoLines ? 9 / camera.zoom : 0;
         const maxHeight = twoLines ? void 0 : roomH - LABEL_INSET_PX;
@@ -491,7 +495,7 @@ function buildScene(input) {
   }
   const chipped = mode === "designer" ? layout.elements.filter((el) => el.type !== "landmark" && colorOf(refOf(el)) === null) : [];
   const byElement = new Map(chipped.map((el) => [el.id, []]));
-  if (byElement.size > 0) for (const u of units) _optionalChain([byElement, 'access', _14 => _14.get, 'call', _15 => _15(u.elementId), 'optionalAccess', _16 => _16.push, 'call', _17 => _17(u)]);
+  if (byElement.size > 0) for (const u of units) _optionalChain([byElement, 'access', _17 => _17.get, 'call', _18 => _18(u.elementId), 'optionalAccess', _19 => _19.push, 'call', _20 => _20(u)]);
   for (const el of chipped) {
     const own = byElement.get(el.id);
     if (!own || own.length === 0) continue;
@@ -534,7 +538,7 @@ function buildScene(input) {
     if (!visible.has(u.id)) continue;
     visibleUnitIds.push(u.id);
     const color = _nullishCoalesce(colorOf(u.placeTypeRef), () => ( palette.unassigned));
-    const state = mode === "designer" && _optionalChain([input, 'access', _18 => _18.locked, 'optionalAccess', _19 => _19.has, 'call', _20 => _20(u.id)]) ? "taken" : _nullishCoalesce(states.get(u.id), () => ( "free"));
+    const state = mode === "designer" && _optionalChain([input, 'access', _21 => _21.locked, 'optionalAccess', _22 => _22.has, 'call', _23 => _23(u.id)]) ? "taken" : _nullishCoalesce(states.get(u.id), () => ( "free"));
     const mapPaint = mode === "map" ? mapUnitPaint(state, color, palette) : null;
     const paint2 = mapPaint ? { fill: mapPaint.fill, stroke: mapPaint.stroke, strokeWidth: mapPaint.strokeWidth } : unitPaint(state, color, palette);
     const dimmed = dim(u.placeTypeRef);
@@ -546,7 +550,7 @@ function buildScene(input) {
       const size = Math.min(13, Math.max(8, radius * camera.zoom * 0.9));
       labels.push({ x: u.x, y: u.y, text: number, size, weight: 700, color: mapPaint.label, align: "centre", maxWidth: radius * camera.zoom * 1.7 });
     }
-    if (_optionalChain([el, 'optionalAccess', _21 => _21.type]) === "table" && el.mode === "whole" && el.shape === "rect") {
+    if (_optionalChain([el, 'optionalAccess', _24 => _24.type]) === "table" && el.mode === "whole" && el.shape === "rect") {
       const b = tableBodyBox(el);
       shapes.push({ kind: "rect", x: b.minX, y: b.minY, width: b.maxX - b.minX, height: b.maxY - b.minY, ...paint2, ...alpha });
       continue;
@@ -625,7 +629,7 @@ function paint(ctx, fill, stroke, strokeWidth, zoom) {
 }
 function drawBackground(ctx, scene, images) {
   const bg = scene.background;
-  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _22 => _22.get, 'call', _23 => _23(bg.src)]) : void 0;
+  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _25 => _25.get, 'call', _26 => _26(bg.src)]) : void 0;
   if (!bg || !bitmap) return;
   const previous = ctx.globalAlpha;
   ctx.globalAlpha = bg.opacity;
@@ -734,7 +738,7 @@ function hitUnit(input) {
     const unit = unitById.get(id);
     if (!unit) continue;
     const radius = _nullishCoalesce(radii.get(unit.elementId), () => ( 0));
-    const d = _chunkZ47OPTEPcjs.distance.call(void 0, world, unit);
+    const d = _chunkUWCMN6Q7cjs.distance.call(void 0, world, unit);
     if (d > reach + radius) continue;
     const score = d - radius;
     if (score < bestScore) {
@@ -759,7 +763,7 @@ function cornerPoint(box, corner) {
 var clamp = (v, min, max) => Math.min(max, Math.max(min, v));
 function resizeElement(el, corner, from, to) {
   if (el.type === "zone" || el.type === "landmark") {
-    const box2 = el.type === "zone" ? _chunkZ47OPTEPcjs.zoneBounds.call(void 0, el) : centredBox(el.transform, el.width, el.height, el.transform.rotation);
+    const box2 = el.type === "zone" ? _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, el) : centredBox(el.transform, el.width, el.height, el.transform.rotation);
     const east = corner === "ne" || corner === "se";
     const south = corner === "se" || corner === "sw";
     const start = cornerPoint(box2, corner);
@@ -770,11 +774,11 @@ function resizeElement(el, corner, from, to) {
     const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
     const [w, h] = swap ? [worldH, worldW] : [worldW, worldH];
     if (el.type === "zone" && (_nullishCoalesce(el.curve, () => ( 0))) > 0) {
-      const sized = _chunkZ47OPTEPcjs.zoneWithLocalSize.call(void 0, el, w, h);
+      const sized = _chunkUWCMN6Q7cjs.zoneWithLocalSize.call(void 0, el, w, h);
       const width = Math.round(clamp(sized.width, RESIZE_MIN, RESIZE_MAX));
       const height = Math.round(clamp(sized.height, RESIZE_MIN, RESIZE_MAX));
       const next = { ...sized, width, height };
-      const b = _chunkZ47OPTEPcjs.zoneBounds.call(void 0, next);
+      const b = _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, next);
       const dx = east ? box2.minX - b.minX : box2.maxX - b.maxX;
       const dy = south ? box2.minY - b.minY : box2.maxY - b.maxY;
       return { ...next, transform: { ...el.transform, x: el.transform.x + dx, y: el.transform.y + dy } };
@@ -786,11 +790,11 @@ function resizeElement(el, corner, from, to) {
   const box = pieceBounds(el);
   if (!box) return el;
   const centre = { x: (box.minX + box.maxX) / 2, y: (box.minY + box.maxY) / 2 };
-  const reach = _chunkZ47OPTEPcjs.distance.call(void 0, from, centre);
+  const reach = _chunkUWCMN6Q7cjs.distance.call(void 0, from, centre);
   if (reach < 1) return el;
-  const scale = _chunkZ47OPTEPcjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkZ47OPTEPcjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
+  const scale = _chunkUWCMN6Q7cjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkUWCMN6Q7cjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
   if (scale === (_nullishCoalesce(el.scale, () => ( 1)))) return el;
-  return _chunkZ47OPTEPcjs.scalePiece.call(void 0, el, scale);
+  return _chunkUWCMN6Q7cjs.scalePiece.call(void 0, el, scale);
 }
 
 // ../canvas/src/a11y.ts
@@ -834,7 +838,7 @@ function nearestInDirection(nodes, from, direction) {
     const d = Math.hypot(dx, dy);
     if (!best2 || d < best2.d) best2 = { id: n.id, d };
   }
-  return _nullishCoalesce(_optionalChain([best2, 'optionalAccess', _24 => _24.id]), () => ( null));
+  return _nullishCoalesce(_optionalChain([best2, 'optionalAccess', _27 => _27.id]), () => ( null));
 }
 function navigateA11y(nodes, fromId, direction) {
   const from = nodes.find((n) => n.id === fromId);
@@ -870,10 +874,10 @@ function initialEditGesture() {
   return { g: initialGestureState, press: null };
 }
 function isArmed(state) {
-  return !!_optionalChain([state, 'access', _25 => _25.press, 'optionalAccess', _26 => _26.armed]) && state.press.movable !== null;
+  return !!_optionalChain([state, 'access', _28 => _28.press, 'optionalAccess', _29 => _29.armed]) && state.press.movable !== null;
 }
 function isMarqueeArmed(state) {
-  return !!_optionalChain([state, 'access', _27 => _27.press, 'optionalAccess', _28 => _28.armed]) && !!state.press.marquee;
+  return !!_optionalChain([state, 'access', _30 => _30.press, 'optionalAccess', _31 => _31.armed]) && !!state.press.marquee;
 }
 var sample = (p) => ({ id: p.id, x: p.x, y: p.y });
 function reduceEditGesture(state, camera, viewport, input) {
@@ -900,9 +904,9 @@ function reduceEditGesture(state, camera, viewport, input) {
   if (input.kind === "down") {
     const r2 = delegate(state.g, { type: "pointerdown", pointer: sample(p) });
     if (Object.keys(r2.state.pointers).length >= 2) {
-      const effects2 = _optionalChain([press, 'optionalAccess', _29 => _29.moving]) && press.movable ? [{ type: "moveEnd", elementId: press.movable }] : [];
-      if (_optionalChain([press, 'optionalAccess', _30 => _30.resize, 'optionalAccess', _31 => _31.active]) && press.elementId) effects2.push({ type: "resizeCancel", elementId: press.elementId });
-      if (_optionalChain([press, 'optionalAccess', _32 => _32.marquee, 'optionalAccess', _33 => _33.active])) effects2.push({ type: "marqueeCancel" });
+      const effects2 = _optionalChain([press, 'optionalAccess', _32 => _32.moving]) && press.movable ? [{ type: "moveEnd", elementId: press.movable }] : [];
+      if (_optionalChain([press, 'optionalAccess', _33 => _33.resize, 'optionalAccess', _34 => _34.active]) && press.elementId) effects2.push({ type: "resizeCancel", elementId: press.elementId });
+      if (_optionalChain([press, 'optionalAccess', _35 => _35.marquee, 'optionalAccess', _36 => _36.active])) effects2.push({ type: "marqueeCancel" });
       return {
         state: {
           g: r2.state,
@@ -957,9 +961,9 @@ function reduceEditGesture(state, camera, viewport, input) {
     };
   }
   if (input.kind === "move") {
-    if (_optionalChain([press, 'optionalAccess', _34 => _34.marquee]) && Object.keys(state.g.pointers).length === 1) {
+    if (_optionalChain([press, 'optionalAccess', _37 => _37.marquee]) && Object.keys(state.g.pointers).length === 1) {
       const { origin } = press.marquee;
-      const active = press.marquee.active || press.armed || _chunkZ47OPTEPcjs.distance.call(void 0, origin, p) > TAP_SLOP;
+      const active = press.marquee.active || press.armed || _chunkUWCMN6Q7cjs.distance.call(void 0, origin, p) > TAP_SLOP;
       if (!active) return { state, camera, effects: [] };
       return {
         state: { g: state.g, press: { ...press, last: { x: p.x, y: p.y }, marquee: { origin, active: true } } },
@@ -967,7 +971,7 @@ function reduceEditGesture(state, camera, viewport, input) {
         effects: [{ type: "marquee", from: screenToWorld(camera, viewport, origin), to: screenToWorld(camera, viewport, p) }]
       };
     }
-    if (_optionalChain([press, 'optionalAccess', _35 => _35.resize]) && press.elementId) {
+    if (_optionalChain([press, 'optionalAccess', _38 => _38.resize]) && press.elementId) {
       if (Object.keys(state.g.pointers).length !== 1) return { state, camera, effects: [] };
       const { corner, from } = press.resize;
       return {
@@ -977,7 +981,7 @@ function reduceEditGesture(state, camera, viewport, input) {
       };
     }
     if (press && press.movable && Object.keys(state.g.pointers).length === 1) {
-      const dragging = press.pointerType === "touch" ? press.armed : press.moving || _chunkZ47OPTEPcjs.distance.call(void 0, 
+      const dragging = press.pointerType === "touch" ? press.armed : press.moving || _chunkUWCMN6Q7cjs.distance.call(void 0, 
         _nullishCoalesce(state.g.origin, () => ( press.last)),
         p
       ) > TAP_SLOP;
@@ -993,7 +997,7 @@ function reduceEditGesture(state, camera, viewport, input) {
       if (press.pointerType !== "touch") return { state, camera, effects: [] };
     }
     const r2 = delegate(state.g, { type: "pointermove", pointer: sample(p) });
-    const lostPiece = _optionalChain([press, 'optionalAccess', _36 => _36.movable]) && r2.state.moved && !press.moving;
+    const lostPiece = _optionalChain([press, 'optionalAccess', _39 => _39.movable]) && r2.state.moved && !press.moving;
     return {
       state: { g: r2.state, press: press && lostPiece ? { ...press, movable: null } : press },
       camera: r2.camera,
@@ -1003,19 +1007,19 @@ function reduceEditGesture(state, camera, viewport, input) {
   const r = delegate(state.g, { type: input.kind === "up" ? "pointerup" : "pointercancel", pointer: sample(p) });
   const idle = Object.keys(r.state.pointers).length === 0;
   const effects = [];
-  if (_optionalChain([press, 'optionalAccess', _37 => _37.resize]) && press.elementId) {
+  if (_optionalChain([press, 'optionalAccess', _40 => _40.resize]) && press.elementId) {
     if (press.resize.active) {
       effects.push({ type: input.kind === "up" ? "resizeEnd" : "resizeCancel", elementId: press.elementId });
     }
     return { state: { g: r.state, press: idle ? null : { ...press, resize: void 0 } }, camera: r.camera, effects };
   }
-  if (_optionalChain([press, 'optionalAccess', _38 => _38.marquee, 'optionalAccess', _39 => _39.active])) {
+  if (_optionalChain([press, 'optionalAccess', _41 => _41.marquee, 'optionalAccess', _42 => _42.active])) {
     const from = screenToWorld(camera, viewport, press.marquee.origin);
     const to = screenToWorld(camera, viewport, press.last);
     effects.push(input.kind === "up" ? { type: "marqueeEnd", from, to, additive: !!press.additive } : { type: "marqueeCancel" });
     return { state: { g: r.state, press: idle ? null : { ...press, marquee: void 0, canMarquee: false } }, camera: r.camera, effects };
   }
-  if (_optionalChain([press, 'optionalAccess', _40 => _40.moving]) && press.movable) effects.push({ type: "moveEnd", elementId: press.movable });
+  if (_optionalChain([press, 'optionalAccess', _43 => _43.moving]) && press.movable) effects.push({ type: "moveEnd", elementId: press.movable });
   else if (r.tap && press) {
     const world = screenToWorld(camera, viewport, r.tap);
     effects.push(press.additive ? { type: "tap", world, elementId: press.elementId, additive: true } : { type: "tap", world, elementId: press.elementId });
@@ -1148,11 +1152,11 @@ function snapMove(moving, others, threshold, opts = {}) {
   const pick = (axis) => best([...alignCandidates(moving, others, axis, threshold, opts.sheet), ...gapCandidates(moving, others, axis, threshold)]);
   const x = pick("x");
   const y = pick("y");
-  const dx = _nullishCoalesce(_optionalChain([x, 'optionalAccess', _41 => _41.delta]), () => ( 0));
-  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _42 => _42.delta]), () => ( 0));
+  const dx = _nullishCoalesce(_optionalChain([x, 'optionalAccess', _44 => _44.delta]), () => ( 0));
+  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _45 => _45.delta]), () => ( 0));
   const moved = shiftBox(moving, dx, dy);
   const guides = alignmentGuides(moved, others, opts.sheet);
-  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _43 => _43.gaps, 'call', _44 => _44(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _45 => _45.gaps, 'call', _46 => _46(moved)]), () => ( []))];
+  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _46 => _46.gaps, 'call', _47 => _47(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _48 => _48.gaps, 'call', _49 => _49(moved)]), () => ( []))];
   return { dx, dy, guides, gaps };
 }
 function snapResize(box, edges, others, threshold, opts = {}) {
@@ -1275,7 +1279,7 @@ function focusBox(layout, units, radii, ref) {
     maxY = Math.max(maxY, u.y + r);
   }
   for (const el of layout.elements) {
-    if (el.type !== "zone" || _optionalChain([el, 'access', _47 => _47.placeType, 'optionalAccess', _48 => _48.ref]) !== ref) continue;
+    if (el.type !== "zone" || _optionalChain([el, 'access', _50 => _50.placeType, 'optionalAccess', _51 => _51.ref]) !== ref) continue;
     const b = pieceBounds(el);
     if (!b) continue;
     minX = Math.min(minX, b.minX);
@@ -1577,7 +1581,7 @@ function useImage(src) {
       img.onerror = null;
     };
   }, [src]);
-  if (!src || _optionalChain([loaded, 'optionalAccess', _49 => _49.src]) !== src) return { image: null, failed: false };
+  if (!src || _optionalChain([loaded, 'optionalAccess', _52 => _52.src]) !== src) return { image: null, failed: false };
   return { image: loaded.image, failed: loaded.failed };
 }
 
@@ -1757,9 +1761,9 @@ function VenueCanvas(props) {
   _react.useEffect.call(void 0, () => {
     const id = pendingFocus.current;
     if (!id) return;
-    const button = _optionalChain([wrapRef, 'access', _50 => _50.current, 'optionalAccess', _51 => _51.querySelector, 'call', _52 => _52(`[data-unit-id="${id}"]`)]);
+    const button = _optionalChain([wrapRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.querySelector, 'call', _55 => _55(`[data-unit-id="${id}"]`)]);
     pendingFocus.current = null;
-    _optionalChain([(_nullishCoalesce(button, () => ( chooseRef.current))), 'optionalAccess', _53 => _53.focus, 'call', _54 => _54()]);
+    _optionalChain([(_nullishCoalesce(button, () => ( chooseRef.current))), 'optionalAccess', _56 => _56.focus, 'call', _57 => _57()]);
   }, [visibleNodes]);
   const send = (input) => {
     const result = reduceGesture(gesture.current, camera, viewport, input);
@@ -1768,7 +1772,7 @@ function VenueCanvas(props) {
     if (!result.tap) return;
     const unitId = hitUnit({ index, camera, viewport, screenPoint: result.tap, units, radii: props.radii });
     if (!unitId) {
-      _optionalChain([props, 'access', _55 => _55.onTapEmpty, 'optionalCall', _56 => _56(result.tap)]);
+      _optionalChain([props, 'access', _58 => _58.onTapEmpty, 'optionalCall', _59 => _59(result.tap)]);
       return;
     }
     const unit = unitById.get(unitId);
@@ -1804,12 +1808,12 @@ function VenueCanvas(props) {
       const node = a11yNodes.find((n) => n.id === next);
       if (node) props.onCameraChange({ ...camera, x: node.x, y: node.y });
     } else {
-      _optionalChain([wrapRef, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.querySelector, 'call', _59 => _59(`[data-unit-id="${next}"]`), 'optionalAccess', _60 => _60.focus, 'call', _61 => _61()]);
+      _optionalChain([wrapRef, 'access', _60 => _60.current, 'optionalAccess', _61 => _61.querySelector, 'call', _62 => _62(`[data-unit-id="${next}"]`), 'optionalAccess', _63 => _63.focus, 'call', _64 => _64()]);
       pendingFocus.current = null;
     }
   };
   const zoomButton = (factor) => () => props.onCameraChange(zoomAt(camera, viewport, { x: viewport.width / 2, y: viewport.height / 2 }, factor));
-  const tabbableId = _nullishCoalesce((activeId !== null && visible.has(activeId) ? activeId : _optionalChain([visibleNodes, 'access', _62 => _62[0], 'optionalAccess', _63 => _63.id])), () => ( null));
+  const tabbableId = _nullishCoalesce((activeId !== null && visible.has(activeId) ? activeId : _optionalChain([visibleNodes, 'access', _65 => _65[0], 'optionalAccess', _66 => _66.id])), () => ( null));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -1875,7 +1879,7 @@ function VenueCanvas(props) {
 var NONE = [];
 var EMPTY_SET = /* @__PURE__ */ new Set();
 function byKind(u, seat, table, place) {
-  return _optionalChain([u, 'optionalAccess', _64 => _64.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _65 => _65.kind]) === "place" ? place : seat;
+  return _optionalChain([u, 'optionalAccess', _67 => _67.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _68 => _68.kind]) === "place" ? place : seat;
 }
 function a11yLabel(u, m) {
   const table = format(m.summaryTable, { table: _nullishCoalesce(u.table, () => ( u.label)) });
@@ -1885,13 +1889,13 @@ function a11yLabel(u, m) {
 }
 function SeatMap(props) {
   const { layout, focusRef, selection, onSelectionChange } = props;
-  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkZ47OPTEPcjs.DEFAULT_MAX_SELECTION));
+  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkUWCMN6Q7cjs.DEFAULT_MAX_SELECTION));
   const messages = _react.useMemo.call(void 0, 
     () => mergeMessages({ ...props.messages, ...props.continueLabel ? { continueLabel: props.continueLabel } : {} }),
     [props.messages, props.continueLabel]
   );
-  const units = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkUWCMN6Q7cjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(units), [units]);
   const radii = _react.useMemo.call(void 0, () => unitRadii(layout), [layout]);
   const unitById = _react.useMemo.call(void 0, () => new Map(units.map((u) => [u.id, u])), [units]);
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(props.placeTypes.map((p) => [p.ref, p.color])), [props.placeTypes]);
@@ -1929,7 +1933,7 @@ function SeatMap(props) {
     [props.takenUnitIds, conflicted]
   );
   const held = _react.useMemo.call(void 0, () => new Set(_nullishCoalesce(props.heldUnitIds, () => ( NONE))), [props.heldUnitIds]);
-  const states = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.unitStates.call(void 0, units, taken, selection, held), [units, taken, selection, held]);
+  const states = _react.useMemo.call(void 0, () => _chunkUWCMN6Q7cjs.unitStates.call(void 0, units, taken, selection, held), [units, taken, selection, held]);
   const selectable = _react.useMemo.call(void 0, () => units.filter((u) => u.placeTypeRef === focusRef), [units, focusRef]);
   const a11yNodes = _react.useMemo.call(void 0, 
     () => buildA11yNodes(
@@ -1941,7 +1945,7 @@ function SeatMap(props) {
     [selectable, states, placeTypeNames, messages]
   );
   const bg = layout.meta.background;
-  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _66 => _66.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _69 => _69.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -1952,7 +1956,7 @@ function SeatMap(props) {
   const framedFor = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (viewport.width === 0 || viewport.height === 0) return;
-    if (_optionalChain([framedFor, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.layout]) === layout && framedFor.current.focusRef === focusRef) return;
+    if (_optionalChain([framedFor, 'access', _70 => _70.current, 'optionalAccess', _71 => _71.layout]) === layout && framedFor.current.focusRef === focusRef) return;
     framedFor.current = { layout, focusRef };
     const box = _nullishCoalesce(focusBox(layout, units, radii, focusRef), () => ( { minX: 0, minY: 0, maxX: layout.meta.width, maxY: layout.meta.height }));
     setCamera(fitBox(box, viewport, props.embedded ? 16 : 24));
@@ -1970,7 +1974,7 @@ function SeatMap(props) {
   const onTapEmpty = _react.useCallback.call(void 0, (screen) => {
     const el = elementAt(layout, screen, cameraRef.current, viewportRef.current);
     if (!el || el.type === "landmark") return;
-    switchTo(_optionalChain([el, 'access', _69 => _69.placeType, 'optionalAccess', _70 => _70.ref]) || null);
+    switchTo(_optionalChain([el, 'access', _72 => _72.placeType, 'optionalAccess', _73 => _73.ref]) || null);
   }, [layout, switchTo]);
   const activateUnit = _react.useCallback.call(void 0, (unitId) => {
     const unit = unitById.get(unitId);
@@ -1983,7 +1987,7 @@ function SeatMap(props) {
       announce(messages.heldSeat, true);
       return;
     }
-    const result = _chunkZ47OPTEPcjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
+    const result = _chunkUWCMN6Q7cjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
     if (result.rejected === "taken") {
       announce(byKind(unit, messages.takenSeat, messages.takenTable, messages.takenPlace), true);
       return;
@@ -2096,7 +2100,7 @@ function overviewBox(layout, radii) {
   for (const el of layout.elements) {
     const b = elementBounds(layout, el);
     if (!b) continue;
-    const r = el.type === "seatBlock" || el.type === "table" ? _nullishCoalesce(_optionalChain([radii, 'optionalAccess', _71 => _71.get, 'call', _72 => _72(el.id)]), () => ( 0)) : 0;
+    const r = el.type === "seatBlock" || el.type === "table" ? _nullishCoalesce(_optionalChain([radii, 'optionalAccess', _74 => _74.get, 'call', _75 => _75(el.id)]), () => ( 0)) : 0;
     box = box ? {
       minX: Math.min(box.minX, b.minX - r),
       minY: Math.min(box.minY, b.minY - r),
@@ -2118,8 +2122,8 @@ var NO_NODES = [];
 function VenueOverview(props) {
   const { layout, placeTypes, onSelect } = props;
   const messages = _react.useMemo.call(void 0, () => mergeMessages(props.messages), [props.messages]);
-  const units = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkUWCMN6Q7cjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(units), [units]);
   const radii = _react.useMemo.call(void 0, () => unitRadii(layout), [layout]);
   const unitById = _react.useMemo.call(void 0, () => new Map(units.map((u) => [u.id, u])), [units]);
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(placeTypes.map((p) => [p.ref, p.color])), [placeTypes]);
@@ -2136,7 +2140,7 @@ function VenueOverview(props) {
   const takenIds = _nullishCoalesce(props.takenUnitIds, () => ( NONE2));
   const selectedIds = _nullishCoalesce(props.selectedUnitIds, () => ( NONE2));
   const states = _react.useMemo.call(void 0, 
-    () => _chunkZ47OPTEPcjs.unitStates.call(void 0, units, new Set(takenIds), selectedIds, NO_HELD),
+    () => _chunkUWCMN6Q7cjs.unitStates.call(void 0, units, new Set(takenIds), selectedIds, NO_HELD),
     [units, takenIds, selectedIds]
   );
   const hideList = props.hideList === true;
@@ -2149,12 +2153,12 @@ function VenueOverview(props) {
     const tap = overviewTap(ref, placeTypes);
     if (tap.kind === "select") onSelect(tap.ref);
     else if (tap.kind === "soldOut") {
-      const name = _nullishCoalesce(_optionalChain([placeTypes, 'access', _73 => _73.find, 'call', _74 => _74((p) => p.ref === tap.ref), 'optionalAccess', _75 => _75.label]), () => ( ""));
+      const name = _nullishCoalesce(_optionalChain([placeTypes, 'access', _76 => _76.find, 'call', _77 => _77((p) => p.ref === tap.ref), 'optionalAccess', _78 => _78.label]), () => ( ""));
       setNotice((n) => ({ text: format(messages.soldOutNotice, { name }), seq: n.seq + 1 }));
     }
   }, [placeTypes, onSelect, messages]);
   const bg = layout.meta.background;
-  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _76 => _76.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _79 => _79.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -2181,7 +2185,7 @@ function VenueOverview(props) {
   const onTapEmpty = _react.useCallback.call(void 0, (screen) => {
     const el = elementAt(layout, screen, cameraRef.current, viewportRef.current);
     if (!el || el.type === "landmark") return;
-    choose(_optionalChain([el, 'access', _77 => _77.placeType, 'optionalAccess', _78 => _78.ref]) || null);
+    choose(_optionalChain([el, 'access', _80 => _80.placeType, 'optionalAccess', _81 => _81.ref]) || null);
   }, [layout, choose]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -2206,7 +2210,7 @@ function VenueOverview(props) {
             onCameraChange: setCamera,
             viewport,
             onViewportChange: setViewport,
-            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _79 => _79.get, 'call', _80 => _80(id), 'optionalAccess', _81 => _81.placeTypeRef]), () => ( null))),
+            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _82 => _82.get, 'call', _83 => _83(id), 'optionalAccess', _84 => _84.placeTypeRef]), () => ( null))),
             onTapEmpty,
             messages: canvasMessages,
             placeTypeColors,
@@ -2301,9 +2305,9 @@ function withWorldSize(el, axis, size) {
   const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
   const field = axis === "x" !== swap ? "width" : "height";
   if (el.type === "zone" && (_nullishCoalesce(el.curve, () => ( 0))) > 0) {
-    const now = _chunkZ47OPTEPcjs.zoneLocalSize.call(void 0, el);
+    const now = _chunkUWCMN6Q7cjs.zoneLocalSize.call(void 0, el);
     if (Math.abs(now[field] - size) < 1e-6) return el;
-    const next = _chunkZ47OPTEPcjs.zoneWithLocalSize.call(void 0, el, field === "width" ? size : now.width, field === "height" ? size : now.height);
+    const next = _chunkUWCMN6Q7cjs.zoneWithLocalSize.call(void 0, el, field === "width" ? size : now.width, field === "height" ? size : now.height);
     return { ...next, width: Math.round(next.width), height: Math.round(next.height) };
   }
   return el[field] === size ? el : { ...el, [field]: size };
@@ -2329,7 +2333,7 @@ function arrangeCommands(layout, ids, action) {
     const scale = _nullishCoalesce(model.el.scale, () => ( 1));
     return scaled.slice(1).flatMap(({ el }) => {
       const piece = el;
-      return (_nullishCoalesce(piece.scale, () => ( 1))) === scale ? [] : [{ type: "replaceElement", element: _chunkZ47OPTEPcjs.scalePiece.call(void 0, piece, scale) }];
+      return (_nullishCoalesce(piece.scale, () => ( 1))) === scale ? [] : [{ type: "replaceElement", element: _chunkUWCMN6Q7cjs.scalePiece.call(void 0, piece, scale) }];
     });
   }
   const shifts = action === "distributeX" ? distributeBoxes(boxes, "x") : action === "distributeY" ? distributeBoxes(boxes, "y") : alignBoxes(boxes, action);
@@ -2486,7 +2490,7 @@ function splitUnits(units, changed) {
   const still = [];
   const moving = [];
   for (const u of units) (changed.has(u.elementId) ? moving : still).push(u);
-  return { changed, still, stillIndex: new (0, _chunkZ47OPTEPcjs.SpatialIndex)(still), moving, movingIndex: new (0, _chunkZ47OPTEPcjs.SpatialIndex)(moving) };
+  return { changed, still, stillIndex: new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(still), moving, movingIndex: new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(moving) };
 }
 function boxesOf(layout) {
   const out = /* @__PURE__ */ new Map();
@@ -2522,21 +2526,21 @@ function previewFrame(base, split, baseBoxes, preview) {
   }
   const { element } = preview;
   const layout = { ...base, elements: base.elements.map((el) => el.id === element.id ? element : el) };
-  const own = _chunkZ47OPTEPcjs.expand.call(void 0, { ...base, elements: [element] });
+  const own = _chunkUWCMN6Q7cjs.expand.call(void 0, { ...base, elements: [element] });
   const b = pieceBounds(element);
   if (b) boxes.set(element.id, b);
   else boxes.delete(element.id);
-  return { layout, units: split.still.concat(own), index: joined(split.stillIndex, new (0, _chunkZ47OPTEPcjs.SpatialIndex)(own), 0, 0), boxes };
+  return { layout, units: split.still.concat(own), index: joined(split.stillIndex, new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(own), 0, 0), boxes };
 }
 
 // ../react/src/designer/sizing.ts
 var SIZE_STEP = 0.1;
 var KEY_RESIZE_STEP = 20;
 function steppedScale(scale, direction) {
-  return _chunkZ47OPTEPcjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
+  return _chunkUWCMN6Q7cjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
 }
 function keyboardResize(el, corner, direction) {
-  if (el.type === "seatBlock" || el.type === "table") return _chunkZ47OPTEPcjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
+  if (el.type === "seatBlock" || el.type === "table") return _chunkUWCMN6Q7cjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
   const box = pieceBounds(el);
   if (!box) return el;
   const from = cornerPoint(box, corner);
@@ -2570,29 +2574,29 @@ function frame(layout, viewport) {
 function pieceName(el, placeTypes, m) {
   if (el.type === "landmark") return el.name;
   if (el.type === "zone") {
-    const ref2 = _optionalChain([el, 'access', _82 => _82.placeType, 'optionalAccess', _83 => _83.ref]) || null;
-    return _nullishCoalesce((ref2 ? _optionalChain([placeTypes, 'access', _84 => _84.find, 'call', _85 => _85((p) => p.ref === ref2), 'optionalAccess', _86 => _86.label]) : void 0), () => ( m.unassigned));
+    const ref2 = _optionalChain([el, 'access', _85 => _85.placeType, 'optionalAccess', _86 => _86.ref]) || null;
+    return _nullishCoalesce((ref2 ? _optionalChain([placeTypes, 'access', _87 => _87.find, 'call', _88 => _88((p) => p.ref === ref2), 'optionalAccess', _89 => _89.label]) : void 0), () => ( m.unassigned));
   }
   const own = el.type === "seatBlock" ? (() => {
-    const rows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, el.rowLabels, el.rows);
+    const rows = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, el.rowLabels, el.rows);
     return format(m.pieceBlockName, { from: _nullishCoalesce(rows[0], () => ( "")), to: _nullishCoalesce(rows[rows.length - 1], () => ( "")) });
   })() : format(m.pieceTableName, { label: el.label });
-  const ref = _optionalChain([el, 'access', _87 => _87.placeType, 'optionalAccess', _88 => _88.ref]) || null;
-  const type = ref ? _optionalChain([placeTypes, 'access', _89 => _89.find, 'call', _90 => _90((p) => p.ref === ref), 'optionalAccess', _91 => _91.label]) : void 0;
+  const ref = _optionalChain([el, 'access', _90 => _90.placeType, 'optionalAccess', _91 => _91.ref]) || null;
+  const type = ref ? _optionalChain([placeTypes, 'access', _92 => _92.find, 'call', _93 => _93((p) => p.ref === ref), 'optionalAccess', _94 => _94.label]) : void 0;
   return `${own}, ${_nullishCoalesce(type, () => ( m.unassigned))}`;
 }
 function fullBlock(layout, id) {
   const el = id ? layout.elements.find((e) => e.id === id) : void 0;
-  return _optionalChain([el, 'optionalAccess', _92 => _92.type]) === "seatBlock" ? _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, { ...el, removed: [] }) : [];
+  return _optionalChain([el, 'optionalAccess', _95 => _95.type]) === "seatBlock" ? _chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, { ...el, removed: [] }) : [];
 }
 var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ designer, placeTypes, lockedUnitIds, messages, frameKey, onPieceTap, backgroundImage = null, compact = false, overlay, theme }, ref) {
   const { ui } = designer;
   const [preview, setPreview] = _react.useState.call(void 0, null);
   const resizingRef = _react.useRef.call(void 0, null);
-  const resizing = _optionalChain([preview, 'optionalAccess', _93 => _93.kind]) === "replace" ? preview.element : null;
+  const resizing = _optionalChain([preview, 'optionalAccess', _96 => _96.kind]) === "replace" ? preview.element : null;
   const base = designer.layout;
-  const baseUnits = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, base), [base]);
-  const baseIndex = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(baseUnits), [baseUnits]);
+  const baseUnits = _react.useMemo.call(void 0, () => _chunkUWCMN6Q7cjs.expand.call(void 0, base), [base]);
+  const baseIndex = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(baseUnits), [baseUnits]);
   const baseBoxes = _react.useMemo.call(void 0, () => boxesOf(base), [base]);
   const changedKey = preview ? changedIds(preview).join("\0") : "";
   const split = _react.useMemo.call(void 0, () => changedKey ? splitUnits(baseUnits, new Set(changedKey.split("\0"))) : null, [baseUnits, changedKey]);
@@ -2631,7 +2635,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
   );
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(placeTypes.map((p) => [p.ref, p.color])), [placeTypes]);
   const seatEditUnits = _react.useMemo.call(void 0, () => fullBlock(base, ui.seatEditId), [base, ui.seatEditId]);
-  const seatEditIndex = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(seatEditUnits), [seatEditUnits]);
+  const seatEditIndex = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(seatEditUnits), [seatEditUnits]);
   const seatEditById = _react.useMemo.call(void 0, () => new Map(seatEditUnits.map((u) => [u.id, u])), [seatEditUnits]);
   const elementBoxes = _react.useMemo.call(void 0, 
     () => layout.elements.flatMap((el) => {
@@ -2708,7 +2712,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     [layout, units, index, camera, viewport, palette, placeTypeColors, lockedUnitIds, messages.unassigned]
   );
   _react.useEffect.call(void 0, () => {
-    const ctx = _optionalChain([canvasRef, 'access', _94 => _94.current, 'optionalAccess', _95 => _95.getContext, 'call', _96 => _96("2d")]);
+    const ctx = _optionalChain([canvasRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.getContext, 'call', _99 => _99("2d")]);
     if (!ctx || viewport.width === 0) return;
     renderScene(scene, { ctx, camera, viewport, dpr, images });
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
@@ -2782,7 +2786,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
   }, [scene, camera, viewport, dpr, images, bg, ui.backgroundEditing, ui.selection, ui.seatEditId, boxes, radii, palette, seatEditUnits, removed, lifted, hints, marquee]);
   _react.useImperativeHandle.call(void 0, ref, () => ({
     clientToWorld: (clientX, clientY) => {
-      const r = _optionalChain([stageRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.getBoundingClientRect, 'call', _99 => _99()]);
+      const r = _optionalChain([stageRef, 'access', _100 => _100.current, 'optionalAccess', _101 => _101.getBoundingClientRect, 'call', _102 => _102()]);
       if (!r || clientX < r.left || clientX > r.right || clientY < r.top || clientY > r.bottom) return null;
       const { camera: c, viewport: v } = latest.current;
       return screenToWorld(c, v, { x: clientX - r.left, y: clientY - r.top });
@@ -2860,7 +2864,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
       if (fx.elementId) d.dispatchUi({ type: "toggleSelect", id: fx.elementId });
     } else {
       d.dispatchUi({ type: "select", id: fx.elementId });
-      if (fx.elementId) _optionalChain([onPieceTapRef, 'access', _100 => _100.current, 'optionalCall', _101 => _101(fx.elementId)]);
+      if (fx.elementId) _optionalChain([onPieceTapRef, 'access', _103 => _103.current, 'optionalCall', _104 => _104(fx.elementId)]);
     }
   };
   const sheetBox = (l) => ({ minX: 0, minY: 0, maxX: l.meta.width, maxY: l.meta.height });
@@ -2878,7 +2882,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     }
     current.raw = { x: current.raw.x + dx, y: current.raw.y + dy };
     const snap = altHeld.current ? null : snapMove(shiftBox(current.start, current.raw.x, current.raw.y), current.others, SNAP_PX / zoom, { sheet: sheetBox(d.layout) });
-    const target = { x: current.raw.x + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _102 => _102.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _103 => _103.dy]), () => ( 0))) };
+    const target = { x: current.raw.x + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _105 => _105.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _106 => _106.dy]), () => ( 0))) };
     if (target.x !== current.applied.x || target.y !== current.applied.y) {
       current.applied = target;
       setPreview({ kind: "move", ids: current.ids, dx: target.x, dy: target.y });
@@ -2900,7 +2904,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     if (isScaled2(next) && isScaled2(start)) {
       const same = d.layout.elements.filter((el) => el.id !== start.id && el.type === next.type);
       const match = snapScaleTo(_nullishCoalesce(next.scale, () => ( 1)), same.map((el) => _nullishCoalesce(el.scale, () => ( 1))));
-      const sized2 = match !== null && match !== (_nullishCoalesce(next.scale, () => ( 1))) ? _chunkZ47OPTEPcjs.scalePiece.call(void 0, start, match) : next;
+      const sized2 = match !== null && match !== (_nullishCoalesce(next.scale, () => ( 1))) ? _chunkUWCMN6Q7cjs.scalePiece.call(void 0, start, match) : next;
       const now = _nullishCoalesce(sized2.scale, () => ( 1));
       const matches = same.filter((el) => (_nullishCoalesce(el.scale, () => ( 1))) === now).flatMap((el) => _nullishCoalesce(pieceBounds(el), () => ( [])));
       setHints(matches.length > 0 ? { guides: [], gaps: [], matches } : null);
@@ -2926,7 +2930,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const nowMarquee = isMarqueeArmed(r.state);
     if (nowMarquee && !marqueeArmed.current) {
       try {
-        _optionalChain([navigator, 'access', _104 => _104.vibrate, 'optionalCall', _105 => _105(10)]);
+        _optionalChain([navigator, 'access', _107 => _107.vibrate, 'optionalCall', _108 => _108(10)]);
       } catch (e2) {
       }
     }
@@ -2935,7 +2939,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     if (nowLifted !== liftedRef.current) {
       if (nowLifted) {
         try {
-          _optionalChain([navigator, 'access', _106 => _106.vibrate, 'optionalCall', _107 => _107(10)]);
+          _optionalChain([navigator, 'access', _109 => _109.vibrate, 'optionalCall', _110 => _110(10)]);
         } catch (e3) {
         }
       }
@@ -3007,7 +3011,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     }
     const d = latest.current.designer;
     const { camera: c, viewport: v } = latest.current;
-    const hit = kind === "down" ? _nullishCoalesce(_nullishCoalesce(backgroundAt(d.layout.meta.background, screenToWorld(c, v, p), d.ui.backgroundEditing), () => ( _optionalChain([elementAt, 'call', _108 => _108(d.layout, p, c, v), 'optionalAccess', _109 => _109.id]))), () => ( null)) : null;
+    const hit = kind === "down" ? _nullishCoalesce(_nullishCoalesce(backgroundAt(d.layout.meta.background, screenToWorld(c, v, p), d.ui.backgroundEditing), () => ( _optionalChain([elementAt, 'call', _111 => _111(d.layout, p, c, v, { radii, slopPx: EDIT_HIT_SLOP_PX }), 'optionalAccess', _112 => _112.id]))), () => ( null)) : null;
     const elementLocked = d.ui.armed !== null || hit !== null && hit === d.ui.seatEditId;
     if (kind !== "down") {
       feed({ kind, p, hitElementId: hit, elementLocked });
@@ -3068,7 +3072,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const id = pendingFocus.current;
     if (!id) return;
     pendingFocus.current = null;
-    _optionalChain([stageRef, 'access', _110 => _110.current, 'optionalAccess', _111 => _111.querySelector, 'call', _112 => _112(`[data-element-id="${id}"]`), 'optionalAccess', _113 => _113.focus, 'call', _114 => _114()]);
+    _optionalChain([stageRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.querySelector, 'call', _115 => _115(`[data-element-id="${id}"]`), 'optionalAccess', _116 => _116.focus, 'call', _117 => _117()]);
   });
   const armedName = ui.armed ? armedLabel(ui.armed, messages) : null;
   const selectedEl = ui.selectedId ? layout.elements.find((e) => e.id === ui.selectedId) : void 0;
@@ -3157,7 +3161,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
                       return;
                     }
                     designer.dispatchUi({ type: "select", id: el.id });
-                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _115 => _115(el.id)]);
+                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _118 => _118(el.id)]);
                   },
                   children: pieceName(el, placeTypes, messages)
                 },
@@ -3213,7 +3217,7 @@ function armedLabel(kind, m) {
   if (kind === "roundTable") return m.pieceRoundTable;
   if (kind === "rectTable") return m.pieceRectTable;
   if (kind === "zone") return m.pieceZone;
-  return _nullishCoalesce(_optionalChain([_chunkZ47OPTEPcjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _116 => _116.name]), () => ( kind));
+  return _nullishCoalesce(_optionalChain([_chunkUWCMN6Q7cjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _119 => _119.name]), () => ( kind));
 }
 function drawHints(ctx, hints, camera, viewport, color) {
   const at = (x, y) => worldToScreen(camera, viewport, { x, y });
@@ -3352,7 +3356,7 @@ function anchorPanel(piece, panel, viewport, margin = 12) {
   return docked;
 }
 function range(rule, count) {
-  const labels = _chunkZ47OPTEPcjs.labelSequence.call(void 0, rule, count);
+  const labels = _chunkUWCMN6Q7cjs.labelSequence.call(void 0, rule, count);
   return { from: _nullishCoalesce(labels[0], () => ( "")), to: _nullishCoalesce(labels[labels.length - 1], () => ( "")) };
 }
 function blockRangeText(block, templates) {
@@ -3363,24 +3367,24 @@ function blockRangeText(block, templates) {
 function reshapeBlock(block, patch) {
   const next = { ...block, ...patch };
   if (block.removed.length === 0) return next;
-  const oldRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, block.rowLabels, block.rows);
-  const oldSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, block.seatLabels, block.cols);
-  const newRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, next.rowLabels, next.rows);
-  const newSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, next.seatLabels, next.cols);
+  const oldRows = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, block.rowLabels, block.rows);
+  const oldSeats = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, block.seatLabels, block.cols);
+  const newRows = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, next.rowLabels, next.rows);
+  const newSeats = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, next.seatLabels, next.cols);
   const removed = [];
   for (const id of block.removed) {
-    const [, row, seat] = _chunkZ47OPTEPcjs.parseUnitId.call(void 0, id);
+    const [, row, seat] = _chunkUWCMN6Q7cjs.parseUnitId.call(void 0, id);
     const r = row === void 0 ? -1 : oldRows.indexOf(row);
     const c = seat === void 0 ? -1 : oldSeats.indexOf(seat);
     if (r < 0 || c < 0 || r >= next.rows || c >= next.cols) continue;
-    removed.push(_chunkZ47OPTEPcjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
+    removed.push(_chunkUWCMN6Q7cjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
   }
   return { ...next, removed };
 }
 function labelStart(kind, raw, alphabet) {
   const start = kind === "letters" ? raw.trim().toUpperCase() : raw.trim();
   const rule = kind === "letters" && alphabet ? { kind, start, direction: "ltr", alphabet } : { kind, start, direction: "ltr" };
-  return _chunkZ47OPTEPcjs.labelRuleSchema.safeParse(rule).success ? start : null;
+  return _chunkUWCMN6Q7cjs.labelRuleSchema.safeParse(rule).success ? start : null;
 }
 function switchLabelKind(rule, kind) {
   if (rule.kind === kind) return rule;
@@ -3399,7 +3403,7 @@ function setLabelAlphabet(rule, alphabet) {
   if (rule.kind !== "letters") return rule;
   const { alphabet: _old, ...rest } = rule;
   if (alphabet === "es") return { ...rest, alphabet };
-  const skip = _optionalChain([rest, 'access', _117 => _117.skip, 'optionalAccess', _118 => _118.filter, 'call', _119 => _119((s) => !/ñ/i.test(s))]);
+  const skip = _optionalChain([rest, 'access', _120 => _120.skip, 'optionalAccess', _121 => _121.filter, 'call', _122 => _122((s) => !/ñ/i.test(s))]);
   const { skip: _skip, ...noSkip } = rest;
   return {
     ...skip && skip.length > 0 ? { ...noSkip, skip } : noSkip,
@@ -3425,10 +3429,10 @@ function withSkip(rule, skip) {
 var plural = (n, one, many) => n === 1 ? one : format(many, { n });
 function placeTypeStatus(option, layout, summary, m) {
   const s = summary.byRef[option.ref];
-  const pieces = layout.elements.filter((e) => e.type !== "landmark" && (_optionalChain([e, 'access', _120 => _120.placeType, 'optionalAccess', _121 => _121.ref]) || null) === option.ref).length;
-  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _122 => _122.units]), () => ( 0));
+  const pieces = layout.elements.filter((e) => e.type !== "landmark" && (_optionalChain([e, 'access', _123 => _123.placeType, 'optionalAccess', _124 => _124.ref]) || null) === option.ref).length;
+  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _125 => _125.units]), () => ( 0));
   if (option.accepts === "zone") {
-    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _123 => _123.zones]), () => ( 0));
+    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _126 => _126.zones]), () => ( 0));
     return {
       units,
       pieces,
@@ -3450,10 +3454,10 @@ function joinNames(names, m) {
   return format(m.summaryAnd, { a: names.slice(0, -1).join(", "), b: names[names.length - 1] });
 }
 function missingPlaceTypes(placeTypes, summary) {
-  return placeTypes.filter((o) => o.accepts !== "zone" && (_nullishCoalesce(_optionalChain([summary, 'access', _124 => _124.byRef, 'access', _125 => _125[o.ref], 'optionalAccess', _126 => _126.units]), () => ( 0))) === 0);
+  return placeTypes.filter((o) => o.accepts !== "zone" && (_nullishCoalesce(_optionalChain([summary, 'access', _127 => _127.byRef, 'access', _128 => _128[o.ref], 'optionalAccess', _129 => _129.units]), () => ( 0))) === 0);
 }
 function unitsOnSale(placeTypes, summary) {
-  return placeTypes.reduce((n, o) => o.accepts === "zone" ? n : n + (_nullishCoalesce(_optionalChain([summary, 'access', _127 => _127.byRef, 'access', _128 => _128[o.ref], 'optionalAccess', _129 => _129.units]), () => ( 0))), 0);
+  return placeTypes.reduce((n, o) => o.accepts === "zone" ? n : n + (_nullishCoalesce(_optionalChain([summary, 'access', _130 => _130.byRef, 'access', _131 => _131[o.ref], 'optionalAccess', _132 => _132.units]), () => ( 0))), 0);
 }
 function numberingCounts(block, m) {
   const removed = block.removed.length;
@@ -3485,9 +3489,9 @@ function FloatingPanel(props) {
       ref,
       className: "vk-d-float",
       "aria-labelledby": props.labelledBy,
-      "data-docked": _optionalChain([pos, 'optionalAccess', _130 => _130.docked]) || void 0,
+      "data-docked": _optionalChain([pos, 'optionalAccess', _133 => _133.docked]) || void 0,
       "data-testid": "piece-panel",
-      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _131 => _131.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _132 => _132.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
+      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _134 => _134.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _135 => _135.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
       children: props.children
     }
   );
@@ -3495,29 +3499,29 @@ function FloatingPanel(props) {
 
 // ../react/src/designer/capacity.ts
 function capacityRejections(before, after, placeTypes) {
-  const over = _chunkZ47OPTEPcjs.capacityViolations.call(void 0, before, after, placeTypes);
+  const over = _chunkUWCMN6Q7cjs.capacityViolations.call(void 0, before, after, placeTypes);
   if (over.length === 0) return [];
-  const was = _chunkZ47OPTEPcjs.summarize.call(void 0, before).byRef;
-  return over.map((v) => ({ ref: v.ref, label: v.label, capacity: v.capacity, placed: _nullishCoalesce(_optionalChain([was, 'access', _133 => _133[v.ref], 'optionalAccess', _134 => _134.units]), () => ( 0)) }));
+  const was = _chunkUWCMN6Q7cjs.summarize.call(void 0, before).byRef;
+  return over.map((v) => ({ ref: v.ref, label: v.label, capacity: v.capacity, placed: _nullishCoalesce(_optionalChain([was, 'access', _136 => _136[v.ref], 'optionalAccess', _137 => _137.units]), () => ( 0)) }));
 }
 function placedUnits(option, summary) {
-  return _nullishCoalesce(_optionalChain([summary, 'access', _135 => _135.byRef, 'access', _136 => _136[option.ref], 'optionalAccess', _137 => _137.units]), () => ( 0));
+  return _nullishCoalesce(_optionalChain([summary, 'access', _138 => _138.byRef, 'access', _139 => _139[option.ref], 'optionalAccess', _140 => _140.units]), () => ( 0));
 }
 function nextPiece(option, placed) {
   if (option.accepts === "zone") return { units: 1 };
-  if (option.accepts === "seats") return { units: _chunkZ47OPTEPcjs.nextBlockUnits.call(void 0, option, placed) };
-  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
+  if (option.accepts === "seats") return { units: _chunkUWCMN6Q7cjs.nextBlockUnits.call(void 0, option, placed) };
+  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
   const left = capacity === null ? Infinity : Math.max(0, capacity - placed);
   if (option.accepts === "tableWhole") return { units: Math.min(1, left) };
-  return { units: Math.min(_chunkZ47OPTEPcjs.DEFAULT_TABLE_PLACES, left) };
+  return { units: Math.min(_chunkUWCMN6Q7cjs.DEFAULT_TABLE_PLACES, left) };
 }
 function capacityText(option, summary, m) {
-  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return null;
   return format(m.capacityCount, { placed: placedUnits(option, summary), capacity });
 }
 function capacityFullText(option, summary, m) {
-  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return null;
   const placed = placedUnits(option, summary);
   if (placed > capacity) return format(m.capacityOver, { over: placed - capacity, capacity, name: option.label });
@@ -3525,20 +3529,20 @@ function capacityFullText(option, summary, m) {
   return format(m.capacityFull, { capacity, name: option.label });
 }
 function overCapacity(option, summary) {
-  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return 0;
   return Math.max(0, placedUnits(option, summary) - capacity);
 }
 function trimPlan(layout, option, locked) {
-  let left = overCapacity(option, _chunkZ47OPTEPcjs.summarize.call(void 0, layout));
+  let left = overCapacity(option, _chunkUWCMN6Q7cjs.summarize.call(void 0, layout));
   if (left === 0) return null;
   const commands = [];
   let removed = 0;
   for (let i = layout.elements.length - 1; i >= 0 && left > 0; i--) {
     const el = layout.elements[i];
-    if (el.type === "landmark" || el.type === "zone" || (_optionalChain([el, 'access', _138 => _138.placeType, 'optionalAccess', _139 => _139.ref]) || null) !== option.ref) continue;
+    if (el.type === "landmark" || el.type === "zone" || (_optionalChain([el, 'access', _141 => _141.placeType, 'optionalAccess', _142 => _142.ref]) || null) !== option.ref) continue;
     if (el.type === "seatBlock") {
-      const units = _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, el);
+      const units = _chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, el);
       const take = units.filter((u) => !locked.has(u.id)).sort((a, b) => b.rowIndex - a.rowIndex || b.colIndex - a.colIndex).slice(0, left);
       if (take.length === 0) continue;
       commands.push(
@@ -3553,7 +3557,7 @@ function trimPlan(layout, option, locked) {
       left--;
     } else {
       let lastLocked = 0;
-      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkZ47OPTEPcjs.placeUnitId.call(void 0, el.id, n))) lastLocked = n;
+      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkUWCMN6Q7cjs.placeUnitId.call(void 0, el.id, n))) lastLocked = n;
       if (lastLocked === 0 && left >= el.places) {
         commands.push({ type: "removeElement", id: el.id });
         removed += el.places;
@@ -3574,7 +3578,7 @@ function trimPlan(layout, option, locked) {
 function piecesByRef(layout) {
   const out = {};
   for (const el of layout.elements) {
-    const ref = el.type === "landmark" ? "" : _optionalChain([el, 'access', _140 => _140.placeType, 'optionalAccess', _141 => _141.ref]) || "";
+    const ref = el.type === "landmark" ? "" : _optionalChain([el, 'access', _143 => _143.placeType, 'optionalAccess', _144 => _144.ref]) || "";
     if (ref) out[ref] = (_nullishCoalesce(out[ref], () => ( 0))) + 1;
   }
   return out;
@@ -3587,8 +3591,8 @@ function hostReads(placeTypes, summary, pieces, m) {
       return o ? nextPiece(o, placedUnits(o, summary)).units : 0;
     },
     placed: (ref) => ({
-      units: _nullishCoalesce(_optionalChain([summary, 'access', _142 => _142.byRef, 'access', _143 => _143[ref], 'optionalAccess', _144 => _144.units]), () => ( 0)),
-      zones: _nullishCoalesce(_optionalChain([summary, 'access', _145 => _145.byRef, 'access', _146 => _146[ref], 'optionalAccess', _147 => _147.zones]), () => ( 0)),
+      units: _nullishCoalesce(_optionalChain([summary, 'access', _145 => _145.byRef, 'access', _146 => _146[ref], 'optionalAccess', _147 => _147.units]), () => ( 0)),
+      zones: _nullishCoalesce(_optionalChain([summary, 'access', _148 => _148.byRef, 'access', _149 => _149[ref], 'optionalAccess', _150 => _150.zones]), () => ( 0)),
       pieces: _nullishCoalesce(pieces[ref], () => ( 0))
     }),
     capacityText: (ref) => {
@@ -3627,17 +3631,17 @@ function syncPlaceTypes(layout, previous, placeTypes) {
   const before = new Set(previous.map((o) => o.ref));
   let changed = false;
   const elements = layout.elements.map((el) => {
-    if (el.type === "landmark" || !_optionalChain([el, 'access', _148 => _148.placeType, 'optionalAccess', _149 => _149.ref])) return el;
+    if (el.type === "landmark" || !_optionalChain([el, 'access', _151 => _151.placeType, 'optionalAccess', _152 => _152.ref])) return el;
     const option = byRef.get(el.placeType.ref);
     if (!option && !before.has(el.placeType.ref)) return el;
-    if (!option || !_chunkZ47OPTEPcjs.canAssign.call(void 0, el, option)) {
+    if (!option || !_chunkUWCMN6Q7cjs.canAssign.call(void 0, el, option)) {
       changed = true;
       return { ...el, placeType: { ref: "", name: el.placeType.name } };
     }
     const mode = option.accepts === "tablePerPlace" ? "perPlace" : "whole";
     if (el.placeType.name === option.label && (el.type !== "table" || el.mode === mode)) return el;
     changed = true;
-    return _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, el, option);
+    return _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, el, option);
   });
   return changed ? { ...layout, elements } : layout;
 }
@@ -3791,7 +3795,7 @@ function LandmarkPicker({ messages: m, onPick }) {
   const groups = LANDMARK_GROUPS.map(({ group, key }) => ({
     group,
     title: m[key],
-    items: _chunkZ47OPTEPcjs.landmarks.filter((l) => l.group === group && (q === "" || fold(l.name).includes(q)))
+    items: _chunkUWCMN6Q7cjs.landmarks.filter((l) => l.group === group && (q === "" || fold(l.name).includes(q)))
   })).filter((g) => g.items.length > 0);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-landmarks", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "vk-d-search", htmlFor: searchId, children: [
@@ -4320,13 +4324,13 @@ function SizeStepper(props) {
   const { piece, messages: m } = props;
   const scale = _nullishCoalesce(piece.scale, () => ( 1));
   const id = _react.useId.call(void 0, );
-  const set = (direction) => props.onRun({ type: "replaceElement", element: _chunkZ47OPTEPcjs.scalePiece.call(void 0, piece, steppedScale(scale, direction)) });
+  const set = (direction) => props.onRun({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.scalePiece.call(void 0, piece, steppedScale(scale, direction)) });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-field", role: "group", "aria-labelledby": id, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id, children: m.pieceSize }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-stepper", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeLess, disabled: scale <= _chunkZ47OPTEPcjs.MIN_SCALE, onClick: () => set(-1), children: "\u2212" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeLess, disabled: scale <= _chunkUWCMN6Q7cjs.MIN_SCALE, onClick: () => set(-1), children: "\u2212" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "output", { className: "vk-d-stepper-value", "aria-live": "polite", children: format(m.pieceSizeValue, { n: Math.round(scale * 100) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeMore, disabled: scale >= _chunkZ47OPTEPcjs.MAX_SCALE, onClick: () => set(1), children: "+" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeMore, disabled: scale >= _chunkUWCMN6Q7cjs.MAX_SCALE, onClick: () => set(1), children: "+" })
     ] })
   ] });
 }
@@ -4371,12 +4375,12 @@ var ZONE_MAX = 4e3;
 var ZONE_STEP = 20;
 function pieceHeading(el, placeTypes, m) {
   if (el.type === "landmark") return { color: null, text: el.name };
-  const ref = _optionalChain([el, 'access', _150 => _150.placeType, 'optionalAccess', _151 => _151.ref]) || null;
+  const ref = _optionalChain([el, 'access', _153 => _153.placeType, 'optionalAccess', _154 => _154.ref]) || null;
   const option = ref ? placeTypes.find((p) => p.ref === ref) : void 0;
-  const name = _nullishCoalesce(_optionalChain([option, 'optionalAccess', _152 => _152.label]), () => ( m.unassigned));
-  if (el.type === "zone") return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _153 => _153.color]), () => ( null)), text: name };
-  const count = el.type === "seatBlock" ? plural2(_chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, el).length, m.countSeat, m.countSeats) : el.mode === "whole" ? plural2(1, m.countTable, m.countTables) : plural2(el.places, m.countPlace, m.countPlaces);
-  return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _154 => _154.color]), () => ( null)), text: `${name} \xB7 ${count}` };
+  const name = _nullishCoalesce(_optionalChain([option, 'optionalAccess', _155 => _155.label]), () => ( m.unassigned));
+  if (el.type === "zone") return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _156 => _156.color]), () => ( null)), text: name };
+  const count = el.type === "seatBlock" ? plural2(_chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, el).length, m.countSeat, m.countSeats) : el.mode === "whole" ? plural2(1, m.countTable, m.countTables) : plural2(el.places, m.countPlace, m.countPlaces);
+  return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _157 => _157.color]), () => ( null)), text: `${name} \xB7 ${count}` };
 }
 function PieceInspector(props) {
   const { element: el, messages: m } = props;
@@ -4394,8 +4398,8 @@ function PieceInspector(props) {
     setLabelError(null);
     patch("label", label, `label:${el.id}`);
   };
-  const assigned = el.type !== "landmark" && !!_optionalChain([el, 'access', _155 => _155.placeType, 'optionalAccess', _156 => _156.ref]);
-  const options = el.type === "landmark" ? [] : props.placeTypes.filter((o) => _chunkZ47OPTEPcjs.canAssign.call(void 0, el, o));
+  const assigned = el.type !== "landmark" && !!_optionalChain([el, 'access', _158 => _158.placeType, 'optionalAccess', _159 => _159.ref]);
+  const options = el.type === "landmark" ? [] : props.placeTypes.filter((o) => _chunkUWCMN6Q7cjs.canAssign.call(void 0, el, o));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-inspector", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-insp-head", children: [
       el.type !== "landmark" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-dot", "aria-hidden": "true", style: { ["--vk-type"]: _nullishCoalesce(heading.color, () => ( "var(--vk-unassigned, #9ca3af)")) } }),
@@ -4449,7 +4453,7 @@ function PieceInspector(props) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SizeStepper, { piece: el, messages: m, onRun: props.onRun })
       ] }),
       el.type === "table" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.tableNumber, maxLength: _chunkZ47OPTEPcjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.tableNumber, maxLength: _chunkUWCMN6Q7cjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Stepper,
           {
@@ -4514,7 +4518,7 @@ function PieceInspector(props) {
       ] }),
       el.type === "landmark" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.landmarkName, wide: true, maxLength: 60, value: el.name, onCommit: (v) => v.trim() && patch("name", v.trim(), `name:${el.id}`) })
     ] }, el.id),
-    _optionalChain([labelError, 'optionalAccess', _157 => _157.id]) === el.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-error", role: "alert", children: labelError.text }),
+    _optionalChain([labelError, 'optionalAccess', _160 => _160.id]) === el.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-error", role: "alert", children: labelError.text }),
     el.type === "seatBlock" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-insp-foot", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "block-range", children: blockRangeText(el, { many: m.blockRange, one: m.blockRangeOneRow }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "vk-d-link", "aria-haspopup": "dialog", onClick: props.onNumbering, children: m.numbering })
@@ -4581,12 +4585,12 @@ function NumberingDialog(props) {
   const m = props.messages;
   const [draft, setDraft] = _react.useState.call(void 0, props.block);
   const [failed, setFailed] = _react.useState.call(void 0, false);
-  const rowLabels = _chunkZ47OPTEPcjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
-  const seatLabels = _chunkZ47OPTEPcjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
+  const rowLabels = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
+  const seatLabels = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
   const removed = new Set(draft.removed);
-  const origRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, props.block.rowLabels, props.block.rows);
-  const origSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, props.block.seatLabels, props.block.cols);
-  const soldAt = (r, c) => r < origRows.length && c < origSeats.length && props.lockedUnitIds.has(_chunkZ47OPTEPcjs.seatUnitId.call(void 0, props.block.id, origRows[r], origSeats[c]));
+  const origRows = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, props.block.rowLabels, props.block.rows);
+  const origSeats = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, props.block.seatLabels, props.block.cols);
+  const soldAt = (r, c) => r < origRows.length && c < origSeats.length && props.lockedUnitIds.has(_chunkUWCMN6Q7cjs.seatUnitId.call(void 0, props.block.id, origRows[r], origSeats[c]));
   const tooBig = draft.rows * draft.cols > MAX_PREVIEW_SEATS;
   const pattern = draft.seatLabels.kind === "numbers" ? _nullishCoalesce(draft.seatLabels.pattern, () => ( "sequential")) : "sequential";
   const patternId = _react.useId.call(void 0, );
@@ -4608,7 +4612,7 @@ function NumberingDialog(props) {
         tooBig ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", children: m.numberingTooBig }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "vk-d-num-grid", role: "group", "aria-label": m.numbering, children: rowLabels.map((row, r) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-num-label", "aria-hidden": "true", children: row }),
           seatLabels.map((seat, c) => {
-            const id = _chunkZ47OPTEPcjs.seatUnitId.call(void 0, draft.id, row, seat);
+            const id = _chunkUWCMN6Q7cjs.seatUnitId.call(void 0, draft.id, row, seat);
             const sold = soldAt(r, c) && !removed.has(id);
             const out = removed.has(id);
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -4623,7 +4627,7 @@ function NumberingDialog(props) {
                 "aria-label": format(sold ? m.seatNameSold : out ? m.seatNameRemoved : m.seatName, { row, seat }),
                 onClick: () => {
                   setFailed(false);
-                  setDraft((d) => _chunkZ47OPTEPcjs.toggleRemovedSeat.call(void 0, d, id));
+                  setDraft((d) => _chunkUWCMN6Q7cjs.toggleRemovedSeat.call(void 0, d, id));
                 },
                 children: seat
               },
@@ -4762,7 +4766,7 @@ function listOf(items, m) {
 function duplicateWarnings(placeTypes, summary, m) {
   const out = [];
   for (const o of placeTypes) {
-    const d = _optionalChain([summary, 'access', _158 => _158.byRef, 'access', _159 => _159[o.ref], 'optionalAccess', _160 => _160.duplicates]);
+    const d = _optionalChain([summary, 'access', _161 => _161.byRef, 'access', _162 => _162[o.ref], 'optionalAccess', _163 => _163.duplicates]);
     if (!d) continue;
     if (d.seats.length > 0) {
       const items = d.seats.map((s) => {
@@ -4814,10 +4818,10 @@ function PlaceTypePanel(props) {
       const capped = capacityText(o, summary, m);
       const fullText = capacityFullText(o, summary, m);
       const done = fullText !== null;
-      const cap = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, o);
+      const cap = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, o);
       const over = cap !== null && placedUnits(o, summary) > cap;
       const excess = over ? overCapacity(o, summary) : 0;
-      const trimmable = excess > 0 && props.onTrim ? _nullishCoalesce(_optionalChain([trimPlan, 'call', _161 => _161(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _162 => _162.removed]), () => ( 0)) : 0;
+      const trimmable = excess > 0 && props.onTrim ? _nullishCoalesce(_optionalChain([trimPlan, 'call', _164 => _164(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _165 => _165.removed]), () => ( 0)) : 0;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "li",
         {
@@ -4847,7 +4851,7 @@ function PlaceTypePanel(props) {
                 className: "vk-d-btn vk-d-trim",
                 "data-testid": "capacity-trim",
                 "aria-label": format(m.trimToCapacityLabel, { over: trimmable, name: o.label }),
-                onClick: () => _optionalChain([props, 'access', _163 => _163.onTrim, 'optionalCall', _164 => _164(o)]),
+                onClick: () => _optionalChain([props, 'access', _166 => _166.onTrim, 'optionalCall', _167 => _167(o)]),
                 children: m.trimToCapacity
               }
             ),
@@ -4905,18 +4909,18 @@ function Popover({ title, onClose, anchorRef, children, className }) {
   const close = _react.useRef.call(void 0, onClose);
   close.current = onClose;
   _react.useEffect.call(void 0, () => {
-    const first = _optionalChain([ref, 'access', _165 => _165.current, 'optionalAccess', _166 => _166.querySelector, 'call', _167 => _167("input, button, select, [href]")]);
-    _optionalChain([(_nullishCoalesce(first, () => ( ref.current))), 'optionalAccess', _168 => _168.focus, 'call', _169 => _169()]);
+    const first = _optionalChain([ref, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.querySelector, 'call', _170 => _170("input, button, select, [href]")]);
+    _optionalChain([(_nullishCoalesce(first, () => ( ref.current))), 'optionalAccess', _171 => _171.focus, 'call', _172 => _172()]);
     const onDown = (e) => {
       const t = e.target;
-      if (_optionalChain([ref, 'access', _170 => _170.current, 'optionalAccess', _171 => _171.contains, 'call', _172 => _172(t)]) || _optionalChain([anchorRef, 'access', _173 => _173.current, 'optionalAccess', _174 => _174.contains, 'call', _175 => _175(t)])) return;
+      if (_optionalChain([ref, 'access', _173 => _173.current, 'optionalAccess', _174 => _174.contains, 'call', _175 => _175(t)]) || _optionalChain([anchorRef, 'access', _176 => _176.current, 'optionalAccess', _177 => _177.contains, 'call', _178 => _178(t)])) return;
       close.current();
     };
     document.addEventListener("pointerdown", onDown);
     const anchor = anchorRef.current;
     return () => {
       document.removeEventListener("pointerdown", onDown);
-      if (_optionalChain([anchor, 'optionalAccess', _176 => _176.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
+      if (_optionalChain([anchor, 'optionalAccess', _179 => _179.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
     };
   }, [anchorRef]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -4930,7 +4934,7 @@ function Popover({ title, onClose, anchorRef, children, className }) {
       onKeyDown: (e) => {
         if (e.key === "Escape") {
           e.stopPropagation();
-          _optionalChain([anchorRef, 'access', _177 => _177.current, 'optionalAccess', _178 => _178.focus, 'call', _179 => _179()]);
+          _optionalChain([anchorRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.focus, 'call', _182 => _182()]);
           close.current();
         }
       },
@@ -5011,9 +5015,9 @@ function Sheet({
     if (!shown) return;
     const active = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null;
     const opener = _nullishCoalesce(returnTo.current, () => ( active));
-    _optionalChain([panelRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.focus, 'call', _182 => _182()]);
+    _optionalChain([panelRef, 'access', _183 => _183.current, 'optionalAccess', _184 => _184.focus, 'call', _185 => _185()]);
     return () => {
-      if (_optionalChain([opener, 'optionalAccess', _183 => _183.isConnected])) opener.focus();
+      if (_optionalChain([opener, 'optionalAccess', _186 => _186.isConnected])) opener.focus();
     };
   }, [shown]);
   const onKeyDown = (e) => {
@@ -5394,12 +5398,12 @@ function TopBar(props) {
 function guardedStep(history, step, locked) {
   const candidate = step === "undo" ? history.peekUndo() : history.peekRedo();
   if (!candidate) return null;
-  const violations = _chunkZ47OPTEPcjs.findLockViolations.call(void 0, history.present, candidate, locked);
+  const violations = _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, history.present, candidate, locked);
   if (violations.length > 0) return { ok: false, rejection: { violations } };
   return { ok: true, layout: step === "undo" ? history.undo() : history.redo() };
 }
 function guardedLoad(history, next, locked, placeTypes = []) {
-  const violations = _chunkZ47OPTEPcjs.findLockViolations.call(void 0, history.present, next, locked);
+  const violations = _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, history.present, next, locked);
   if (violations.length > 0) return { ok: false, rejection: { violations } };
   const capacity = capacityRejections(history.present, next, placeTypes);
   if (capacity.length > 0) return { ok: false, rejection: { violations: [], capacity } };
@@ -5422,7 +5426,7 @@ function elementPrefix(el) {
   return el.type === "seatBlock" ? "b" : el.type === "table" ? "m" : el.type === "zone" ? "z" : "r";
 }
 function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
-  const [history] = _react.useState.call(void 0, () => new (0, _chunkZ47OPTEPcjs.History)(initial));
+  const [history] = _react.useState.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.History)(initial));
   const historyRef = _react.useRef.call(void 0, history);
   const [layout, setLayout] = _react.useState.call(void 0, initial);
   const [rejection, setRejectionState] = _react.useState.call(void 0, null);
@@ -5439,7 +5443,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (next) => {
       setLayout(next);
       setRejection(null);
-      _optionalChain([onChange, 'optionalCall', _184 => _184(next)]);
+      _optionalChain([onChange, 'optionalCall', _187 => _187(next)]);
     },
     [onChange, setRejection]
   );
@@ -5460,13 +5464,13 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       const before = historyRef.current.present;
       let candidate;
       try {
-        candidate = _chunkZ47OPTEPcjs.applyCommand.call(void 0, before, command);
+        candidate = _chunkUWCMN6Q7cjs.applyCommand.call(void 0, before, command);
       } catch (error) {
         setRejection({ violations: [], invalid: error instanceof Error ? error.message : String(error) });
         return false;
       }
       const moveOnly = keepsCount(command);
-      const violations = moveOnly ? [] : _chunkZ47OPTEPcjs.findLockViolations.call(void 0, before, candidate, locked);
+      const violations = moveOnly ? [] : _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, before, candidate, locked);
       if (violations.length > 0) {
         setRejection({ violations });
         return false;
@@ -5485,8 +5489,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const place = _react.useCallback.call(void 0, 
     (kind, at) => {
       const current = historyRef.current.present;
-      const id = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, idPrefix(kind));
-      if (!run({ type: "addElement", element: _chunkZ47OPTEPcjs.createPiece.call(void 0, kind, id, at, current) })) return null;
+      const id = _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, idPrefix(kind));
+      if (!run({ type: "addElement", element: _chunkUWCMN6Q7cjs.createPiece.call(void 0, kind, id, at, current) })) return null;
       dispatchUi({ type: "select", id });
       return id;
     },
@@ -5495,10 +5499,10 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const addFor = _react.useCallback.call(void 0, 
     (kind, option, near, opts = {}) => {
       const current = historyRef.current.present;
-      const id = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, idPrefix(kind));
-      let piece = _chunkZ47OPTEPcjs.createPiece.call(void 0, kind, id, near, current, opts.seats === void 0 ? {} : { seats: opts.seats });
+      const id = _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, idPrefix(kind));
+      let piece = _chunkUWCMN6Q7cjs.createPiece.call(void 0, kind, id, near, current, opts.seats === void 0 ? {} : { seats: opts.seats });
       if (piece.type === "table" && opts.places !== void 0) piece = { ...piece, places: opts.places };
-      if (option && piece.type !== "landmark" && _chunkZ47OPTEPcjs.canAssign.call(void 0, piece, option)) piece = _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, piece, option);
+      if (option && piece.type !== "landmark" && _chunkUWCMN6Q7cjs.canAssign.call(void 0, piece, option)) piece = _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, piece, option);
       const own = elementBounds({ ...current, elements: [...current.elements, piece] }, piece);
       if (own) {
         const occupied = current.elements.flatMap((e) => _nullishCoalesce(elementBounds(current, e), () => ( [])));
@@ -5516,8 +5520,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       const el = find(id);
       if (!el) return;
       const current = historyRef.current.present;
-      const newId = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, elementPrefix(el));
-      if (run({ type: "addElement", element: _chunkZ47OPTEPcjs.duplicatePiece.call(void 0, el, newId, current) })) {
+      const newId = _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, elementPrefix(el));
+      if (run({ type: "addElement", element: _chunkUWCMN6Q7cjs.duplicatePiece.call(void 0, el, newId, current) })) {
         dispatchUi({ type: "select", id: newId });
       }
     },
@@ -5526,7 +5530,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const rotate = _react.useCallback.call(void 0, 
     (id) => {
       const el = find(id);
-      if (el) run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.rotatePiece.call(void 0, el) });
+      if (el) run({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.rotatePiece.call(void 0, el) });
     },
     [run]
   );
@@ -5561,7 +5565,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       for (const id of ids) {
         const el = current.elements.find((e) => e.id === id);
         if (!el) continue;
-        const copy = _chunkZ47OPTEPcjs.duplicatePiece.call(void 0, el, _chunkZ47OPTEPcjs.newElementId.call(void 0, current, elementPrefix(el)), current);
+        const copy = _chunkUWCMN6Q7cjs.duplicatePiece.call(void 0, el, _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, elementPrefix(el)), current);
         current = { ...current, elements: [...current.elements, copy] };
         commands.push({ type: "addElement", element: copy });
         created.push(copy.id);
@@ -5587,7 +5591,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const toggleSeat = _react.useCallback.call(void 0, 
     (blockId, unitId) => {
       const el = find(blockId);
-      if (_optionalChain([el, 'optionalAccess', _185 => _185.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.toggleRemovedSeat.call(void 0, el, unitId) });
+      if (_optionalChain([el, 'optionalAccess', _188 => _188.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.toggleRemovedSeat.call(void 0, el, unitId) });
     },
     [run]
   );
@@ -5595,8 +5599,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (id, option) => {
       const el = find(id);
       if (!el || el.type === "landmark") return;
-      if (option && !_chunkZ47OPTEPcjs.canAssign.call(void 0, el, option)) return;
-      run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, el, option) });
+      if (option && !_chunkUWCMN6Q7cjs.canAssign.call(void 0, el, option)) return;
+      run({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, el, option) });
     },
     [run]
   );
@@ -5662,7 +5666,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
 var NOTHING_LOCKED = /* @__PURE__ */ new Set();
 function blankLayout(name) {
   return {
-    meta: { id: "plan", name, version: _chunkZ47OPTEPcjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
+    meta: { id: "plan", name, version: _chunkUWCMN6Q7cjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
     elements: []
   };
 }
@@ -5686,13 +5690,13 @@ function VenueDesigner(props) {
   const loadingExternal = _react.useRef.call(void 0, false);
   const onChange = _react.useCallback.call(void 0, (layout2) => {
     lastEmitted.current = layout2;
-    if (!loadingExternal.current) _optionalChain([onChangeRef, 'access', _186 => _186.current, 'optionalCall', _187 => _187(layout2)]);
+    if (!loadingExternal.current) _optionalChain([onChangeRef, 'access', _189 => _189.current, 'optionalCall', _190 => _190(layout2)]);
   }, []);
   const designer = useDesigner({ initial, lockedUnitIds: locked, onChange, placeTypes: props.placeTypes });
   const { layout, ui, dispatchUi } = designer;
   const messages = _react.useMemo.call(void 0, () => mergeDesignerMessages(props.messages), [props.messages]);
   const m = messages;
-  const summary = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.summarize.call(void 0, layout), [layout]);
+  const summary = _react.useMemo.call(void 0, () => _chunkUWCMN6Q7cjs.summarize.call(void 0, layout), [layout]);
   const selected = ui.selectedId ? _nullishCoalesce(layout.elements.find((e) => e.id === ui.selectedId), () => ( null)) : null;
   const canvasRef = _react.useRef.call(void 0, null);
   const otherTableLabels = _react.useMemo.call(void 0, 
@@ -5761,7 +5765,7 @@ function VenueDesigner(props) {
     if (compact && popover !== null) setPopover(null);
   }, [sheet, selected, compact, popover]);
   const bg = layout.meta.background;
-  const current = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _188 => _188.src]), () => ( null)));
+  const current = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _191 => _191.src]), () => ( null)));
   const [incomingSrc, setIncomingSrc] = _react.useState.call(void 0, null);
   const incoming = useImage(incomingSrc);
   const { run } = designer;
@@ -5783,7 +5787,7 @@ function VenueDesigner(props) {
   };
   const adoptBackground = (src) => {
     if (!src) return;
-    if (src === _optionalChain([bg, 'optionalAccess', _189 => _189.src]) && incomingSrc === null) return;
+    if (src === _optionalChain([bg, 'optionalAccess', _192 => _192.src]) && incomingSrc === null) return;
     setIncomingSrc(src);
   };
   const bgProp = props.background;
@@ -5799,7 +5803,7 @@ function VenueDesigner(props) {
     }
     adoptBackground(src);
   } : null;
-  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _190 => _190.suggestedSrc]) || null;
+  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _193 => _193.suggestedSrc]) || null;
   const bgStatus = incomingSrc ? incoming.failed ? "failed" : "loading" : current.failed ? "failed" : "idle";
   const showBackground = bgProp !== void 0 || bg !== null;
   const latest = _react.useRef.call(void 0, { summary, placeTypes: props.placeTypes, compact, meta: layout.meta });
@@ -5810,9 +5814,9 @@ function VenueDesigner(props) {
       const { summary: summary2, placeTypes, compact: compact2, meta } = latest.current;
       const request = pieceRequest(kind, ref, placeTypes, summary2);
       if (!request) return null;
-      const centre = _nullishCoalesce(_optionalChain([canvasRef, 'access', _191 => _191.current, 'optionalAccess', _192 => _192.centre, 'call', _193 => _193()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
+      const centre = _nullishCoalesce(_optionalChain([canvasRef, 'access', _194 => _194.current, 'optionalAccess', _195 => _195.centre, 'call', _196 => _196()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
       const id = designerAddFor(kind, request.option, centre, request.opts);
-      if (id) _optionalChain([canvasRef, 'access', _194 => _194.current, 'optionalAccess', _195 => _195.reveal, 'call', _196 => _196(id)]);
+      if (id) _optionalChain([canvasRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.reveal, 'call', _199 => _199(id)]);
       if (id && compact2) setSheet("piece");
       return id;
     },
@@ -5822,12 +5826,12 @@ function VenueDesigner(props) {
     (id) => {
       dispatchUi({ type: "select", id });
       if (!id) return;
-      _optionalChain([canvasRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.reveal, 'call', _199 => _199(id)]);
+      _optionalChain([canvasRef, 'access', _200 => _200.current, 'optionalAccess', _201 => _201.reveal, 'call', _202 => _202(id)]);
       if (latest.current.compact) setSheet("piece");
     },
     [dispatchUi]
   );
-  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _200 => _200.current, 'optionalAccess', _201 => _201.reveal, 'call', _202 => _202(id)]), []);
+  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _203 => _203.current, 'optionalAccess', _204 => _204.reveal, 'call', _205 => _205(id)]), []);
   const trimToCapacity = _react.useCallback.call(void 0, 
     (ref) => {
       const option = latest.current.placeTypes.find((o) => o.ref === ref);
@@ -5843,7 +5847,7 @@ function VenueDesigner(props) {
     () => hostReads(latest.current.placeTypes, facts.summary, facts.pieces, m),
     [typesKey, facts, m]
   );
-  const selectedRef = selected && selected.type !== "landmark" ? _optionalChain([selected, 'access', _203 => _203.placeType, 'optionalAccess', _204 => _204.ref]) || null : null;
+  const selectedRef = selected && selected.type !== "landmark" ? _optionalChain([selected, 'access', _206 => _206.placeType, 'optionalAccess', _207 => _207.ref]) || null : null;
   const hostApi = _react.useMemo.call(void 0, 
     () => ({ ...reads, addPiece, trimToCapacity, select: selectPiece, reveal: revealPiece, selectedRef }),
     [reads, addPiece, trimToCapacity, selectPiece, revealPiece, selectedRef]
@@ -5908,7 +5912,7 @@ function VenueDesigner(props) {
       editing: ui.backgroundEditing,
       compact,
       onPick: pickBackground ? () => void pickBackground() : null,
-      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _205 => _205.src]) ? () => adoptBackground(suggestedSrc) : null,
+      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _208 => _208.src]) ? () => adoptBackground(suggestedSrc) : null,
       onSet: setBackground,
       onEditing: (on) => {
         dispatchUi({ type: "backgroundEdit", on });
@@ -5972,8 +5976,8 @@ function VenueDesigner(props) {
   const panel = _nullishCoalesce(inspector, () => ( multiPanel));
   const numberingTitleId = _react.useId.call(void 0, );
   const numberingBlock = numberingId ? layout.elements.find((e) => e.id === numberingId) : void 0;
-  const numberingTarget = _optionalChain([numberingBlock, 'optionalAccess', _206 => _206.type]) === "seatBlock" ? numberingBlock : null;
-  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _207 => _207.placeType, 'optionalAccess', _208 => _208.ref]) || null;
+  const numberingTarget = _optionalChain([numberingBlock, 'optionalAccess', _209 => _209.type]) === "seatBlock" ? numberingBlock : null;
+  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _210 => _210.placeType, 'optionalAccess', _211 => _211.ref]) || null;
   const numberingType = numberingRef ? props.placeTypes.find((p) => p.ref === numberingRef) : void 0;
   const closeNumbering = _react.useCallback.call(void 0, () => setNumberingId(null), []);
   const canvas = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -6075,8 +6079,8 @@ function VenueDesigner(props) {
               NumberingDialog,
               {
                 block: numberingTarget,
-                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _209 => _209.label]), () => ( m.unassigned)),
-                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _210 => _210.color]), () => ( null)),
+                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _212 => _212.label]), () => ( m.unassigned)),
+                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _213 => _213.color]), () => ( null)),
                 lockedUnitIds: locked,
                 messages: m,
                 titleId: numberingTitleId,
@@ -6098,7 +6102,7 @@ function VenueDesigner(props) {
 }
 
 // ../react/src/index.ts
-var VERSION = "0.10.2";
+var VERSION = "0.10.3";