venuekit 0.10.3 → 0.11.0

package/dist/react.cjs

@@ -45,7 +45,9 @@
 
 
 
-var _chunkUWCMN6Q7cjs = require('./chunk-UWCMN6Q7.cjs');
+
+
+var _chunkYLV7JK57cjs = require('./chunk-YLV7JK57.cjs');
 
 // ../canvas/src/camera.ts
 var MIN_ZOOM = 0.05;
@@ -133,7 +135,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: _chunkUWCMN6Q7cjs.distance.call(void 0, a, b) },
+      state: { pointers, origin: null, moved: true, pinchDistance: _chunkYLV7JK57cjs.distance.call(void 0, a, b) },
       camera
     };
   }
@@ -146,7 +148,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 = _chunkUWCMN6Q7cjs.distance.call(void 0, a, b);
+      const nextDistance = _chunkYLV7JK57cjs.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 +161,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 && _chunkUWCMN6Q7cjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
+    const movedEnough = state.moved || state.origin !== null && _chunkYLV7JK57cjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
     if (!movedEnough) return { state: { ...state, pointers }, camera };
     return {
       state: { ...state, pointers, moved: true },
@@ -199,7 +201,12 @@ var defaultPalette = {
   unitLabel: "#0b0b0d",
   landmark: "#23232a",
   landmarkStroke: "#34343c",
-  landmarkLabel: "#d6d6dc"
+  landmarkLabel: "#d6d6dc",
+  courtesy: "#7c3aed",
+  courtesyLabel: "#ffffff",
+  heldFor: "#f59e0b",
+  heldForLabel: "#0b0b0d",
+  statusMark: "#ffffff"
 };
 var PALETTE_VARIABLES = {
   taken: "--vk-taken",
@@ -219,7 +226,12 @@ var PALETTE_VARIABLES = {
   unitLabel: "--vk-unit-fg",
   landmark: "--vk-landmark",
   landmarkStroke: "--vk-landmark-stroke",
-  landmarkLabel: "--vk-landmark-fg"
+  landmarkLabel: "--vk-landmark-fg",
+  courtesy: "--vk-courtesy",
+  courtesyLabel: "--vk-courtesy-fg",
+  heldFor: "--vk-held-for",
+  heldForLabel: "--vk-held-for-fg",
+  statusMark: "--vk-status-mark"
 };
 function paletteFromVariables(read, base = defaultPalette) {
   const out = { ...base };
@@ -262,7 +274,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 = _chunkUWCMN6Q7cjs.tableSize.call(void 0, table.shape, table.places);
+  const size = _chunkYLV7JK57cjs.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 +291,12 @@ function pieceBounds(element) {
   return box;
 }
 function computeBounds(element) {
-  if (element.type === "zone") return _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, element);
+  if (element.type === "zone") return _chunkYLV7JK57cjs.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" ? _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;
+  const units = element.type === "seatBlock" ? _chunkYLV7JK57cjs.expandSeatBlock.call(void 0, element) : _chunkYLV7JK57cjs.expandTable.call(void 0, element);
+  const own = units.length > 0 ? _chunkYLV7JK57cjs.bbox.call(void 0, units.map((u) => ({ x: u.x, y: u.y }))) : null;
   if (element.type === "table") {
     const body = tableBodyBox(element);
     return own ? {
@@ -304,9 +316,9 @@ function elementAt(layout, screen, camera, viewport, options = {}) {
     const element = layout.elements[i];
     const box = elementBounds(layout, element);
     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;
+    const pad = element.type === "seatBlock" || element.type === "table" ? (ownsRadius ? _nullishCoalesce(_optionalChain([options, 'access', _2 => _2.radii, 'optionalAccess', _3 => _3.get, 'call', _4 => _4(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;
+      if (element.type === "zone" && !_chunkYLV7JK57cjs.pointInZone.call(void 0, element, world)) continue;
       return element;
     }
   }
@@ -340,12 +352,13 @@ function unitRadii(layout) {
         out.set(el.id, DEFAULT_UNIT_RADIUS * k);
         continue;
       }
-      const size = _chunkUWCMN6Q7cjs.tableSize.call(void 0, el.shape, el.places);
+      const size = _chunkYLV7JK57cjs.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);
     }
   }
   return out;
 }
+var RESERVED_DASH_PX = 3;
 var MIN_NUMBERED_RADIUS_PX = 8;
 var LABEL_INSET_PX = 12;
 var TWO_LINES_PX = 40;
@@ -369,13 +382,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', _4 => _4.dimmedRefs, 'optionalAccess', _5 => _5.has, 'call', _6 => _6(ref)]));
+  const dim = (ref) => mode === "map" && (colorOf(ref) === null || input.focusRef != null && ref !== input.focusRef || ref !== null && !!_optionalChain([input, 'access', _5 => _5.dimmedRefs, 'optionalAccess', _6 => _6.has, 'call', _7 => _7(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', _7 => _7.placeType, 'optionalAccess', _8 => _8.ref]) || null;
+  const refOf = (el) => el.type === "landmark" ? null : _optionalChain([el, 'access', _8 => _8.placeType, 'optionalAccess', _9 => _9.ref]) || null;
   for (const el of layout.elements) {
     if (el.type === "landmark") {
       const b = centredBox(el.transform, el.width, el.height, el.transform.rotation);
@@ -433,24 +446,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', _9 => _9.highlightRefs, 'optionalAccess', _10 => _10.has, 'call', _11 => _11(ref)]);
+      const strong = mode === "map" && ref !== null && !!_optionalChain([input, 'access', _10 => _10.highlightRefs, 'optionalAccess', _11 => _11.has, 'call', _12 => _12(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 = _chunkUWCMN6Q7cjs.zoneOutline.call(void 0, el, ZONE_CORNER);
+      const outline = _chunkYLV7JK57cjs.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 = _chunkUWCMN6Q7cjs.zoneLabelSize.call(void 0, el);
+      const room = _chunkYLV7JK57cjs.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', _12 => _12.placeType, 'optionalAccess', _13 => _13.name]), () => ( "")) : mode === "designer" ? input.unassignedLabel : "";
+      const text = colorOf(ref) !== null ? _nullishCoalesce(_optionalChain([el, 'access', _13 => _13.placeType, 'optionalAccess', _14 => _14.name]), () => ( "")) : mode === "designer" ? input.unassignedLabel : "";
       if (text && mode === "map") {
         const maxWidth = roomW - LABEL_INSET_PX;
-        const price = ref !== null ? _optionalChain([input, 'access', _14 => _14.placeTypePrices, 'optionalAccess', _15 => _15.get, 'call', _16 => _16(ref)]) : void 0;
+        const price = ref !== null ? _optionalChain([input, 'access', _15 => _15.placeTypePrices, 'optionalAccess', _16 => _16.get, 'call', _17 => _17(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;
@@ -495,7 +508,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', _17 => _17.get, 'call', _18 => _18(u.elementId), 'optionalAccess', _19 => _19.push, 'call', _20 => _20(u)]);
+  if (byElement.size > 0) for (const u of units) _optionalChain([byElement, 'access', _18 => _18.get, 'call', _19 => _19(u.elementId), 'optionalAccess', _20 => _20.push, 'call', _21 => _21(u)]);
   for (const el of chipped) {
     const own = byElement.get(el.id);
     if (!own || own.length === 0) continue;
@@ -529,7 +542,9 @@ function buildScene(input) {
     const maxWidth = (body.maxX - body.minX) * camera.zoom - 4;
     if (maxWidth < MIN_NUMBERED_RADIUS_PX * 2) continue;
     const ref = refOf(el);
-    const color = el.mode === "whole" ? dim(ref) ? palette.soldLabel : mapUnitPaint(_nullishCoalesce(states.get(el.id), () => ( "free")), "", palette).label : palette.landmarkLabel;
+    const state = _nullishCoalesce(states.get(el.id), () => ( "free"));
+    const mark = state !== "selected" && state !== "held" ? _optionalChain([input, 'access', _22 => _22.unitMarks, 'optionalAccess', _23 => _23.get, 'call', _24 => _24(el.id)]) : void 0;
+    const color = el.mode === "whole" ? dim(ref) ? palette.soldLabel : (mark ? markPaint(mark, palette) : mapUnitPaint(state, "", palette)).label : palette.landmarkLabel;
     labels.push({ x, y, text: el.label, size: 13, weight: 700, color, align: "centre", maxWidth });
   }
   const elementsById = new Map(layout.elements.map((el) => [el.id, el]));
@@ -538,9 +553,11 @@ 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', _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 state = mode === "designer" && _optionalChain([input, 'access', _25 => _25.locked, 'optionalAccess', _26 => _26.has, 'call', _27 => _27(u.id)]) ? "taken" : _nullishCoalesce(states.get(u.id), () => ( "free"));
+    const mark = mode === "map" && state !== "selected" && state !== "held" ? _optionalChain([input, 'access', _28 => _28.unitMarks, 'optionalAccess', _29 => _29.get, 'call', _30 => _30(u.id)]) : void 0;
+    const mapPaint = mode === "map" ? mark ? markPaint(mark, palette) : mapUnitPaint(state, color, palette) : null;
+    const base = mapPaint ? { fill: mapPaint.fill, stroke: mapPaint.stroke, strokeWidth: mapPaint.strokeWidth } : unitPaint(state, color, palette);
+    const paint2 = u.inviteOnly && state === "free" && !mark ? { ...base, stroke: palette.label, strokeWidth: 2, dash: RESERVED_DASH_PX } : base;
     const dimmed = dim(u.placeTypeRef);
     const alpha = dimmed ? { alpha: DIMMED_ALPHA } : {};
     const el = elementsById.get(u.elementId);
@@ -550,15 +567,33 @@ 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', _24 => _24.type]) === "table" && el.mode === "whole" && el.shape === "rect") {
+    if (_optionalChain([el, 'optionalAccess', _31 => _31.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 });
+      if (mark) shapes.push(...markBadge(mark, b.maxX - radius * 0.25, b.minY + radius * 0.25, radius, palette));
       continue;
     }
     shapes.push({ kind: "circle", x: u.x, y: u.y, radius, ...paint2, ...alpha });
+    if (mark) shapes.push(...markBadge(mark, u.x + radius * 0.65, u.y - radius * 0.65, radius, palette));
   }
   return { background, shapes, labels, visibleUnitIds };
 }
+function markPaint(mark, palette) {
+  switch (mark) {
+    case "sold":
+      return mapUnitPaint("taken", "", palette);
+    case "courtesy":
+      return { fill: palette.courtesy, stroke: palette.soldStroke, strokeWidth: 1, label: palette.courtesyLabel };
+    case "held":
+      return { fill: palette.heldFor, stroke: palette.soldStroke, strokeWidth: 1, label: palette.heldForLabel };
+  }
+}
+function markBadge(mark, x, y, radius, palette) {
+  if (mark === "sold") return [];
+  const r = radius * 0.4;
+  if (mark === "courtesy") return [{ kind: "circle", x, y, radius: r, fill: palette.statusMark, stroke: palette.soldStroke, strokeWidth: 1 }];
+  return [{ kind: "rect", x: x - r, y: y - r, width: r * 2, height: r * 2, fill: palette.statusMark, stroke: palette.soldStroke, strokeWidth: 1 }];
+}
 
 // ../canvas/src/label-fit.ts
 var MIN_LEGIBLE_PX = 11;
@@ -629,7 +664,7 @@ function paint(ctx, fill, stroke, strokeWidth, zoom) {
 }
 function drawBackground(ctx, scene, images) {
   const bg = scene.background;
-  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _25 => _25.get, 'call', _26 => _26(bg.src)]) : void 0;
+  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _32 => _32.get, 'call', _33 => _33(bg.src)]) : void 0;
   if (!bg || !bitmap) return;
   const previous = ctx.globalAlpha;
   ctx.globalAlpha = bg.opacity;
@@ -646,7 +681,10 @@ function drawShape(ctx, shape, zoom) {
     shape.points.forEach((p, i) => i === 0 ? ctx.moveTo(p.x, p.y) : ctx.lineTo(p.x, p.y));
     ctx.closePath();
   } else ctx.arc(shape.x, shape.y, shape.radius, 0, Math.PI * 2);
+  const dash = shape.kind !== "polygon" ? shape.dash : void 0;
+  if (dash) ctx.setLineDash([dash / zoom, dash / zoom]);
   paint(ctx, shape.fill, shape.stroke, shape.strokeWidth, zoom);
+  if (dash) ctx.setLineDash([]);
   ctx.globalAlpha = previous;
 }
 function renderScene(scene, target) {
@@ -738,7 +776,7 @@ function hitUnit(input) {
     const unit = unitById.get(id);
     if (!unit) continue;
     const radius = _nullishCoalesce(radii.get(unit.elementId), () => ( 0));
-    const d = _chunkUWCMN6Q7cjs.distance.call(void 0, world, unit);
+    const d = _chunkYLV7JK57cjs.distance.call(void 0, world, unit);
     if (d > reach + radius) continue;
     const score = d - radius;
     if (score < bestScore) {
@@ -763,7 +801,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" ? _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, el) : centredBox(el.transform, el.width, el.height, el.transform.rotation);
+    const box2 = el.type === "zone" ? _chunkYLV7JK57cjs.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);
@@ -774,11 +812,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 = _chunkUWCMN6Q7cjs.zoneWithLocalSize.call(void 0, el, w, h);
+      const sized = _chunkYLV7JK57cjs.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 = _chunkUWCMN6Q7cjs.zoneBounds.call(void 0, next);
+      const b = _chunkYLV7JK57cjs.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 } };
@@ -790,11 +828,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 = _chunkUWCMN6Q7cjs.distance.call(void 0, from, centre);
+  const reach = _chunkYLV7JK57cjs.distance.call(void 0, from, centre);
   if (reach < 1) return el;
-  const scale = _chunkUWCMN6Q7cjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkUWCMN6Q7cjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
+  const scale = _chunkYLV7JK57cjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkYLV7JK57cjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
   if (scale === (_nullishCoalesce(el.scale, () => ( 1)))) return el;
-  return _chunkUWCMN6Q7cjs.scalePiece.call(void 0, el, scale);
+  return _chunkYLV7JK57cjs.scalePiece.call(void 0, el, scale);
 }
 
 // ../canvas/src/a11y.ts
@@ -806,12 +844,12 @@ var defaultA11yLabels = {
   row: "fila",
   seat: "asiento"
 };
-function buildA11yNodes(units, states, placeTypeNames, labels = defaultA11yLabels) {
+function buildA11yNodes(units, states, placeTypeNames, labels = defaultA11yLabels, stateWords) {
   return units.map((u) => {
     const state = _nullishCoalesce(states.get(u.id), () => ( "free"));
     const where = u.row !== void 0 && u.seat !== void 0 ? `${labels.row} ${u.row}, ${labels.seat} ${u.seat}` : u.label;
     const typeName = u.placeTypeRef === null ? void 0 : placeTypeNames.get(u.placeTypeRef);
-    const name = [typeName, where, labels[state]].filter(Boolean).join(", ");
+    const name = [typeName, where, _nullishCoalesce(_optionalChain([stateWords, 'optionalAccess', _34 => _34.get, 'call', _35 => _35(u.id)]), () => ( labels[state]))].filter(Boolean).join(", ");
     return {
       id: u.id,
       name,
@@ -838,7 +876,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', _27 => _27.id]), () => ( null));
+  return _nullishCoalesce(_optionalChain([best2, 'optionalAccess', _36 => _36.id]), () => ( null));
 }
 function navigateA11y(nodes, fromId, direction) {
   const from = nodes.find((n) => n.id === fromId);
@@ -874,10 +912,10 @@ function initialEditGesture() {
   return { g: initialGestureState, press: null };
 }
 function isArmed(state) {
-  return !!_optionalChain([state, 'access', _28 => _28.press, 'optionalAccess', _29 => _29.armed]) && state.press.movable !== null;
+  return !!_optionalChain([state, 'access', _37 => _37.press, 'optionalAccess', _38 => _38.armed]) && state.press.movable !== null;
 }
 function isMarqueeArmed(state) {
-  return !!_optionalChain([state, 'access', _30 => _30.press, 'optionalAccess', _31 => _31.armed]) && !!state.press.marquee;
+  return !!_optionalChain([state, 'access', _39 => _39.press, 'optionalAccess', _40 => _40.armed]) && !!state.press.marquee;
 }
 var sample = (p) => ({ id: p.id, x: p.x, y: p.y });
 function reduceEditGesture(state, camera, viewport, input) {
@@ -904,9 +942,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', _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" });
+      const effects2 = _optionalChain([press, 'optionalAccess', _41 => _41.moving]) && press.movable ? [{ type: "moveEnd", elementId: press.movable }] : [];
+      if (_optionalChain([press, 'optionalAccess', _42 => _42.resize, 'optionalAccess', _43 => _43.active]) && press.elementId) effects2.push({ type: "resizeCancel", elementId: press.elementId });
+      if (_optionalChain([press, 'optionalAccess', _44 => _44.marquee, 'optionalAccess', _45 => _45.active])) effects2.push({ type: "marqueeCancel" });
       return {
         state: {
           g: r2.state,
@@ -961,9 +999,9 @@ function reduceEditGesture(state, camera, viewport, input) {
     };
   }
   if (input.kind === "move") {
-    if (_optionalChain([press, 'optionalAccess', _37 => _37.marquee]) && Object.keys(state.g.pointers).length === 1) {
+    if (_optionalChain([press, 'optionalAccess', _46 => _46.marquee]) && Object.keys(state.g.pointers).length === 1) {
       const { origin } = press.marquee;
-      const active = press.marquee.active || press.armed || _chunkUWCMN6Q7cjs.distance.call(void 0, origin, p) > TAP_SLOP;
+      const active = press.marquee.active || press.armed || _chunkYLV7JK57cjs.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 } } },
@@ -971,7 +1009,7 @@ function reduceEditGesture(state, camera, viewport, input) {
         effects: [{ type: "marquee", from: screenToWorld(camera, viewport, origin), to: screenToWorld(camera, viewport, p) }]
       };
     }
-    if (_optionalChain([press, 'optionalAccess', _38 => _38.resize]) && press.elementId) {
+    if (_optionalChain([press, 'optionalAccess', _47 => _47.resize]) && press.elementId) {
       if (Object.keys(state.g.pointers).length !== 1) return { state, camera, effects: [] };
       const { corner, from } = press.resize;
       return {
@@ -981,7 +1019,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 || _chunkUWCMN6Q7cjs.distance.call(void 0, 
+      const dragging = press.pointerType === "touch" ? press.armed : press.moving || _chunkYLV7JK57cjs.distance.call(void 0, 
         _nullishCoalesce(state.g.origin, () => ( press.last)),
         p
       ) > TAP_SLOP;
@@ -997,7 +1035,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', _39 => _39.movable]) && r2.state.moved && !press.moving;
+    const lostPiece = _optionalChain([press, 'optionalAccess', _48 => _48.movable]) && r2.state.moved && !press.moving;
     return {
       state: { g: r2.state, press: press && lostPiece ? { ...press, movable: null } : press },
       camera: r2.camera,
@@ -1007,19 +1045,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', _40 => _40.resize]) && press.elementId) {
+  if (_optionalChain([press, 'optionalAccess', _49 => _49.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', _41 => _41.marquee, 'optionalAccess', _42 => _42.active])) {
+  if (_optionalChain([press, 'optionalAccess', _50 => _50.marquee, 'optionalAccess', _51 => _51.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', _43 => _43.moving]) && press.movable) effects.push({ type: "moveEnd", elementId: press.movable });
+  if (_optionalChain([press, 'optionalAccess', _52 => _52.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 });
@@ -1152,11 +1190,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', _44 => _44.delta]), () => ( 0));
-  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _45 => _45.delta]), () => ( 0));
+  const dx = _nullishCoalesce(_optionalChain([x, 'optionalAccess', _53 => _53.delta]), () => ( 0));
+  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _54 => _54.delta]), () => ( 0));
   const moved = shiftBox(moving, dx, dy);
   const guides = alignmentGuides(moved, others, opts.sheet);
-  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _46 => _46.gaps, 'call', _47 => _47(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _48 => _48.gaps, 'call', _49 => _49(moved)]), () => ( []))];
+  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _55 => _55.gaps, 'call', _56 => _56(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _57 => _57.gaps, 'call', _58 => _58(moved)]), () => ( []))];
   return { dx, dy, guides, gaps };
 }
 function snapResize(box, edges, others, threshold, opts = {}) {
@@ -1279,7 +1317,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', _50 => _50.placeType, 'optionalAccess', _51 => _51.ref]) !== ref) continue;
+    if (el.type !== "zone" || _optionalChain([el, 'access', _59 => _59.placeType, 'optionalAccess', _60 => _60.ref]) !== ref) continue;
     const b = pieceBounds(el);
     if (!b) continue;
     minX = Math.min(minX, b.minX);
@@ -1345,7 +1383,18 @@ var es = {
   backToMap: "Todo el mapa",
   focusHintSeats: "Toc\xE1 las butacas que quer\xE9s.",
   focusHintPlaces: "Toc\xE1 los lugares que quer\xE9s en cada mesa.",
-  focusHintTables: "Toc\xE1 las mesas que quer\xE9s."
+  focusHintTables: "Toc\xE1 las mesas que quer\xE9s.",
+  notForSale: "no est\xE1 a la venta",
+  inviteOnlySeat: "Esa butaca no est\xE1 a la venta",
+  inviteOnlyTable: "Esa mesa no est\xE1 a la venta",
+  inviteOnlyPlace: "Ese lugar no est\xE1 a la venta",
+  inviteOnly: "s\xF3lo con invitaci\xF3n",
+  legendInviteOnly: "S\xF3lo con invitaci\xF3n",
+  statusSold: "vendida",
+  statusCourtesy: "regalada",
+  statusHeld: "apartada",
+  legendCourtesy: "Regalada",
+  legendHeld: "Apartada"
 };
 var en = {
   free: "available",
@@ -1390,7 +1439,18 @@ var en = {
   backToMap: "Whole map",
   focusHintSeats: "Tap the seats you want.",
   focusHintPlaces: "Tap the places you want at each table.",
-  focusHintTables: "Tap the tables you want."
+  focusHintTables: "Tap the tables you want.",
+  notForSale: "not for sale",
+  inviteOnlySeat: "That seat is not for sale",
+  inviteOnlyTable: "That table is not for sale",
+  inviteOnlyPlace: "That place is not for sale",
+  inviteOnly: "invitation only",
+  legendInviteOnly: "Invitation only",
+  statusSold: "sold",
+  statusCourtesy: "complimentary",
+  statusHeld: "held",
+  legendCourtesy: "Complimentary",
+  legendHeld: "Held"
 };
 function format(template, vars) {
   return template.replace(
@@ -1476,6 +1536,12 @@ var PICKER_CSS = `
  --vk-landmark:#23232a;
  --vk-landmark-stroke:#34343c;
  --vk-landmark-fg:#d6d6dc;
+ /* Panel de la productora: regalada, apartada y la marca que las distingue sin color. */
+ --vk-courtesy:#7c3aed;
+ --vk-courtesy-fg:#ffffff;
+ --vk-held-for:#f59e0b;
+ --vk-held-for-fg:#0b0b0d;
+ --vk-status-mark:#ffffff;
 }
 .vk-root{display:flex;flex-direction:column;gap:12px;font:var(--vk-font);
  color:var(--vk-fg);background:var(--vk-bg);position:relative;box-sizing:border-box;
@@ -1516,6 +1582,9 @@ var PICKER_CSS = `
 .vk-dot{width:14px;height:14px;border-radius:50%;flex:none;box-sizing:border-box}
 .vk-dot[data-state="selected"]{background:var(--vk-mine);border:3px solid var(--vk-accent)}
 .vk-dot[data-state="taken"]{background:var(--vk-sold);border:1px solid var(--vk-sold-stroke)}
+.vk-dot[data-state="courtesy"]{background:radial-gradient(circle at 70% 30%,var(--vk-status-mark,#fff) 0 2.5px,transparent 3px),var(--vk-courtesy,#7c3aed);border:1px solid var(--vk-sold-stroke)}
+.vk-dot[data-state="held-for"]{background:linear-gradient(var(--vk-status-mark,#fff),var(--vk-status-mark,#fff)) 80% 20%/5px 5px no-repeat,var(--vk-held-for,#f59e0b);border:1px solid var(--vk-sold-stroke)}
+.vk-dot[data-state="invite-only"]{border:2px dashed var(--vk-fg)}
 .vk-cta{border:1px solid var(--vk-accent);background:var(--vk-accent);color:var(--vk-accent-fg);
  border-radius:var(--vk-radius);padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px}
 .vk-cta:disabled{opacity:.5;cursor:default}
@@ -1560,6 +1629,38 @@ var PICKER_CSS = `
 .vk-type-btn[data-selected="true"]{border-color:var(--vk-accent)}
 `;
 
+// ../react/src/unit-status.ts
+var KINDS = ["sold", "courtesy", "held"];
+function unitMarks(status) {
+  const out = /* @__PURE__ */ new Map();
+  if (!status) return out;
+  for (const [id, s] of Object.entries(status)) {
+    if (s && KINDS.includes(s.kind)) out.set(id, s.kind);
+  }
+  return out;
+}
+function presentStatusKinds(marks, units) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const u of units) {
+    const k = marks.get(u.id);
+    if (k) seen.add(k);
+  }
+  return KINDS.filter((k) => seen.has(k));
+}
+function statusWord(kind, m) {
+  return kind === "sold" ? m.statusSold : kind === "courtesy" ? m.statusCourtesy : m.statusHeld;
+}
+function statusA11y(s, m) {
+  const word = statusWord(s.kind, m);
+  return s.label ? `${word}, ${s.label}` : word;
+}
+function statusAnnouncement(unit, s, m) {
+  return `${unitName(unit, m)}: ${s.label || statusWord(s.kind, m)}`;
+}
+function blockedInviteOnly(units, allow) {
+  return allow ? [] : units.filter((u) => u.inviteOnly).map((u) => u.id);
+}
+
 // ../react/src/useImage.ts
 
 function useImage(src) {
@@ -1581,7 +1682,7 @@ function useImage(src) {
       img.onerror = null;
     };
   }, [src]);
-  if (!src || _optionalChain([loaded, 'optionalAccess', _52 => _52.src]) !== src) return { image: null, failed: false };
+  if (!src || _optionalChain([loaded, 'optionalAccess', _61 => _61.src]) !== src) return { image: null, failed: false };
   return { image: loaded.image, failed: loaded.failed };
 }
 
@@ -1668,7 +1769,8 @@ function VenueCanvas(props) {
       unassignedLabel: messages.unassigned,
       ...props.dimmedRefs ? { dimmedRefs: props.dimmedRefs } : {},
       ...props.placeTypePrices ? { placeTypePrices: props.placeTypePrices } : {},
-      ...props.highlightRefs ? { highlightRefs: props.highlightRefs } : {}
+      ...props.highlightRefs ? { highlightRefs: props.highlightRefs } : {},
+      ...props.unitMarks ? { unitMarks: props.unitMarks } : {}
     }),
     [
       layout,
@@ -1683,6 +1785,7 @@ function VenueCanvas(props) {
       props.dimmedRefs,
       props.placeTypePrices,
       props.highlightRefs,
+      props.unitMarks,
       messages.unassigned
     ]
   );
@@ -1761,9 +1864,9 @@ function VenueCanvas(props) {
   _react.useEffect.call(void 0, () => {
     const id = pendingFocus.current;
     if (!id) return;
-    const button = _optionalChain([wrapRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.querySelector, 'call', _55 => _55(`[data-unit-id="${id}"]`)]);
+    const button = _optionalChain([wrapRef, 'access', _62 => _62.current, 'optionalAccess', _63 => _63.querySelector, 'call', _64 => _64(`[data-unit-id="${id}"]`)]);
     pendingFocus.current = null;
-    _optionalChain([(_nullishCoalesce(button, () => ( chooseRef.current))), 'optionalAccess', _56 => _56.focus, 'call', _57 => _57()]);
+    _optionalChain([(_nullishCoalesce(button, () => ( chooseRef.current))), 'optionalAccess', _65 => _65.focus, 'call', _66 => _66()]);
   }, [visibleNodes]);
   const send = (input) => {
     const result = reduceGesture(gesture.current, camera, viewport, input);
@@ -1772,11 +1875,12 @@ 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', _58 => _58.onTapEmpty, 'optionalCall', _59 => _59(result.tap)]);
+      _optionalChain([props, 'access', _67 => _67.onTapEmpty, 'optionalCall', _68 => _68(result.tap)]);
       return;
     }
     const unit = unitById.get(unitId);
-    if (unit && props.focusRef !== null && unit.placeTypeRef === props.focusRef) {
+    const choosable = unit && unit.placeTypeRef !== null && (props.focusRef !== null && unit.placeTypeRef === props.focusRef || !!_optionalChain([props, 'access', _69 => _69.selectableRefs, 'optionalAccess', _70 => _70.has, 'call', _71 => _71(unit.placeTypeRef)]));
+    if (unit && choosable) {
       const closer = tapZoom(camera, viewport, result.tap, (_nullishCoalesce(props.radii.get(unit.elementId), () => ( DEFAULT_UNIT_RADIUS))) * camera.zoom);
       if (closer) {
         props.onCameraChange(closer);
@@ -1808,12 +1912,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', _60 => _60.current, 'optionalAccess', _61 => _61.querySelector, 'call', _62 => _62(`[data-unit-id="${next}"]`), 'optionalAccess', _63 => _63.focus, 'call', _64 => _64()]);
+      _optionalChain([wrapRef, 'access', _72 => _72.current, 'optionalAccess', _73 => _73.querySelector, 'call', _74 => _74(`[data-unit-id="${next}"]`), 'optionalAccess', _75 => _75.focus, 'call', _76 => _76()]);
       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', _65 => _65[0], 'optionalAccess', _66 => _66.id])), () => ( null));
+  const tabbableId = _nullishCoalesce((activeId !== null && visible.has(activeId) ? activeId : _optionalChain([visibleNodes, 'access', _77 => _77[0], 'optionalAccess', _78 => _78.id])), () => ( null));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -1879,7 +1983,7 @@ function VenueCanvas(props) {
 var NONE = [];
 var EMPTY_SET = /* @__PURE__ */ new Set();
 function byKind(u, seat, table, place) {
-  return _optionalChain([u, 'optionalAccess', _67 => _67.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _68 => _68.kind]) === "place" ? place : seat;
+  return _optionalChain([u, 'optionalAccess', _79 => _79.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _80 => _80.kind]) === "place" ? place : seat;
 }
 function a11yLabel(u, m) {
   const table = format(m.summaryTable, { table: _nullishCoalesce(u.table, () => ( u.label)) });
@@ -1889,13 +1993,13 @@ function a11yLabel(u, m) {
 }
 function SeatMap(props) {
   const { layout, focusRef, selection, onSelectionChange } = props;
-  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkUWCMN6Q7cjs.DEFAULT_MAX_SELECTION));
+  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkYLV7JK57cjs.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, () => _chunkUWCMN6Q7cjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkYLV7JK57cjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkYLV7JK57cjs.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]);
@@ -1928,24 +2032,43 @@ function SeatMap(props) {
     const first = unitById.get(ids[0]);
     announce(byKind(first, messages.conflictSeat, messages.conflictTable, messages.conflictPlace), true);
   }, [props.conflictUnitIds, unitById, messages, announce]);
+  const marks = _react.useMemo.call(void 0, () => unitMarks(props.unitStatus), [props.unitStatus]);
+  const allowInviteOnly = props.allowInviteOnly === true;
+  const blocked = _react.useMemo.call(void 0, () => new Set(blockedInviteOnly(units, allowInviteOnly)), [units, allowInviteOnly]);
   const taken = _react.useMemo.call(void 0, 
-    () => /* @__PURE__ */ new Set([...props.takenUnitIds, ...conflicted]),
-    [props.takenUnitIds, conflicted]
+    () => /* @__PURE__ */ new Set([...props.takenUnitIds, ...conflicted, ...marks.keys(), ...blocked]),
+    [props.takenUnitIds, conflicted, marks, blocked]
   );
   const held = _react.useMemo.call(void 0, () => new Set(_nullishCoalesce(props.heldUnitIds, () => ( NONE))), [props.heldUnitIds]);
-  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 states = _react.useMemo.call(void 0, () => _chunkYLV7JK57cjs.unitStates.call(void 0, units, taken, selection, held), [units, taken, selection, held]);
+  const multiType = props.multiType === true;
+  const selectableRefs = _react.useMemo.call(void 0, () => multiType ? new Set(placeTypeNames.keys()) : void 0, [multiType, placeTypeNames]);
+  const selectable = _react.useMemo.call(void 0, 
+    () => units.filter((u) => selectableRefs ? u.placeTypeRef !== null && selectableRefs.has(u.placeTypeRef) : u.placeTypeRef === focusRef),
+    [units, focusRef, selectableRefs]
+  );
+  const stateWords = _react.useMemo.call(void 0, () => {
+    const out = /* @__PURE__ */ new Map();
+    for (const u of selectable) {
+      const s = _optionalChain([props, 'access', _81 => _81.unitStatus, 'optionalAccess', _82 => _82[u.id]]);
+      if (s && marks.has(u.id)) out.set(u.id, statusA11y(s, messages));
+      else if (blocked.has(u.id)) out.set(u.id, messages.notForSale);
+      else if (u.inviteOnly && states.get(u.id) === "free") out.set(u.id, `${messages.free}, ${messages.inviteOnly}`);
+    }
+    return out;
+  }, [selectable, props.unitStatus, marks, blocked, states, messages]);
   const a11yNodes = _react.useMemo.call(void 0, 
     () => buildA11yNodes(
       selectable.map((u) => u.kind === "seat" ? u : { ...u, label: a11yLabel(u, messages) }),
       states,
       placeTypeNames,
-      { free: messages.free, taken: messages.taken, selected: messages.selected, held: messages.held, row: messages.row, seat: messages.seat }
+      { free: messages.free, taken: messages.taken, selected: messages.selected, held: messages.held, row: messages.row, seat: messages.seat },
+      stateWords
     ),
-    [selectable, states, placeTypeNames, messages]
+    [selectable, states, placeTypeNames, messages, stateWords]
   );
   const bg = layout.meta.background;
-  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _69 => _69.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _83 => _83.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -1956,7 +2079,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', _70 => _70.current, 'optionalAccess', _71 => _71.layout]) === layout && framedFor.current.focusRef === focusRef) return;
+    if (_optionalChain([framedFor, 'access', _84 => _84.current, 'optionalAccess', _85 => _85.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));
@@ -1974,20 +2097,30 @@ 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', _72 => _72.placeType, 'optionalAccess', _73 => _73.ref]) || null);
+    switchTo(_optionalChain([el, 'access', _86 => _86.placeType, 'optionalAccess', _87 => _87.ref]) || null);
   }, [layout, switchTo]);
   const activateUnit = _react.useCallback.call(void 0, (unitId) => {
     const unit = unitById.get(unitId);
     if (!unit) return;
-    if (unit.placeTypeRef !== focusRef) {
+    const ownType = unit.placeTypeRef === focusRef || !!selectableRefs && unit.placeTypeRef !== null && selectableRefs.has(unit.placeTypeRef);
+    if (!ownType) {
       switchTo(unit.placeTypeRef);
       return;
     }
+    const status = _optionalChain([props, 'access', _88 => _88.unitStatus, 'optionalAccess', _89 => _89[unitId]]);
+    if (status && marks.has(unitId) && !selection.includes(unitId)) {
+      announce(statusAnnouncement(unit, status, messages), true);
+      return;
+    }
+    if (blocked.has(unitId) && !selection.includes(unitId)) {
+      announce(byKind(unit, messages.inviteOnlySeat, messages.inviteOnlyTable, messages.inviteOnlyPlace), true);
+      return;
+    }
     if (states.get(unitId) === "held" && !selection.includes(unitId)) {
       announce(messages.heldSeat, true);
       return;
     }
-    const result = _chunkUWCMN6Q7cjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
+    const result = _chunkYLV7JK57cjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
     if (result.rejected === "taken") {
       announce(byKind(unit, messages.takenSeat, messages.takenTable, messages.takenPlace), true);
       return;
@@ -1999,13 +2132,29 @@ function SeatMap(props) {
     const added = result.selection.includes(unitId);
     announce(`${unitName(unit, messages)}: ${added ? messages.selected : messages.free}`);
     onSelectionChange(result.selection);
-  }, [unitById, focusRef, states, selection, maxSelection, messages, announce, onSelectionChange, switchTo]);
+  }, [
+    unitById,
+    focusRef,
+    selectableRefs,
+    props.unitStatus,
+    marks,
+    blocked,
+    states,
+    selection,
+    maxSelection,
+    messages,
+    announce,
+    onSelectionChange,
+    switchTo
+  ]);
   const summary = _react.useMemo.call(void 0, () => selectionSummary(units, selection, messages), [units, selection, messages]);
   const focusColor = _nullishCoalesce(placeTypeColors.get(focusRef), () => ( "var(--vk-unassigned)"));
   const focusType = props.placeTypes.find((p) => p.ref === focusRef);
   const embedded = props.embedded === true;
   const kind = _react.useMemo.call(void 0, () => focusKind(units, focusRef), [units, focusRef]);
   const hint = kind === "seat" ? messages.focusHintSeats : kind === "place" ? messages.focusHintPlaces : messages.focusHintTables;
+  const statusKinds = _react.useMemo.call(void 0, () => presentStatusKinds(marks, units), [marks, units]);
+  const showInviteOnly = _react.useMemo.call(void 0, () => allowInviteOnly && units.some((u) => u.inviteOnly && !marks.has(u.id)), [allowInviteOnly, units, marks]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -2047,7 +2196,9 @@ function SeatMap(props) {
             onActivateUnit: activateUnit,
             messages,
             placeTypeColors,
-            focusRef,
+            focusRef: multiType ? null : focusRef,
+            ...selectableRefs ? { selectableRefs } : {},
+            ...marks.size > 0 ? { unitMarks: marks } : {},
             onTapEmpty,
             placeTypePrices,
             ...props.height !== void 0 ? { height: props.height } : {},
@@ -2068,7 +2219,19 @@ function SeatMap(props) {
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-dot", "data-state": "taken" }),
             messages.legendTaken
-          ] })
+          ] }),
+          statusKinds.includes("courtesy") ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-dot", "data-state": "courtesy" }),
+            messages.legendCourtesy
+          ] }) : null,
+          statusKinds.includes("held") ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-dot", "data-state": "held-for" }),
+            messages.legendHeld
+          ] }) : null,
+          showInviteOnly ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-dot", "data-state": "invite-only", style: { background: focusColor } }),
+            messages.legendInviteOnly
+          ] }) : null
         ] }),
         announcement.blocking && announcement.text ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-notice", "data-testid": "notice", children: announcement.text }) : null,
         embedded ? null : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-bar", "data-testid": "summary-bar", children: [
@@ -2100,7 +2263,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', _74 => _74.get, 'call', _75 => _75(el.id)]), () => ( 0)) : 0;
+    const r = el.type === "seatBlock" || el.type === "table" ? _nullishCoalesce(_optionalChain([radii, 'optionalAccess', _90 => _90.get, 'call', _91 => _91(el.id)]), () => ( 0)) : 0;
     box = box ? {
       minX: Math.min(box.minX, b.minX - r),
       minY: Math.min(box.minY, b.minY - r),
@@ -2122,8 +2285,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, () => _chunkUWCMN6Q7cjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkYLV7JK57cjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkYLV7JK57cjs.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]);
@@ -2139,9 +2302,11 @@ function VenueOverview(props) {
   const highlightRefs = _react.useMemo.call(void 0, () => new Set(selectedRefs), [selectedRefs]);
   const takenIds = _nullishCoalesce(props.takenUnitIds, () => ( NONE2));
   const selectedIds = _nullishCoalesce(props.selectedUnitIds, () => ( NONE2));
+  const marks = _react.useMemo.call(void 0, () => unitMarks(props.unitStatus), [props.unitStatus]);
+  const allowInviteOnly = props.allowInviteOnly === true;
   const states = _react.useMemo.call(void 0, 
-    () => _chunkUWCMN6Q7cjs.unitStates.call(void 0, units, new Set(takenIds), selectedIds, NO_HELD),
-    [units, takenIds, selectedIds]
+    () => _chunkYLV7JK57cjs.unitStates.call(void 0, units, /* @__PURE__ */ new Set([...takenIds, ...blockedInviteOnly(units, allowInviteOnly)]), selectedIds, NO_HELD),
+    [units, takenIds, selectedIds, allowInviteOnly]
   );
   const hideList = props.hideList === true;
   const canvasMessages = _react.useMemo.call(void 0, 
@@ -2153,12 +2318,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', _76 => _76.find, 'call', _77 => _77((p) => p.ref === tap.ref), 'optionalAccess', _78 => _78.label]), () => ( ""));
+      const name = _nullishCoalesce(_optionalChain([placeTypes, 'access', _92 => _92.find, 'call', _93 => _93((p) => p.ref === tap.ref), 'optionalAccess', _94 => _94.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', _79 => _79.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _95 => _95.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -2185,7 +2350,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', _80 => _80.placeType, 'optionalAccess', _81 => _81.ref]) || null);
+    choose(_optionalChain([el, 'access', _96 => _96.placeType, 'optionalAccess', _97 => _97.ref]) || null);
   }, [layout, choose]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -2210,7 +2375,7 @@ function VenueOverview(props) {
             onCameraChange: setCamera,
             viewport,
             onViewportChange: setViewport,
-            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _82 => _82.get, 'call', _83 => _83(id), 'optionalAccess', _84 => _84.placeTypeRef]), () => ( null))),
+            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _98 => _98.get, 'call', _99 => _99(id), 'optionalAccess', _100 => _100.placeTypeRef]), () => ( null))),
             onTapEmpty,
             messages: canvasMessages,
             placeTypeColors,
@@ -2218,6 +2383,7 @@ function VenueOverview(props) {
             dimmedRefs,
             placeTypePrices,
             highlightRefs,
+            ...marks.size > 0 ? { unitMarks: marks } : {},
             ...props.height !== void 0 ? { height: props.height } : {},
             ratio: contentRatio,
             cooperative: true,
@@ -2305,9 +2471,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 = _chunkUWCMN6Q7cjs.zoneLocalSize.call(void 0, el);
+    const now = _chunkYLV7JK57cjs.zoneLocalSize.call(void 0, el);
     if (Math.abs(now[field] - size) < 1e-6) return el;
-    const next = _chunkUWCMN6Q7cjs.zoneWithLocalSize.call(void 0, el, field === "width" ? size : now.width, field === "height" ? size : now.height);
+    const next = _chunkYLV7JK57cjs.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 };
@@ -2333,7 +2499,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: _chunkUWCMN6Q7cjs.scalePiece.call(void 0, piece, scale) }];
+      return (_nullishCoalesce(piece.scale, () => ( 1))) === scale ? [] : [{ type: "replaceElement", element: _chunkYLV7JK57cjs.scalePiece.call(void 0, piece, scale) }];
     });
   }
   const shifts = action === "distributeX" ? distributeBoxes(boxes, "x") : action === "distributeY" ? distributeBoxes(boxes, "y") : alignBoxes(boxes, action);
