@riverbankcms/sdk 0.94.0 → 0.96.0

package/dist/{chunk-PCNCETBI.mjs → chunk-XMATDBXO.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { unwrapResponse, ApiRequestError, ApiEnvelopeError, extractApiEnvelopeErrorDetails } from './chunk-NT76QGIJ.mjs';
+import { unwrapResponse, ApiRequestError, ApiEnvelopeError, extractApiEnvelopeErrorDetails } from './chunk-7ED5UNHL.mjs';
 import { __commonJS, __export, __toESM } from './chunk-R7POPVJR.mjs';
 import * as React61 from 'react';
 import React61__default, { createContext, forwardRef, useContext, createElement, useRef, useMemo, useEffect, useState, useCallback, useImperativeHandle, useLayoutEffect, memo, createRef, Component as Component$1, useDebugValue, useId as useId$1, useSyncExternalStore, isValidElement, cloneElement, useReducer, startTransition } from 'react';
-import z40, { z } from 'zod';
+import z41, { z } from 'zod';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import deepEqual2 from 'fast-deep-equal';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
@@ -31543,6 +31543,11 @@ var textFieldSchema = baseFieldSchema.extend({
 var richTextFieldSchema = baseFieldSchema.extend({
   type: z.literal("richText")
 });
+var inlineTextFieldSchema = baseFieldSchema.extend({
+  type: z.literal("inlineText"),
+  maxLength: z.number().int().positive().optional(),
+  plainTextField: z.string().min(1).optional()
+});
 var mediaFieldSchema = baseFieldSchema.extend({
   type: z.literal("media"),
   // Keep full MEDIA_KINDS parse compatibility for pre-file-field manifests.
@@ -31865,6 +31870,7 @@ function getFieldSchemaInternal() {
   _fieldSchemaInternal = z.discriminatedUnion("type", [
     textFieldSchema,
     richTextFieldSchema,
+    inlineTextFieldSchema,
     mediaFieldSchema,
     fileFieldSchema,
     booleanFieldSchema,
@@ -32048,6 +32054,205 @@ z.object({
   tags: z.array(z.string()).optional(),
   icon: z.string().optional()
 });
+var inlineTextAccentTones = ["accent", "brand", "contrast"];
+var inlineTextHighlightTones = ["soft", "accent", "brand"];
+var inlineTextMarkSchema = z.discriminatedUnion("kind", [
+  z.object({ kind: z.literal("strong") }),
+  z.object({ kind: z.literal("emphasis") }),
+  z.object({
+    kind: z.literal("accent"),
+    tone: z.enum(inlineTextAccentTones)
+  }),
+  z.object({
+    kind: z.literal("highlight"),
+    tone: z.enum(inlineTextHighlightTones)
+  })
+]);
+var inlineTextRunSchema = z.object({
+  text: z.string(),
+  marks: z.array(inlineTextMarkSchema).optional()
+});
+z.array(inlineTextRunSchema);
+var MARK_ORDER = {
+  strong: 0,
+  emphasis: 1,
+  accent: 2,
+  highlight: 3
+};
+function plainTextToInlineText(value) {
+  return normalizeInlineText(value.length > 0 ? [{ text: value }] : []);
+}
+function inlineTextToPlainText(value) {
+  return value.map((run3) => run3.text).join("");
+}
+function isInlineTextEmpty(value) {
+  return inlineTextToPlainText(value).trim().length === 0;
+}
+function coerceInlineTextWithFallback(value, fallbackPlainText) {
+  const parsed = parseInlineTextFromUnknown(value);
+  if (parsed.ok && !isInlineTextEmpty(parsed.value)) {
+    return parsed.value;
+  }
+  if (fallbackPlainText && fallbackPlainText.length > 0) {
+    return plainTextToInlineText(fallbackPlainText);
+  }
+  return parsed.ok ? parsed.value : [];
+}
+function parseInlineTextFromUnknown(value) {
+  if (!Array.isArray(value)) {
+    return { ok: false, error: { kind: "not-array" } };
+  }
+  const runs = [];
+  for (let index2 = 0; index2 < value.length; index2 += 1) {
+    const parsed = inlineTextRunSchema.safeParse(value[index2]);
+    if (!parsed.success) {
+      return { ok: false, error: { kind: "invalid-run", index: index2 } };
+    }
+    runs.push(parsed.data);
+  }
+  return { ok: true, value: normalizeInlineText(runs) };
+}
+function normalizeInlineText(value) {
+  const normalized = [];
+  for (const run3 of value) {
+    if (run3.text.length === 0) continue;
+    const marks = normalizeInlineTextMarks(run3.marks ?? []);
+    const nextRun = marks.length > 0 ? { text: run3.text, marks } : { text: run3.text };
+    const previous = normalized[normalized.length - 1];
+    if (previous && inlineTextMarksEqual(previous.marks ?? [], nextRun.marks ?? [])) {
+      normalized[normalized.length - 1] = previous.marks && previous.marks.length > 0 ? { text: previous.text + nextRun.text, marks: previous.marks } : { text: previous.text + nextRun.text };
+      continue;
+    }
+    normalized.push(nextRun);
+  }
+  return normalized;
+}
+function normalizeInlineTextMarks(marks) {
+  let strong = null;
+  let emphasis = null;
+  let accent = null;
+  let highlight = null;
+  for (const mark of marks) {
+    switch (mark.kind) {
+      case "strong":
+        strong = { kind: "strong" };
+        break;
+      case "emphasis":
+        emphasis = { kind: "emphasis" };
+        break;
+      case "accent":
+        accent = { kind: "accent", tone: mark.tone };
+        break;
+      case "highlight":
+        highlight = { kind: "highlight", tone: mark.tone };
+        break;
+    }
+  }
+  return [strong, emphasis, accent, highlight].filter((mark) => mark !== null).sort((left, right) => MARK_ORDER[left.kind] - MARK_ORDER[right.kind]);
+}
+function inlineTextMarksEqual(left, right) {
+  const normalizedLeft = normalizeInlineTextMarks(left);
+  const normalizedRight = normalizeInlineTextMarks(right);
+  if (normalizedLeft.length !== normalizedRight.length) return false;
+  return normalizedLeft.every((mark, index2) => inlineTextMarkEqual(mark, normalizedRight[index2]));
+}
+function inlineTextEqual(left, right) {
+  const normalizedLeft = normalizeInlineText(left);
+  const normalizedRight = normalizeInlineText(right);
+  if (normalizedLeft.length !== normalizedRight.length) return false;
+  return normalizedLeft.every((leftRun, index2) => {
+    const rightRun = normalizedRight[index2];
+    return rightRun !== void 0 && leftRun.text === rightRun.text && inlineTextMarksEqual(leftRun.marks ?? [], rightRun.marks ?? []);
+  });
+}
+function inlineTextMarkEqual(left, right) {
+  if (!right || left.kind !== right.kind) return false;
+  switch (left.kind) {
+    case "strong":
+    case "emphasis":
+      return true;
+    case "accent":
+      return right.kind === "accent" && left.tone === right.tone;
+    case "highlight":
+      return right.kind === "highlight" && left.tone === right.tone;
+  }
+}
+function applyInlineTextMarkToRange(value, range, mark) {
+  return mapInlineTextRange(value, range, (marks) => normalizeInlineTextMarks([...marks, mark]));
+}
+function removeInlineTextMarkFromRange(value, range, kind) {
+  return mapInlineTextRange(value, range, (marks) => marks.filter((mark) => mark.kind !== kind));
+}
+function replaceInlineTextRange(value, range, replacement) {
+  const textLength = inlineTextToPlainText(value).length;
+  const start = Math.max(0, Math.min(range.start, range.end, textLength));
+  const end = Math.max(0, Math.min(Math.max(range.start, range.end), textLength));
+  return normalizeInlineText([
+    ...sliceInlineText(value, 0, start),
+    ...normalizeInlineText(replacement),
+    ...sliceInlineText(value, end, textLength)
+  ]);
+}
+function truncateInlineText(value, maxLength) {
+  if (typeof maxLength !== "number" || !Number.isFinite(maxLength) || maxLength < 0) {
+    return normalizeInlineText(value);
+  }
+  const next = [];
+  let remaining = maxLength;
+  for (const run3 of normalizeInlineText(value)) {
+    if (remaining <= 0) break;
+    const text2 = run3.text.slice(0, remaining);
+    next.push(withMarks(text2, run3.marks ?? []));
+    remaining -= text2.length;
+  }
+  return normalizeInlineText(next);
+}
+function sliceInlineText(value, start, end) {
+  if (start >= end) return [];
+  const next = [];
+  let offset4 = 0;
+  for (const run3 of normalizeInlineText(value)) {
+    const runStart = offset4;
+    const runEnd = offset4 + run3.text.length;
+    offset4 = runEnd;
+    if (runEnd <= start || runStart >= end) continue;
+    const localStart = Math.max(0, start - runStart);
+    const localEnd = Math.min(run3.text.length, end - runStart);
+    next.push(withMarks(run3.text.slice(localStart, localEnd), run3.marks ?? []));
+  }
+  return normalizeInlineText(next);
+}
+function mapInlineTextRange(value, range, mapMarks) {
+  const start = Math.max(0, Math.min(range.start, range.end));
+  const end = Math.max(0, Math.max(range.start, range.end));
+  if (start === end) return normalizeInlineText(value);
+  const next = [];
+  let offset4 = 0;
+  for (const run3 of normalizeInlineText(value)) {
+    const runStart = offset4;
+    const runEnd = offset4 + run3.text.length;
+    offset4 = runEnd;
+    if (runEnd <= start || runStart >= end) {
+      next.push(run3);
+      continue;
+    }
+    const localStart = Math.max(0, start - runStart);
+    const localEnd = Math.min(run3.text.length, end - runStart);
+    const marks = run3.marks ?? [];
+    if (localStart > 0) {
+      next.push(withMarks(run3.text.slice(0, localStart), marks));
+    }
+    next.push(withMarks(run3.text.slice(localStart, localEnd), mapMarks(marks)));
+    if (localEnd < run3.text.length) {
+      next.push(withMarks(run3.text.slice(localEnd), marks));
+    }
+  }
+  return normalizeInlineText(next);
+}
+function withMarks(text2, marks) {
+  const normalized = normalizeInlineTextMarks(marks);
+  return normalized.length > 0 ? { text: text2, marks: normalized } : { text: text2 };
+}
 
 // ../blocks/src/system/icons/ids.ts
 var GENERATED_ICON_SET_ID_PATTERN = /^generated-icon-set:[a-z0-9][a-z0-9:_-]{0,107}$/u;
@@ -32875,6 +33080,13 @@ function formatFieldPath(path) {
 function toZodIssuePath(path) {
   return [...path];
 }
+function parseFieldPathKey(key) {
+  if (!key) return [];
+  return key.split(".").map((segment) => {
+    const numeric2 = Number(segment);
+    return Number.isInteger(numeric2) && String(numeric2) === segment ? numeric2 : segment;
+  });
+}
 function fieldIssueToMessage(issue2) {
   switch (issue2.kind) {
     case "required":
@@ -32913,6 +33125,8 @@ function fieldIssueToMessage(issue2) {
       return `${issue2.label} must have at most ${issue2.maximum} ${pluralize(issue2.itemLabel, issue2.maximum)}`;
     case "invalidRichText":
       return `${issue2.label} must be valid rich text`;
+    case "invalidInlineText":
+      return `${issue2.label} must be valid styled text`;
     case "invalidMedia":
       return `${issue2.label} must be a valid media item`;
     case "invalidLink":
@@ -33001,6 +33215,16 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       );
     case "richText":
       return makePlan("richText", "object", field, path, required, commonConstraints(required, { kind: "richTextDoc" }));
+    case "inlineText": {
+      const constraints = commonConstraints(required, { kind: "inlineText" });
+      if (typeof field.maxLength === "number") {
+        constraints.push({ kind: "maxPlainTextLength", maximum: field.maxLength });
+      }
+      return {
+        ...makePlan("inlineText", "array", field, path, required, constraints),
+        ...field.plainTextField ? { plainTextFallbackPath: parseFieldPathKey(field.plainTextField) } : {}
+      };
+    }
     case "media":
     case "file":
       return {
@@ -33125,6 +33349,7 @@ function normalizeStoredContentValues(plans, content, options = {}) {
     const plan = planMap.get(key);
     normalized[key] = plan ? normalizeStoredFieldValueWithContext(plan, value, ctx) : value;
   }
+  normalizeInlineTextFallbacks(plans, normalized, ctx);
   return normalized;
 }
 function normalizeStoredFieldValueWithContext(plan, value, ctx) {
@@ -33140,6 +33365,7 @@ function normalizeStoredFieldValueWithContext(plan, value, ctx) {
     case "number":
     case "boolean":
     case "richText":
+    case "inlineText":
     case "media":
     case "link":
     case "select":
@@ -33155,12 +33381,9 @@ function normalizeStoredObjectChildren(children, value, ctx) {
   }
   const normalized = { ...value };
   for (const child of children) {
-    normalized[child.fieldId] = normalizeStoredFieldValueWithContext(
-      child,
-      normalized[child.fieldId],
-      ctx
-    );
+    normalized[child.fieldId] = normalizeStoredFieldValueWithContext(child, normalized[child.fieldId], ctx);
   }
+  normalizeInlineTextFallbacks(children, normalized, ctx);
   return normalized;
 }
 function normalizeStoredRepeaterItems(plan, value, ctx) {
@@ -33191,6 +33414,7 @@ function normalizeFieldValue(plan, value, ctx) {
       return normalizeRepeaterItems(plan, value, ctx);
     case "boolean":
     case "richText":
+    case "inlineText":
     case "link":
     case "select":
     case "passthrough":
@@ -33216,8 +33440,24 @@ function normalizeObjectChildren(children, value, ctx) {
   for (const child of children) {
     normalized[child.fieldId] = normalizeFieldValue(child, normalized[child.fieldId], ctx);
   }
+  normalizeInlineTextFallbacks(children, normalized, ctx);
   return normalized;
 }
+function normalizeInlineTextFallbacks(plans, values, ctx) {
+  for (const plan of plans) {
+    if (plan.kind !== "inlineText" || !plan.plainTextFallbackPath) continue;
+    if (!isMissingForPlan(plan, values[plan.fieldId])) continue;
+    const fallback2 = getAtFieldPath(values, plan.plainTextFallbackPath);
+    if (typeof fallback2 !== "string" || fallback2.trim().length === 0) continue;
+    values[plan.fieldId] = normalizeFieldValue(plan, plainTextToInlineText(fallback2), ctx);
+  }
+}
+function getAtFieldPath(source, path) {
+  return path.reduce((current, segment) => {
+    if (!current || typeof current !== "object" || Array.isArray(current)) return void 0;
+    return current[String(segment)];
+  }, source);
+}
 function normalizeRepeaterItems(plan, value, ctx) {
   if (!isUnknownArray(value)) return value;
   return value.map((item) => {
@@ -33255,6 +33495,8 @@ function validateNormalizedFieldValue(plan, value, ctx) {
       return validateSelectPlan(plan, value);
     case "richText":
       return isValidRichTextDoc(value) ? [] : [issue(plan, "invalidRichText")];
+    case "inlineText":
+      return validateInlineTextPlan(plan, value);
     case "media":
       return isPlainObject(value) ? [] : [issue(plan, "invalidMedia")];
     case "link":
@@ -33428,6 +33670,7 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
     case "number":
     case "boolean":
     case "richText":
+    case "inlineText":
     case "media":
     case "link":
     case "select":
@@ -33440,6 +33683,18 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
       return assertNever4(plan);
   }
 }
+function validateInlineTextPlan(plan, value) {
+  const parsed = parseInlineTextFromUnknown(value);
+  if (!parsed.ok) return [issue(plan, "invalidInlineText")];
+  const text2 = inlineTextToPlainText(parsed.value);
+  const lengthIssue = plan.constraints.find(
+    (constraint) => constraint.kind === "maxPlainTextLength"
+  );
+  if (lengthIssue && text2.length > lengthIssue.maximum) {
+    return [issue(plan, "tooLong", { maximum: lengthIssue.maximum })];
+  }
+  return [];
+}
 function rebaseFieldPath(path, fromPrefix, toPrefix) {
   if (!startsWithFieldPath(path, fromPrefix)) {
     throw new Error(`Cannot rebase field path ${formatFieldPath(path)} from ${formatFieldPath(fromPrefix)}`);
@@ -33533,6 +33788,7 @@ function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
     case "tooFewItems":
     case "tooManyItems":
     case "invalidRichText":
+    case "invalidInlineText":
     case "invalidMedia":
     case "invalidLink":
     case "invalidReference":
@@ -33580,6 +33836,7 @@ function findNestedFieldValidationPlan(plan, path) {
     case "number":
     case "boolean":
     case "richText":
+    case "inlineText":
     case "media":
     case "link":
     case "select":
@@ -36709,44 +36966,44 @@ var styleTagsSchema = z.object({
   motion: z.enum(STYLE_AXIS_VALUES.motion).optional(),
   era: z.enum(STYLE_AXIS_VALUES.era).optional()
 });
-var hotspotSchema = z40.object({
-  x: z40.number().min(0).max(1),
-  y: z40.number().min(0).max(1),
-  radius: z40.number().optional()
-});
-var rotationSchema = z40.union([z40.literal(0), z40.literal(90), z40.literal(180), z40.literal(270)]);
-var rectSchema = z40.tuple([z40.number(), z40.number(), z40.number(), z40.number()]);
-var aspectCropSchema = z40.object({
-  aspect: z40.preprocess((value) => value == null ? void 0 : value, z40.string().optional()),
-  rect: z40.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
-  hotspot: z40.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
-  rotation: z40.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
-});
-var transformSchema = z40.object({
-  aspectCrops: z40.preprocess((value) => {
+var hotspotSchema = z41.object({
+  x: z41.number().min(0).max(1),
+  y: z41.number().min(0).max(1),
+  radius: z41.number().optional()
+});
+var rotationSchema = z41.union([z41.literal(0), z41.literal(90), z41.literal(180), z41.literal(270)]);
+var rectSchema = z41.tuple([z41.number(), z41.number(), z41.number(), z41.number()]);
+var aspectCropSchema = z41.object({
+  aspect: z41.preprocess((value) => value == null ? void 0 : value, z41.string().optional()),
+  rect: z41.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
+  hotspot: z41.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
+  rotation: z41.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
+});
+var transformSchema = z41.object({
+  aspectCrops: z41.preprocess((value) => {
     if (!value || typeof value !== "object" || Array.isArray(value)) {
       return void 0;
     }
     return value;
-  }, z40.record(z40.string(), aspectCropSchema.catch({}))).optional(),
+  }, z41.record(z41.string(), aspectCropSchema.catch({}))).optional(),
   rect: rectSchema.optional(),
   hotspot: hotspotSchema.optional(),
   rotation: rotationSchema.optional()
 });
-var mediaSchema = z40.object({
-  type: z40.enum(["image", "video", "audio", "document", "spreadsheet", "archive"]),
-  purpose: z40.string().optional(),
-  placeholder: z40.boolean().default(true).optional(),
-  assetId: z40.string().optional(),
-  identifier: z40.string().optional(),
-  src: z40.string().optional(),
-  alt: z40.string().optional(),
-  filename: z40.string().optional(),
-  mimeType: z40.string().optional(),
-  width: z40.number().optional(),
-  height: z40.number().optional(),
-  storageBucket: z40.string().optional(),
-  storagePath: z40.string().optional(),
+var mediaSchema = z41.object({
+  type: z41.enum(["image", "video", "audio", "document", "spreadsheet", "archive"]),
+  purpose: z41.string().optional(),
+  placeholder: z41.boolean().default(true).optional(),
+  assetId: z41.string().optional(),
+  identifier: z41.string().optional(),
+  src: z41.string().optional(),
+  alt: z41.string().optional(),
+  filename: z41.string().optional(),
+  mimeType: z41.string().optional(),
+  width: z41.number().optional(),
+  height: z41.number().optional(),
+  storageBucket: z41.string().optional(),
+  storagePath: z41.string().optional(),
   transform: transformSchema.optional()
 });
 
@@ -52057,8 +52314,16 @@ var heroCopyFragment = defineFragment({
       id: "headline",
       type: "text",
       label: "Headline",
+      maxLength: 120,
+      ui: { hidden: true }
+    },
+    {
+      id: "headlineInline",
+      type: "inlineText",
+      label: "Headline",
       required: true,
-      maxLength: 120
+      maxLength: 120,
+      plainTextField: "headline"
     },
     {
       id: "subheadline",
@@ -52083,9 +52348,12 @@ var heroCopyFragment = defineFragment({
         as: "h1",
         // heading-display: uses fluid typography from theme (--fs-h1-display-fluid)
         // Color in blocks-static/index.css (.hero-headline)
-        className: "hero-headline heading-display"
+        className: "hero-headline heading-display",
+        // Resolved against top-level block content; keep this beside the sibling headline field.
+        inlineTextFallbackPath: "headline",
+        maxLength: 120
       },
-      bind("content.headline")
+      bind("content.headlineInline")
     ),
     text(
       {
@@ -59950,66 +60218,66 @@ var PUBLIC_DOWNLOAD_MEDIA_TYPES = [
   "archive",
   "audio"
 ];
-var hotspotSchema2 = z40.object({
-  x: z40.number().min(0).max(1),
-  y: z40.number().min(0).max(1),
-  radius: z40.number().optional()
-});
-var rotationSchema2 = z40.union([z40.literal(0), z40.literal(90), z40.literal(180), z40.literal(270)]);
-var rectSchema2 = z40.tuple([z40.number(), z40.number(), z40.number(), z40.number()]);
-var aspectCropSchema2 = z40.object({
-  aspect: z40.preprocess((value) => value == null ? void 0 : value, z40.string().optional()),
-  rect: z40.preprocess((value) => value == null ? void 0 : value, rectSchema2.optional()),
-  hotspot: z40.preprocess((value) => value == null ? void 0 : value, hotspotSchema2.optional()),
-  rotation: z40.preprocess((value) => value == null ? void 0 : value, rotationSchema2.optional())
-});
-var transformSchema2 = z40.object({
-  aspectCrops: z40.preprocess((value) => {
+var hotspotSchema2 = z41.object({
+  x: z41.number().min(0).max(1),
+  y: z41.number().min(0).max(1),
+  radius: z41.number().optional()
+});
+var rotationSchema2 = z41.union([z41.literal(0), z41.literal(90), z41.literal(180), z41.literal(270)]);
+var rectSchema2 = z41.tuple([z41.number(), z41.number(), z41.number(), z41.number()]);
+var aspectCropSchema2 = z41.object({
+  aspect: z41.preprocess((value) => value == null ? void 0 : value, z41.string().optional()),
+  rect: z41.preprocess((value) => value == null ? void 0 : value, rectSchema2.optional()),
+  hotspot: z41.preprocess((value) => value == null ? void 0 : value, hotspotSchema2.optional()),
+  rotation: z41.preprocess((value) => value == null ? void 0 : value, rotationSchema2.optional())
+});
+var transformSchema2 = z41.object({
+  aspectCrops: z41.preprocess((value) => {
     if (!value || typeof value !== "object" || Array.isArray(value)) {
       return void 0;
     }
     return value;
-  }, z40.record(z40.string(), aspectCropSchema2.catch({}))).optional(),
+  }, z41.record(z41.string(), aspectCropSchema2.catch({}))).optional(),
   rect: rectSchema2.optional(),
   hotspot: hotspotSchema2.optional(),
   rotation: rotationSchema2.optional()
 });
-var mediaPosterSchema = z40.discriminatedUnion("tag", [
-  z40.object({
-    tag: z40.literal("storage"),
-    assetId: z40.string().optional(),
-    storageBucket: z40.string().min(1),
-    storagePath: z40.string().min(1)
+var mediaPosterSchema = z41.discriminatedUnion("tag", [
+  z41.object({
+    tag: z41.literal("storage"),
+    assetId: z41.string().optional(),
+    storageBucket: z41.string().min(1),
+    storagePath: z41.string().min(1)
   }),
-  z40.object({
-    tag: z40.literal("external-src"),
-    assetId: z40.string().optional(),
-    src: z40.string().url()
+  z41.object({
+    tag: z41.literal("external-src"),
+    assetId: z41.string().optional(),
+    src: z41.string().url()
   })
 ]);
-var mediaBaseSchema = z40.object({
-  purpose: z40.string().optional(),
-  placeholder: z40.boolean().default(true).optional(),
-  assetId: z40.string().optional(),
-  identifier: z40.string().optional(),
-  src: z40.string().optional(),
-  alt: z40.string().optional(),
-  filename: z40.string().optional(),
-  mimeType: z40.string().optional(),
-  width: z40.number().optional(),
-  height: z40.number().optional(),
-  storageBucket: z40.string().optional(),
-  storagePath: z40.string().optional(),
+var mediaBaseSchema = z41.object({
+  purpose: z41.string().optional(),
+  placeholder: z41.boolean().default(true).optional(),
+  assetId: z41.string().optional(),
+  identifier: z41.string().optional(),
+  src: z41.string().optional(),
+  alt: z41.string().optional(),
+  filename: z41.string().optional(),
+  mimeType: z41.string().optional(),
+  width: z41.number().optional(),
+  height: z41.number().optional(),
+  storageBucket: z41.string().optional(),
+  storagePath: z41.string().optional(),
   poster: mediaPosterSchema.optional(),
   transform: transformSchema2.optional()
 });
-var imageMediaSchema = mediaBaseSchema.extend({ type: z40.literal("image") });
-var videoMediaSchema = mediaBaseSchema.extend({ type: z40.literal("video") });
-var audioMediaSchema = mediaBaseSchema.extend({ type: z40.literal("audio") });
-var documentMediaSchema = mediaBaseSchema.extend({ type: z40.literal("document") });
-var spreadsheetMediaSchema = mediaBaseSchema.extend({ type: z40.literal("spreadsheet") });
-var archiveMediaSchema = mediaBaseSchema.extend({ type: z40.literal("archive") });
-var mediaSchema2 = z40.discriminatedUnion("type", [
+var imageMediaSchema = mediaBaseSchema.extend({ type: z41.literal("image") });
+var videoMediaSchema = mediaBaseSchema.extend({ type: z41.literal("video") });
+var audioMediaSchema = mediaBaseSchema.extend({ type: z41.literal("audio") });
+var documentMediaSchema = mediaBaseSchema.extend({ type: z41.literal("document") });
+var spreadsheetMediaSchema = mediaBaseSchema.extend({ type: z41.literal("spreadsheet") });
+var archiveMediaSchema = mediaBaseSchema.extend({ type: z41.literal("archive") });
+var mediaSchema2 = z41.discriminatedUnion("type", [
   imageMediaSchema,
   videoMediaSchema,
   audioMediaSchema,
@@ -60965,6 +61233,9 @@ function resolveDiscountContext(input) {
   if (!input.eventRequiresPayment) {
     return null;
   }
+  if (input.ticketsCount <= 0) {
+    return null;
+  }
   if (selection?.method && selection.method !== "stripe") {
     return null;
   }
@@ -72605,6 +72876,123 @@ var FigureNode = ({
   ...props2
 }) => /* @__PURE__ */ jsx("figure", { ...props2 });
 
+// ../path-utils/src/index.ts
+var PATH_SEPARATOR_REGEX = /\./g;
+var BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
+function isRecord12(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isPathContainer(value) {
+  return Array.isArray(value) || isRecord12(value);
+}
+function createPathContainer(nextIsIndex) {
+  return nextIsIndex ? [] : {};
+}
+function getContainerValue(container, segment) {
+  if (typeof segment === "number") {
+    return Array.isArray(container) ? container[segment] : void 0;
+  }
+  if (segment in container) {
+    return Reflect.get(container, segment);
+  }
+  return void 0;
+}
+function ensureContainerProperty(container, key, nextIsIndex) {
+  const existing = Reflect.get(container, key);
+  if (isPathContainer(existing)) {
+    return existing;
+  }
+  const nextContainer = createPathContainer(nextIsIndex);
+  Reflect.set(container, key, nextContainer);
+  return nextContainer;
+}
+function parsePath(path) {
+  if (Array.isArray(path)) return path;
+  const segments = [];
+  const parts = path.split(PATH_SEPARATOR_REGEX);
+  for (const raw of parts) {
+    if (!raw) continue;
+    const baseMatch = raw.match(/^[^\[]+/);
+    if (baseMatch !== null) {
+      const base2 = baseMatch[1] ?? baseMatch[0];
+      if (/^\d+$/.test(base2)) {
+        segments.push(Number(base2));
+      } else {
+        segments.push(base2);
+      }
+    }
+    const bracketMatches = raw.matchAll(BRACKET_ACCESS_REGEX);
+    for (const match2 of bracketMatches) {
+      const token = match2[1] ?? "";
+      if (token.startsWith('"') || token.startsWith("'")) {
+        segments.push(token.slice(1, -1));
+      } else if (/^\d+$/.test(token)) {
+        segments.push(Number(token));
+      } else {
+        segments.push(token);
+      }
+    }
+    if (baseMatch === null && !raw.includes("[")) {
+      segments.push(raw);
+    }
+  }
+  return segments;
+}
+function segmentsToPath(segments) {
+  if (!segments.length) return void 0;
+  return segments.map((s2) => String(s2)).join(".");
+}
+function siblingPath(path, siblingFieldPath) {
+  const segments = parsePath(path);
+  const siblingSegments = parsePath(siblingFieldPath);
+  const parentSegments = segments.slice(0, -1);
+  return segmentsToPath([...parentSegments, ...siblingSegments]) ?? siblingFieldPath;
+}
+function getAtPath(source, path) {
+  const segments = parsePath(path);
+  return segments.reduce((current, segment) => {
+    if (current === void 0 || current === null) return void 0;
+    if (!isPathContainer(current)) return void 0;
+    return getContainerValue(current, segment);
+  }, source);
+}
+function setAtPath(target, path, value) {
+  const segments = parsePath(path);
+  let current = target;
+  for (let index2 = 0; index2 < segments.length; index2 += 1) {
+    const segment = segments[index2];
+    if (segment === void 0) continue;
+    const isLast = index2 === segments.length - 1;
+    const nextIsIndex = typeof segments[index2 + 1] === "number";
+    if (isLast) {
+      if (typeof segment === "number") {
+        if (Array.isArray(current)) {
+          current[segment] = value;
+        }
+      } else {
+        Reflect.set(current, segment, value);
+      }
+      return;
+    }
+    if (typeof segment === "number") {
+      if (Array.isArray(current)) {
+        const existing = current[segment];
+        if (isPathContainer(existing)) {
+          current = existing;
+        } else {
+          const nextContainer = createPathContainer(nextIsIndex);
+          current[segment] = nextContainer;
+          current = nextContainer;
+        }
+        continue;
+      }
+      current = ensureContainerProperty(current, String(segment), nextIsIndex);
+      continue;
+    }
+    current = ensureContainerProperty(current, segment, nextIsIndex);
+  }
+}
+
 // ../blocks/src/primitives/content/utils/sanitizeHref.ts
 var SAFE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
 var CONTROL_CHARS_PATTERN = /[\u0000-\u001F\u007F]+/g;
@@ -72780,9 +73168,44 @@ function coerceRichTextDoc(value) {
   }
   return null;
 }
-var TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-  return /* @__PURE__ */ jsx(Text, { ...rest, children: value ?? children });
+function renderInlineText(value) {
+  return value.map((run3, index2) => renderRun(run3, index2));
+}
+function renderRun(run3, key) {
+  return (run3.marks ?? []).reduceRight(
+    (child, mark, index2) => renderMark(mark, `${String(key)}-${index2}`, child),
+    run3.text
+  );
+}
+function renderMark(mark, key, child) {
+  switch (mark.kind) {
+    case "strong":
+      return /* @__PURE__ */ jsx("strong", { children: child }, key);
+    case "emphasis":
+      return /* @__PURE__ */ jsx("em", { children: child }, key);
+    case "accent":
+      return /* @__PURE__ */ jsx("span", { className: `rb-inline-text-accent rb-inline-text-accent-${mark.tone}`, children: child }, key);
+    case "highlight":
+      return /* @__PURE__ */ jsx("span", { className: `rb-inline-text-highlight rb-inline-text-highlight-${mark.tone}`, children: child }, key);
+  }
+}
+var TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
+  const inlineText = parseInlineTextFromUnknown(value);
+  if (inlineText.ok && !isInlineTextEmpty(inlineText.value)) {
+    return /* @__PURE__ */ jsx(Text, { ...rest, children: renderInlineText(inlineText.value) });
+  }
+  const fallbackValue = inlineTextFallbackPath ? readStringPath(blockContent, inlineTextFallbackPath) : null;
+  return /* @__PURE__ */ jsx(Text, { ...rest, children: fallbackValue ?? textNodeContent(value) ?? children });
 };
+function textNodeContent(value) {
+  if (value === null || value === void 0) return null;
+  if (typeof value === "string" || typeof value === "number") return value;
+  return null;
+}
+function readStringPath(source, path) {
+  const value = getAtPath(source, path);
+  return typeof value === "string" ? value : null;
+}
 var RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
   const doc3 = coerceRichTextDoc(value);
   return /* @__PURE__ */ jsx(RichText, { doc: doc3 ?? void 0, ...rest });
@@ -74009,12 +74432,12 @@ function resolveBookingSiteId(siteId, form2) {
   return siteId || form2?.siteId || "";
 }
 function normalizeBookingFormConfig(form2) {
-  if (!isRecord12(form2)) return null;
+  if (!isRecord13(form2)) return null;
   const id = readNonEmptyString(form2.id);
   const name = readNonEmptyString(form2.name);
   if (!id || !name) return null;
-  const schemaSource = isRecord12(form2.schema) ? form2.schema : isRecord12(form2.schemaJson) ? form2.schemaJson : null;
-  const settingsSource = isRecord12(form2.settings) ? form2.settings : isRecord12(form2.settingsJson) ? form2.settingsJson : null;
+  const schemaSource = isRecord13(form2.schema) ? form2.schema : isRecord13(form2.schemaJson) ? form2.schemaJson : null;
+  const settingsSource = isRecord13(form2.settings) ? form2.settings : isRecord13(form2.settingsJson) ? form2.settingsJson : null;
   return {
     id,
     name,
@@ -74038,10 +74461,10 @@ function normalizeBookingServices(services) {
   if (Array.isArray(services)) {
     return services.filter(isBookingFormService).map(normalizeService);
   }
-  if (isRecord12(services) && "services" in services) {
+  if (isRecord13(services) && "services" in services) {
     return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
   }
-  return isRecord12(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+  return isRecord13(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
   if (!value) return void 0;
@@ -74053,7 +74476,7 @@ function normalizeBookingSchema(value) {
   };
 }
 function readBookingFormField(value) {
-  if (!isRecord12(value)) return null;
+  if (!isRecord13(value)) return null;
   const id = readNonEmptyString(value.id);
   const label = readNonEmptyString(value.label);
   const type = readBookingFieldType(value.type);
@@ -74099,7 +74522,7 @@ function readBookingFieldOptions(value) {
   return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-  if (!isRecord12(value)) return null;
+  if (!isRecord13(value)) return null;
   const optionValue = readNonEmptyString(value.value);
   const label = readNonEmptyString(value.label);
   return optionValue && label ? { value: optionValue, label } : null;
@@ -74116,7 +74539,7 @@ function normalizeBookingSettings(value) {
   };
 }
 function isBookingFormService(value) {
-  return isRecord12(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
+  return isRecord13(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
 }
 function collectBookingCustomFields(data) {
   const customFields = {};
@@ -74172,7 +74595,7 @@ function readStringArray(value) {
   const strings = value.filter((item) => typeof item === "string");
   return strings.length > 0 ? strings : void 0;
 }
-function isRecord12(value) {
+function isRecord13(value) {
   return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -77799,14 +78222,14 @@ function isDecoratedHeadingBlockKind(blockKind) {
   return blockKind === "block.intro" || blockKind === "block.feature-cards" || blockKind === "block.testimonials" || blockKind === "block.faq";
 }
 function readVariant(blockContent) {
-  if (!isRecord13(blockContent)) return void 0;
+  if (!isRecord14(blockContent)) return void 0;
   const variant = blockContent.variant;
   return typeof variant === "string" ? variant : void 0;
 }
 function isFaqDecoratedVariant(variant) {
   return variant === "default" || variant === "question-columns";
 }
-function isRecord13(value) {
+function isRecord14(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildHeadingDecorationWrapperClassName(className) {
@@ -77831,8 +78254,8 @@ var META_PATH_TO_STORE_KEY = {
 function mapMetaPathToStoreKey(path) {
   return META_PATH_TO_STORE_KEY[path] ?? path;
 }
-var PATH_SEPARATOR_REGEX = /\./g;
-var BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
+var PATH_SEPARATOR_REGEX2 = /\./g;
+var BRACKET_ACCESS_REGEX2 = /\[([^\]]+)\]/g;
 function parseBracketToken(token) {
   if (token.startsWith('"') || token.startsWith("'")) {
     return token.slice(1, -1);
@@ -77849,7 +78272,7 @@ function extractSegmentsFromPart(part) {
   if (baseMatch && baseMatch[1]) {
     segments.push(baseMatch[1]);
   }
-  const bracketMatches = Array.from(part.matchAll(BRACKET_ACCESS_REGEX));
+  const bracketMatches = Array.from(part.matchAll(BRACKET_ACCESS_REGEX2));
   const bracketSegments = bracketMatches.map((match2) => match2[1] ?? "").filter((token) => token.length > 0).map(parseBracketToken);
   segments.push(...bracketSegments);
   if (!baseMatch && !part.includes("[")) {
@@ -77858,9 +78281,9 @@ function extractSegmentsFromPart(part) {
   return segments;
 }
 function splitPath(path) {
-  return path.split(PATH_SEPARATOR_REGEX).flatMap(extractSegmentsFromPart).filter((segment) => segment !== "");
+  return path.split(PATH_SEPARATOR_REGEX2).flatMap(extractSegmentsFromPart).filter((segment) => segment !== "");
 }
-function segmentsToPath(segments) {
+function segmentsToPath2(segments) {
   if (!segments.length) return void 0;
   return segments.map((s2) => String(s2)).join(".");
 }
@@ -77893,7 +78316,7 @@ function derivePreviewLinkedEntryFieldBinding(node, parsedBinding, context) {
   if (displaySegments.length === 0) return null;
   const scoped = [...context.scopes].reverse().find((entry) => entry.name === scopeName);
   if (!scoped) return null;
-  const displayPath = segmentsToPath(displaySegments);
+  const displayPath = segmentsToPath2(displaySegments);
   if (!displayPath) return null;
   const eligibility = resolveLinkedEntryInlineFieldEligibility({
     entry: scoped.value,
@@ -78290,7 +78713,7 @@ function resolveBindingToEditorPath(fieldName, bindings, editableRouteMetadataFi
 function derivePreviewTextEditableTarget(parsedBinding, context) {
   if (!parsedBinding) return { kind: "read-only", reason: "missing-binding" };
   const abs = getAbsoluteSegments(parsedBinding.from, context);
-  const absolutePath = abs ? segmentsToPath(abs) : void 0;
+  const absolutePath = abs ? segmentsToPath2(abs) : void 0;
   if (!absolutePath) return { kind: "read-only", reason: "unresolved-binding" };
   if (absolutePath !== "content" && !absolutePath.startsWith("content.")) {
     return { kind: "read-only", reason: "non-content-binding" };
@@ -78344,7 +78767,7 @@ function injectMediaSlotPath(props2, node, parsedBinding, context) {
   if (!parsedBinding) return props2;
   if (node.type !== "media") return props2;
   const abs = getAbsoluteSegments(parsedBinding.from, context);
-  const absolutePath = abs ? segmentsToPath(abs) : void 0;
+  const absolutePath = abs ? segmentsToPath2(abs) : void 0;
   if (!absolutePath) return props2;
   if (absolutePath !== "content" && !absolutePath.startsWith("content.")) {
     return props2;
@@ -78762,6 +79185,7 @@ function collectNestedPreviewFieldConstraintEntries(field, path) {
     case "datetime":
     case "entryPicker":
     case "file":
+    case "inlineText":
     case "link":
     case "media":
     case "number":
@@ -86861,6 +87285,103 @@ var containerResponsiveThemeCss = `/*
   line-height: 1.35;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-lines {
+  display: grid;
+  gap: 0.75rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-list {
+  display: grid;
+  gap: 0.625rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.875rem;
+  min-height: 4.75rem;
+  padding: 0.875rem;
+  border: 1px solid var(--er-border);
+  border-radius: calc(var(--rb-block-radius) * 0.75);
+  background: var(--er-control-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line--disabled {
+  color: var(--er-on-surface-disabled);
+  background: var(--er-surface-muted);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-main {
+  min-width: 0;
+  display: grid;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-heading {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-name {
+  min-width: 0;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-price {
+  flex-shrink: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-detail {
+  margin: 0;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary {
+  padding: 0.75rem 0.875rem;
+  border: 1px solid var(--er-summary-border);
+  border-radius: calc(var(--rb-block-radius) * 0.75);
+  background: var(--er-surface-muted);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-title {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-list {
+  margin: 0.25rem 0 0;
+  padding-left: 1.125rem;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.4;
+}
+
+@container rb-site (max-width: 639px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: stretch;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line .er-counter {
+    justify-content: flex-start;
+  }
+}
+}
+
 /* Form inputs */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input {
   width: 100%;
@@ -90133,6 +90654,49 @@ var containerResponsiveThemeCss = `/*
   margin-top: 0.5rem;
 }
 
+/* =============================================================================
+ * Shared: Inline Text Marks
+ * =============================================================================
+ */
+
+:where(.theme-scope) .rb-inline-text-accent,
+:where(.theme-scope) .rb-inline-text-highlight {
+  font: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+}
+
+:where(.theme-scope) .rb-inline-text-accent-accent {
+  color: rgb(var(--tb-accent));
+}
+
+:where(.theme-scope) .rb-inline-text-accent-brand {
+  color: rgb(var(--tb-primary));
+}
+
+:where(.theme-scope) .rb-inline-text-accent-contrast {
+  color: var(--section-text-color, rgb(var(--tb-text)));
+}
+
+:where(.theme-scope) .rb-inline-text-highlight {
+  border-radius: 0.22em;
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+  padding: 0.02em 0.12em;
+}
+
+:where(.theme-scope) .rb-inline-text-highlight-soft {
+  background: color-mix(in oklab, var(--section-text-color, rgb(var(--tb-text))) 14%, transparent);
+}
+
+:where(.theme-scope) .rb-inline-text-highlight-accent {
+  background: color-mix(in oklab, rgb(var(--tb-accent)) 28%, transparent);
+}
+
+:where(.theme-scope) .rb-inline-text-highlight-brand {
+  background: color-mix(in oklab, rgb(var(--tb-primary)) 24%, transparent);
+}
+
 /* =============================================================================
  * Block: Hero (Phase 2)
  * Uses theme palette vars directly (no Tier 3 vars needed)
@@ -95421,14 +95985,14 @@ function backgroundCapabilityFromModes(modeCapabilities) {
   };
 }
 function parseBackgroundOverrideFromContent(content) {
-  const sectionStyles = isRecord14(content._sectionStyles) ? content._sectionStyles : null;
+  const sectionStyles = isRecord15(content._sectionStyles) ? content._sectionStyles : null;
   return parseBackgroundOverride(sectionStyles?.background);
 }
 function parseBackgroundOverride(value) {
   if (value === null || value === void 0) {
     return { kind: "supported", override: DEFAULT_BACKGROUND_OVERRIDE };
   }
-  if (!isRecord14(value)) {
+  if (!isRecord15(value)) {
     return { kind: "legacy", reason: "unsupported-shape", background: {} };
   }
   if (Object.keys(value).length === 0) {
@@ -95509,7 +96073,7 @@ function serializeBackgroundOverride(override) {
   }
 }
 function applyBackgroundOverrideContentPatch(content, override) {
-  const sectionStyles = isRecord14(content._sectionStyles) ? content._sectionStyles : {};
+  const sectionStyles = isRecord15(content._sectionStyles) ? content._sectionStyles : {};
   const serialized = serializeBackgroundOverride(override);
   if (serialized === null) {
     const nextSectionStyles = omitRecordKey2(sectionStyles, "background");
@@ -95711,7 +96275,7 @@ function imageAllowed(mediaId, pool) {
   return pool?.some((item) => item.mediaId === mediaId) ?? false;
 }
 function parseImageMediaAssetId(value) {
-  if (!isRecord14(value)) return { kind: "missing" };
+  if (!isRecord15(value)) return { kind: "missing" };
   if (value.type !== void 0 && value.type !== "image") return { kind: "missing" };
   const parsed = parseMediaAssetId(value.assetId);
   if (!parsed.ok) {
@@ -95759,116 +96323,9 @@ function omitRecordKey2(content, key) {
     Object.entries(content).filter(([entryKey]) => entryKey !== key)
   );
 }
-function isRecord14(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-
-// ../path-utils/src/index.ts
-var PATH_SEPARATOR_REGEX2 = /\./g;
-var BRACKET_ACCESS_REGEX2 = /\[([^\]]+)\]/g;
 function isRecord15(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function isPathContainer(value) {
-  return Array.isArray(value) || isRecord15(value);
-}
-function createPathContainer(nextIsIndex) {
-  return nextIsIndex ? [] : {};
-}
-function getContainerValue(container, segment) {
-  if (typeof segment === "number") {
-    return Array.isArray(container) ? container[segment] : void 0;
-  }
-  if (segment in container) {
-    return Reflect.get(container, segment);
-  }
-  return void 0;
-}
-function ensureContainerProperty(container, key, nextIsIndex) {
-  const existing = Reflect.get(container, key);
-  if (isPathContainer(existing)) {
-    return existing;
-  }
-  const nextContainer = createPathContainer(nextIsIndex);
-  Reflect.set(container, key, nextContainer);
-  return nextContainer;
-}
-function parsePath(path) {
-  if (Array.isArray(path)) return path;
-  const segments = [];
-  const parts = path.split(PATH_SEPARATOR_REGEX2);
-  for (const raw of parts) {
-    if (!raw) continue;
-    const baseMatch = raw.match(/^[^\[]+/);
-    if (baseMatch !== null) {
-      const base2 = baseMatch[1] ?? baseMatch[0];
-      if (/^\d+$/.test(base2)) {
-        segments.push(Number(base2));
-      } else {
-        segments.push(base2);
-      }
-    }
-    const bracketMatches = raw.matchAll(BRACKET_ACCESS_REGEX2);
-    for (const match2 of bracketMatches) {
-      const token = match2[1] ?? "";
-      if (token.startsWith('"') || token.startsWith("'")) {
-        segments.push(token.slice(1, -1));
-      } else if (/^\d+$/.test(token)) {
-        segments.push(Number(token));
-      } else {
-        segments.push(token);
-      }
-    }
-    if (baseMatch === null && !raw.includes("[")) {
-      segments.push(raw);
-    }
-  }
-  return segments;
-}
-function getAtPath(source, path) {
-  const segments = parsePath(path);
-  return segments.reduce((current, segment) => {
-    if (current === void 0 || current === null) return void 0;
-    if (!isPathContainer(current)) return void 0;
-    return getContainerValue(current, segment);
-  }, source);
-}
-function setAtPath(target, path, value) {
-  const segments = parsePath(path);
-  let current = target;
-  for (let index2 = 0; index2 < segments.length; index2 += 1) {
-    const segment = segments[index2];
-    if (segment === void 0) continue;
-    const isLast = index2 === segments.length - 1;
-    const nextIsIndex = typeof segments[index2 + 1] === "number";
-    if (isLast) {
-      if (typeof segment === "number") {
-        if (Array.isArray(current)) {
-          current[segment] = value;
-        }
-      } else {
-        Reflect.set(current, segment, value);
-      }
-      return;
-    }
-    if (typeof segment === "number") {
-      if (Array.isArray(current)) {
-        const existing = current[segment];
-        if (isPathContainer(existing)) {
-          current = existing;
-        } else {
-          const nextContainer = createPathContainer(nextIsIndex);
-          current[segment] = nextContainer;
-          current = nextContainer;
-        }
-        continue;
-      }
-      current = ensureContainerProperty(current, String(segment), nextIsIndex);
-      continue;
-    }
-    current = ensureContainerProperty(current, segment, nextIsIndex);
-  }
-}
 
 // ../content-editor/src/linkedEntries/domain.ts
 function unsafeAsLinkedContentEntryId(value) {
@@ -124207,6 +124664,7 @@ function toManifestFieldInput(field) {
     case "button":
       throw new Error("Button fields do not have canonical content validation");
     case "text":
+    case "inlineText":
     case "richText":
     case "media":
     case "file":
@@ -124561,6 +125019,17 @@ function getRichTextFieldDefaultValue(_config) {
   return EMPTY_RICH_TEXT_DOC;
 }
 
+// ../block-form/src/widgets/InlineTextField/inlineTextFieldSchema.ts
+function buildInlineTextFieldSchema(field) {
+  return buildCanonicalFieldSchema(field);
+}
+
+// ../block-form/src/widgets/InlineTextField/inlineTextFieldDefaults.ts
+function getInlineTextFieldDefaultValue(field) {
+  if (field.defaultValue !== void 0) return field.defaultValue;
+  return field.required ? plainTextToInlineText(field.label) : [];
+}
+
 // ../block-form/src/widgets/MediaField/mediaFieldSchema.ts
 function buildMediaFieldSchema(config) {
   return buildCanonicalFieldSchema(config);
@@ -124671,6 +125140,7 @@ var SCHEMA_BUILDERS = {
   slug: buildSlugFieldSchema,
   link: buildLinkFieldSchema,
   richText: buildRichTextFieldSchema,
+  inlineText: buildInlineTextFieldSchema,
   media: buildMediaFieldSchema,
   file: buildMediaFieldSchema,
   tabGroup: buildTabGroupFieldSchema,
@@ -124694,6 +125164,7 @@ var DEFAULT_VALUE_BUILDERS = {
   slug: getSlugFieldDefault,
   link: getLinkFieldDefault,
   richText: getRichTextFieldDefaultValue,
+  inlineText: getInlineTextFieldDefaultValue,
   media: getMediaFieldDefaultValue,
   file: getMediaFieldDefaultValue,
   tabGroup: getTabGroupFieldDefault,
@@ -124833,6 +125304,7 @@ function shouldUseCanonicalSchema(field) {
     case "media":
     case "file":
     case "reference":
+    case "inlineText":
       return true;
     case "group":
       return getGroupChildFields(field).every(shouldUseCanonicalSchema);
@@ -131910,6 +132382,7 @@ function transformEligibilityResponse(response) {
     requiresPayment: eligibility.requiresPayment,
     pricingMode: eligibility.pricingMode,
     selectedTicketTypeId: eligibility.selectedTicketTypeId ?? null,
+    ticketLines: eligibility.ticketLines ?? [],
     ticketTypes: eligibility.ticketTypes ?? [],
     isFull: eligibility.isFull,
     waitlistEnabled: eligibility.waitlistEnabled,
@@ -131966,6 +132439,72 @@ function findSelectedTicketType(input) {
   }).find((ticketType) => ticketType.id === input.selectedTicketTypeId) ?? null;
 }
 
+// ../blocks/src/system/runtime/nodes/event-registration/ticketSelectionLines.ts
+function normalizeTicketSelectionLines(lines) {
+  const quantitiesByTicketType = /* @__PURE__ */ new Map();
+  for (const line of lines) {
+    const quantity = Math.floor(line.quantity);
+    if (quantity <= 0) continue;
+    const key = line.ticketTypeId ?? null;
+    quantitiesByTicketType.set(key, (quantitiesByTicketType.get(key) ?? 0) + quantity);
+  }
+  return [...quantitiesByTicketType.entries()].map(([ticketTypeId, quantity]) => ({
+    ticketTypeId,
+    quantity
+  }));
+}
+function getTicketSelectionTotal(lines) {
+  return normalizeTicketSelectionLines(lines).reduce((total, line) => total + line.quantity, 0);
+}
+function getTicketLineQuantity(lines, ticketTypeId) {
+  return normalizeTicketSelectionLines(lines).find((line) => line.ticketTypeId === ticketTypeId)?.quantity ?? 0;
+}
+function getSingleSelectedTicketTypeId(lines) {
+  const normalized = normalizeTicketSelectionLines(lines);
+  return normalized.length === 1 ? normalized[0]?.ticketTypeId ?? null : null;
+}
+function setTicketLineQuantity(input) {
+  const nextQuantity = Math.max(0, Math.floor(input.quantity));
+  const normalized = normalizeTicketSelectionLines(input.lines).filter((line) => line.ticketTypeId !== input.ticketTypeId);
+  if (nextQuantity <= 0) {
+    return normalized;
+  }
+  return [
+    ...normalized,
+    {
+      ticketTypeId: input.ticketTypeId,
+      quantity: nextQuantity
+    }
+  ];
+}
+function getTicketTypeLineMax(input) {
+  const otherSelectedQuantity = input.totalSelectedQuantity - input.currentQuantity;
+  const maxByBlock = input.maxTickets - otherSelectedQuantity;
+  const maxByEvent = input.availableSpots == null ? input.maxTickets : input.availableSpots - otherSelectedQuantity;
+  const maxByTicketType = input.ticketTypeRemainingCapacity ?? input.maxTickets;
+  return Math.max(0, Math.min(maxByBlock, maxByEvent, maxByTicketType));
+}
+function calculateTicketSelectionSubtotal(input) {
+  return normalizeTicketSelectionLines(input.lines).reduce((subtotal, line) => {
+    const ticketType = line.ticketTypeId ? input.ticketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null : null;
+    const unitPriceCents = ticketType?.priceAmount ?? input.fallbackUnitPriceCents;
+    return subtotal + Math.max(0, unitPriceCents) * line.quantity;
+  }, 0);
+}
+function buildTicketSelectionSummaryLines(input) {
+  return normalizeTicketSelectionLines(input.lines).map((line) => {
+    const ticketType = line.ticketTypeId ? input.ticketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null : null;
+    const unitPriceCents = ticketType?.priceAmount ?? input.fallbackUnitPriceCents;
+    return {
+      ticketTypeId: line.ticketTypeId,
+      label: ticketType?.name ?? input.fallbackLabel,
+      quantity: line.quantity,
+      unitPriceCents,
+      subtotalCents: Math.max(0, unitPriceCents) * line.quantity
+    };
+  });
+}
+
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.state.ts
 var initialEligibilityLookupState = {
   tag: "idle",
@@ -132072,6 +132611,7 @@ function usePortalAuth() {
 }
 function useEligibility(params) {
   const api = useBlockApi();
+  const ticketSelectionsKey = JSON.stringify(normalizeTicketSelectionLines(params.ticketSelections));
   const [state, dispatch] = useReducer(
     eligibilityLookupReducer,
     initialEligibilityLookupState
@@ -132085,7 +132625,8 @@ function useEligibility(params) {
         dispatch({ type: "reset" });
         return;
       }
-      if (!params.occurrenceId || !params.email.trim()) {
+      const ticketSelections = JSON.parse(ticketSelectionsKey);
+      if (!params.occurrenceId || !params.email.trim() || ticketSelections.length === 0) {
         requestIdRef.current += 1;
         dispatch({ type: "reset" });
         return;
@@ -132097,10 +132638,9 @@ function useEligibility(params) {
         const result = await api.checkEligibility({
           occurrenceId: params.occurrenceId,
           attendanceMode: params.attendanceMode ?? void 0,
-          ticketTypeId: params.ticketTypeId ?? void 0,
+          ticketSelections,
           selectedSlidingAmount: params.selectedSlidingAmount ?? void 0,
-          email: params.email.trim().toLowerCase(),
-          ticketsCount: params.ticketsCount
+          email: params.email.trim().toLowerCase()
         });
         if (cancelled || requestIdRef.current !== requestId) return;
         dispatch({
@@ -132119,7 +132659,15 @@ function useEligibility(params) {
     return () => {
       cancelled = true;
     };
-  }, [api, params.enabled, params.occurrenceId, params.attendanceMode, params.ticketTypeId, params.selectedSlidingAmount, params.email, params.ticketsCount]);
+  }, [
+    api,
+    params.enabled,
+    params.occurrenceId,
+    params.attendanceMode,
+    ticketSelectionsKey,
+    params.selectedSlidingAmount,
+    params.email
+  ]);
   return {
     state,
     eligibility: state.eligibility,
@@ -132195,9 +132743,15 @@ function savePendingRegistration(siteId, occurrenceId, data) {
   }
   try {
     const key = getStorageKey(siteId, occurrenceId);
+    const ticketSelections = normalizeTicketSelectionLines(data.ticketSelections);
+    if (ticketSelections.length === 0) {
+      console.warn("[sessionStorage] No ticket selections to save, skipping registration state");
+      return;
+    }
     const entry = {
       ...data,
-      version: 3,
+      ticketSelections,
+      version: 4,
       timestamp: Date.now()
     };
     sessionStorage.setItem(key, JSON.stringify(entry));
@@ -132243,8 +132797,8 @@ function parseAndValidateEntry(stored, key) {
       return null;
     }
     const version2 = raw.version;
-    if (version2 !== 1 && version2 !== 2 && version2 !== 3) {
-      console.warn("[sessionStorage] Unknown version, ignoring entry");
+    if (version2 !== 4) {
+      console.warn("[sessionStorage] Outdated version, ignoring entry");
       sessionStorage.removeItem(key);
       return null;
     }
@@ -132260,34 +132814,12 @@ function parseAndValidateEntry(stored, key) {
       sessionStorage.removeItem(key);
       return null;
     }
-    if (entry.version === 1) {
-      const legacy = entry;
-      return {
-        version: 3,
-        attendeeId: legacy.attendeeId,
-        formData: legacy.formData,
-        ticketsCount: legacy.ticketsCount,
-        selectedEventId: legacy.selectedEventId,
-        selectedAttendanceMode: null,
-        selectedTicketTypeId: null,
-        paymentSelection: { method: legacy.paymentMethod },
-        timestamp: legacy.timestamp
-      };
-    }
-    if (entry.version === 2) {
-      return {
-        version: 3,
-        attendeeId: entry.attendeeId,
-        formData: entry.formData,
-        ticketsCount: entry.ticketsCount,
-        selectedEventId: entry.selectedEventId,
-        selectedAttendanceMode: null,
-        selectedTicketTypeId: null,
-        paymentSelection: entry.paymentSelection,
-        timestamp: entry.timestamp
-      };
+    const ticketSelections = normalizeTicketSelectionLines(entry.ticketSelections);
+    if (ticketSelections.length === 0 || getTicketSelectionTotal(ticketSelections) <= 0) {
+      sessionStorage.removeItem(key);
+      return null;
     }
-    return entry;
+    return { ...entry, ticketSelections };
   } catch {
     console.warn("[sessionStorage] Failed to parse entry, removing");
     sessionStorage.removeItem(key);
@@ -132319,8 +132851,9 @@ function cleanupStaleRegistrations() {
         const stored = sessionStorage.getItem(key);
         if (!stored) continue;
         const entry = JSON.parse(stored);
-        const age = Date.now() - entry.timestamp;
-        if (age > STALE_THRESHOLD_MS) {
+        const timestamp = typeof entry.timestamp === "number" ? entry.timestamp : NaN;
+        const age = Date.now() - timestamp;
+        if (!Number.isFinite(timestamp) || age > STALE_THRESHOLD_MS) {
           keysToRemove.push(key);
         }
       } catch {
@@ -132408,14 +132941,16 @@ function getEventAttendanceModeLabel(mode) {
   }
 }
 function TicketCounter(props2) {
-  const { ticketsCount, maxAllowed, onTicketsChange } = props2;
+  const { ticketsCount, maxAllowed, label, onTicketsChange } = props2;
+  const minAllowed = props2.minAllowed ?? 1;
   return /* @__PURE__ */ jsxs("div", { className: "er-row er-counter", children: [
     /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: () => onTicketsChange(Math.max(1, ticketsCount - 1)),
-        disabled: ticketsCount <= 1,
+        "aria-label": `Decrease ${label}`,
+        onClick: () => onTicketsChange(Math.max(minAllowed, ticketsCount - 1)),
+        disabled: ticketsCount <= minAllowed,
         className: "er-counter-btn",
         children: "-"
       }
@@ -132425,6 +132960,7 @@ function TicketCounter(props2) {
       "button",
       {
         type: "button",
+        "aria-label": `Increase ${label}`,
         onClick: () => onTicketsChange(Math.min(maxAllowed, ticketsCount + 1)),
         disabled: ticketsCount >= maxAllowed,
         className: "er-counter-btn",
@@ -132477,14 +133013,86 @@ function SlidingScaleAmountField(props2) {
     props2.message ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: props2.message }) : null
   ] });
 }
-function getTicketTypeCounterAvailabilityLabel(input) {
-  if (input.selectedRemainingCapacity !== null) {
-    return `${input.selectedRemainingCapacity} remaining for this ticket type`;
-  }
-  if (input.eventAvailableSpots != null) {
-    return `${input.eventAvailableSpots} spots available`;
-  }
-  return null;
+function TicketTypeQuantityRows(props2) {
+  const totalSelectedQuantity = getTicketSelectionTotal(props2.ticketSelections);
+  const selectedTicketTypes = props2.ticketTypes.filter(
+    (ticketType) => getTicketLineQuantity(props2.ticketSelections, ticketType.id) > 0
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "er-ticket-lines", children: [
+    /* @__PURE__ */ jsx("div", { className: "er-ticket-line-list", role: "list", "aria-label": "Tickets", children: props2.ticketTypes.map((ticketType) => {
+      const quantity = getTicketLineQuantity(props2.ticketSelections, ticketType.id);
+      const disabled = ticketType.availability.kind === "unavailable";
+      const availabilityLabel = getTicketTypeAvailabilityLabel(ticketType);
+      const priceLabel = ticketType.priceAmount > 0 ? formatPrice(ticketType.priceAmount, props2.currency) : "Free";
+      const maxAllowed = disabled ? 0 : getTicketTypeLineMax({
+        currentQuantity: quantity,
+        totalSelectedQuantity,
+        maxTickets: props2.maxTickets,
+        availableSpots: props2.availableSpots,
+        ticketTypeRemainingCapacity: ticketType.availability.remainingCapacity
+      });
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `er-ticket-line${disabled ? " er-ticket-line--disabled" : ""}`,
+          role: "listitem",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-main", children: [
+              /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-heading", children: [
+                /* @__PURE__ */ jsx("span", { className: "er-ticket-line-name", children: ticketType.name }),
+                /* @__PURE__ */ jsx("span", { className: "er-ticket-line-price", children: priceLabel })
+              ] }),
+              ticketType.description ? /* @__PURE__ */ jsx("p", { className: "er-ticket-line-detail", children: ticketType.description }) : null,
+              availabilityLabel ? /* @__PURE__ */ jsx("p", { className: "er-ticket-line-detail", children: availabilityLabel }) : ticketType.availability.remainingCapacity !== null ? /* @__PURE__ */ jsxs("p", { className: "er-ticket-line-detail", children: [
+                ticketType.availability.remainingCapacity,
+                " remaining for this ticket type"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              TicketCounter,
+              {
+                ticketsCount: quantity,
+                minAllowed: 0,
+                maxAllowed,
+                label: ticketType.name,
+                onTicketsChange: (nextQuantity) => {
+                  props2.onTicketSelectionsChange?.(setTicketLineQuantity({
+                    lines: props2.ticketSelections,
+                    ticketTypeId: ticketType.id,
+                    quantity: nextQuantity
+                  }));
+                }
+              }
+            )
+          ]
+        },
+        ticketType.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      TicketCounterLimit,
+      {
+        maximumLabel: `${props2.maxTickets} tickets maximum`,
+        availabilityLabel: props2.availableSpots != null ? `${props2.availableSpots} spots available` : null
+      }
+    ),
+    selectedTicketTypes.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-summary", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-summary-title", children: [
+        totalSelectedQuantity,
+        " ticket",
+        totalSelectedQuantity === 1 ? "" : "s",
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "er-ticket-line-summary-list", children: selectedTicketTypes.map((ticketType) => {
+        const quantity = getTicketLineQuantity(props2.ticketSelections, ticketType.id);
+        return /* @__PURE__ */ jsxs("li", { children: [
+          quantity,
+          " x ",
+          ticketType.name
+        ] }, ticketType.id);
+      }) })
+    ] }) : props2.hasAvailableTicketTypes ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Choose at least one ticket to continue." }) : /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." })
+  ] });
 }
 function getAttendanceModeDetail(attendanceMode) {
   if (attendanceMode.availableSpots === null) {
@@ -132502,6 +133110,7 @@ function AttendanceModeTiles(props2) {
       "button",
       {
         type: "button",
+        "aria-pressed": isSelected,
         className: `er-payment-tile${isSelected ? " er-payment-tile--selected" : ""}`,
         onClick: () => props2.onAttendanceModeChange?.(attendanceMode.mode),
         children: [
@@ -132538,8 +133147,9 @@ var TicketSelectionStep = ({
   onAttendanceModeChange,
   ticketsCount,
   maxTickets,
-  selectedTicketTypeId = null,
-  onTicketTypeChange,
+  visibleTicketTypes: visibleTicketTypesOverride,
+  ticketSelections = [],
+  onTicketSelectionsChange,
   slidingScale = null,
   selectedSlidingAmountInput = "",
   slidingScaleSelectionMessage = null,
@@ -132557,28 +133167,22 @@ var TicketSelectionStep = ({
   const eventPricingMode = eventPricing ? publicEventPricingMode(eventPricing) : void 0;
   const eventPricingCurrency = eventPricing ? publicEventPricingCurrency(eventPricing) : null;
   const usesTicketTypes = eventPricingMode === "ticket_types" && !canJoinWaitlist;
-  const visibleTicketTypes = usesTicketTypes ? getVisibleTicketTypes({
+  const visibleTicketTypes = usesTicketTypes ? visibleTicketTypesOverride ?? getVisibleTicketTypes({
     event,
     eligibility: null,
     selectedAttendanceMode
   }) : [];
-  const selectedTicketType = usesTicketTypes ? visibleTicketTypes.find((ticketType) => ticketType.id === selectedTicketTypeId) ?? null : null;
   const implicitTicketType = usesTicketTypes ? getImplicitSingleAvailableTicketType(visibleTicketTypes) : null;
-  const effectiveSelectedTicketType = selectedTicketType ?? implicitTicketType;
-  const shouldShowTicketTypeTiles = usesTicketTypes && implicitTicketType === null;
-  const selectedRemainingCapacity = effectiveSelectedTicketType?.availability.remainingCapacity ?? null;
-  const noSellableTicketTypes = usesTicketTypes && (visibleTicketTypes.length === 0 || visibleTicketTypes.every((ticketType) => ticketType.availability.kind === "unavailable"));
+  const noVisibleTicketTypes = usesTicketTypes && visibleTicketTypes.length === 0;
+  const hasAvailableTicketTypes = usesTicketTypes && visibleTicketTypes.some((ticketType) => ticketType.availability.kind === "available");
+  const aggregateRemainingCapacity = implicitTicketType?.availability.remainingCapacity ?? null;
   const maxAllowed = getMaxAllowedTicketCount({
     canJoinWaitlist,
     usesTicketTypes,
     maxTickets,
     availableSpots,
-    selectedTicketTypeRemainingCapacity: selectedRemainingCapacity,
-    hasSelectedTicketType: effectiveSelectedTicketType !== null
-  });
-  const selectedTicketTypeAvailabilityLabel = getTicketTypeCounterAvailabilityLabel({
-    selectedRemainingCapacity,
-    eventAvailableSpots: event?.availableSpots
+    selectedTicketTypeRemainingCapacity: aggregateRemainingCapacity,
+    hasSelectedTicketType: implicitTicketType !== null
   });
   const eventAvailabilityLabel = !canJoinWaitlist && event?.availableSpots != null ? `${event.availableSpots} spots available` : null;
   if (deliveryMode === "hybrid" && !selectedAttendanceMode) {
@@ -132595,7 +133199,7 @@ var TicketSelectionStep = ({
       /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Choose whether you want to attend in person or online." })
     ] });
   }
-  if (isSoldOut && !canJoinWaitlist && !usesTicketTypes) {
+  if (isSoldOut && !canJoinWaitlist) {
     return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Sold Out" }),
       /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Sorry you missed out! This event is fully booked." })
@@ -132613,52 +133217,21 @@ var TicketSelectionStep = ({
         }
       )
     ] }) : null,
-    usesTicketTypes ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      shouldShowTicketTypeTiles ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Choose a ticket type" }),
-        /* @__PURE__ */ jsx("div", { className: "er-payment-tiles", role: "list", "aria-label": "Ticket types", children: visibleTicketTypes.map((ticketType) => {
-          const availabilityLabel = getTicketTypeAvailabilityLabel(ticketType);
-          const disabled = ticketType.availability.kind === "unavailable";
-          const isSelected = selectedTicketTypeId === ticketType.id;
-          const priceLabel = ticketType.priceAmount > 0 ? formatPrice(ticketType.priceAmount, eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY2) : "Free";
-          return /* @__PURE__ */ jsx("div", { role: "listitem", children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: `er-payment-tile${isSelected && !disabled ? " er-payment-tile--selected" : ""}${disabled ? " er-payment-tile--disabled" : ""}`,
-              disabled,
-              onClick: () => onTicketTypeChange?.(ticketType.id),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "er-payment-tile-label", children: ticketType.name }),
-                /* @__PURE__ */ jsx("div", { className: "er-payment-tile-detail", children: priceLabel }),
-                ticketType.description ? /* @__PURE__ */ jsx("div", { className: "er-payment-tile-detail", children: ticketType.description }) : null,
-                availabilityLabel ? /* @__PURE__ */ jsx("div", { className: "er-payment-tile-detail", children: availabilityLabel }) : null
-              ]
-            }
-          ) }, ticketType.id);
-        }) })
-      ] }) : null,
-      noSellableTicketTypes ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." }) : !effectiveSelectedTicketType ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Select one ticket type to continue." }) : effectiveSelectedTicketType.availability.kind === "unavailable" ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: getTicketTypeAvailabilityLabel(effectiveSelectedTicketType) ?? "This ticket type is unavailable." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("h3", { className: "er-title", children: "How many tickets?" }),
-        /* @__PURE__ */ jsxs("div", { className: "er-ticket-counter-group", children: [
-          /* @__PURE__ */ jsx(
-            TicketCounter,
-            {
-              ticketsCount,
-              maxAllowed,
-              onTicketsChange
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TicketCounterLimit,
-            {
-              maximumLabel: `${maxAllowed} tickets maximum`,
-              availabilityLabel: selectedTicketTypeAvailabilityLabel
-            }
-          )
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    usesTicketTypes ? /* @__PURE__ */ jsx(Fragment, { children: noVisibleTicketTypes ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Choose tickets" }),
+      /* @__PURE__ */ jsx(
+        TicketTypeQuantityRows,
+        {
+          ticketTypes: visibleTicketTypes,
+          ticketSelections,
+          maxTickets,
+          availableSpots,
+          currency: eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY2,
+          hasAvailableTicketTypes,
+          onTicketSelectionsChange
+        }
+      )
+    ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       slidingScale ? /* @__PURE__ */ jsx(
         SlidingScaleAmountField,
         {
@@ -132676,6 +133249,7 @@ var TicketSelectionStep = ({
           {
             ticketsCount,
             maxAllowed,
+            label: canJoinWaitlist ? "waitlist spots" : "tickets",
             onTicketsChange
           }
         ),
@@ -133119,7 +133693,7 @@ var PaymentSelectionStep = ({
 }) => {
   const occurrenceId = occurrenceContext?.id ?? event?.registrationOccurrenceId;
   const selectedMethod = selectedSelection.method;
-  const totalPrice = eligibility?.price ? eligibility.price * ticketsCount : 0;
+  const totalPrice = eligibility?.price ?? 0;
   const canShowDirectPaymentOptions = Boolean(
     eligibility?.eligible && eligibility.canPayDirectly && eligibility.price
   );
@@ -133519,8 +134093,9 @@ function EventRegistrationWizardContent(props2) {
             onAttendanceModeChange: wizard.setSelectedAttendanceMode,
             ticketsCount: wizard.ticketsCount,
             maxTickets: wizard.maxTicketsNum,
-            selectedTicketTypeId: wizard.selectedTicketTypeId,
-            onTicketTypeChange: wizard.setSelectedTicketTypeId,
+            visibleTicketTypes: wizard.eligibility ? wizard.visibleTicketTypes : void 0,
+            ticketSelections: wizard.selectedTicketLines,
+            onTicketSelectionsChange: wizard.setSelectedTicketLines,
             slidingScale: wizard.selectedEventSlidingScale,
             selectedSlidingAmountInput: wizard.selectedSlidingAmountInput,
             slidingScaleSelectionMessage: wizard.slidingScaleSelectionMessage,
@@ -133628,9 +134203,9 @@ function EventRegistrationWizardActions(props2) {
       const isWaitingForEligibility = wizard.portalAuthState === "authenticated" && wizard.eligibilityLoading;
       const isCheckingExistingRegistration = wizard.portalAuthState === "authenticated" && wizard.existingRegistrationLoading;
       const hasExistingRegistration = wizard.portalAuthState === "authenticated" && wizard.existingRegistration !== null;
-      const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidSelectedTicketType;
+      const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
       const isContinueDisabled = isWaitingForEligibility || isCheckingExistingRegistration || hasExistingRegistration || isSoldOutWithoutWaitlist || ticketTypeSelectionBlocked;
-      const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket type" : "Continue";
+      const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket" : "Continue";
       return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
         !wizard.hasPreSelectedContext && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep("select-event"), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx(
@@ -133718,13 +134293,17 @@ function EventRegistrationSummaryBar(props2) {
   const summaryTimeZone = wizard.occurrenceContext?.timeZone ?? summaryEvent?.timeZone ?? null;
   const occurrenceOverrideTitle = wizard.occurrenceContext?.overrides?.title;
   const summaryTitle = occurrenceOverrideTitle ?? summaryEvent?.title ?? "";
-  const summaryPrice = wizard.selectedTicketType?.priceAmount ?? wizard.eligibility?.price ?? (wizard.selectedEventSlidingScale ? wizard.selectedSlidingAmount : null) ?? (summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0;
   const summaryCurrency = (summaryEvent ? publicEventPricingCurrency(summaryEvent.pricing) : null) ?? DEFAULT_EVENT_CURRENCY2;
   const teamMemberNames = (summaryEvent?.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
-  const subtotalCents = Math.max(0, summaryPrice * wizard.ticketsCount);
+  const fallbackSubtotalCents = Math.max(
+    0,
+    ((summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0) * wizard.ticketsCount
+  );
+  const subtotalCents = Math.max(0, wizard.ticketSelectionSubtotalCents ?? fallbackSubtotalCents);
   const autoAppliedDiscount = wizard.discountCode.trim().length > 0 ? null : wizard.autoAppliedDiscount;
   const autoAppliedDiscountCents = Math.max(0, autoAppliedDiscount?.computedAmountCents ?? 0);
   const discountedTotalCents = Math.max(0, subtotalCents - autoAppliedDiscountCents);
+  const selectedLineSummary = (wizard.ticketSelectionSummaryLines ?? []).filter((line) => line.ticketTypeId !== null).map((line) => `${line.quantity} x ${line.label}`).join(", ");
   const selectedDirectPaymentOption = getSelectedDirectPaymentOption({
     wizard,
     totalCents: discountedTotalCents,
@@ -133761,9 +134340,9 @@ function EventRegistrationSummaryBar(props2) {
         /* @__PURE__ */ jsx("h4", { className: "er-summary-bar-event", children: summaryTitle }),
         /* @__PURE__ */ jsxs("span", { className: "er-summary-bar-meta", children: [
           summaryDate && formatEventDateTime(summaryDate, { timeZone: summaryTimeZone }),
-          wizard.selectedTicketType ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          selectedLineSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
             " \xB7 ",
-            wizard.selectedTicketType.name
+            selectedLineSummary
           ] }) : null,
           wizard.step !== "select-event" && wizard.step !== "select-tickets" && wizard.ticketsCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             " \xB7 ",
@@ -133777,8 +134356,8 @@ function EventRegistrationSummaryBar(props2) {
           teamMemberNames.join(", ")
         ] })
       ] }),
-      summaryPrice > 0 && /* @__PURE__ */ jsx("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(summaryPrice * wizard.ticketsCount, summaryCurrency) }),
+      subtotalCents > 0 && /* @__PURE__ */ jsx("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(subtotalCents, summaryCurrency) }),
         /* @__PURE__ */ jsx("div", { className: "er-summary-bar-included", children: wizard.paymentSelection.method === "pass" || wizard.paymentSelection.method === "pass_bundle" ? "1 pass credit" : "Included in membership" })
       ] }) : flexibleBalanceSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
         flexibleBalanceSummary.total ? /* @__PURE__ */ jsxs("div", { className: "er-summary-bar-product-detail", children: [
@@ -134012,7 +134591,7 @@ function useEventRegistrationStripeReturn(options) {
     setRegistrationResult,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections,
     setStep,
     setTicketsCount,
     step
@@ -134031,13 +134610,13 @@ function useEventRegistrationStripeReturn(options) {
     const pending = getPendingRegistration(siteId, occurrenceId || void 0);
     if (!pending) return;
     setFormData(pending.formData);
-    setTicketsCount(pending.ticketsCount);
+    setTicketSelections(pending.ticketSelections);
+    setTicketsCount(getTicketSelectionTotal(pending.ticketSelections));
     if (pending.selectedEventId) {
       const event = events2.find((e3) => e3.publicEventId === pending.selectedEventId) ?? null;
       if (event) setSelectedEvent(event);
     }
     setSelectedAttendanceMode(pending.selectedAttendanceMode ?? null);
-    setSelectedTicketTypeId(pending.selectedTicketTypeId ?? null);
     setPaymentSelection(pending.paymentSelection);
     if (registrationStatus === "cancelled") {
       setStep("select-payment");
@@ -134089,6 +134668,10 @@ function useEventRegistrationSubmit(options) {
     }
     options.setStep("submitting");
     try {
+      const ticketSelections = normalizeTicketSelectionLines(options.ticketSelections);
+      if (ticketSelections.length === 0) {
+        throw new Error("Choose at least one ticket to continue.");
+      }
       const isBundle = method === "pass_bundle" || method === "membership_bundle";
       const bundleProductId = isBundle ? passId || membershipId : void 0;
       const selectionSnapshot = (() => {
@@ -134117,11 +134700,10 @@ function useEventRegistrationSubmit(options) {
       const result = await options.api.registerForEvent({
         occurrenceId: submitOccurrenceId,
         attendanceMode: options.selectedAttendanceMode ?? void 0,
-        ticketTypeId: options.selectedTicketTypeId ?? void 0,
+        ticketSelections,
         selectedSlidingAmount: options.selectedSlidingAmount ?? void 0,
         email: options.formData.email.trim().toLowerCase(),
         name: options.formData.name.trim(),
-        ticketsCount: options.ticketsCount,
         phone: options.formData.phone.trim() || void 0,
         notes: options.formData.notes.trim() || void 0,
         altchaSolution: options.altchaSolution,
@@ -134166,10 +134748,9 @@ function useEventRegistrationSubmit(options) {
           savePendingRegistration(siteId, submitOccurrenceId, {
             attendeeId: result.attendeeId,
             formData: options.formData,
-            ticketsCount: options.ticketsCount,
+            ticketSelections,
             selectedEventId: options.registrationTarget?.selectedEventId ?? null,
             selectedAttendanceMode: options.selectedAttendanceMode,
-            selectedTicketTypeId: options.selectedTicketTypeId ?? null,
             paymentSelection: selectionSnapshot
           });
         }
@@ -134281,7 +134862,6 @@ function useEventRegistrationWizard(options) {
     createInitialRegistrationFlowState
   );
   const step = flowState.step;
-  const ticketsCount = flowState.ticketsCount;
   const paymentSelection = flowState.paymentSelection;
   const [selectedEvent, setSelectedEvent] = useState(preSelectedEvent ?? null);
   const [formData, setFormData] = useState({ name: "", email: "", phone: "", notes: "" });
@@ -134292,7 +134872,7 @@ function useEventRegistrationWizard(options) {
   const [selectedAttendanceMode, setSelectedAttendanceMode] = useState(
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
-  const [selectedTicketTypeId, setSelectedTicketTypeId] = useState(null);
+  const [selectedTicketLines, setSelectedTicketLines] = useState([]);
   const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState(() => {
     const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
     return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
@@ -134328,14 +134908,51 @@ function useEventRegistrationWizard(options) {
     [options.occurrenceContext, selectedEvent]
   );
   const occurrenceId = registrationTarget?.occurrenceId ?? "";
+  const currentEvent = selectedEvent ?? preSelectedEvent;
+  const currentEventPricing = currentEvent ? resolveRuntimeEventPricing(currentEvent) : null;
+  const currentEventUsesTicketTypes = currentEventPricing !== null && publicEventPricingMode(currentEventPricing) === "ticket_types";
+  const selectedModeAvailability = selectedAttendanceMode ? (currentEvent?.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
+  const currentAvailableSpots = selectedModeAvailability?.availableSpots ?? currentEvent?.availableSpots;
+  const currentWaitlistEnabled = selectedModeAvailability?.waitlistEnabled ?? currentEvent?.waitlistEnabled ?? false;
+  const currentCanJoinWaitlist = currentAvailableSpots === 0 && currentWaitlistEnabled === true;
+  const usesTicketTypeSelections = currentEventUsesTicketTypes && !currentCanJoinWaitlist;
+  const eventTicketTypesForSelection = useMemo(
+    () => getVisibleTicketTypes({
+      event: currentEvent,
+      eligibility: null,
+      selectedAttendanceMode
+    }),
+    [currentEvent, selectedAttendanceMode]
+  );
+  const normalizedSelectedTicketLines = useMemo(
+    () => normalizeTicketSelectionLines(selectedTicketLines),
+    [selectedTicketLines]
+  );
+  const ticketTypeSelectionTotal = useMemo(
+    () => getTicketSelectionTotal(normalizedSelectedTicketLines),
+    [normalizedSelectedTicketLines]
+  );
+  const ticketsCount = usesTicketTypeSelections ? ticketTypeSelectionTotal : flowState.ticketsCount;
+  const ticketSelections = useMemo(() => {
+    if (waitlistClaim.claim) {
+      return [{ ticketTypeId: null, quantity: 1 }];
+    }
+    if (usesTicketTypeSelections) {
+      return normalizedSelectedTicketLines;
+    }
+    return [{ ticketTypeId: null, quantity: ticketsCount }];
+  }, [normalizedSelectedTicketLines, ticketsCount, usesTicketTypeSelections, waitlistClaim.claim]);
+  useEffect(() => {
+    if (flowState.ticketsCount === ticketsCount) return;
+    dispatchFlow({ type: "set-tickets-count", ticketsCount });
+  }, [flowState.ticketsCount, ticketsCount]);
   const eligibilityResult = useEligibility({
     enabled: portalAuthState === "authenticated" || step === "enter-details" || step === "select-payment",
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
-    ticketTypeId: selectedTicketTypeId,
+    ticketSelections,
     selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
-    email: formData.email,
-    ticketsCount
+    email: formData.email
   });
   const existingRegistrationResult = useExistingEventRegistration({
     isAuthenticated: portalAuthState === "authenticated",
@@ -134441,7 +135058,7 @@ function useEventRegistrationWizard(options) {
     setTicketsCount,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections: (lines) => setSelectedTicketLines(normalizeTicketSelectionLines(lines)),
     setPaymentSelection: (selection) => dispatchFlow({ type: "set-manual-payment-selection", selection }),
     setPendingAttendeeId,
     setStep,
@@ -134454,20 +135071,21 @@ function useEventRegistrationWizard(options) {
   }, [selectedEvent, preSelectedEvent]);
   const visibleTicketTypes = useMemo(
     () => getVisibleTicketTypes({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility]
+    [currentEvent, selectedAttendanceMode, eligibility]
   );
+  const singleSelectedTicketTypeId = getSingleSelectedTicketTypeId(normalizedSelectedTicketLines);
   const selectedTicketType = useMemo(
     () => findSelectedTicketType({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
-      selectedTicketTypeId,
+      selectedTicketTypeId: singleSelectedTicketTypeId,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
+    [currentEvent, eligibility, selectedAttendanceMode, singleSelectedTicketTypeId]
   );
   const selectedSlidingAmount = useMemo(
     () => parseCurrencyInputToCents(selectedSlidingAmountInput),
@@ -134482,37 +135100,44 @@ function useEventRegistrationWizard(options) {
     selectedAmount: selectedSlidingAmount
   });
   const ticketTypeSelectionRequired = useMemo(() => {
-    const event = selectedEvent ?? preSelectedEvent;
+    const event = currentEvent;
     if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
       return false;
     }
     if ((event.deliveryMode ?? "in_person") === "hybrid" && !selectedAttendanceMode) {
       return false;
     }
-    const selectedModeAvailability = selectedAttendanceMode ? (event.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
-    const canJoinWaitlist = (selectedModeAvailability?.availableSpots ?? event.availableSpots) === 0 && (selectedModeAvailability?.waitlistEnabled ?? event.waitlistEnabled) === true;
+    const selectedModeAvailability2 = selectedAttendanceMode ? (event.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
+    const canJoinWaitlist = (selectedModeAvailability2?.availableSpots ?? event.availableSpots) === 0 && (selectedModeAvailability2?.waitlistEnabled ?? event.waitlistEnabled) === true;
     return !canJoinWaitlist;
-  }, [selectedAttendanceMode, selectedEvent, preSelectedEvent]);
-  const hasValidSelectedTicketType = !ticketTypeSelectionRequired || Boolean(
-    selectedTicketType && selectedTicketType.availability.kind === "available"
-  );
+  }, [currentEvent, selectedAttendanceMode]);
+  const hasValidTicketSelection = !ticketTypeSelectionRequired || normalizedSelectedTicketLines.length > 0 && normalizedSelectedTicketLines.every((line) => {
+    if (!line.ticketTypeId) return false;
+    const ticketType = visibleTicketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null;
+    return ticketType?.availability.kind === "available";
+  });
   useEffect(() => {
-    const event = selectedEvent ?? preSelectedEvent;
-    if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
-      if (selectedTicketTypeId !== null) {
-        setSelectedTicketTypeId(null);
+    if (!usesTicketTypeSelections) {
+      if (selectedTicketLines.length > 0) {
+        setSelectedTicketLines([]);
       }
       return;
     }
-    const implicitTicketType = getImplicitSingleAvailableTicketType(visibleTicketTypes);
-    if (implicitTicketType && selectedTicketTypeId !== implicitTicketType.id) {
-      setSelectedTicketTypeId(implicitTicketType.id);
+    const availableTicketTypes = eventTicketTypesForSelection.filter(
+      (ticketType) => ticketType.availability.kind === "available"
+    );
+    const implicitTicketType = getImplicitSingleAvailableTicketType(eventTicketTypesForSelection);
+    if (implicitTicketType && normalizedSelectedTicketLines.length === 0) {
+      setSelectedTicketLines([{ ticketTypeId: implicitTicketType.id, quantity: 1 }]);
       return;
     }
-    if (selectedTicketTypeId && !visibleTicketTypes.some((ticketType) => ticketType.id === selectedTicketTypeId)) {
-      setSelectedTicketTypeId(null);
+    const filteredLines = normalizedSelectedTicketLines.filter(
+      (line) => line.ticketTypeId && availableTicketTypes.some((ticketType) => ticketType.id === line.ticketTypeId)
+    );
+    if (filteredLines.length !== normalizedSelectedTicketLines.length) {
+      setSelectedTicketLines(filteredLines);
     }
-  }, [selectedEvent, preSelectedEvent, selectedTicketTypeId, visibleTicketTypes]);
+  }, [eventTicketTypesForSelection, normalizedSelectedTicketLines, selectedTicketLines.length, usesTicketTypeSelections]);
   useEffect(() => {
     if (!requireGuestDetails) {
       if (guests.length > 0) setGuests([]);
@@ -134556,21 +135181,20 @@ function useEventRegistrationWizard(options) {
       return resolveEventRequiresPayment({
         eligibility,
         selectedTicketType,
-        event: selectedEvent ?? preSelectedEvent
+        event: currentEvent
       });
     },
     [
       eligibility,
       selectedTicketType,
-      selectedEvent,
-      preSelectedEvent,
+      currentEvent,
       selectedEventSlidingScale,
       selectedSlidingAmount
     ]
   );
   const handleDetailsComplete = async () => {
-    if (ticketTypeSelectionRequired && !hasValidSelectedTicketType) {
-      const message2 = "Select a ticket type to continue.";
+    if (ticketTypeSelectionRequired && !hasValidTicketSelection) {
+      const message2 = "Choose at least one available ticket to continue.";
       setErrorMessage(message2);
       setStep("error");
       return { ok: false, reason: "blocked", message: message2 };
@@ -134655,27 +135279,39 @@ function useEventRegistrationWizard(options) {
   const discountContext = useMemo(
     () => resolveDiscountContext({
       paymentSelection,
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eventRequiresPayment,
       ticketsCount
     }),
-    [eventRequiresPayment, paymentSelection, selectedEvent, preSelectedEvent, ticketsCount]
+    [currentEvent, eventRequiresPayment, paymentSelection, ticketsCount]
+  );
+  const fallbackUnitPriceCents = useMemo(
+    () => currentEvent ? publicEventScalarPrice(resolveRuntimeEventPricing(currentEvent)) ?? 0 : 0,
+    [currentEvent]
+  );
+  const ticketSelectionSubtotalCents = useMemo(() => {
+    if (!usesTicketTypeSelections) {
+      return Math.max(0, eligibility?.price ?? fallbackUnitPriceCents * ticketsCount);
+    }
+    return calculateTicketSelectionSubtotal({
+      lines: normalizedSelectedTicketLines,
+      ticketTypes: visibleTicketTypes,
+      fallbackUnitPriceCents
+    });
+  }, [eligibility, fallbackUnitPriceCents, normalizedSelectedTicketLines, ticketsCount, usesTicketTypeSelections, visibleTicketTypes]);
+  const ticketSelectionSummaryLines = useMemo(
+    () => buildTicketSelectionSummaryLines({
+      lines: ticketSelections,
+      ticketTypes: visibleTicketTypes,
+      fallbackLabel: "Ticket",
+      fallbackUnitPriceCents
+    }),
+    [fallbackUnitPriceCents, ticketSelections, visibleTicketTypes]
   );
   const discountSubtotalCents = useMemo(() => {
     if (discountContext?.type !== "event") return void 0;
-    const event = selectedEvent ?? preSelectedEvent;
-    const eventPriceCents = selectedTicketType?.priceAmount ?? eligibility?.price ?? (selectedEventSlidingScale ? selectedSlidingAmount : null) ?? (event ? publicEventScalarPrice(resolveRuntimeEventPricing(event)) : null) ?? 0;
-    return Math.max(0, eventPriceCents * ticketsCount);
-  }, [
-    discountContext,
-    selectedTicketType,
-    eligibility,
-    selectedEvent,
-    preSelectedEvent,
-    selectedEventSlidingScale,
-    selectedSlidingAmount,
-    ticketsCount
-  ]);
+    return ticketSelectionSubtotalCents;
+  }, [discountContext, ticketSelectionSubtotalCents]);
   const discountUi = useDiscountCodeUi({ api, discountContext, subtotalCents: discountSubtotalCents });
   const selectionMethod = paymentSelection.method;
   const shouldShowDiscountToggle = discountContext !== null && discountUi.manualCodeEntryAllowed && (selectionMethod === "stripe" || selectionMethod === "pass_bundle" || selectionMethod === "membership_bundle");
@@ -134683,9 +135319,8 @@ function useEventRegistrationWizard(options) {
     api,
     registrationTarget,
     selectedAttendanceMode,
-    selectedTicketTypeId,
+    ticketSelections,
     selectedSlidingAmount,
-    ticketsCount,
     formData,
     altchaSolution,
     requireGuestDetails,
@@ -134706,12 +135341,12 @@ function useEventRegistrationWizard(options) {
     setSelectedAttendanceMode(
       (event.deliveryMode ?? "in_person") === "hybrid" ? null : (event.deliveryMode ?? "in_person") === "online" ? "online" : "in_person"
     );
-    setSelectedTicketTypeId(null);
+    setSelectedTicketLines([]);
     dispatchFlow({ type: "event-changed", hasPreSelectedContext: true });
   };
   const handleRetry = () => {
     dispatchFlow({ type: "reset", hasPreSelectedContext });
-    setSelectedTicketTypeId(null);
+    setSelectedTicketLines([]);
     setSelectedSlidingAmountInput("");
     setSelectedAttendanceMode(
       preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
@@ -134747,17 +135382,20 @@ function useEventRegistrationWizard(options) {
     setTicketsCount,
     selectedAttendanceMode,
     setSelectedAttendanceMode,
-    selectedTicketTypeId,
-    setSelectedTicketTypeId,
+    ticketSelections,
+    selectedTicketLines: normalizedSelectedTicketLines,
+    setSelectedTicketLines: (lines) => setSelectedTicketLines(normalizeTicketSelectionLines(lines)),
     selectedSlidingAmountInput,
     setSelectedSlidingAmountInput,
     selectedSlidingAmount,
     selectedEventSlidingScale,
     slidingScaleSelectionMessage,
     selectedTicketType,
+    ticketSelectionSummaryLines,
+    ticketSelectionSubtotalCents,
     visibleTicketTypes,
     ticketTypeSelectionRequired,
-    hasValidSelectedTicketType,
+    hasValidTicketSelection,
     eventRequiresPayment,
     formData,
     setFormData,
@@ -161162,10 +161800,92 @@ function SliderField({ path, backend, config }) {
     }
   );
 }
+function InlineTextField({
+  path,
+  backend,
+  config
+}) {
+  const plainTextPath = config.plainTextField ? siblingPath(path, config.plainTextField) : null;
+  return plainTextPath ? /* @__PURE__ */ jsx(LinkedInlineTextField, { path, backend, config, plainTextPath }) : /* @__PURE__ */ jsx(StandaloneInlineTextField, { path, backend, config });
+}
+function StandaloneInlineTextField({
+  path,
+  backend,
+  config
+}) {
+  const { value, error, setValue } = useField(path, backend);
+  const inlineValue = useMemo(
+    () => coerceInlineTextWithFallback(value, void 0),
+    [value]
+  );
+  const plainText = inlineTextToPlainText(inlineValue);
+  return /* @__PURE__ */ jsx(
+    FieldFrame,
+    {
+      fieldPath: path,
+      label: config.label,
+      required: config.required,
+      description: config.description,
+      error: error?.message,
+      children: ({ id }) => /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id,
+          value: plainText,
+          maxLength: config.maxLength,
+          rows: 2,
+          onChange: (event) => {
+            const nextPlainText = event.target.value;
+            setValue(plainTextToInlineText(nextPlainText));
+          }
+        }
+      )
+    }
+  );
+}
+function LinkedInlineTextField({
+  path,
+  backend,
+  config,
+  plainTextPath
+}) {
+  const { value, error, setValue } = useField(path, backend);
+  const plainTextField = useField(plainTextPath, backend);
+  const inlineValue = useMemo(
+    () => coerceInlineTextWithFallback(value, plainTextField.value),
+    [plainTextField.value, value]
+  );
+  const plainText = inlineTextToPlainText(inlineValue);
+  return /* @__PURE__ */ jsx(
+    FieldFrame,
+    {
+      fieldPath: path,
+      label: config.label,
+      required: config.required,
+      description: config.description,
+      error: error?.message,
+      children: ({ id }) => /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id,
+          value: plainText,
+          maxLength: config.maxLength,
+          rows: 2,
+          onChange: (event) => {
+            const nextPlainText = event.target.value;
+            setValue(plainTextToInlineText(nextPlainText));
+            plainTextField.setValue(nextPlainText);
+          }
+        }
+      )
+    }
+  );
+}
 
 // ../block-form/src/registry/widgets.ts
 var WIDGET_COMPONENTS = {
   text: TextField,
+  inlineText: InlineTextField,
   number: NumberField,
   select: SelectField,
   sdkSelect: SdkSelectField,
@@ -162467,6 +163187,914 @@ function EditorChrome({
   ] });
 }
 
+// ../editor/src/inline/domParse.ts
+function parseEditableInlineText(root) {
+  const runs = [];
+  for (const child of Array.from(root.childNodes)) {
+    collectInlineTextRuns(child, [], runs);
+  }
+  return normalizeInlineText(runs);
+}
+function inlineTextToEditableHtml(value) {
+  return normalizeInlineText(value).map(runToHtml).join("");
+}
+function collectInlineTextRuns(node, inheritedMarks, runs) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    const text2 = node.textContent ?? "";
+    if (text2.length === 0) return;
+    const marks = normalizeInlineTextMarks(inheritedMarks);
+    runs.push(marks.length > 0 ? { text: text2, marks } : { text: text2 });
+    return;
+  }
+  if (!(node instanceof HTMLElement)) return;
+  const nextMarks = normalizeInlineTextMarks([...inheritedMarks, ...marksForElement(node)]);
+  for (const child of Array.from(node.childNodes)) {
+    collectInlineTextRuns(child, nextMarks, runs);
+  }
+}
+function marksForElement(element) {
+  const tagName = element.tagName.toLowerCase();
+  const marks = [];
+  if (tagName === "strong" || tagName === "b") marks.push({ kind: "strong" });
+  if (tagName === "em" || tagName === "i") marks.push({ kind: "emphasis" });
+  for (const tone of inlineTextAccentTones) {
+    if (element.classList.contains(`rb-inline-text-accent-${tone}`)) {
+      marks.push({ kind: "accent", tone });
+    }
+  }
+  for (const tone of inlineTextHighlightTones) {
+    if (element.classList.contains(`rb-inline-text-highlight-${tone}`)) {
+      marks.push({ kind: "highlight", tone });
+    }
+  }
+  return marks;
+}
+function runToHtml(run3) {
+  return normalizeInlineTextMarks(run3.marks ?? []).reduceRight(
+    (html, mark) => wrapHtmlWithMark(html, mark),
+    escapeHtml(run3.text)
+  );
+}
+function wrapHtmlWithMark(html, mark) {
+  switch (mark.kind) {
+    case "strong":
+      return `<strong>${html}</strong>`;
+    case "emphasis":
+      return `<em>${html}</em>`;
+    case "accent":
+      return `<span class="rb-inline-text-accent rb-inline-text-accent-${accentClass(mark.tone)}">${html}</span>`;
+    case "highlight":
+      return `<span class="rb-inline-text-highlight rb-inline-text-highlight-${highlightClass(mark.tone)}">${html}</span>`;
+  }
+}
+function accentClass(tone) {
+  return tone;
+}
+function highlightClass(tone) {
+  return tone;
+}
+function escapeHtml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+// ../editor/src/inline/presentation.ts
+var DARK_TOOLBAR_SURFACE = { r: 15, g: 23, b: 42, a: 1 };
+var LIGHT_TOOLBAR_SURFACE = { r: 255, g: 255, b: 255, a: 1 };
+var DARK_TEXT = { r: 15, g: 23, b: 42, a: 1 };
+var LIGHT_TEXT = { r: 255, g: 255, b: 255, a: 1 };
+var UNKNOWN_SURFACE_CANDIDATES = [
+  LIGHT_TOOLBAR_SURFACE,
+  DARK_TOOLBAR_SURFACE
+];
+var MIN_SAMPLE_CONTRAST = 3;
+function defaultInlineTextPresentationContext(tone) {
+  const surface = fallbackSurfaceForToolbarTone(tone);
+  const selectedTextRgba = tone === "dark" ? LIGHT_TEXT : DARK_TEXT;
+  return {
+    surface,
+    selectedTextColor: colorToCss(selectedTextRgba),
+    selectedTextRgba,
+    accentTextRgbaByTone: defaultAccentTextRgbaByTone(selectedTextRgba),
+    typography: {}
+  };
+}
+function readInlineTextPresentationContext(editable, toolbarTone) {
+  const computed = window.getComputedStyle(editable);
+  const selectedTextRgba = parseCssColor(computed.color) ?? fallbackTextColorForTone(toolbarTone);
+  return {
+    surface: readInlineTextSurface(editable, toolbarTone),
+    selectedTextColor: colorToCss(selectedTextRgba),
+    selectedTextRgba,
+    accentTextRgbaByTone: readAccentTextRgbaByTone(editable, selectedTextRgba),
+    typography: {
+      fontFamily: computed.fontFamily,
+      fontSize: computed.fontSize,
+      fontStyle: computed.fontStyle,
+      fontWeight: computed.fontWeight,
+      letterSpacing: computed.letterSpacing,
+      lineHeight: computed.lineHeight,
+      textTransform: computed.textTransform
+    }
+  };
+}
+function buildAccentTonePreview(tone, context) {
+  const textColor = accentColorValue(tone);
+  const textRgba = context.accentTextRgbaByTone[tone] ?? context.selectedTextRgba;
+  return buildPreview({ color: textColor }, textRgba, context);
+}
+function buildHighlightTonePreview(tone, context) {
+  const background = highlightBackgroundValue(tone);
+  return buildPreview(
+    { color: context.selectedTextColor, background },
+    context.selectedTextRgba,
+    context
+  );
+}
+function buildPlainTonePreview(context) {
+  return buildPreview(
+    { color: context.selectedTextColor },
+    context.selectedTextRgba,
+    context
+  );
+}
+function buildPreview(markStyle, textRgba, context) {
+  const surface = previewSurfaceForText(textRgba, context.surface);
+  const textOnSurface = contrastRatio2(textRgba, surface.rgba);
+  const lowContrast = textOnSurface < MIN_SAMPLE_CONTRAST;
+  return {
+    lowContrast,
+    surfaceStyle: {
+      backgroundColor: surface.color
+    },
+    surfaceRgba: surface.rgba,
+    textRgba,
+    textStyle: {
+      ...previewTypography(context.typography),
+      ...markStyle
+    }
+  };
+}
+function inlineTextTonePreviewLooksSame(left, right) {
+  return sameRgba(left.surfaceRgba, right.surfaceRgba) && sameRgba(left.textRgba, right.textRgba) && left.textStyle.background === right.textStyle.background && left.textStyle.backgroundColor === right.textStyle.backgroundColor;
+}
+function previewTypography(typography) {
+  const fontSize = parseCssPixelValue(typography.fontSize);
+  if (fontSize === null || fontSize <= 22) {
+    return typography;
+  }
+  return {
+    ...typography,
+    fontSize: "18px",
+    lineHeight: "1.15"
+  };
+}
+function previewSurfaceForText(textRgba, surface) {
+  if (surface.kind === "block-solid" || surface.kind === "image-overlay") {
+    return surface;
+  }
+  const currentContrast = contrastRatio2(textRgba, surface.rgba);
+  if (currentContrast >= MIN_SAMPLE_CONTRAST) {
+    return surface;
+  }
+  return [surface.rgba, ...UNKNOWN_SURFACE_CANDIDATES].map((candidate) => ({
+    color: colorToCss(candidate),
+    rgba: candidate,
+    contrast: contrastRatio2(textRgba, candidate)
+  })).reduce((best, candidate) => candidate.contrast > best.contrast ? candidate : best);
+}
+function defaultAccentTextRgbaByTone(fallback2) {
+  return Object.fromEntries(
+    inlineTextAccentTones.map((tone) => [tone, fallback2])
+  );
+}
+function readAccentTextRgbaByTone(editable, fallback2) {
+  return Object.fromEntries(
+    inlineTextAccentTones.map((tone) => [
+      tone,
+      resolveCssColor(editable, accentColorValue(tone), "color") ?? fallback2
+    ])
+  );
+}
+function readInlineTextSurface(editable, toolbarTone) {
+  const fallback2 = readThemeFallbackSurface(editable) ?? fallbackSurfaceForToolbarTone(toolbarTone);
+  const block = editable.closest("[data-block]") ?? editable.closest(".rb-section");
+  if (!block) return fallback2;
+  const styleLayer = block.querySelector(".background-style");
+  const overlay = block.querySelector(".background-overlay");
+  const hasImage = Boolean(block.querySelector(".background-image"));
+  const overlayColor = overlay ? readVisibleBackgroundColor(overlay) : null;
+  if (hasImage && overlay && overlayColor) {
+    const opacity = readOpacity(overlay);
+    const composited = opacity < 1 || overlayColor.a < 1 ? compositeColors(overlayColor, fallback2.rgba, opacity) : overlayColor;
+    return {
+      kind: "image-overlay",
+      color: colorToCss(composited),
+      rgba: composited
+    };
+  }
+  if (!hasImage && styleLayer) {
+    const styleLayerColor = readVisibleBackgroundColor(styleLayer, { includeElementOpacity: true });
+    if (styleLayerColor) {
+      return {
+        kind: "block-solid",
+        color: colorToCss(styleLayerColor),
+        rgba: styleLayerColor
+      };
+    }
+  }
+  if (!hasImage) {
+    const blockColor = readVisibleBackgroundColor(block, { includeElementOpacity: true });
+    if (blockColor) {
+      return {
+        kind: "block-solid",
+        color: colorToCss(blockColor),
+        rgba: blockColor
+      };
+    }
+  }
+  return fallback2;
+}
+function readThemeFallbackSurface(root) {
+  const themeScope = root.closest(".theme-scope") ?? root;
+  const computed = window.getComputedStyle(themeScope);
+  const color = readRgbTripletCustomProperty(computed, "--section-bg-color") ?? readRgbTripletCustomProperty(computed, "--tb-background") ?? readRgbTripletCustomProperty(computed, "--tb-surface");
+  return color ? {
+    kind: "theme-fallback",
+    color: colorToCss(color),
+    rgba: color
+  } : null;
+}
+function fallbackSurfaceForToolbarTone(tone) {
+  const rgba = tone === "dark" ? DARK_TOOLBAR_SURFACE : LIGHT_TOOLBAR_SURFACE;
+  return {
+    kind: "toolbar-fallback",
+    color: colorToCss(rgba),
+    rgba
+  };
+}
+function fallbackTextColorForTone(tone) {
+  return tone === "dark" ? LIGHT_TEXT : DARK_TEXT;
+}
+function readVisibleBackgroundColor(element, options = {}) {
+  const computed = window.getComputedStyle(element);
+  if (computed.display === "none" || computed.visibility === "hidden") return null;
+  const color = parseCssColor(computed.backgroundColor);
+  if (!color || color.a === 0) return null;
+  if (!options.includeElementOpacity) return color;
+  const opacity = readOpacity(element);
+  return opacity < 1 ? { ...color, a: color.a * opacity } : color;
+}
+function readOpacity(element) {
+  const opacity = Number.parseFloat(window.getComputedStyle(element).opacity);
+  if (!Number.isFinite(opacity)) return 1;
+  return Math.max(0, Math.min(1, opacity));
+}
+function accentColorValue(tone) {
+  switch (tone) {
+    case "accent":
+      return "rgb(var(--tb-accent))";
+    case "brand":
+      return "rgb(var(--tb-primary))";
+    case "contrast":
+      return "var(--section-text-color, rgb(var(--tb-text)))";
+  }
+}
+function highlightBackgroundValue(tone) {
+  switch (tone) {
+    case "soft":
+      return "color-mix(in oklab, var(--section-text-color, rgb(var(--tb-text))) 14%, transparent)";
+    case "accent":
+      return "color-mix(in oklab, rgb(var(--tb-accent)) 28%, transparent)";
+    case "brand":
+      return "color-mix(in oklab, rgb(var(--tb-primary)) 24%, transparent)";
+  }
+}
+function resolveCssColor(referenceElement, value, property) {
+  if (!referenceElement) return parseCssColor(value);
+  const probe = document.createElement("span");
+  probe.textContent = "";
+  probe.style.position = "absolute";
+  probe.style.pointerEvents = "none";
+  probe.style.visibility = "hidden";
+  probe.style[property] = value;
+  referenceElement.appendChild(probe);
+  const resolved = window.getComputedStyle(probe)[property];
+  probe.remove();
+  return parseCssColor(resolved);
+}
+function readRgbTripletCustomProperty(computed, propertyName) {
+  const value = computed.getPropertyValue(propertyName).trim();
+  const parts = value.split(/\s+/).map((part) => Number.parseFloat(part));
+  const [r4, g2, b2] = parts;
+  if (!isValidRgbChannel(r4) || !isValidRgbChannel(g2) || !isValidRgbChannel(b2)) {
+    return null;
+  }
+  return { r: r4, g: g2, b: b2, a: 1 };
+}
+function parseCssColor(value) {
+  const trimmed = value.trim().toLowerCase();
+  if (!trimmed || trimmed === "transparent") {
+    return { r: 0, g: 0, b: 0, a: 0 };
+  }
+  const hex = parseHexColor(trimmed);
+  if (hex) return hex;
+  const rgbMatch = trimmed.match(/^rgba?\(([^)]+)\)$/);
+  if (!rgbMatch?.[1]) return null;
+  const normalized = rgbMatch[1].replace(/\s*\/\s*/, ", ");
+  const parts = normalized.split(/[,\s]+/).filter(Boolean);
+  const [rawR, rawG, rawB, rawAlpha] = parts;
+  const r4 = parseRgbChannel(rawR);
+  const g2 = parseRgbChannel(rawG);
+  const b2 = parseRgbChannel(rawB);
+  const alpha2 = rawAlpha === void 0 ? 1 : parseAlphaChannel(rawAlpha);
+  if (!isValidRgbChannel(r4) || !isValidRgbChannel(g2) || !isValidRgbChannel(b2)) {
+    return null;
+  }
+  return {
+    r: r4,
+    g: g2,
+    b: b2,
+    a: isValidAlpha(alpha2) ? alpha2 : 1
+  };
+}
+function parseRgbChannel(value) {
+  if (!value) return void 0;
+  return value.endsWith("%") ? Number.parseFloat(value) / 100 * 255 : Number.parseFloat(value);
+}
+function parseAlphaChannel(value) {
+  return value.endsWith("%") ? Number.parseFloat(value) / 100 : Number.parseFloat(value);
+}
+function parseHexColor(value) {
+  const hex = value.startsWith("#") ? value.slice(1) : value;
+  if (!/^[0-9a-f]{3}([0-9a-f]{3})?$/i.test(hex)) return null;
+  const normalized = hex.length === 3 ? hex.split("").map((part) => `${part}${part}`).join("") : hex;
+  return {
+    r: Number.parseInt(normalized.slice(0, 2), 16),
+    g: Number.parseInt(normalized.slice(2, 4), 16),
+    b: Number.parseInt(normalized.slice(4, 6), 16),
+    a: 1
+  };
+}
+function isValidRgbChannel(value) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 && value <= 255;
+}
+function isValidAlpha(value) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 && value <= 1;
+}
+function parseCssPixelValue(value) {
+  if (typeof value !== "string") return null;
+  const match2 = value.trim().match(/^(\d+(?:\.\d+)?)px$/);
+  return match2?.[1] ? Number.parseFloat(match2[1]) : null;
+}
+function sameRgba(left, right) {
+  return Math.abs(left.r - right.r) < 1 && Math.abs(left.g - right.g) < 1 && Math.abs(left.b - right.b) < 1 && Math.abs(left.a - right.a) < 0.01;
+}
+function colorToCss(color) {
+  const r4 = Math.round(color.r);
+  const g2 = Math.round(color.g);
+  const b2 = Math.round(color.b);
+  return color.a < 1 ? `rgba(${r4}, ${g2}, ${b2}, ${color.a})` : `rgb(${r4}, ${g2}, ${b2})`;
+}
+function compositeColors(foreground, background, opacity) {
+  const alpha2 = Math.max(0, Math.min(1, foreground.a * opacity));
+  return {
+    r: foreground.r * alpha2 + background.r * (1 - alpha2),
+    g: foreground.g * alpha2 + background.g * (1 - alpha2),
+    b: foreground.b * alpha2 + background.b * (1 - alpha2),
+    a: 1
+  };
+}
+function contrastRatio2(foreground, background) {
+  const fg = foreground.a < 1 ? compositeColors(foreground, background, 1) : foreground;
+  const bg = background.a < 1 ? compositeColors(background, LIGHT_TOOLBAR_SURFACE, 1) : background;
+  const lighter = Math.max(relativeLuminance2(fg), relativeLuminance2(bg));
+  const darker = Math.min(relativeLuminance2(fg), relativeLuminance2(bg));
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function relativeLuminance2(color) {
+  const r4 = srgbToLinear2(color.r);
+  const g2 = srgbToLinear2(color.g);
+  const b2 = srgbToLinear2(color.b);
+  return 0.2126 * r4 + 0.7152 * g2 + 0.0722 * b2;
+}
+function srgbToLinear2(channel) {
+  const normalized = channel / 255;
+  return normalized <= 0.03928 ? normalized / 12.92 : Math.pow((normalized + 0.055) / 1.055, 2.4);
+}
+function FloatingToolbar({
+  selection,
+  selectedText,
+  tone,
+  presentationContext,
+  openMenu,
+  setOpenMenu,
+  onToggleStrong,
+  onToggleEmphasis,
+  onApplyAccent,
+  onRemoveAccent,
+  onApplyHighlight,
+  onRemoveHighlight
+}) {
+  const { style: style2, placement } = toolbarPlacement(selection.rect, openMenu !== null);
+  const clampedSelectedText = selectedText.trim().length > 0 ? selectedText.trim() : "Selected text";
+  const plainPreview = buildPlainTonePreview(presentationContext);
+  const accentPreviews = inlineTextAccentTones.map((toneOption) => ({
+    toneOption,
+    preview: buildAccentTonePreview(toneOption, presentationContext)
+  })).filter(({ preview }) => !inlineTextTonePreviewLooksSame(preview, plainPreview));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-rb-inline-text-toolbar": true,
+      "data-tone": tone,
+      "data-placement": placement,
+      className: "rb-inline-text-toolbar",
+      style: style2,
+      onMouseDown: (event) => {
+        event.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Bold", title: "Bold", onClick: onToggleStrong, children: /* @__PURE__ */ jsx(Bold, { "aria-hidden": true, size: 16 }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Italic", title: "Italic", onClick: onToggleEmphasis, children: /* @__PURE__ */ jsx(Italic, { "aria-hidden": true, size: 16 }) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Accent color",
+            title: "Accent color",
+            "data-open": openMenu === "accent" ? "true" : void 0,
+            onClick: () => setOpenMenu(openMenu === "accent" ? null : "accent"),
+            children: /* @__PURE__ */ jsx(Palette, { "aria-hidden": true, size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Highlight background",
+            title: "Highlight background",
+            "data-open": openMenu === "highlight" ? "true" : void 0,
+            onClick: () => setOpenMenu(openMenu === "highlight" ? null : "highlight"),
+            children: /* @__PURE__ */ jsx(Highlighter, { "aria-hidden": true, size: 16 })
+          }
+        ),
+        openMenu === "accent" ? /* @__PURE__ */ jsxs(ToneMenu, { label: "Accent color", children: [
+          accentPreviews.map(({ toneOption, preview }) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Apply ${toneOption} accent color`,
+              title: `Apply ${toneOption} accent color`,
+              onClick: () => onApplyAccent(toneOption),
+              children: /* @__PURE__ */ jsx(
+                TonePreview,
+                {
+                  preview,
+                  selectedText: clampedSelectedText
+                }
+              )
+            },
+            toneOption
+          )),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Use plain text color",
+              title: "Use plain text color",
+              onClick: onRemoveAccent,
+              children: /* @__PURE__ */ jsx(
+                TonePreview,
+                {
+                  preview: plainPreview,
+                  selectedText: clampedSelectedText
+                }
+              )
+            }
+          )
+        ] }) : null,
+        openMenu === "highlight" ? /* @__PURE__ */ jsxs(ToneMenu, { label: "Highlight background", children: [
+          inlineTextHighlightTones.map((toneOption) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Apply ${toneOption} highlight background`,
+              title: `Apply ${toneOption} highlight background`,
+              onClick: () => onApplyHighlight(toneOption),
+              children: /* @__PURE__ */ jsx(
+                TonePreview,
+                {
+                  preview: buildHighlightTonePreview(toneOption, presentationContext),
+                  selectedText: clampedSelectedText
+                }
+              )
+            },
+            toneOption
+          )),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Remove highlight background",
+              title: "Remove highlight background",
+              onClick: onRemoveHighlight,
+              children: /* @__PURE__ */ jsx(
+                TonePreview,
+                {
+                  preview: plainPreview,
+                  selectedText: clampedSelectedText
+                }
+              )
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function TonePreview({
+  preview,
+  selectedText
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "rb-inline-text-toolbar-preview",
+      "data-low-contrast": preview.lowContrast ? "true" : void 0,
+      style: preview.surfaceStyle,
+      children: /* @__PURE__ */ jsx("span", { className: "rb-inline-text-toolbar-preview-text", style: preview.textStyle, children: selectedText })
+    }
+  );
+}
+function ToneMenu({ label, children }) {
+  return /* @__PURE__ */ jsx("div", { className: "rb-inline-text-toolbar-menu", role: "menu", "aria-label": label, children });
+}
+function toolbarPlacement(rect, hasOpenMenu) {
+  const toolbarWidth = hasOpenMenu ? 340 : 188;
+  const left = Math.min(
+    Math.max(12, rect.left + rect.width / 2 - toolbarWidth / 2),
+    Math.max(12, window.innerWidth - toolbarWidth - 12)
+  );
+  const aboveTop = rect.top - 48;
+  if (aboveTop < 12) {
+    return {
+      placement: "below",
+      style: { left, top: rect.bottom + 10, width: toolbarWidth }
+    };
+  }
+  return {
+    placement: "above",
+    style: { left, top: aboveTop, width: toolbarWidth }
+  };
+}
+function InlineTextEditorStyles() {
+  return /* @__PURE__ */ jsx("style", { children: `
+      [data-rb-inline-text-editor] {
+        min-width: 1ch;
+        outline: 1px dashed transparent;
+        outline-offset: 3px;
+      }
+
+      [data-rb-inline-text-editor]:hover,
+      [data-rb-inline-text-editor]:focus-visible {
+        outline-color: rgba(148, 163, 184, 0.76);
+      }
+
+      [data-rb-inline-text-editor][data-rb-inline-text-empty="true"]::before {
+        content: attr(data-placeholder);
+        color: rgba(148, 163, 184, 0.82);
+      }
+
+      [data-rb-inline-text-editor] .rb-inline-text-accent,
+      [data-rb-inline-text-editor] .rb-inline-text-highlight {
+        font: inherit;
+        letter-spacing: inherit;
+        text-transform: inherit;
+      }
+
+      .rb-inline-text-toolbar {
+        align-items: center;
+        background: rgba(15, 23, 42, 0.94);
+        border: 1px solid rgba(255, 255, 255, 0.14);
+        border-radius: 8px;
+        box-shadow: 0 18px 44px rgba(15, 23, 42, 0.28);
+        color: white;
+        display: flex;
+        gap: 3px;
+        justify-content: center;
+        padding: 5px;
+        position: fixed;
+        z-index: 80;
+      }
+
+      .rb-inline-text-toolbar[data-tone="light"] {
+        background: rgba(255, 255, 255, 0.98);
+        border-color: rgba(15, 23, 42, 0.14);
+        color: rgb(15, 23, 42);
+      }
+
+      .rb-inline-text-toolbar > button,
+      .rb-inline-text-toolbar-menu > button {
+        align-items: center;
+        background: transparent;
+        border: 0;
+        border-radius: 6px;
+        color: inherit;
+        cursor: pointer;
+        display: inline-flex;
+        font: inherit;
+        justify-content: center;
+        min-height: 30px;
+        min-width: 30px;
+        padding: 5px 7px;
+      }
+
+      .rb-inline-text-toolbar > button:hover,
+      .rb-inline-text-toolbar > button[data-open="true"],
+      .rb-inline-text-toolbar-menu > button:hover {
+        background: rgba(148, 163, 184, 0.22);
+      }
+
+      .rb-inline-text-toolbar-menu {
+        background: inherit;
+        border: inherit;
+        border-radius: 8px;
+        box-shadow: inherit;
+        display: grid;
+        gap: 2px;
+        left: 0;
+        min-width: 100%;
+        padding: 5px;
+        position: absolute;
+        top: calc(100% + 6px);
+      }
+
+      .rb-inline-text-toolbar[data-placement="below"] .rb-inline-text-toolbar-menu {
+        bottom: calc(100% + 6px);
+        top: auto;
+      }
+
+      .rb-inline-text-toolbar-menu > button {
+        justify-content: flex-start;
+        width: 100%;
+        overflow: hidden;
+        text-align: left;
+        white-space: nowrap;
+      }
+
+      .rb-inline-text-toolbar-preview {
+        align-items: center;
+        border: 1px solid rgba(148, 163, 184, 0.32);
+        border-radius: 5px;
+        display: inline-flex;
+        max-width: 100%;
+        width: 100%;
+        min-height: 28px;
+        overflow: hidden;
+        padding: 3px 7px;
+      }
+
+      .rb-inline-text-toolbar-preview[data-low-contrast="true"] {
+        box-shadow:
+          inset 0 0 0 1px rgba(255, 255, 255, 0.52),
+          0 0 0 1px rgba(15, 23, 42, 0.26);
+      }
+
+      .rb-inline-text-toolbar-preview-text {
+        display: inline;
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    ` });
+}
+
+// ../editor/src/inline/selection.ts
+function readSelection(root) {
+  const range = readSelectionRange(root);
+  if (!range || range.start === range.end) return null;
+  return range;
+}
+function readSelectionRange(root) {
+  if (!root) return null;
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount === 0) return null;
+  const range = selection.getRangeAt(0);
+  if (!root.contains(range.commonAncestorContainer)) return null;
+  const startProbe = document.createRange();
+  startProbe.selectNodeContents(root);
+  startProbe.setEnd(range.startContainer, range.startOffset);
+  const start = startProbe.toString().length;
+  const end = start + range.toString().length;
+  return {
+    start: Math.min(start, end),
+    end: Math.max(start, end),
+    rect: range.getBoundingClientRect()
+  };
+}
+function rangeHasMark(value, range, kind) {
+  const start = Math.min(range.start, range.end);
+  const end = Math.max(range.start, range.end);
+  if (start === end) return false;
+  let offset4 = 0;
+  let sawText = false;
+  for (const run3 of normalizeInlineText(value)) {
+    const runStart = offset4;
+    const runEnd = offset4 + run3.text.length;
+    offset4 = runEnd;
+    if (runEnd <= start || runStart >= end) continue;
+    sawText = true;
+    if (!(run3.marks ?? []).some((mark) => mark.kind === kind)) {
+      return false;
+    }
+  }
+  return sawText;
+}
+function InlineTextEditor({
+  value,
+  onChange,
+  as: Comp = "span",
+  id,
+  className,
+  placeholder,
+  maxLength,
+  ariaLabel,
+  ariaDescribedBy,
+  toolbarTone = "dark",
+  onFocus,
+  onBlur
+}) {
+  const editableRef = useRef(null);
+  const initialValue = useMemo(() => truncateInlineText(value, maxLength), [maxLength, value]);
+  const currentValueRef = useRef(initialValue);
+  const [plainText, setPlainText] = useState(() => inlineTextToPlainText(initialValue));
+  const [selection, setSelection] = useState(null);
+  const [presentationContext, setPresentationContext] = useState(() => defaultInlineTextPresentationContext(toolbarTone));
+  const [openMenu, setOpenMenu] = useState(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const syncEditableDom = useCallback((nextValue) => {
+    if (!editableRef.current) return;
+    editableRef.current.innerHTML = inlineTextToEditableHtml(nextValue);
+  }, []);
+  const setEditableRef = useCallback((node) => {
+    if (node && editableRef.current !== node) {
+      node.innerHTML = inlineTextToEditableHtml(currentValueRef.current);
+    }
+    editableRef.current = node;
+  }, []);
+  useEffect(() => {
+    const nextValue = truncateInlineText(value, maxLength);
+    if (inlineTextEqual(nextValue, currentValueRef.current)) return;
+    if (isFocused) return;
+    currentValueRef.current = nextValue;
+    setPlainText(inlineTextToPlainText(nextValue));
+    syncEditableDom(nextValue);
+  }, [isFocused, maxLength, syncEditableDom, value]);
+  const commitValue = useCallback(
+    (nextValue, options = {}) => {
+      const normalized = normalizeInlineText(nextValue);
+      const limited = truncateInlineText(normalized, maxLength);
+      const shouldSyncDom = Boolean(options.syncDom) || !inlineTextEqual(normalized, limited) || limited.length === 0 && (editableRef.current?.innerHTML ?? "").length > 0;
+      const nextPlainText = inlineTextToPlainText(limited);
+      currentValueRef.current = limited;
+      setPlainText((previous) => previous === nextPlainText ? previous : nextPlainText);
+      if (shouldSyncDom) {
+        syncEditableDom(limited);
+      }
+      onChange(limited, nextPlainText);
+    },
+    [maxLength, onChange, syncEditableDom]
+  );
+  const updateSelectionFromDom = useCallback(() => {
+    const editable = editableRef.current;
+    const nextSelection = readSelection(editable);
+    setSelection(nextSelection);
+    if (editable && nextSelection) {
+      setPresentationContext(readInlineTextPresentationContext(editable, toolbarTone));
+    }
+    if (!nextSelection) {
+      setOpenMenu(null);
+    }
+  }, [toolbarTone]);
+  const clearSelectionUi = useCallback(() => {
+    setSelection(null);
+    setOpenMenu(null);
+  }, []);
+  const applyMark = useCallback(
+    (mark) => {
+      if (!selection) return;
+      const nextValue = applyInlineTextMarkToRange(currentValueRef.current, selection, mark);
+      commitValue(nextValue, { syncDom: true });
+      clearSelectionUi();
+    },
+    [clearSelectionUi, commitValue, selection]
+  );
+  const removeMark2 = useCallback(
+    (kind) => {
+      if (!selection) return;
+      const nextValue = removeInlineTextMarkFromRange(currentValueRef.current, selection, kind);
+      commitValue(nextValue, { syncDom: true });
+      clearSelectionUi();
+    },
+    [clearSelectionUi, commitValue, selection]
+  );
+  const toggleMark2 = useCallback(
+    (kind) => {
+      if (!selection) return;
+      if (rangeHasMark(currentValueRef.current, selection, kind)) {
+        removeMark2(kind);
+        return;
+      }
+      applyMark({ kind });
+    },
+    [applyMark, removeMark2, selection]
+  );
+  return /* @__PURE__ */ jsxs("span", { className: "rb-inline-text-editor-root", children: [
+    /* @__PURE__ */ jsx(InlineTextEditorStyles, {}),
+    /* @__PURE__ */ jsx(
+      Comp,
+      {
+        id,
+        ref: setEditableRef,
+        "data-rb-inline-text-editor": true,
+        "data-rb-inline-text-empty": plainText.length === 0 ? "true" : void 0,
+        "data-placeholder": placeholder,
+        contentEditable: true,
+        suppressContentEditableWarning: true,
+        spellCheck: true,
+        role: "textbox",
+        "aria-multiline": "false",
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        className,
+        onInput: (event) => {
+          commitValue(parseEditableInlineText(event.currentTarget));
+          updateSelectionFromDom();
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+          }
+        },
+        onPaste: (event) => {
+          event.preventDefault();
+          const range = readSelectionRange(editableRef.current) ?? selection;
+          const text2 = event.clipboardData.getData("text/plain").replace(/\s+/g, " ");
+          if (!range) {
+            commitValue(plainTextToInlineText(plainText + text2), { syncDom: true });
+            clearSelectionUi();
+            return;
+          }
+          commitValue(
+            replaceInlineTextRange(currentValueRef.current, range, plainTextToInlineText(text2)),
+            { syncDom: true }
+          );
+          clearSelectionUi();
+        },
+        onMouseUp: () => updateSelectionFromDom(),
+        onKeyUp: (event) => {
+          if (event.key === "Escape") {
+            clearSelectionUi();
+            return;
+          }
+          updateSelectionFromDom();
+        },
+        onFocus: () => {
+          setIsFocused(true);
+          onFocus?.();
+        },
+        onBlur: () => {
+          window.setTimeout(() => {
+            const activeElement = document.activeElement;
+            if (activeElement?.closest("[data-rb-inline-text-toolbar]")) return;
+            setIsFocused(false);
+            clearSelectionUi();
+            onBlur?.();
+          }, 0);
+        }
+      }
+    ),
+    selection ? /* @__PURE__ */ jsx(
+      FloatingToolbar,
+      {
+        selection,
+        selectedText: plainText.slice(selection.start, selection.end),
+        tone: toolbarTone,
+        presentationContext,
+        openMenu,
+        setOpenMenu,
+        onToggleStrong: () => toggleMark2("strong"),
+        onToggleEmphasis: () => toggleMark2("emphasis"),
+        onApplyAccent: (tone) => applyMark({ kind: "accent", tone }),
+        onRemoveAccent: () => removeMark2("accent"),
+        onApplyHighlight: (tone) => applyMark({ kind: "highlight", tone }),
+        onRemoveHighlight: () => removeMark2("highlight")
+      }
+    ) : null
+  ] });
+}
+
 // ../../node_modules/.pnpm/orderedmap@2.1.1/node_modules/orderedmap/dist/index.js
 function OrderedMap(content) {
   this.content = content;
@@ -183074,7 +184702,7 @@ function requireUseSyncExternalStoreShim_development() {
         return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2;
       }
       var objectIs = typeof Object.is === "function" ? Object.is : is;
-      var useState95 = React$1.useState, useEffect101 = React$1.useEffect, useLayoutEffect11 = React$1.useLayoutEffect, useDebugValue2 = React$1.useDebugValue;
+      var useState97 = React$1.useState, useEffect102 = React$1.useEffect, useLayoutEffect11 = React$1.useLayoutEffect, useDebugValue2 = React$1.useDebugValue;
       var didWarnOld18Alpha = false;
       var didWarnUncachedGetSnapshot = false;
       function useSyncExternalStore7(subscribe, getSnapshot, getServerSnapshot) {
@@ -183096,7 +184724,7 @@ function requireUseSyncExternalStoreShim_development() {
             }
           }
         }
-        var _useState = useState95({
+        var _useState = useState97({
           inst: {
             value,
             getSnapshot
@@ -183111,7 +184739,7 @@ function requireUseSyncExternalStoreShim_development() {
             });
           }
         }, [subscribe, value, getSnapshot]);
-        useEffect101(function() {
+        useEffect102(function() {
           if (checkIfSnapshotChanged(inst)) {
             forceUpdate({
               inst
@@ -183376,9 +185004,9 @@ function requireWithSelector_development() {
       }
       var objectIs = typeof Object.is === "function" ? Object.is : is;
       var useSyncExternalStore7 = shim2.useSyncExternalStore;
-      var useRef83 = React$1.useRef, useEffect101 = React$1.useEffect, useMemo92 = React$1.useMemo, useDebugValue2 = React$1.useDebugValue;
+      var useRef84 = React$1.useRef, useEffect102 = React$1.useEffect, useMemo95 = React$1.useMemo, useDebugValue2 = React$1.useDebugValue;
       function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-        var instRef = useRef83(null);
+        var instRef = useRef84(null);
         var inst;
         if (instRef.current === null) {
           inst = {
@@ -183389,7 +185017,7 @@ function requireWithSelector_development() {
         } else {
           inst = instRef.current;
         }
-        var _useMemo = useMemo92(function() {
+        var _useMemo = useMemo95(function() {
           var hasMemo = false;
           var memoizedSnapshot;
           var memoizedSelection;
@@ -183433,7 +185061,7 @@ function requireWithSelector_development() {
           return [getSnapshotWithSelector, getServerSnapshotWithSelector];
         }, [getSnapshot, getServerSnapshot, selector, isEqual]), getSelection2 = _useMemo[0], getServerSelection = _useMemo[1];
         var value = useSyncExternalStore7(subscribe, getSelection2, getServerSelection);
-        useEffect101(function() {
+        useEffect102(function() {
           inst.hasValue = true;
           inst.value = value;
         }, [value]);
@@ -184428,6 +186056,52 @@ function moveCaretToEnd(element) {
   selection.removeAllRanges();
   selection.addRange(range);
 }
+function PreviewInlineTextEditor({
+  path,
+  plainTextPath,
+  fallbackPlainText = "",
+  onBlockFieldFocus,
+  className,
+  maxLength,
+  as: Comp = "span"
+}) {
+  const { isEditingMode } = useEditor();
+  const { value, setValue } = useStoreBinding(path);
+  const { value: plainTextValue, setValue: setPlainTextValue } = useStoreBinding(plainTextPath);
+  const [isFocused, setIsFocused] = useState(false);
+  const isLinkedSidebarFocus = useEditorUiStore(
+    (state) => path ? isLinkedSidebarField(path, state.activePreviewField) : false
+  );
+  const editorValue = useMemo(
+    () => coerceInlineTextWithFallback(value, typeof plainTextValue === "string" ? plainTextValue : fallbackPlainText),
+    [fallbackPlainText, plainTextValue, value]
+  );
+  const handleChange = useCallback(
+    (nextValue, plainText) => {
+      setValue(nextValue);
+      setPlainTextValue(plainText);
+    },
+    [setPlainTextValue, setValue]
+  );
+  if (!isEditingMode) return null;
+  return /* @__PURE__ */ jsx(
+    InlineTextEditor,
+    {
+      value: editorValue,
+      onChange: handleChange,
+      as: Comp,
+      maxLength,
+      placeholder: "Add a headline",
+      toolbarTone: "dark",
+      className: `rounded px-1 transition-colors focus:bg-white/10 focus-visible:bg-white/10 ${isLinkedSidebarFocus || isFocused ? "bg-white/5" : ""} ${className ?? ""}`,
+      onFocus: () => {
+        setIsFocused(true);
+        onBlockFieldFocus?.(path);
+      },
+      onBlur: () => setIsFocused(false)
+    }
+  );
+}
 var PreviewRichTextEditorInner = ({
   path,
   linkedEntryField,
@@ -189303,4 +190977,4 @@ lucide-react/dist/esm/lucide-react.mjs:
    *)
 */
 
-export { AMBIENT_BACKGROUND_ROLES2 as AMBIENT_BACKGROUND_ROLES, ArrowDown, ArrowUp, BackgroundColorField, BackgroundGradientField, Badge2 as Badge, BlockApiProvider, Box, Button, CSS2 as CSS, Callout, CalloutDescription, CalloutTitle, Card, CardContent, CardHeader, CardTitle, Check, ChevronDown, ChevronLeft, ChevronRight, Collapsible2 as Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, CommandMultiSelect, Content, ContentFieldsForm, ContentSpinner, Copy, DEFAULT_LAUNCH_READINESS_INPUT, Dialog2 as Dialog, DialogClose2 as DialogClose, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter, DialogHeader, DialogTitle2 as DialogTitle, DndContext, DropdownMenu2 as DropdownMenu, DropdownMenuContent2 as DropdownMenuContent, DropdownMenuItem2 as DropdownMenuItem, DropdownMenuLabel2 as DropdownMenuLabel, DropdownMenuSeparator2 as DropdownMenuSeparator, DropdownMenuTrigger2 as DropdownMenuTrigger, EDITABLE_SURFACE_FORWARDING_PROP, EMPTY_DOC, EditableBlockProvider, EditorChrome, EditorProvider, EllipsisVertical, EmptyState2 as EmptyState, EntryControllerProvider, EyeOff, FieldFrame, FixedBottomSurface, FormRenderer, GRADIENT_PRESETS, GripVertical, Image, ImagePlus, Input, KeyboardCode, LINKED_CONTENT_ENTRY_META_KEY, Label4 as Label, List2 as List, LoaderCircle, ManifestForm, Maximize2, MediaEditor, MediaEditorProvider, MediaPickerDialog, MediaPickerMini, Monitor, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, PUBLIC_FILE_FIELD_KINDS, PageRenderer, Palette, PaletteProvider, Pencil, Plus, PointerSensor, PreviewDesignCoordinatorProvider, PreviewDesignHistoryOrderProvider, PreviewRichTextEditor, PreviewTextEditor, PreviewThemeOverlayProvider, ResizableSplitPane, ResponsiveScope, RichText2 as RichText, RichTextEditorSurface, Root2, RotateCcw, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SITE_CHROME_CLASS_NAMES, SITE_CHROME_VISIBLE_HEADER_SELECTOR, SUBROUTE_KINDS, ScrollableDialogContent, SdkConfigProvider, Search, Select2 as Select, SelectContent2 as SelectContent, SelectItem2 as SelectItem, SelectTrigger2 as SelectTrigger, SelectValue2 as SelectValue, Separator2 as Separator, Settings, SiteChromeCustomizeProvider, SiteDocumentLayout, Smartphone, Sparkles, Surface, Tablet, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Text2 as Text, Textarea, ThemeScope, Trash2, TriangleAlert, Trigger, Upload, X, applyBackgroundOverrideContentPatch, applyCompiledRuntimeFieldsToContent, applyFeatureCardIconSuggestions, applyPageDesignEditorAction, applyResolvedSelections, asDesignBlockId, asRecord, assertNever, assertNever5 as assertNever2, attachRenderableMediaAssetFields, augmentManifestWithStyleGroups, backgroundColorTokens, backgroundOverrideEquals, beginAutosaveBatch, buildApplySiteStyleSelectionBody, buildEditorModelRuntimeFieldsByBlockId, buildSiteChromeLookModels, buildThemeRuntime, buttonPersonalities, canCycleBackgroundOverrideValue, canRedoHistory, canUndoHistory, cancelPreview, classifyHistoryShortcut, classifyKnownMimeType, clearTypographyFontOverrides, clientComponentRegistry, closestCenter, cn, confirmAutosaveBatch, createBlock, createCustomBlockRegistry, createEditorInsertBlockCommand, createEditorRemoveBlockCommand, createEditorReorderBlocksCommand, createEntrySlotBlock, createFeatureCardIconKey, createHistoryState, createManifestFormAdapter, createManifestValidation, createMicrobatcher, createOptimisticActionRunner, createRoutingHelpers, createSnapshotFromPageRecord, createStoreBackend, createStyleConfiguratorState, curatedSiteStyles, cycleSiteChromeLookId, cycleableSiteChromeOptions, decodePublicProductCategorySelectorQuery, defaultBackgroundOverrideForMode, defaultSectionTransitionVariantForFamily, deleteBlock, deleteEntrySlotBlock, deriveLaunchReadiness, deriveRouteMetadataPresentation, deriveStyleConfiguratorCapabilities, deriveTransactionCapabilities, designRuntimeRulesForTheme, dismissNotices, dismissWarnings, emitMediaCropDebug, enabledBackgroundModes, enqueueTransaction, evaluateTypographyFontSlot, evaluateVisibility, expectParsedBrandedId, findButtonPersonality, findFooterLook, findPaletteVariant, findTypographyPreset, foldSubroute, formatSiteChromeBackgroundTokenLabel, getBlockDefinition, getBlockIconSemanticFallbackId, getClientRect, getCuratedSiteStyle, getDirectImageUrlForMediaAsset, getFeatureCardIconCompletion, getFieldIntent, getFooterLayout, getGeneratedBlockIconStyleState, getHeaderLayout, getHeaderStyle, getIconComponent, getIconPickerOptionsForPreset, getLinkedContentEntryMeta, getModalConfig, getPageDesignEditorState, getRichTextImagePositionFromTarget, gradientToCss, idleEditorTransactionQueueState, imagePoolForOverride, inferLegacyOfferingsPreviewGroupOrder, insertOrReplaceRichTextImage, isHeaderField, isIconPickerPreset, isInternalResolvedLinkValue, isKeyboardEvent, isKnownIconName, isNonEmptyValue, isObjectRecord2 as isObjectRecord, isOfferingsPreviewSourceKey, isPreviewingChange, isSupportedLoaderEndpoint, isSvgMimeType, isThemeV2NormalEditorRawStyleFieldName, isThemeV2NormalEditorRawStylePath, listBlockDescriptors, listContentTypes, listEntryPageContentSlots, lucide_react_exports, markApplyFailed, markApplySaved, markApplySaving, mergeBlockDescriptorsWithRegistry, mergeManifestWithSdkOptions, mutateBlockContent, normalEditorCuratedPromotedFieldPaths, normalizeOfferingsPreviewGroupOrder, normalizePickerSearchThreshold, normalizePublicApiLoaderParams, openRow, paletteOverridesSchema, paletteVariants, parseAspectRatioValue, parseBackgroundOverrideFromContent, parseBlockIconValue, parseMediaAssetId, parseSiteIconStyleGuideVersionId, parseSiteId, planBackgroundOverride, planBackgroundTransition, planPageDesignLayoutLookCompatibility, planSiteChromeFooterLayoutSelection, planSiteChromeLookSelection, planSiteDocument, planSiteStylePreviewChange, prefetchBlockData, previewAssistantEnabled, previewButtonPersonality, previewDesignHistoryDomainForCommand, previewFooterLook, previewHeaderLayout, previewHeaderStyle, previewPaletteVariant, previewSiteStyle, previewTypographyPreset, pushHistoryEntry, rankBackgroundImagePoolItems, recoveryConflictCopy, redoHistory, rejectAutosaveBatch, renderBlock, reorderBlocks, reorderEntrySlotBlocks, requireEntriesForCuratedChoices, resolveBackgroundCapability, resolveBlockTitle, resolveContentTitle, resolveIconPickerPreset, resolveImageUrlWithContext, resolveMediaSlotContract, resolveOfferingsPreviewGroupOrderEntries, resolvePageRouteSlug, resolvePickerSelectionLabel, resolvePreviewSidebarTab, resolveStyleConfiguratorInitialSnapshot, resolveVideoSelectionIntentForMediaField, resolveVisiblePromotedFieldPathsForEditorBlock, sectionTransitionFamilies, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionVariantForBoundaryOptionId, selectPreviewDesignHistoryDomain, selectionSnapshotFromApplySiteStyleSelectionResponse, setPaletteOverrides, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, shouldShowPickerSearch, siteFooterManifest, siteHeaderManifest, siteOptionSources, stableSerialize, styleConfiguratorHistoryEntryForPersistedSelection, suggestFeatureCardSemanticIcons, suggestSemanticIconForFeatureCard, surfaceResolutionContextFromTheme, syncStyleConfiguratorState, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetApplyContentPatch, systemCustomizeFacetCurrentValue, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, systemCustomizeFacetRollbackContentPatch, toFeatureCardIconSuggestionInputs, toRoutableLinkPayload, toggleRow, typographyPresets, undoHistory, unfinishedBlockCopy, unsafeAsEditorBlockId, unsafeAsEditorBlockValues, unsafeAsLinkedContentEntryId, useAsyncPickerOptions, useBackendWatch, useBlockContext, useCombinedRefs, useDebouncedLatestSave, useDndContext, useDraggable, useDroppable, useEditor, useEditorUiStore, useEditorUiStoreInstance, useEntryController, useEntryEditorController, useField, useIsomorphicLayoutEffect3 as useIsomorphicLayoutEffect, useMediaEditor, useMediaEditorOptional, useMultiAutosave, useOptionalEditorUiStoreInstance, usePreviewDesignCoordinator, usePreviewDesignHistoryOrder, usePreviewThemeOverlay, useRichTextEditor, useSdkConfig, useSensor, useSensors, useSiteChromeCustomizeOptional, useUISelector, useUniqueId, validateBlockManifestIssues, visibleHeaderClearancePx };
+export { AMBIENT_BACKGROUND_ROLES2 as AMBIENT_BACKGROUND_ROLES, ArrowDown, ArrowUp, BackgroundColorField, BackgroundGradientField, Badge2 as Badge, BlockApiProvider, Box, Button, CSS2 as CSS, Callout, CalloutDescription, CalloutTitle, Card, CardContent, CardHeader, CardTitle, Check, ChevronDown, ChevronLeft, ChevronRight, Collapsible2 as Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, CommandMultiSelect, Content, ContentFieldsForm, ContentSpinner, Copy, DEFAULT_LAUNCH_READINESS_INPUT, Dialog2 as Dialog, DialogClose2 as DialogClose, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter, DialogHeader, DialogTitle2 as DialogTitle, DndContext, DropdownMenu2 as DropdownMenu, DropdownMenuContent2 as DropdownMenuContent, DropdownMenuItem2 as DropdownMenuItem, DropdownMenuLabel2 as DropdownMenuLabel, DropdownMenuSeparator2 as DropdownMenuSeparator, DropdownMenuTrigger2 as DropdownMenuTrigger, EDITABLE_SURFACE_FORWARDING_PROP, EMPTY_DOC, EditableBlockProvider, EditorChrome, EditorProvider, EllipsisVertical, EmptyState2 as EmptyState, EntryControllerProvider, EyeOff, FieldFrame, FixedBottomSurface, FormRenderer, GRADIENT_PRESETS, GripVertical, Image, ImagePlus, InlineTextEditor, Input, KeyboardCode, LINKED_CONTENT_ENTRY_META_KEY, Label4 as Label, List2 as List, LoaderCircle, ManifestForm, Maximize2, MediaEditor, MediaEditorProvider, MediaPickerDialog, MediaPickerMini, Monitor, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, PUBLIC_FILE_FIELD_KINDS, PageRenderer, Palette, PaletteProvider, Pencil, Plus, PointerSensor, PreviewDesignCoordinatorProvider, PreviewDesignHistoryOrderProvider, PreviewInlineTextEditor, PreviewRichTextEditor, PreviewTextEditor, PreviewThemeOverlayProvider, ResizableSplitPane, ResponsiveScope, RichText2 as RichText, RichTextEditorSurface, Root2, RotateCcw, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SITE_CHROME_CLASS_NAMES, SITE_CHROME_VISIBLE_HEADER_SELECTOR, SUBROUTE_KINDS, ScrollableDialogContent, SdkConfigProvider, Search, Select2 as Select, SelectContent2 as SelectContent, SelectItem2 as SelectItem, SelectTrigger2 as SelectTrigger, SelectValue2 as SelectValue, Separator2 as Separator, Settings, SiteChromeCustomizeProvider, SiteDocumentLayout, Smartphone, Sparkles, Surface, Tablet, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Text2 as Text, Textarea, ThemeScope, Trash2, TriangleAlert, Trigger, Upload, X, applyBackgroundOverrideContentPatch, applyCompiledRuntimeFieldsToContent, applyFeatureCardIconSuggestions, applyPageDesignEditorAction, applyResolvedSelections, asDesignBlockId, asRecord, assertNever, assertNever5 as assertNever2, attachRenderableMediaAssetFields, augmentManifestWithStyleGroups, backgroundColorTokens, backgroundOverrideEquals, beginAutosaveBatch, buildApplySiteStyleSelectionBody, buildEditorModelRuntimeFieldsByBlockId, buildSiteChromeLookModels, buildThemeRuntime, buttonPersonalities, canCycleBackgroundOverrideValue, canRedoHistory, canUndoHistory, cancelPreview, classifyHistoryShortcut, classifyKnownMimeType, clearTypographyFontOverrides, clientComponentRegistry, closestCenter, cn, coerceInlineTextWithFallback, confirmAutosaveBatch, createBlock, createCustomBlockRegistry, createEditorInsertBlockCommand, createEditorRemoveBlockCommand, createEditorReorderBlocksCommand, createEntrySlotBlock, createFeatureCardIconKey, createHistoryState, createManifestFormAdapter, createManifestValidation, createMicrobatcher, createOptimisticActionRunner, createRoutingHelpers, createSnapshotFromPageRecord, createStoreBackend, createStyleConfiguratorState, curatedSiteStyles, cycleSiteChromeLookId, cycleableSiteChromeOptions, decodePublicProductCategorySelectorQuery, defaultBackgroundOverrideForMode, defaultSectionTransitionVariantForFamily, deleteBlock, deleteEntrySlotBlock, deriveLaunchReadiness, deriveRouteMetadataPresentation, deriveStyleConfiguratorCapabilities, deriveTransactionCapabilities, designRuntimeRulesForTheme, dismissNotices, dismissWarnings, emitMediaCropDebug, enabledBackgroundModes, enqueueTransaction, evaluateTypographyFontSlot, evaluateVisibility, expectParsedBrandedId, findButtonPersonality, findFooterLook, findPaletteVariant, findTypographyPreset, foldSubroute, formatSiteChromeBackgroundTokenLabel, getAtPath, getBlockDefinition, getBlockIconSemanticFallbackId, getClientRect, getCuratedSiteStyle, getDirectImageUrlForMediaAsset, getFeatureCardIconCompletion, getFieldIntent, getFooterLayout, getGeneratedBlockIconStyleState, getHeaderLayout, getHeaderStyle, getIconComponent, getIconPickerOptionsForPreset, getLinkedContentEntryMeta, getModalConfig, getPageDesignEditorState, getRichTextImagePositionFromTarget, gradientToCss, idleEditorTransactionQueueState, imagePoolForOverride, inferLegacyOfferingsPreviewGroupOrder, inlineTextToPlainText, insertOrReplaceRichTextImage, isHeaderField, isIconPickerPreset, isInlineTextEmpty, isInternalResolvedLinkValue, isKeyboardEvent, isKnownIconName, isNonEmptyValue, isObjectRecord2 as isObjectRecord, isOfferingsPreviewSourceKey, isPreviewingChange, isSupportedLoaderEndpoint, isSvgMimeType, isThemeV2NormalEditorRawStyleFieldName, isThemeV2NormalEditorRawStylePath, listBlockDescriptors, listContentTypes, listEntryPageContentSlots, lucide_react_exports, markApplyFailed, markApplySaved, markApplySaving, mergeBlockDescriptorsWithRegistry, mergeManifestWithSdkOptions, mutateBlockContent, normalEditorCuratedPromotedFieldPaths, normalizeOfferingsPreviewGroupOrder, normalizePickerSearchThreshold, normalizePublicApiLoaderParams, openRow, paletteOverridesSchema, paletteVariants, parseAspectRatioValue, parseBackgroundOverrideFromContent, parseBlockIconValue, parseMediaAssetId, parseSiteIconStyleGuideVersionId, parseSiteId, planBackgroundOverride, planBackgroundTransition, planPageDesignLayoutLookCompatibility, planSiteChromeFooterLayoutSelection, planSiteChromeLookSelection, planSiteDocument, planSiteStylePreviewChange, prefetchBlockData, previewAssistantEnabled, previewButtonPersonality, previewDesignHistoryDomainForCommand, previewFooterLook, previewHeaderLayout, previewHeaderStyle, previewPaletteVariant, previewSiteStyle, previewTypographyPreset, pushHistoryEntry, rankBackgroundImagePoolItems, recoveryConflictCopy, redoHistory, rejectAutosaveBatch, renderBlock, renderInlineText, reorderBlocks, reorderEntrySlotBlocks, requireEntriesForCuratedChoices, resolveBackgroundCapability, resolveBlockTitle, resolveContentTitle, resolveIconPickerPreset, resolveImageUrlWithContext, resolveMediaSlotContract, resolveOfferingsPreviewGroupOrderEntries, resolvePageRouteSlug, resolvePickerSelectionLabel, resolvePreviewSidebarTab, resolveStyleConfiguratorInitialSnapshot, resolveVideoSelectionIntentForMediaField, resolveVisiblePromotedFieldPathsForEditorBlock, sectionTransitionFamilies, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionVariantForBoundaryOptionId, selectPreviewDesignHistoryDomain, selectionSnapshotFromApplySiteStyleSelectionResponse, setPaletteOverrides, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, shouldShowPickerSearch, siblingPath, siteFooterManifest, siteHeaderManifest, siteOptionSources, stableSerialize, styleConfiguratorHistoryEntryForPersistedSelection, suggestFeatureCardSemanticIcons, suggestSemanticIconForFeatureCard, surfaceResolutionContextFromTheme, syncStyleConfiguratorState, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetApplyContentPatch, systemCustomizeFacetCurrentValue, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, systemCustomizeFacetRollbackContentPatch, toFeatureCardIconSuggestionInputs, toRoutableLinkPayload, toggleRow, typographyPresets, undoHistory, unfinishedBlockCopy, unsafeAsEditorBlockId, unsafeAsEditorBlockValues, unsafeAsLinkedContentEntryId, useAsyncPickerOptions, useBackendWatch, useBlockContext, useCombinedRefs, useDebouncedLatestSave, useDndContext, useDraggable, useDroppable, useEditor, useEditorUiStore, useEditorUiStoreInstance, useEntryController, useEntryEditorController, useField, useIsomorphicLayoutEffect3 as useIsomorphicLayoutEffect, useMediaEditor, useMediaEditorOptional, useMultiAutosave, useOptionalEditorUiStoreInstance, usePreviewDesignCoordinator, usePreviewDesignHistoryOrder, usePreviewThemeOverlay, useRichTextEditor, useSdkConfig, useSensor, useSensors, useSiteChromeCustomizeOptional, useUISelector, useUniqueId, validateBlockManifestIssues, visibleHeaderClearancePx };