@@ -2490,7 +2656,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, _chunkUWCMN6Q7cjs.SpatialIndex)(still), moving, movingIndex: new (0, _chunkUWCMN6Q7cjs.SpatialIndex)(moving) };
+  return { changed, still, stillIndex: new (0, _chunkYLV7JK57cjs.SpatialIndex)(still), moving, movingIndex: new (0, _chunkYLV7JK57cjs.SpatialIndex)(moving) };
 }
 function boxesOf(layout) {
   const out = /* @__PURE__ */ new Map();
@@ -2526,21 +2692,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 = _chunkUWCMN6Q7cjs.expand.call(void 0, { ...base, elements: [element] });
+  const own = _chunkYLV7JK57cjs.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, _chunkUWCMN6Q7cjs.SpatialIndex)(own), 0, 0), boxes };
+  return { layout, units: split.still.concat(own), index: joined(split.stillIndex, new (0, _chunkYLV7JK57cjs.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 _chunkUWCMN6Q7cjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
+  return _chunkYLV7JK57cjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
 }
 function keyboardResize(el, corner, direction) {
-  if (el.type === "seatBlock" || el.type === "table") return _chunkUWCMN6Q7cjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
+  if (el.type === "seatBlock" || el.type === "table") return _chunkYLV7JK57cjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
   const box = pieceBounds(el);
   if (!box) return el;
   const from = cornerPoint(box, corner);
@@ -2574,29 +2740,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', _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 ref2 = _optionalChain([el, 'access', _101 => _101.placeType, 'optionalAccess', _102 => _102.ref]) || null;
+    return _nullishCoalesce((ref2 ? _optionalChain([placeTypes, 'access', _103 => _103.find, 'call', _104 => _104((p) => p.ref === ref2), 'optionalAccess', _105 => _105.label]) : void 0), () => ( m.unassigned));
   }
   const own = el.type === "seatBlock" ? (() => {
-    const rows = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, el.rowLabels, el.rows);
+    const rows = _chunkYLV7JK57cjs.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', _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;
+  const ref = _optionalChain([el, 'access', _106 => _106.placeType, 'optionalAccess', _107 => _107.ref]) || null;
+  const type = ref ? _optionalChain([placeTypes, 'access', _108 => _108.find, 'call', _109 => _109((p) => p.ref === ref), 'optionalAccess', _110 => _110.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', _95 => _95.type]) === "seatBlock" ? _chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, { ...el, removed: [] }) : [];
+  return _optionalChain([el, 'optionalAccess', _111 => _111.type]) === "seatBlock" ? _chunkYLV7JK57cjs.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', _96 => _96.kind]) === "replace" ? preview.element : null;
+  const resizing = _optionalChain([preview, 'optionalAccess', _112 => _112.kind]) === "replace" ? preview.element : null;
   const base = designer.layout;
-  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 baseUnits = _react.useMemo.call(void 0, () => _chunkYLV7JK57cjs.expand.call(void 0, base), [base]);
+  const baseIndex = _react.useMemo.call(void 0, () => new (0, _chunkYLV7JK57cjs.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]);
@@ -2635,7 +2801,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, _chunkUWCMN6Q7cjs.SpatialIndex)(seatEditUnits), [seatEditUnits]);
+  const seatEditIndex = _react.useMemo.call(void 0, () => new (0, _chunkYLV7JK57cjs.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) => {
@@ -2712,7 +2878,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', _97 => _97.current, 'optionalAccess', _98 => _98.getContext, 'call', _99 => _99("2d")]);
+    const ctx = _optionalChain([canvasRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.getContext, 'call', _115 => _115("2d")]);
     if (!ctx || viewport.width === 0) return;
     renderScene(scene, { ctx, camera, viewport, dpr, images });
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
@@ -2786,7 +2952,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', _100 => _100.current, 'optionalAccess', _101 => _101.getBoundingClientRect, 'call', _102 => _102()]);
+      const r = _optionalChain([stageRef, 'access', _116 => _116.current, 'optionalAccess', _117 => _117.getBoundingClientRect, 'call', _118 => _118()]);
       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 });
@@ -2864,7 +3030,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', _103 => _103.current, 'optionalCall', _104 => _104(fx.elementId)]);
+      if (fx.elementId) _optionalChain([onPieceTapRef, 'access', _119 => _119.current, 'optionalCall', _120 => _120(fx.elementId)]);
     }
   };
   const sheetBox = (l) => ({ minX: 0, minY: 0, maxX: l.meta.width, maxY: l.meta.height });
@@ -2882,7 +3048,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', _105 => _105.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _106 => _106.dy]), () => ( 0))) };
+    const target = { x: current.raw.x + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _121 => _121.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _122 => _122.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 });
@@ -2904,7 +3070,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))) ? _chunkUWCMN6Q7cjs.scalePiece.call(void 0, start, match) : next;
+      const sized2 = match !== null && match !== (_nullishCoalesce(next.scale, () => ( 1))) ? _chunkYLV7JK57cjs.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);
@@ -2930,7 +3096,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const nowMarquee = isMarqueeArmed(r.state);
     if (nowMarquee && !marqueeArmed.current) {
       try {
-        _optionalChain([navigator, 'access', _107 => _107.vibrate, 'optionalCall', _108 => _108(10)]);
+        _optionalChain([navigator, 'access', _123 => _123.vibrate, 'optionalCall', _124 => _124(10)]);
       } catch (e2) {
       }
     }
@@ -2939,7 +3105,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     if (nowLifted !== liftedRef.current) {
       if (nowLifted) {
         try {
-          _optionalChain([navigator, 'access', _109 => _109.vibrate, 'optionalCall', _110 => _110(10)]);
+          _optionalChain([navigator, 'access', _125 => _125.vibrate, 'optionalCall', _126 => _126(10)]);
         } catch (e3) {
         }
       }
@@ -3011,7 +3177,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', _111 => _111(d.layout, p, c, v, { radii, slopPx: EDIT_HIT_SLOP_PX }), 'optionalAccess', _112 => _112.id]))), () => ( null)) : null;
+    const hit = kind === "down" ? _nullishCoalesce(_nullishCoalesce(backgroundAt(d.layout.meta.background, screenToWorld(c, v, p), d.ui.backgroundEditing), () => ( _optionalChain([elementAt, 'call', _127 => _127(d.layout, p, c, v, { radii, slopPx: EDIT_HIT_SLOP_PX }), 'optionalAccess', _128 => _128.id]))), () => ( null)) : null;
     const elementLocked = d.ui.armed !== null || hit !== null && hit === d.ui.seatEditId;
     if (kind !== "down") {
       feed({ kind, p, hitElementId: hit, elementLocked });
@@ -3072,7 +3238,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const id = pendingFocus.current;
     if (!id) return;
     pendingFocus.current = null;
-    _optionalChain([stageRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.querySelector, 'call', _115 => _115(`[data-element-id="${id}"]`), 'optionalAccess', _116 => _116.focus, 'call', _117 => _117()]);
+    _optionalChain([stageRef, 'access', _129 => _129.current, 'optionalAccess', _130 => _130.querySelector, 'call', _131 => _131(`[data-element-id="${id}"]`), 'optionalAccess', _132 => _132.focus, 'call', _133 => _133()]);
   });
   const armedName = ui.armed ? armedLabel(ui.armed, messages) : null;
   const selectedEl = ui.selectedId ? layout.elements.find((e) => e.id === ui.selectedId) : void 0;
@@ -3161,7 +3327,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
                       return;
                     }
                     designer.dispatchUi({ type: "select", id: el.id });
-                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _118 => _118(el.id)]);
+                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _134 => _134(el.id)]);
                   },
                   children: pieceName(el, placeTypes, messages)
                 },
@@ -3217,7 +3383,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([_chunkUWCMN6Q7cjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _119 => _119.name]), () => ( kind));
+  return _nullishCoalesce(_optionalChain([_chunkYLV7JK57cjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _135 => _135.name]), () => ( kind));
 }
 function drawHints(ctx, hints, camera, viewport, color) {
   const at = (x, y) => worldToScreen(camera, viewport, { x, y });
@@ -3356,7 +3522,7 @@ function anchorPanel(piece, panel, viewport, margin = 12) {
   return docked;
 }
 function range(rule, count) {
-  const labels = _chunkUWCMN6Q7cjs.labelSequence.call(void 0, rule, count);
+  const labels = _chunkYLV7JK57cjs.labelSequence.call(void 0, rule, count);
   return { from: _nullishCoalesce(labels[0], () => ( "")), to: _nullishCoalesce(labels[labels.length - 1], () => ( "")) };
 }
 function blockRangeText(block, templates) {
@@ -3366,25 +3532,28 @@ function blockRangeText(block, templates) {
 }
 function reshapeBlock(block, patch) {
   const next = { ...block, ...patch };
-  if (block.removed.length === 0) return next;
-  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] = _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(_chunkUWCMN6Q7cjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
-  }
-  return { ...next, removed };
+  if (block.removed.length === 0 && !_optionalChain([block, 'access', _136 => _136.reserved, 'optionalAccess', _137 => _137.length])) return next;
+  const oldRows = _chunkYLV7JK57cjs.expandLabels.call(void 0, block.rowLabels, block.rows);
+  const oldSeats = _chunkYLV7JK57cjs.expandLabels.call(void 0, block.seatLabels, block.cols);
+  const newRows = _chunkYLV7JK57cjs.expandLabels.call(void 0, next.rowLabels, next.rows);
+  const newSeats = _chunkYLV7JK57cjs.expandLabels.call(void 0, next.seatLabels, next.cols);
+  const remap = (ids) => {
+    const out = [];
+    for (const id of ids) {
+      const [, row, seat] = _chunkYLV7JK57cjs.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;
+      out.push(_chunkYLV7JK57cjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
+    }
+    return out;
+  };
+  return { ...next, removed: remap(block.removed), ...block.reserved ? { reserved: remap(block.reserved) } : {} };
 }
 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 _chunkUWCMN6Q7cjs.labelRuleSchema.safeParse(rule).success ? start : null;
+  return _chunkYLV7JK57cjs.labelRuleSchema.safeParse(rule).success ? start : null;
 }
 function switchLabelKind(rule, kind) {
   if (rule.kind === kind) return rule;
@@ -3403,7 +3572,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', _120 => _120.skip, 'optionalAccess', _121 => _121.filter, 'call', _122 => _122((s) => !/ñ/i.test(s))]);
+  const skip = _optionalChain([rest, 'access', _138 => _138.skip, 'optionalAccess', _139 => _139.filter, 'call', _140 => _140((s) => !/ñ/i.test(s))]);
   const { skip: _skip, ...noSkip } = rest;
   return {
     ...skip && skip.length > 0 ? { ...noSkip, skip } : noSkip,
@@ -3429,10 +3598,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', _123 => _123.placeType, 'optionalAccess', _124 => _124.ref]) || null) === option.ref).length;
-  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _125 => _125.units]), () => ( 0));
+  const pieces = layout.elements.filter((e) => e.type !== "landmark" && (_optionalChain([e, 'access', _141 => _141.placeType, 'optionalAccess', _142 => _142.ref]) || null) === option.ref).length;
+  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _143 => _143.units]), () => ( 0));
   if (option.accepts === "zone") {
-    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _126 => _126.zones]), () => ( 0));
+    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _144 => _144.zones]), () => ( 0));
     return {
       units,
       pieces,
@@ -3454,15 +3623,21 @@ 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', _127 => _127.byRef, 'access', _128 => _128[o.ref], 'optionalAccess', _129 => _129.units]), () => ( 0))) === 0);
+  return placeTypes.filter((o) => o.accepts !== "zone" && (_nullishCoalesce(_optionalChain([summary, 'access', _145 => _145.byRef, 'access', _146 => _146[o.ref], 'optionalAccess', _147 => _147.units]), () => ( 0))) === 0);
 }
 function unitsOnSale(placeTypes, summary) {
-  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);
+  return placeTypes.reduce((n, o) => o.accepts === "zone" ? n : n + (_nullishCoalesce(_optionalChain([summary, 'access', _148 => _148.byRef, 'access', _149 => _149[o.ref], 'optionalAccess', _150 => _150.units]), () => ( 0))), 0);
 }
 function numberingCounts(block, m) {
   const removed = block.removed.length;
-  const onSale = format(m.resultOnSale, { seats: plural(block.rows * block.cols - removed, m.countSeat, m.countSeats) });
-  return removed === 0 ? onSale : `${onSale} \xB7 ${plural(removed, m.removedOne, m.removedMany)}`;
+  const out = new Set(block.removed);
+  const reserved = (_nullishCoalesce(block.reserved, () => ( []))).filter((id) => !out.has(id)).length;
+  const onSale = format(m.resultOnSale, { seats: plural(block.rows * block.cols - removed - reserved, m.countSeat, m.countSeats) });
+  return [
+    onSale,
+    ...reserved > 0 ? [plural(reserved, m.reservedOne, m.reservedMany)] : [],
+    ...removed > 0 ? [plural(removed, m.removedOne, m.removedMany)] : []
+  ].join(" \xB7 ");
 }
 
 // ../react/src/designer/FloatingPanel.tsx
@@ -3489,9 +3664,9 @@ function FloatingPanel(props) {
       ref,
       className: "vk-d-float",
       "aria-labelledby": props.labelledBy,
-      "data-docked": _optionalChain([pos, 'optionalAccess', _133 => _133.docked]) || void 0,
+      "data-docked": _optionalChain([pos, 'optionalAccess', _151 => _151.docked]) || void 0,
       "data-testid": "piece-panel",
-      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _134 => _134.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _135 => _135.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
+      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _152 => _152.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _153 => _153.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
       children: props.children
     }
   );
@@ -3499,29 +3674,29 @@ function FloatingPanel(props) {
 
 // ../react/src/designer/capacity.ts
 function capacityRejections(before, after, placeTypes) {
-  const over = _chunkUWCMN6Q7cjs.capacityViolations.call(void 0, before, after, placeTypes);
+  const over = _chunkYLV7JK57cjs.capacityViolations.call(void 0, before, after, placeTypes);
   if (over.length === 0) return [];
-  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)) }));
+  const was = _chunkYLV7JK57cjs.summarize.call(void 0, before).byRef;
+  return over.map((v) => ({ ref: v.ref, label: v.label, capacity: v.capacity, placed: _nullishCoalesce(_optionalChain([was, 'access', _154 => _154[v.ref], 'optionalAccess', _155 => _155.units]), () => ( 0)) }));
 }
 function placedUnits(option, summary) {
-  return _nullishCoalesce(_optionalChain([summary, 'access', _138 => _138.byRef, 'access', _139 => _139[option.ref], 'optionalAccess', _140 => _140.units]), () => ( 0));
+  return _nullishCoalesce(_optionalChain([summary, 'access', _156 => _156.byRef, 'access', _157 => _157[option.ref], 'optionalAccess', _158 => _158.units]), () => ( 0));
 }
 function nextPiece(option, placed) {
   if (option.accepts === "zone") return { units: 1 };
-  if (option.accepts === "seats") return { units: _chunkUWCMN6Q7cjs.nextBlockUnits.call(void 0, option, placed) };
-  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
+  if (option.accepts === "seats") return { units: _chunkYLV7JK57cjs.nextBlockUnits.call(void 0, option, placed) };
+  const capacity = _chunkYLV7JK57cjs.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(_chunkUWCMN6Q7cjs.DEFAULT_TABLE_PLACES, left) };
+  return { units: Math.min(_chunkYLV7JK57cjs.DEFAULT_TABLE_PLACES, left) };
 }
 function capacityText(option, summary, m) {
-  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkYLV7JK57cjs.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 = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkYLV7JK57cjs.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 });
@@ -3529,20 +3704,20 @@ function capacityFullText(option, summary, m) {
   return format(m.capacityFull, { capacity, name: option.label });
 }
 function overCapacity(option, summary) {
-  const capacity = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkYLV7JK57cjs.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, _chunkUWCMN6Q7cjs.summarize.call(void 0, layout));
+  let left = overCapacity(option, _chunkYLV7JK57cjs.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', _141 => _141.placeType, 'optionalAccess', _142 => _142.ref]) || null) !== option.ref) continue;
+    if (el.type === "landmark" || el.type === "zone" || (_optionalChain([el, 'access', _159 => _159.placeType, 'optionalAccess', _160 => _160.ref]) || null) !== option.ref) continue;
     if (el.type === "seatBlock") {
-      const units = _chunkUWCMN6Q7cjs.expandSeatBlock.call(void 0, el);
+      const units = _chunkYLV7JK57cjs.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(
@@ -3557,7 +3732,7 @@ function trimPlan(layout, option, locked) {
       left--;
     } else {
       let lastLocked = 0;
-      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkUWCMN6Q7cjs.placeUnitId.call(void 0, el.id, n))) lastLocked = n;
+      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkYLV7JK57cjs.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;
@@ -3578,7 +3753,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', _143 => _143.placeType, 'optionalAccess', _144 => _144.ref]) || "";
+    const ref = el.type === "landmark" ? "" : _optionalChain([el, 'access', _161 => _161.placeType, 'optionalAccess', _162 => _162.ref]) || "";
     if (ref) out[ref] = (_nullishCoalesce(out[ref], () => ( 0))) + 1;
   }
   return out;
@@ -3591,8 +3766,8 @@ function hostReads(placeTypes, summary, pieces, m) {
       return o ? nextPiece(o, placedUnits(o, summary)).units : 0;
     },
     placed: (ref) => ({
-      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)),
+      units: _nullishCoalesce(_optionalChain([summary, 'access', _163 => _163.byRef, 'access', _164 => _164[ref], 'optionalAccess', _165 => _165.units]), () => ( 0)),
+      zones: _nullishCoalesce(_optionalChain([summary, 'access', _166 => _166.byRef, 'access', _167 => _167[ref], 'optionalAccess', _168 => _168.zones]), () => ( 0)),
       pieces: _nullishCoalesce(pieces[ref], () => ( 0))
     }),
     capacityText: (ref) => {
@@ -3631,17 +3806,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', _151 => _151.placeType, 'optionalAccess', _152 => _152.ref])) return el;
+    if (el.type === "landmark" || !_optionalChain([el, 'access', _169 => _169.placeType, 'optionalAccess', _170 => _170.ref])) return el;
     const option = byRef.get(el.placeType.ref);
     if (!option && !before.has(el.placeType.ref)) return el;
-    if (!option || !_chunkUWCMN6Q7cjs.canAssign.call(void 0, el, option)) {
+    if (!option || !_chunkYLV7JK57cjs.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 _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, el, option);
+    return _chunkYLV7JK57cjs.assignPlaceType.call(void 0, el, option);
   });
   return changed ? { ...layout, elements } : layout;
 }
@@ -3795,7 +3970,7 @@ function LandmarkPicker({ messages: m, onPick }) {
   const groups = LANDMARK_GROUPS.map(({ group, key }) => ({
     group,
     title: m[key],
-    items: _chunkUWCMN6Q7cjs.landmarks.filter((l) => l.group === group && (q === "" || fold(l.name).includes(q)))
+    items: _chunkYLV7JK57cjs.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: [
@@ -3955,7 +4130,7 @@ var designerEs = {
   blockRangeOneRow: "Fila {row} \xB7 butacas {seatFrom} a {seatTo}",
   numbering: "Numeraci\xF3n y pasillos",
   numberingTitle: "Numeraci\xF3n y pasillos \xB7 {name}",
-  numberingHint: "As\xED lo va a ver quien compra. Toc\xE1 una butaca para sacarla (pasillo o columna); los n\xFAmeros de las dem\xE1s no cambian.",
+  numberingHint: "As\xED lo va a ver quien compra. Toc\xE1 una butaca para reservarla, o eleg\xED \xABSacar (pasillo)\xBB para sacarla; los n\xFAmeros de las dem\xE1s no cambian.",
   numberingTooBig: "El bloque es muy grande para mostrarlo ac\xE1. La numeraci\xF3n se puede cambiar igual.",
   numberingFailed: "No se pudo aplicar este cambio.",
   rowsNamed: "Las filas se llaman",
@@ -3991,6 +4166,17 @@ var designerEs = {
   seatName: "Fila {row}, butaca {seat}",
   seatNameRemoved: "Fila {row}, butaca {seat} sacada",
   seatNameSold: "Fila {row}, butaca {seat}, ya vendida",
+  seatNameReserved: "Fila {row}, butaca {seat}, reservada",
+  tapMode: "Al tocar",
+  tapReserve: "Reservar",
+  tapRemove: "Sacar (pasillo)",
+  reservedNotice: "Una butaca reservada se ve en el mapa pero no se vende al p\xFAblico: queda para cortes\xEDas y cupos apartados.",
+  legendReserved: "Reservada",
+  reservedOne: "1 reservada",
+  reservedMany: "{n} reservadas",
+  tableInviteOnly: "Mesa s\xF3lo con invitaci\xF3n",
+  placesInviteOnly: "Lugares s\xF3lo con invitaci\xF3n",
+  placeInviteOnly: "Lugar {n} s\xF3lo con invitaci\xF3n",
   assignTitle: "\xBFDe qu\xE9 entrada es?",
   noPlaceTypes: "No hay entradas que le sirvan a esta pieza.",
   capacityCount: "{placed} de {capacity} lugares",
@@ -4175,7 +4361,7 @@ var designerEn = {
   blockRangeOneRow: "Row {row} \xB7 seats {seatFrom} to {seatTo}",
   numbering: "Numbering and aisles",
   numberingTitle: "Numbering and aisles \xB7 {name}",
-  numberingHint: "This is how buyers will see it. Tap a seat to remove it (an aisle or a pillar); the other numbers don't change.",
+  numberingHint: "This is how buyers will see it. Tap a seat to reserve it, or pick \xABRemove (aisle)\xBB to remove it; the other numbers don't change.",
   numberingTooBig: "The block is too big to show here. You can still change the numbering.",
   numberingFailed: "This change couldn't be applied.",
   rowsNamed: "Rows are named",
@@ -4211,6 +4397,17 @@ var designerEn = {
   seatName: "Row {row}, seat {seat}",
   seatNameRemoved: "Row {row}, seat {seat} removed",
   seatNameSold: "Row {row}, seat {seat}, already sold",
+  seatNameReserved: "Row {row}, seat {seat}, reserved",
+  tapMode: "On tap",
+  tapReserve: "Reserve",
+  tapRemove: "Remove (aisle)",
+  reservedNotice: "A reserved seat shows on the map but isn't sold to the public: it's kept for complimentary tickets and held allocations.",
+  legendReserved: "Reserved",
+  reservedOne: "1 reserved",
+  reservedMany: "{n} reserved",
+  tableInviteOnly: "Invitation-only table",
+  placesInviteOnly: "Invitation-only places",
+  placeInviteOnly: "Place {n} invitation only",
   assignTitle: "Which ticket is it for?",
   noPlaceTypes: "No tickets fit this piece.",
   capacityCount: "{placed} of {capacity} spots",
@@ -4324,13 +4521,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: _chunkUWCMN6Q7cjs.scalePiece.call(void 0, piece, steppedScale(scale, direction)) });
+  const set = (direction) => props.onRun({ type: "replaceElement", element: _chunkYLV7JK57cjs.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 <= _chunkUWCMN6Q7cjs.MIN_SCALE, onClick: () => set(-1), children: "\u2212" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeLess, disabled: scale <= _chunkYLV7JK57cjs.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 >= _chunkUWCMN6Q7cjs.MAX_SCALE, onClick: () => set(1), children: "+" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeMore, disabled: scale >= _chunkYLV7JK57cjs.MAX_SCALE, onClick: () => set(1), children: "+" })
     ] })
   ] });
 }
@@ -4375,12 +4572,44 @@ 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', _153 => _153.placeType, 'optionalAccess', _154 => _154.ref]) || null;
+  const ref = _optionalChain([el, 'access', _171 => _171.placeType, 'optionalAccess', _172 => _172.ref]) || null;
   const option = ref ? placeTypes.find((p) => p.ref === ref) : void 0;
-  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}` };
+  const name = _nullishCoalesce(_optionalChain([option, 'optionalAccess', _173 => _173.label]), () => ( m.unassigned));
+  if (el.type === "zone") return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _174 => _174.color]), () => ( null)), text: name };
+  const count = el.type === "seatBlock" ? plural2(_chunkYLV7JK57cjs.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', _175 => _175.color]), () => ( null)), text: `${name} \xB7 ${count}` };
+}
+function TableInviteOnly(props) {
+  const { table: t, messages: m } = props;
+  const reserved = new Set(_nullishCoalesce(t.reservedPlaces, () => ( [])));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-group", "data-testid": "table-invite-only", style: { ["--vk-type"]: _nullishCoalesce(props.color, () => ( "var(--vk-unassigned, #9ca3af)")) }, children: [
+    t.mode === "whole" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "vk-d-check", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "checkbox",
+          checked: t.reserved === true,
+          onChange: () => props.onRun({ type: "replaceElement", element: _chunkYLV7JK57cjs.toggleReservedTable.call(void 0, t) })
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: m.tableInviteOnly })
+    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { role: "group", "aria-label": m.placesInviteOnly, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-sub", children: m.placesInviteOnly }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "vk-d-places", children: Array.from({ length: t.places }, (_, i) => i + 1).map((n) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "vk-d-place",
+          "aria-pressed": reserved.has(n),
+          "aria-label": format(m.placeInviteOnly, { n }),
+          onClick: () => props.onRun({ type: "replaceElement", element: _chunkYLV7JK57cjs.toggleReservedTable.call(void 0, t, n) }),
+          children: n
+        },
+        n
+      )) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", children: m.reservedNotice })
+  ] });
 }
 function PieceInspector(props) {
   const { element: el, messages: m } = props;
@@ -4398,8 +4627,8 @@ function PieceInspector(props) {
     setLabelError(null);
     patch("label", label, `label:${el.id}`);
   };
-  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));
+  const assigned = el.type !== "landmark" && !!_optionalChain([el, 'access', _176 => _176.placeType, 'optionalAccess', _177 => _177.ref]);
+  const options = el.type === "landmark" ? [] : props.placeTypes.filter((o) => _chunkYLV7JK57cjs.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)")) } }),
@@ -4453,7 +4682,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: _chunkUWCMN6Q7cjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.tableNumber, maxLength: _chunkYLV7JK57cjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Stepper,
           {
@@ -4518,12 +4747,13 @@ 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', _160 => _160.id]) === el.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-error", role: "alert", children: labelError.text }),
+    _optionalChain([labelError, 'optionalAccess', _178 => _178.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 })
     ] }),
-    el.type === "table" && assigned && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", children: el.mode === "whole" ? m.sellWhole : m.sellPerPlace })
+    el.type === "table" && assigned && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", children: el.mode === "whole" ? m.sellWhole : m.sellPerPlace }),
+    el.type === "table" && assigned && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableInviteOnly, { table: el, color: heading.color, messages: m, onRun: props.onRun })
   ] });
 }
 
@@ -4585,12 +4815,14 @@ 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 = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
-  const seatLabels = _chunkUWCMN6Q7cjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
+  const rowLabels = _chunkYLV7JK57cjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
+  const seatLabels = _chunkYLV7JK57cjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
   const removed = new Set(draft.removed);
-  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 reserved = new Set(_nullishCoalesce(draft.reserved, () => ( [])));
+  const [tapMode, setTapMode] = _react.useState.call(void 0, "reserve");
+  const origRows = _chunkYLV7JK57cjs.expandLabels.call(void 0, props.block.rowLabels, props.block.rows);
+  const origSeats = _chunkYLV7JK57cjs.expandLabels.call(void 0, props.block.seatLabels, props.block.cols);
+  const soldAt = (r, c) => r < origRows.length && c < origSeats.length && props.lockedUnitIds.has(_chunkYLV7JK57cjs.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, );
@@ -4612,22 +4844,24 @@ 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 = _chunkUWCMN6Q7cjs.seatUnitId.call(void 0, draft.id, row, seat);
+            const id = _chunkYLV7JK57cjs.seatUnitId.call(void 0, draft.id, row, seat);
             const sold = soldAt(r, c) && !removed.has(id);
             const out = removed.has(id);
+            const held = !out && reserved.has(id);
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 type: "button",
                 className: "vk-d-num-seat",
                 "data-removed": out || void 0,
+                "data-reserved": held || void 0,
                 "data-sold": sold || void 0,
                 disabled: sold,
-                "aria-pressed": out,
-                "aria-label": format(sold ? m.seatNameSold : out ? m.seatNameRemoved : m.seatName, { row, seat }),
+                "aria-pressed": tapMode === "reserve" ? held : out,
+                "aria-label": format(sold ? m.seatNameSold : out ? m.seatNameRemoved : held ? m.seatNameReserved : m.seatName, { row, seat }),
                 onClick: () => {
                   setFailed(false);
-                  setDraft((d) => _chunkUWCMN6Q7cjs.toggleRemovedSeat.call(void 0, d, id));
+                  setDraft((d) => tapMode === "remove" || out ? _chunkYLV7JK57cjs.toggleRemovedSeat.call(void 0, d, id) : _chunkYLV7JK57cjs.toggleReservedSeat.call(void 0, d, id));
                 },
                 children: seat
               },
@@ -4640,6 +4874,10 @@ function NumberingDialog(props) {
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-legend-dot", "aria-hidden": "true" }),
             m.legendOnSale
           ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-legend-dot vk-d-legend-reserved", "aria-hidden": "true" }),
+            m.legendReserved
+          ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-legend-dot vk-d-legend-out", "aria-hidden": "true" }),
             m.legendRemoved
@@ -4648,6 +4886,18 @@ function NumberingDialog(props) {
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-side", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-group", "data-testid": "tap-mode", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Segmented,
+          {
+            label: m.tapMode,
+            value: tapMode,
+            options: [{ value: "reserve", label: m.tapReserve }, { value: "remove", label: m.tapRemove }],
+            onChange: setTapMode
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", "data-testid": "reserved-notice", children: m.reservedNotice })
+      ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-group", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Segmented,
@@ -4766,7 +5016,7 @@ function listOf(items, m) {
 function duplicateWarnings(placeTypes, summary, m) {
   const out = [];
   for (const o of placeTypes) {
-    const d = _optionalChain([summary, 'access', _161 => _161.byRef, 'access', _162 => _162[o.ref], 'optionalAccess', _163 => _163.duplicates]);
+    const d = _optionalChain([summary, 'access', _179 => _179.byRef, 'access', _180 => _180[o.ref], 'optionalAccess', _181 => _181.duplicates]);
     if (!d) continue;
     if (d.seats.length > 0) {
       const items = d.seats.map((s) => {
@@ -4818,10 +5068,10 @@ function PlaceTypePanel(props) {
       const capped = capacityText(o, summary, m);
       const fullText = capacityFullText(o, summary, m);
       const done = fullText !== null;
-      const cap = _chunkUWCMN6Q7cjs.placeTypeCapacity.call(void 0, o);
+      const cap = _chunkYLV7JK57cjs.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', _164 => _164(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _165 => _165.removed]), () => ( 0)) : 0;
+      const trimmable = excess > 0 && props.onTrim ? _nullishCoalesce(_optionalChain([trimPlan, 'call', _182 => _182(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _183 => _183.removed]), () => ( 0)) : 0;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "li",
         {
@@ -4851,7 +5101,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', _166 => _166.onTrim, 'optionalCall', _167 => _167(o)]),
+                onClick: () => _optionalChain([props, 'access', _184 => _184.onTrim, 'optionalCall', _185 => _185(o)]),
                 children: m.trimToCapacity
               }
             ),
@@ -4909,18 +5159,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', _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 first = _optionalChain([ref, 'access', _186 => _186.current, 'optionalAccess', _187 => _187.querySelector, 'call', _188 => _188("input, button, select, [href]")]);
+    _optionalChain([(_nullishCoalesce(first, () => ( ref.current))), 'optionalAccess', _189 => _189.focus, 'call', _190 => _190()]);
     const onDown = (e) => {
       const t = e.target;
-      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;
+      if (_optionalChain([ref, 'access', _191 => _191.current, 'optionalAccess', _192 => _192.contains, 'call', _193 => _193(t)]) || _optionalChain([anchorRef, 'access', _194 => _194.current, 'optionalAccess', _195 => _195.contains, 'call', _196 => _196(t)])) return;
       close.current();
     };
     document.addEventListener("pointerdown", onDown);
     const anchor = anchorRef.current;
     return () => {
       document.removeEventListener("pointerdown", onDown);
-      if (_optionalChain([anchor, 'optionalAccess', _179 => _179.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
+      if (_optionalChain([anchor, 'optionalAccess', _197 => _197.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
     };
   }, [anchorRef]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -4934,7 +5184,7 @@ function Popover({ title, onClose, anchorRef, children, className }) {
       onKeyDown: (e) => {
         if (e.key === "Escape") {
           e.stopPropagation();
-          _optionalChain([anchorRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.focus, 'call', _182 => _182()]);
+          _optionalChain([anchorRef, 'access', _198 => _198.current, 'optionalAccess', _199 => _199.focus, 'call', _200 => _200()]);
           close.current();
         }
       },
@@ -5015,9 +5265,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', _183 => _183.current, 'optionalAccess', _184 => _184.focus, 'call', _185 => _185()]);
+    _optionalChain([panelRef, 'access', _201 => _201.current, 'optionalAccess', _202 => _202.focus, 'call', _203 => _203()]);
     return () => {
-      if (_optionalChain([opener, 'optionalAccess', _186 => _186.isConnected])) opener.focus();
+      if (_optionalChain([opener, 'optionalAccess', _204 => _204.isConnected])) opener.focus();
     };
   }, [shown]);
   const onKeyDown = (e) => {
@@ -5266,10 +5516,15 @@ var DESIGNER_CSS = `
 .vk-d-num-seat{flex:none;width:34px;height:34px;border-radius:999px;border:0;padding:0;background:var(--vk-type);
  color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
 .vk-d-num-seat[data-removed]{background:transparent;border:2px dashed var(--vk-unassigned,#5a5a66);color:var(--vk-muted)}
+.vk-d-num-seat[data-reserved]{background:repeating-linear-gradient(45deg,var(--vk-type) 0 4px,var(--vk-surface,#fff) 4px 7px);border:2px solid var(--vk-fg);color:var(--vk-fg)}
 .vk-d-num-seat[data-sold]{cursor:not-allowed;opacity:.55}
-.vk-d-legend{display:flex;gap:18px;font-size:13px;color:var(--vk-muted)}
+.vk-d-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;color:var(--vk-muted)}
 .vk-d-legend > span{display:flex;align-items:center;gap:6px}
 .vk-d-legend-dot{width:12px;height:12px;border-radius:999px;background:var(--vk-type)}
+.vk-d-places{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
+.vk-d-place{min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--vk-line);background:var(--vk-seg,transparent);color:var(--vk-fg);font:inherit;font-weight:600;cursor:pointer}
+.vk-d-place[aria-pressed="true"]{background:repeating-linear-gradient(45deg,var(--vk-type,#9ca3af) 0 4px,var(--vk-surface,#fff) 4px 7px);border:2px solid var(--vk-fg)}
+.vk-d-legend-reserved{background:repeating-linear-gradient(45deg,var(--vk-type) 0 3px,var(--vk-surface,#fff) 3px 5px);border:2px solid var(--vk-fg)}
 .vk-d-legend-out{background:transparent;border:2px dashed var(--vk-unassigned,#5a5a66)}
 .vk-d-num-side{width:340px;flex:none;border-left:1px solid var(--vk-line);padding:24px;display:flex;flex-direction:column;gap:20px;overflow:auto;background:var(--vk-surface)}
 .vk-d-num-group{display:flex;flex-direction:column;gap:8px}
@@ -5398,12 +5653,12 @@ function TopBar(props) {
 function guardedStep(history, step, locked) {
   const candidate = step === "undo" ? history.peekUndo() : history.peekRedo();
   if (!candidate) return null;
-  const violations = _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, history.present, candidate, locked);
+  const violations = _chunkYLV7JK57cjs.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 = _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, history.present, next, locked);
+  const violations = _chunkYLV7JK57cjs.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 } };
@@ -5426,7 +5681,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, _chunkUWCMN6Q7cjs.History)(initial));
+  const [history] = _react.useState.call(void 0, () => new (0, _chunkYLV7JK57cjs.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);
@@ -5443,7 +5698,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (next) => {
       setLayout(next);
       setRejection(null);
-      _optionalChain([onChange, 'optionalCall', _187 => _187(next)]);
+      _optionalChain([onChange, 'optionalCall', _205 => _205(next)]);
     },
     [onChange, setRejection]
   );
@@ -5464,13 +5719,13 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       const before = historyRef.current.present;
       let candidate;
       try {
-        candidate = _chunkUWCMN6Q7cjs.applyCommand.call(void 0, before, command);
+        candidate = _chunkYLV7JK57cjs.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 ? [] : _chunkUWCMN6Q7cjs.findLockViolations.call(void 0, before, candidate, locked);
+      const violations = moveOnly ? [] : _chunkYLV7JK57cjs.findLockViolations.call(void 0, before, candidate, locked);
       if (violations.length > 0) {
         setRejection({ violations });
         return false;
@@ -5489,8 +5744,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const place = _react.useCallback.call(void 0, 
     (kind, at) => {
       const current = historyRef.current.present;
-      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;
+      const id = _chunkYLV7JK57cjs.newElementId.call(void 0, current, idPrefix(kind));
+      if (!run({ type: "addElement", element: _chunkYLV7JK57cjs.createPiece.call(void 0, kind, id, at, current) })) return null;
       dispatchUi({ type: "select", id });
       return id;
     },
@@ -5499,10 +5754,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 = _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 });
+      const id = _chunkYLV7JK57cjs.newElementId.call(void 0, current, idPrefix(kind));
+      let piece = _chunkYLV7JK57cjs.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" && _chunkUWCMN6Q7cjs.canAssign.call(void 0, piece, option)) piece = _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, piece, option);
+      if (option && piece.type !== "landmark" && _chunkYLV7JK57cjs.canAssign.call(void 0, piece, option)) piece = _chunkYLV7JK57cjs.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), () => ( [])));
@@ -5520,8 +5775,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       const el = find(id);
       if (!el) return;
       const current = historyRef.current.present;
-      const newId = _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, elementPrefix(el));
-      if (run({ type: "addElement", element: _chunkUWCMN6Q7cjs.duplicatePiece.call(void 0, el, newId, current) })) {
+      const newId = _chunkYLV7JK57cjs.newElementId.call(void 0, current, elementPrefix(el));
+      if (run({ type: "addElement", element: _chunkYLV7JK57cjs.duplicatePiece.call(void 0, el, newId, current) })) {
         dispatchUi({ type: "select", id: newId });
       }
     },
@@ -5530,7 +5785,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: _chunkUWCMN6Q7cjs.rotatePiece.call(void 0, el) });
+      if (el) run({ type: "replaceElement", element: _chunkYLV7JK57cjs.rotatePiece.call(void 0, el) });
     },
     [run]
   );
@@ -5565,7 +5820,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 = _chunkUWCMN6Q7cjs.duplicatePiece.call(void 0, el, _chunkUWCMN6Q7cjs.newElementId.call(void 0, current, elementPrefix(el)), current);
+        const copy = _chunkYLV7JK57cjs.duplicatePiece.call(void 0, el, _chunkYLV7JK57cjs.newElementId.call(void 0, current, elementPrefix(el)), current);
         current = { ...current, elements: [...current.elements, copy] };
         commands.push({ type: "addElement", element: copy });
         created.push(copy.id);
@@ -5591,7 +5846,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const toggleSeat = _react.useCallback.call(void 0, 
     (blockId, unitId) => {
       const el = find(blockId);
-      if (_optionalChain([el, 'optionalAccess', _188 => _188.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.toggleRemovedSeat.call(void 0, el, unitId) });
+      if (_optionalChain([el, 'optionalAccess', _206 => _206.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkYLV7JK57cjs.toggleRemovedSeat.call(void 0, el, unitId) });
     },
     [run]
   );
@@ -5599,8 +5854,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (id, option) => {
       const el = find(id);
       if (!el || el.type === "landmark") return;
-      if (option && !_chunkUWCMN6Q7cjs.canAssign.call(void 0, el, option)) return;
-      run({ type: "replaceElement", element: _chunkUWCMN6Q7cjs.assignPlaceType.call(void 0, el, option) });
+      if (option && !_chunkYLV7JK57cjs.canAssign.call(void 0, el, option)) return;
+      run({ type: "replaceElement", element: _chunkYLV7JK57cjs.assignPlaceType.call(void 0, el, option) });
     },
     [run]
   );
@@ -5666,7 +5921,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
 var NOTHING_LOCKED = /* @__PURE__ */ new Set();
 function blankLayout(name) {
   return {
-    meta: { id: "plan", name, version: _chunkUWCMN6Q7cjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
+    meta: { id: "plan", name, version: _chunkYLV7JK57cjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
     elements: []
   };
 }
@@ -5690,13 +5945,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', _189 => _189.current, 'optionalCall', _190 => _190(layout2)]);
+    if (!loadingExternal.current) _optionalChain([onChangeRef, 'access', _207 => _207.current, 'optionalCall', _208 => _208(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, () => _chunkUWCMN6Q7cjs.summarize.call(void 0, layout), [layout]);
+  const summary = _react.useMemo.call(void 0, () => _chunkYLV7JK57cjs.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, 
@@ -5765,7 +6020,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', _191 => _191.src]), () => ( null)));
+  const current = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _209 => _209.src]), () => ( null)));
   const [incomingSrc, setIncomingSrc] = _react.useState.call(void 0, null);
   const incoming = useImage(incomingSrc);
   const { run } = designer;
@@ -5787,7 +6042,7 @@ function VenueDesigner(props) {
   };
   const adoptBackground = (src) => {
     if (!src) return;
-    if (src === _optionalChain([bg, 'optionalAccess', _192 => _192.src]) && incomingSrc === null) return;
+    if (src === _optionalChain([bg, 'optionalAccess', _210 => _210.src]) && incomingSrc === null) return;
     setIncomingSrc(src);
   };
   const bgProp = props.background;
@@ -5803,7 +6058,7 @@ function VenueDesigner(props) {
     }
     adoptBackground(src);
   } : null;
-  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _193 => _193.suggestedSrc]) || null;
+  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _211 => _211.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 });
@@ -5814,9 +6069,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', _194 => _194.current, 'optionalAccess', _195 => _195.centre, 'call', _196 => _196()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
+      const centre = _nullishCoalesce(_optionalChain([canvasRef, 'access', _212 => _212.current, 'optionalAccess', _213 => _213.centre, 'call', _214 => _214()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
       const id = designerAddFor(kind, request.option, centre, request.opts);
-      if (id) _optionalChain([canvasRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.reveal, 'call', _199 => _199(id)]);
+      if (id) _optionalChain([canvasRef, 'access', _215 => _215.current, 'optionalAccess', _216 => _216.reveal, 'call', _217 => _217(id)]);
       if (id && compact2) setSheet("piece");
       return id;
     },
@@ -5826,12 +6081,12 @@ function VenueDesigner(props) {
     (id) => {
       dispatchUi({ type: "select", id });
       if (!id) return;
-      _optionalChain([canvasRef, 'access', _200 => _200.current, 'optionalAccess', _201 => _201.reveal, 'call', _202 => _202(id)]);
+      _optionalChain([canvasRef, 'access', _218 => _218.current, 'optionalAccess', _219 => _219.reveal, 'call', _220 => _220(id)]);
       if (latest.current.compact) setSheet("piece");
     },
     [dispatchUi]
   );
-  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _203 => _203.current, 'optionalAccess', _204 => _204.reveal, 'call', _205 => _205(id)]), []);
+  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _221 => _221.current, 'optionalAccess', _222 => _222.reveal, 'call', _223 => _223(id)]), []);
   const trimToCapacity = _react.useCallback.call(void 0, 
     (ref) => {
       const option = latest.current.placeTypes.find((o) => o.ref === ref);
@@ -5847,7 +6102,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', _206 => _206.placeType, 'optionalAccess', _207 => _207.ref]) || null : null;
+  const selectedRef = selected && selected.type !== "landmark" ? _optionalChain([selected, 'access', _224 => _224.placeType, 'optionalAccess', _225 => _225.ref]) || null : null;
   const hostApi = _react.useMemo.call(void 0, 
     () => ({ ...reads, addPiece, trimToCapacity, select: selectPiece, reveal: revealPiece, selectedRef }),
     [reads, addPiece, trimToCapacity, selectPiece, revealPiece, selectedRef]
@@ -5912,7 +6167,7 @@ function VenueDesigner(props) {
       editing: ui.backgroundEditing,
       compact,
       onPick: pickBackground ? () => void pickBackground() : null,
-      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _208 => _208.src]) ? () => adoptBackground(suggestedSrc) : null,
+      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _226 => _226.src]) ? () => adoptBackground(suggestedSrc) : null,
       onSet: setBackground,
       onEditing: (on) => {
         dispatchUi({ type: "backgroundEdit", on });
@@ -5976,8 +6231,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', _209 => _209.type]) === "seatBlock" ? numberingBlock : null;
-  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _210 => _210.placeType, 'optionalAccess', _211 => _211.ref]) || null;
+  const numberingTarget = _optionalChain([numberingBlock, 'optionalAccess', _227 => _227.type]) === "seatBlock" ? numberingBlock : null;
+  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _228 => _228.placeType, 'optionalAccess', _229 => _229.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, 
@@ -6079,8 +6334,8 @@ function VenueDesigner(props) {
               NumberingDialog,
               {
                 block: numberingTarget,
-                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _212 => _212.label]), () => ( m.unassigned)),
-                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _213 => _213.color]), () => ( null)),
+                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _230 => _230.label]), () => ( m.unassigned)),
+                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _231 => _231.color]), () => ( null)),
                 lockedUnitIds: locked,
                 messages: m,
                 titleId: numberingTitleId,
@@ -6102,7 +6357,7 @@ function VenueDesigner(props) {
 }
 
 // ../react/src/index.ts
-var VERSION = "0.10.3";
+var VERSION = "0.11.0";