@getrheo/flow-runtime 1.0.0

package/dist/layers.js

@@ -0,0 +1,257 @@
+import { resolveLocalizedText } from '@getrheo/contracts/localized';
+import { isInputLayer } from '@getrheo/contracts/layers';
+
+// src/brandGradient.ts
+var BRAND_GRADIENT_PREFIX = "$brandGradient:";
+var brandGradientToCss = (g) => {
+  const stops = g.stops.map((s) => `${s.color} ${(s.offset * 100).toFixed(0)}%`).join(", ");
+  if (g.type === "linear") {
+    const angle = g.angle ?? 180;
+    return `linear-gradient(${angle}deg, ${stops})`;
+  }
+  return `radial-gradient(circle, ${stops})`;
+};
+var isBrandGradientToken = (s) => s.startsWith(BRAND_GRADIENT_PREFIX);
+var resolveBrandGradientToken = (branding, token) => {
+  if (!isBrandGradientToken(token)) return void 0;
+  const id = token.slice(BRAND_GRADIENT_PREFIX.length);
+  const preset = branding?.gradientPresets.find((x) => x.id === id);
+  return preset ? brandGradientToCss(preset) : void 0;
+};
+var rawThemedString = (palette, value) => {
+  if (value === void 0) return void 0;
+  if (typeof value === "string") return value;
+  return palette === "dark" ? value.dark ?? value.light : value.light ?? value.dark;
+};
+var brandGradientFromThemedColor = (branding, palette, value) => {
+  const raw = rawThemedString(palette, value);
+  if (raw === void 0 || !isBrandGradientToken(raw)) return void 0;
+  const id = raw.slice(BRAND_GRADIENT_PREFIX.length);
+  return branding?.gradientPresets.find((x) => x.id === id);
+};
+var brandGradientNativeLinear = (g) => {
+  if (g.type !== "linear") return null;
+  const angleDeg = g.angle ?? 180;
+  const \u03B8 = angleDeg * Math.PI / 180;
+  const ux = Math.sin(\u03B8);
+  const uy = -Math.cos(\u03B8);
+  return {
+    colors: g.stops.map((s) => s.color),
+    locations: g.stops.map((s) => s.offset),
+    start: { x: 0.5 - ux * 0.5, y: 0.5 - uy * 0.5 },
+    end: { x: 0.5 + ux * 0.5, y: 0.5 + uy * 0.5 }
+  };
+};
+var brandGradientSolidFallback = (g) => g.stops[0]?.color ?? "#808080";
+var HEX_FOR_GRADIENT = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+var normalizeHexForGradient = (hex) => {
+  const t = hex.trim();
+  if (!HEX_FOR_GRADIENT.test(t)) return t;
+  if (t.length === 4) {
+    const [, r, g, b] = t;
+    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
+  }
+  if (t.length === 9) return t.slice(0, 7).toLowerCase();
+  return t.toLowerCase();
+};
+var clampPct = (n) => Math.min(100, Math.max(0, n));
+var isStoredLinearGradientCss = (s) => /^\s*linear-gradient\s*\(/i.test(s.trim());
+var parseLinearGradientCss = (s) => {
+  const t = s.trim();
+  const head = t.match(/^\s*linear-gradient\s*\(\s*([-0-9.]+)\s*deg\s*,\s*(.*)\)\s*$/is);
+  if (!head) return null;
+  const angleStr = head[1];
+  const innerRaw = head[2];
+  if (angleStr === void 0 || innerRaw === void 0) return null;
+  const angleDeg = Number(angleStr);
+  if (!Number.isFinite(angleDeg)) return null;
+  const inner = innerRaw.trim();
+  if (!inner) return null;
+  const parts = inner.split(/,(?=\s*#)/);
+  const stops = [];
+  for (const part of parts) {
+    const p = part.trim();
+    const m = p.match(/^(#[0-9a-fA-F]{3,8})\s+([-0-9.]+)\s*%$/i);
+    if (!m) return null;
+    const hex = m[1];
+    const offsetStr = m[2];
+    if (hex === void 0 || offsetStr === void 0) return null;
+    const color = normalizeHexForGradient(hex);
+    const offsetPct = Number(offsetStr);
+    if (!Number.isFinite(offsetPct)) return null;
+    if (!HEX_FOR_GRADIENT.test(color)) return null;
+    stops.push({ color, offsetPct });
+  }
+  if (stops.length < 2) return null;
+  return { angleDeg, stops };
+};
+var nativeLinearFromAngleAndStops = (angleDeg, stops) => {
+  const sorted = [...stops].map((s) => ({
+    color: normalizeHexForGradient(s.color),
+    offsetPct: clampPct(Number.isFinite(s.offsetPct) ? s.offsetPct : 0)
+  })).sort((a, b) => a.offsetPct - b.offsetPct);
+  const \u03B8 = angleDeg * Math.PI / 180;
+  const ux = Math.sin(\u03B8);
+  const uy = -Math.cos(\u03B8);
+  return {
+    colors: sorted.map((s) => s.color),
+    locations: sorted.map((s) => s.offsetPct / 100),
+    start: { x: 0.5 - ux * 0.5, y: 0.5 - uy * 0.5 },
+    end: { x: 0.5 + ux * 0.5, y: 0.5 + uy * 0.5 }
+  };
+};
+var walkLayers = (root, fn) => {
+  const visit = (l, depth) => {
+    fn(l, depth);
+    if (l.kind === "stack") l.children.forEach((c) => visit(c, depth + 1));
+    else if (l.kind === "carousel") l.slides.forEach((c) => visit(c, depth + 1));
+    else if (l.kind === "button") l.children.forEach((c) => visit(c, depth + 1));
+    else if (l.kind === "back_button") l.children.forEach((c) => visit(c, depth + 1));
+    else if (l.kind === "hyperlink") l.children.forEach((c) => visit(c, depth + 1));
+    else if (l.kind === "single_choice" || l.kind === "multiple_choice") {
+      l.children.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "text_input" || l.kind === "scale_input") {
+      l.children?.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "oauth_login") {
+      l.children.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "oauth_provider" && l.variant === "custom") {
+      l.children.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "email_password_auth") {
+      l.children.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "email_password_field") {
+      l.children?.forEach((c) => visit(c, depth + 1));
+    } else if (l.kind === "email_password_submit") {
+      l.children.forEach((c) => visit(c, depth + 1));
+    }
+  };
+  visit(root, 0);
+};
+var walkScreen = (screen, fn) => {
+  if (screen.regions.header) walkLayers(screen.regions.header, fn);
+  walkLayers(screen.regions.body, fn);
+  if (screen.regions.footer) walkLayers(screen.regions.footer, fn);
+};
+var findInputLayer = (screen) => {
+  let found = null;
+  walkScreen(screen, (l) => {
+    if (!found && isInputLayer(l)) found = l;
+  });
+  return found;
+};
+var findManualSubmitInputLayer = (screen) => {
+  const input = findInputLayer(screen);
+  if (!input) return null;
+  if (input.kind === "multiple_choice" || input.kind === "text_input" || input.kind === "scale_input") {
+    return input;
+  }
+  return null;
+};
+var screenHasContinueButton = (screen) => {
+  let found = false;
+  walkScreen(screen, (l) => {
+    if (l.kind === "button" && l.action.kind === "continue") found = true;
+  });
+  return found;
+};
+var findOptionStackForChoice = (layer, optionId) => {
+  const binding = layer.optionBindings.find((b) => b.optionId === optionId);
+  if (!binding) return null;
+  const stack = layer.children.find((c) => c.id === binding.rootLayerId);
+  return stack ?? null;
+};
+var choiceOptionLabel = (layer, optionId, locale) => {
+  const stack = findOptionStackForChoice(layer, optionId);
+  if (!stack) return "";
+  let foundText = null;
+  walkLayers(stack, (l) => {
+    if (foundText) return;
+    if (l.kind === "text") foundText = l.text;
+  });
+  if (foundText) return resolveLocalizedText(foundText, locale);
+  return optionId;
+};
+var findLayerById = (screen, id) => {
+  let found = null;
+  walkScreen(screen, (l) => {
+    if (!found && l.id === id) found = l;
+  });
+  return found;
+};
+var collectFieldKeys = (manifest) => {
+  const out = [];
+  for (const screen of manifest.screens) {
+    walkScreen(screen, (l) => {
+      if (isInputLayer(l)) out.push({ fieldKey: l.fieldKey, screenId: screen.id });
+      if (l.kind === "checkbox") out.push({ fieldKey: l.fieldKey, screenId: screen.id });
+      if (l.kind === "email_password_auth") {
+        out.push({ fieldKey: l.fieldKey, screenId: screen.id });
+      }
+    });
+  }
+  return out;
+};
+var nextUniqueFieldKey = (base, used) => {
+  const set = used instanceof Set ? used : new Set(used);
+  if (!set.has(base)) return base;
+  let n = 2;
+  while (set.has(`${base}_${n}`)) n += 1;
+  return `${base}_${n}`;
+};
+var resolveTokens = (theme, value) => {
+  if (value === void 0) return value;
+  if (typeof value !== "string" || !value.startsWith("$")) return value;
+  const key = value.slice(1);
+  const literal = theme?.[key];
+  if (typeof literal === "string") return literal;
+  return value;
+};
+var resolveThemedColor = (theme, palette, value) => {
+  if (value === void 0) return void 0;
+  if (typeof value === "string") return resolveTokens(theme, value);
+  const raw = palette === "dark" ? value.dark ?? value.light : value.light ?? value.dark;
+  if (raw === void 0) return void 0;
+  return resolveTokens(theme, raw);
+};
+var resolveThemedBackground = (theme, branding, palette, value) => {
+  if (value === void 0) return void 0;
+  if (typeof value === "string") {
+    if (value.startsWith("$brandGradient:")) {
+      return resolveBrandGradientToken(branding, value);
+    }
+    return resolveTokens(theme, value);
+  }
+  const raw = palette === "dark" ? value.dark ?? value.light : value.light ?? value.dark;
+  if (raw === void 0) return void 0;
+  if (raw.startsWith("$brandGradient:")) {
+    return resolveBrandGradientToken(branding, raw);
+  }
+  return resolveTokens(theme, raw);
+};
+var nativeBrandBackgroundFromThemedColor = (theme, branding, palette, value) => {
+  const preset = brandGradientFromThemedColor(branding, palette, value);
+  if (preset) {
+    const lin = brandGradientNativeLinear(preset);
+    if (lin) return { linear: lin };
+    return { solid: brandGradientSolidFallback(preset) };
+  }
+  const bg = resolveThemedBackground(theme, branding, palette, value);
+  if (!bg) return {};
+  const parsed = parseLinearGradientCss(bg);
+  if (parsed) {
+    return {
+      linear: nativeLinearFromAngleAndStops(
+        parsed.angleDeg,
+        parsed.stops.map((s) => ({ color: s.color, offsetPct: s.offsetPct }))
+      )
+    };
+  }
+  if (isStoredLinearGradientCss(bg)) {
+    const first = bg.match(/#[0-9a-fA-F]{3,8}/);
+    return { solid: first ? first[0] : "#808080" };
+  }
+  return { solid: bg };
+};
+
+export { choiceOptionLabel, collectFieldKeys, findInputLayer, findLayerById, findManualSubmitInputLayer, findOptionStackForChoice, nativeBrandBackgroundFromThemedColor, nextUniqueFieldKey, resolveThemedBackground, resolveThemedColor, resolveTokens, screenHasContinueButton, walkLayers, walkScreen };
+//# sourceMappingURL=layers.js.map
+//# sourceMappingURL=layers.js.map

package/dist/layers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brandGradient.ts","../src/layers.ts"],"names":[],"mappings":"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","file":"layers.js","sourcesContent":["import type { BrandGradient, Branding } from '@getrheo/contracts/dashboard';\nimport type { ThemedColor } from '@getrheo/contracts/layers';\n\nexport const BRAND_GRADIENT_PREFIX = '$brandGradient:' as const;\n\n/** Serialize a branding gradient preset to a CSS `background` value. */\nexport const brandGradientToCss = (g: BrandGradient): string => {\n  const stops = g.stops.map((s) => `${s.color} ${(s.offset * 100).toFixed(0)}%`).join(', ');\n  if (g.type === 'linear') {\n    const angle = g.angle ?? 180;\n    return `linear-gradient(${angle}deg, ${stops})`;\n  }\n  return `radial-gradient(circle, ${stops})`;\n};\n\nexport const isBrandGradientToken = (s: string): boolean => s.startsWith(BRAND_GRADIENT_PREFIX);\n\n/**\n * Resolve `$brandGradient:<uuid>` using app branding presets.\n * Unknown or missing preset id → `undefined`.\n */\nexport const resolveBrandGradientToken = (\n  branding: Branding | undefined,\n  token: string,\n): string | undefined => {\n  if (!isBrandGradientToken(token)) return undefined;\n  const id = token.slice(BRAND_GRADIENT_PREFIX.length);\n  const preset = branding?.gradientPresets.find((x) => x.id === id);\n  return preset ? brandGradientToCss(preset) : undefined;\n};\n\nconst rawThemedString = (\n  palette: 'light' | 'dark',\n  value: ThemedColor | undefined,\n): string | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === 'string') return value;\n  return palette === 'dark' ? (value.dark ?? value.light) : (value.light ?? value.dark);\n};\n\n/** Resolve a manifest themed color to a branding gradient preset if it references `$brandGradient:`. */\nexport const brandGradientFromThemedColor = (\n  branding: Branding | undefined,\n  palette: 'light' | 'dark',\n  value: ThemedColor | undefined,\n): BrandGradient | undefined => {\n  const raw = rawThemedString(palette, value);\n  if (raw === undefined || !isBrandGradientToken(raw)) return undefined;\n  const id = raw.slice(BRAND_GRADIENT_PREFIX.length);\n  return branding?.gradientPresets.find((x) => x.id === id);\n};\n\n/** Native `LinearGradient` props for linear brand presets; `null` for radial (use solid fallback). */\nexport type BrandGradientNativeLinear = {\n  colors: string[];\n  locations: number[];\n  start: { x: number; y: number };\n  end: { x: number; y: number };\n};\n\nexport const brandGradientNativeLinear = (g: BrandGradient): BrandGradientNativeLinear | null => {\n  if (g.type !== 'linear') return null;\n  const angleDeg = g.angle ?? 180;\n  const θ = (angleDeg * Math.PI) / 180;\n  const ux = Math.sin(θ);\n  const uy = -Math.cos(θ);\n  return {\n    colors: g.stops.map((s) => s.color),\n    locations: g.stops.map((s) => s.offset),\n    start: { x: 0.5 - ux * 0.5, y: 0.5 - uy * 0.5 },\n    end: { x: 0.5 + ux * 0.5, y: 0.5 + uy * 0.5 },\n  };\n};\n\nexport const brandGradientSolidFallback = (g: BrandGradient): string => g.stops[0]?.color ?? '#808080';\n\nconst HEX_FOR_GRADIENT = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\n\n/** Normalize hex for stored CSS gradients (3 → 6 chars; strip alpha channel for 8-char hex). */\nexport const normalizeHexForGradient = (hex: string): string => {\n  const t = hex.trim();\n  if (!HEX_FOR_GRADIENT.test(t)) return t;\n  if (t.length === 4) {\n    const [, r, g, b] = t;\n    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();\n  }\n  if (t.length === 9) return t.slice(0, 7).toLowerCase();\n  return t.toLowerCase();\n};\n\n/** One color stop in a dashboard-authored `linear-gradient(...)` (percent along the axis). */\nexport type LinearGradientStopModel = { color: string; offsetPct: number };\n\nconst clampPct = (n: number): number => Math.min(100, Math.max(0, n));\n\n/** Build canonical `linear-gradient(<deg>deg, #hex <pct>%, ...)` with at least two stops. */\nexport const buildLinearGradientCss = (angleDeg: number, stops: LinearGradientStopModel[]): string => {\n  const a = Number.isFinite(angleDeg) ? angleDeg : 180;\n  const sorted = [...stops]\n    .map((s) => ({\n      offsetPct: clampPct(Number.isFinite(s.offsetPct) ? s.offsetPct : 0),\n      color: normalizeHexForGradient(s.color),\n    }))\n    .sort((x, y) => x.offsetPct - y.offsetPct);\n  if (sorted.length < 2) {\n    throw new Error('linear gradient requires at least 2 color stops');\n  }\n  for (const s of sorted) {\n    if (!HEX_FOR_GRADIENT.test(s.color)) {\n      throw new Error(`invalid gradient stop color: ${s.color}`);\n    }\n  }\n  const body = sorted.map((s) => `${s.color} ${s.offsetPct.toFixed(0)}%`).join(', ');\n  return `linear-gradient(${a}deg, ${body})`;\n};\n\nexport const buildTwoStopLinearGradientCss = (\n  angleDeg: number,\n  color0: string,\n  color1: string,\n): string =>\n  buildLinearGradientCss(angleDeg, [\n    { color: color0, offsetPct: 0 },\n    { color: color1, offsetPct: 100 },\n  ]);\n\nexport const isStoredLinearGradientCss = (s: string): boolean =>\n  /^\\s*linear-gradient\\s*\\(/i.test(s.trim());\n\n/** Parse dashboard-authored linear gradients with hex stops and explicit `%` positions. */\nexport const parseLinearGradientCss = (s: string): { angleDeg: number; stops: LinearGradientStopModel[] } | null => {\n  const t = s.trim();\n  const head = t.match(/^\\s*linear-gradient\\s*\\(\\s*([-0-9.]+)\\s*deg\\s*,\\s*(.*)\\)\\s*$/is);\n  if (!head) return null;\n  const angleStr = head[1];\n  const innerRaw = head[2];\n  if (angleStr === undefined || innerRaw === undefined) return null;\n  const angleDeg = Number(angleStr);\n  if (!Number.isFinite(angleDeg)) return null;\n  const inner = innerRaw.trim();\n  if (!inner) return null;\n  const parts = inner.split(/,(?=\\s*#)/);\n  const stops: LinearGradientStopModel[] = [];\n  for (const part of parts) {\n    const p = part.trim();\n    const m = p.match(/^(#[0-9a-fA-F]{3,8})\\s+([-0-9.]+)\\s*%$/i);\n    if (!m) return null;\n    const hex = m[1];\n    const offsetStr = m[2];\n    if (hex === undefined || offsetStr === undefined) return null;\n    const color = normalizeHexForGradient(hex);\n    const offsetPct = Number(offsetStr);\n    if (!Number.isFinite(offsetPct)) return null;\n    if (!HEX_FOR_GRADIENT.test(color)) return null;\n    stops.push({ color, offsetPct });\n  }\n  if (stops.length < 2) return null;\n  return { angleDeg, stops };\n};\n\nexport const parseTwoStopLinearGradientCss = (\n  s: string,\n): { angleDeg: number; color0: string; color1: string } | null => {\n  const p = parseLinearGradientCss(s);\n  if (!p || p.stops.length !== 2) return null;\n  const sorted = [...p.stops].sort((a, b) => a.offsetPct - b.offsetPct);\n  const s0 = sorted[0];\n  const s1 = sorted[1];\n  if (!s0 || !s1 || s0.offsetPct !== 0 || s1.offsetPct !== 100) return null;\n  return { angleDeg: p.angleDeg, color0: s0.color, color1: s1.color };\n};\n\nexport const nativeLinearFromAngleAndStops = (\n  angleDeg: number,\n  stops: { color: string; offsetPct: number }[],\n): BrandGradientNativeLinear => {\n  const sorted = [...stops]\n    .map((s) => ({\n      color: normalizeHexForGradient(s.color),\n      offsetPct: clampPct(Number.isFinite(s.offsetPct) ? s.offsetPct : 0),\n    }))\n    .sort((a, b) => a.offsetPct - b.offsetPct);\n  const θ = (angleDeg * Math.PI) / 180;\n  const ux = Math.sin(θ);\n  const uy = -Math.cos(θ);\n  return {\n    colors: sorted.map((s) => s.color),\n    locations: sorted.map((s) => s.offsetPct / 100),\n    start: { x: 0.5 - ux * 0.5, y: 0.5 - uy * 0.5 },\n    end: { x: 0.5 + ux * 0.5, y: 0.5 + uy * 0.5 },\n  };\n};\n\nexport const nativeLinearFromAngleAndTwoColors = (\n  angleDeg: number,\n  color0: string,\n  color1: string,\n): BrandGradientNativeLinear =>\n  nativeLinearFromAngleAndStops(angleDeg, [\n    { color: color0, offsetPct: 0 },\n    { color: color1, offsetPct: 100 },\n  ]);\n","import type { Branding } from '@getrheo/contracts/dashboard';\nimport type { FlowManifest, Theme } from '@getrheo/contracts/manifest';\nimport type { Screen } from '@getrheo/contracts/screens';\nimport {\n  brandGradientFromThemedColor,\n  brandGradientNativeLinear,\n  brandGradientSolidFallback,\n  isStoredLinearGradientCss,\n  nativeLinearFromAngleAndStops,\n  parseLinearGradientCss,\n  resolveBrandGradientToken,\n  type BrandGradientNativeLinear,\n} from './brandGradient';\nimport type {\n  InputLayer,\n  Layer,\n  MultipleChoiceLayer,\n  ScaleInputLayer,\n  SingleChoiceLayer,\n  StackLayer,\n  TextInputLayer,\n  ThemedColor,\n} from '@getrheo/contracts/layers';\nimport type { LocalizedText } from '@getrheo/contracts/localized';\nimport { resolveLocalizedText } from '@getrheo/contracts/localized';\nimport { isInputLayer } from '@getrheo/contracts/layers';\n\n/** Walk a layer tree depth-first. */\nexport const walkLayers = (root: Layer, fn: (l: Layer, depth: number) => void): void => {\n  const visit = (l: Layer, depth: number): void => {\n    fn(l, depth);\n    if (l.kind === 'stack') l.children.forEach((c) => visit(c, depth + 1));\n    else if (l.kind === 'carousel') l.slides.forEach((c) => visit(c, depth + 1));\n    else if (l.kind === 'button') l.children.forEach((c) => visit(c, depth + 1));\n    else if (l.kind === 'back_button') l.children.forEach((c) => visit(c, depth + 1));\n    else if (l.kind === 'hyperlink') l.children.forEach((c) => visit(c, depth + 1));\n    else if (l.kind === 'single_choice' || l.kind === 'multiple_choice') {\n      l.children.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'text_input' || l.kind === 'scale_input') {\n      l.children?.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'oauth_login') {\n      l.children.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'oauth_provider' && l.variant === 'custom') {\n      l.children.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'email_password_auth') {\n      l.children.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'email_password_field') {\n      l.children?.forEach((c) => visit(c, depth + 1));\n    } else if (l.kind === 'email_password_submit') {\n      l.children.forEach((c) => visit(c, depth + 1));\n    }\n  };\n  visit(root, 0);\n};\n\n/** Walk every layer in a screen's regions (header → body → footer). */\nexport const walkScreen = (screen: Screen, fn: (l: Layer) => void): void => {\n  if (screen.regions.header) walkLayers(screen.regions.header, fn);\n  walkLayers(screen.regions.body, fn);\n  if (screen.regions.footer) walkLayers(screen.regions.footer, fn);\n};\n\n/** Find the screen's lone input layer (if any). Schema enforces ≤1. */\nexport const findInputLayer = (screen: Screen): InputLayer | null => {\n  let found: InputLayer | null = null;\n  walkScreen(screen, (l) => {\n    if (!found && isInputLayer(l)) found = l;\n  });\n  return found;\n};\n\n/** Input kinds that use a screen draft and require an explicit Continue to submit. */\nexport const findManualSubmitInputLayer = (\n  screen: Screen,\n): MultipleChoiceLayer | TextInputLayer | ScaleInputLayer | null => {\n  const input = findInputLayer(screen);\n  if (!input) return null;\n  if (input.kind === 'multiple_choice' || input.kind === 'text_input' || input.kind === 'scale_input') {\n    return input;\n  }\n  return null;\n};\n\n/**\n * Whether the screen contains any Button layer that submits the screen\n * (i.e. `action.kind === 'continue'`). Used by input layers to decide\n * between auto-submit-on-tap (legacy behaviour for choice-only screens)\n * and writing into the screen-level draft for a Button to submit.\n */\nexport const screenHasContinueButton = (screen: Screen): boolean => {\n  let found = false;\n  walkScreen(screen, (l) => {\n    if (l.kind === 'button' && l.action.kind === 'continue') found = true;\n  });\n  return found;\n};\n\n/**\n * Resolve a choice layer's option stack by stable optionId via its\n * binding. Returns null when the binding is missing or the bound child\n * was removed (manifest validation rejects that, but runtime stays safe).\n */\nexport const findOptionStackForChoice = (\n  layer: SingleChoiceLayer | MultipleChoiceLayer,\n  optionId: string,\n): StackLayer | null => {\n  const binding = layer.optionBindings.find((b) => b.optionId === optionId);\n  if (!binding) return null;\n  const stack = layer.children.find((c) => c.id === binding.rootLayerId);\n  return stack ?? null;\n};\n\n/**\n * Best-effort textual label for a choice option, used by interpolation\n * (e.g. `{{ goal }}` rendering the chosen option's label) and by editor\n * surfaces that show option rows. Walks the option's child subtree\n * depth-first and returns the first `text` layer's content; falls back\n * to the option's stable id when no text is present.\n */\nexport const choiceOptionLabel = (\n  layer: SingleChoiceLayer | MultipleChoiceLayer,\n  optionId: string,\n  locale: string,\n): string => {\n  const stack = findOptionStackForChoice(layer, optionId);\n  if (!stack) return '';\n  let foundText: LocalizedText | null = null;\n  walkLayers(stack, (l) => {\n    if (foundText) return;\n    if (l.kind === 'text') foundText = l.text;\n  });\n  if (foundText) return resolveLocalizedText(foundText, locale);\n  return optionId;\n};\n\n/** Find a layer in a screen by id, including nested children/slides. */\nexport const findLayerById = (screen: Screen, id: string): Layer | null => {\n  let found: Layer | null = null;\n  walkScreen(screen, (l) => {\n    if (!found && l.id === id) found = l;\n  });\n  return found;\n};\n\n/** Collect all input fieldKeys across a manifest. */\nexport const collectFieldKeys = (manifest: FlowManifest): { fieldKey: string; screenId: string }[] => {\n  const out: { fieldKey: string; screenId: string }[] = [];\n  for (const screen of manifest.screens) {\n    walkScreen(screen as unknown as Screen, (l) => {\n      if (isInputLayer(l)) out.push({ fieldKey: l.fieldKey, screenId: screen.id });\n      if (l.kind === 'checkbox') out.push({ fieldKey: l.fieldKey, screenId: screen.id });\n      if (l.kind === 'email_password_auth') {\n        out.push({ fieldKey: l.fieldKey, screenId: screen.id });\n      }\n    });\n  }\n  return out;\n};\n\n/**\n * Pick a snake_case field key starting from `base` that is not in `used`\n * (e.g. `text` → `text_2` → `text_3` when `text` is taken).\n */\nexport const nextUniqueFieldKey = (base: string, used: Iterable<string>): string => {\n  const set = used instanceof Set ? used : new Set(used);\n  if (!set.has(base)) return base;\n  let n = 2;\n  while (set.has(`${base}_${n}`)) n += 1;\n  return `${base}_${n}`;\n};\n\n/**\n * Resolve a token reference like `$primary` to a literal value from `theme`.\n * Pass-through for non-token strings; returns undefined for `undefined`.\n */\nexport const resolveTokens = <T extends string | undefined>(\n  theme: Theme | undefined,\n  value: T,\n): T | string => {\n  if (value === undefined) return value;\n  if (typeof value !== 'string' || !value.startsWith('$')) return value;\n  const key = value.slice(1) as keyof Theme;\n  const literal = theme?.[key];\n  if (typeof literal === 'string') return literal;\n  return value;\n};\n\n/**\n * Resolve a layer color for the current appearance (`light` | `dark`).\n * Plain string uses `resolveTokens` for both modes (legacy). Object form\n * picks `light` / `dark` with fallback to the other key when one is omitted.\n */\nexport const resolveThemedColor = (\n  theme: Theme | undefined,\n  palette: 'light' | 'dark',\n  value: ThemedColor | undefined,\n): string | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === 'string') return resolveTokens(theme, value) as string;\n  const raw = palette === 'dark' ? (value.dark ?? value.light) : (value.light ?? value.dark);\n  if (raw === undefined) return undefined;\n  return resolveTokens(theme, raw) as string;\n};\n\n/**\n * Resolve a themed value used for CSS `background` (or RN background fill).\n * Supports `$brandGradient:<uuid>` when branding presets are provided; other values match {@link resolveThemedColor}.\n */\nexport const resolveThemedBackground = (\n  theme: Theme | undefined,\n  branding: Branding | undefined,\n  palette: 'light' | 'dark',\n  value: ThemedColor | undefined,\n): string | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === 'string') {\n    if (value.startsWith('$brandGradient:')) {\n      return resolveBrandGradientToken(branding, value);\n    }\n    return resolveTokens(theme, value) as string;\n  }\n  const raw = palette === 'dark' ? (value.dark ?? value.light) : (value.light ?? value.dark);\n  if (raw === undefined) return undefined;\n  if (raw.startsWith('$brandGradient:')) {\n    return resolveBrandGradientToken(branding, raw);\n  }\n  return resolveTokens(theme, raw) as string;\n};\n\nexport const nativeBrandBackgroundFromThemedColor = (\n  theme: Theme | undefined,\n  branding: Branding | undefined,\n  palette: 'light' | 'dark',\n  value: ThemedColor | undefined,\n): { solid?: string; linear?: BrandGradientNativeLinear } => {\n  const preset = brandGradientFromThemedColor(branding, palette, value);\n  if (preset) {\n    const lin = brandGradientNativeLinear(preset);\n    if (lin) return { linear: lin };\n    return { solid: brandGradientSolidFallback(preset) };\n  }\n  const bg = resolveThemedBackground(theme, branding, palette, value) as string | undefined;\n  if (!bg) return {};\n  const parsed = parseLinearGradientCss(bg);\n  if (parsed) {\n    return {\n      linear: nativeLinearFromAngleAndStops(\n        parsed.angleDeg,\n        parsed.stops.map((s) => ({ color: s.color, offsetPct: s.offsetPct })),\n      ),\n    };\n  }\n  if (isStoredLinearGradientCss(bg)) {\n    const first = bg.match(/#[0-9a-fA-F]{3,8}/);\n    return { solid: first ? first[0] : '#808080' };\n  }\n  return { solid: bg };\n};\n"]}

package/dist/layout/index.d.ts

@@ -0,0 +1,57 @@
+import { WidthValue, CommonLayoutHeight, LayerKind, LoaderLayer, CommonStyle } from '@getrheo/contracts/layers';
+import { FlowManifest } from '@getrheo/contracts/manifest';
+
+type AuthoringLayoutDefaults = {
+    width: WidthValue;
+    height: CommonLayoutHeight;
+};
+/** Explicit width/height for new layers (inspector always shows a selected mode). */
+declare const defaultLayoutStyleForKind: (kind: LayerKind) => AuthoringLayoutDefaults | null;
+declare const mergeLayoutDefaultsIntoStyle: <T extends Record<string, unknown>>(kind: LayerKind, style: T | undefined) => T;
+
+/** Minimal shape every layer satisfies: `kind` plus optional layout fields. */
+type LayerLike = {
+    kind?: unknown;
+    style?: unknown;
+    gap?: unknown;
+    variant?: unknown;
+};
+/**
+ * Backfill explicit sizing for a single layer based on its kind: `width`/
+ * `height` axis modes, per-kind child spacing (`gap`), and feedback scalar
+ * dimensions. Existing values always win; kinds without a default (e.g.
+ * `carousel`) are left untouched. Loose-typed so it runs on validated `Layer`
+ * trees and on JSON-shaped layers (pre-validation AI / import).
+ */
+declare const applyLayoutDefaultsToLayerInPlace: (layer: LayerLike) => void;
+/**
+ * Backfill explicit sizing for a layer and its descendants in place.
+ * Recursion mirrors the manifest migrate tree walk (stack/button/back_button/
+ * carousel/choice/input/oauth/email-password/hyperlink children).
+ */
+declare const normalizeLayerLayoutInPlace: (layer: Record<string, unknown>) => void;
+/** Backfill explicit sizing across a manifest's screens, in place. */
+declare const normalizeManifestLayoutInPlace: (manifest: FlowManifest) => void;
+
+/** Bar thickness (px) for a linear progress bar when `style.height` is omitted. */
+declare const DEFAULT_PROGRESS_LINEAR_HEIGHT_PX = 6;
+/** Bar thickness (px) for a linear loader when `style.height` is omitted. */
+declare const DEFAULT_LOADER_LINEAR_HEIGHT_PX = 6;
+/** Diameter (px) for a circular loader when `style.width`/`style.height` are omitted. */
+declare const DEFAULT_LOADER_CIRCULAR_SIZE_PX = 48;
+/** Ring thickness (px) for a circular loader when `style.strokeWidth` is omitted. */
+declare const DEFAULT_LOADER_STROKE_WIDTH_PX = 4;
+declare const defaultGapForLayerKind: (kind: LayerKind) => number | null;
+/**
+ * Explicit scalar dimensions for feedback layers (progress / loader) whose
+ * sizing lives directly on `style` as pixel values. Used by ingress
+ * normalization to backfill omitted dimensions and by the inspector to show
+ * the effective size. Renderers keep their own safety nets via the resolvers
+ * in `responsive/layerResolve`.
+ */
+declare const defaultFeedbackStyleScalars: (kind: "progress" | "loader", variant?: LoaderLayer["variant"]) => Partial<CommonStyle> | null;
+
+/** Whether a stack should grow on the parent stack main axis (web/RN StackView parity with SwiftUI). */
+declare const stackMainAxisFillHeight: (height: CommonLayoutHeight | undefined) => boolean;
+
+export { type AuthoringLayoutDefaults, DEFAULT_LOADER_CIRCULAR_SIZE_PX, DEFAULT_LOADER_LINEAR_HEIGHT_PX, DEFAULT_LOADER_STROKE_WIDTH_PX, DEFAULT_PROGRESS_LINEAR_HEIGHT_PX, applyLayoutDefaultsToLayerInPlace, defaultFeedbackStyleScalars, defaultGapForLayerKind, defaultLayoutStyleForKind, mergeLayoutDefaultsIntoStyle, normalizeLayerLayoutInPlace, normalizeManifestLayoutInPlace, stackMainAxisFillHeight };

package/dist/layout/index.js

@@ -0,0 +1,151 @@
+// src/layout/scalarLayoutDefaults.ts
+var DEFAULT_PROGRESS_LINEAR_HEIGHT_PX = 6;
+var DEFAULT_LOADER_LINEAR_HEIGHT_PX = 6;
+var DEFAULT_LOADER_CIRCULAR_SIZE_PX = 48;
+var DEFAULT_LOADER_STROKE_WIDTH_PX = 4;
+var GAP_BY_KIND = {
+  stack: 12,
+  single_choice: 8,
+  multiple_choice: 8,
+  oauth_login: 8,
+  email_password_auth: 8,
+  email_password_submit: 8,
+  button: 8,
+  back_button: 8,
+  oauth_provider: 8,
+  hyperlink: 0
+};
+var defaultGapForLayerKind = (kind) => GAP_BY_KIND[kind] ?? null;
+var defaultFeedbackStyleScalars = (kind, variant) => {
+  if (kind === "progress") {
+    return { height: DEFAULT_PROGRESS_LINEAR_HEIGHT_PX };
+  }
+  if (variant === "circular") {
+    return {
+      width: DEFAULT_LOADER_CIRCULAR_SIZE_PX,
+      height: DEFAULT_LOADER_CIRCULAR_SIZE_PX,
+      strokeWidth: DEFAULT_LOADER_STROKE_WIDTH_PX
+    };
+  }
+  return { height: DEFAULT_LOADER_LINEAR_HEIGHT_PX };
+};
+
+// src/layout/authoringLayoutDefaults.ts
+var LAYOUT_FULL_HUG = { width: "full", height: "auto" };
+var LAYOUT_FULL_FILL = { width: "full", height: "fill" };
+var LAYOUT_HUG_HUG = { width: "auto", height: "auto" };
+var LAYOUT_FULL_FIXED_H160 = { width: "full", height: 160 };
+var LAYOUT_PROGRESS = {
+  width: "full",
+  height: DEFAULT_PROGRESS_LINEAR_HEIGHT_PX
+};
+var LAYOUT_LOADER_LINEAR = {
+  width: "full",
+  height: DEFAULT_LOADER_LINEAR_HEIGHT_PX
+};
+var defaultLayoutStyleForKind = (kind) => {
+  switch (kind) {
+    case "stack":
+      return LAYOUT_FULL_FILL;
+    case "text":
+    case "counter":
+      return LAYOUT_HUG_HUG;
+    case "hyperlink":
+      return LAYOUT_HUG_HUG;
+    case "image":
+    case "lottie":
+    case "video":
+      return LAYOUT_FULL_FIXED_H160;
+    case "icon":
+      return LAYOUT_HUG_HUG;
+    case "button":
+    case "back_button":
+    case "oauth_provider":
+    case "email_password_submit":
+      return LAYOUT_FULL_HUG;
+    case "text_input":
+    case "scale_input":
+    case "email_password_auth":
+    case "email_password_field":
+    case "oauth_login":
+      return LAYOUT_FULL_FILL;
+    case "progress":
+      return LAYOUT_PROGRESS;
+    case "loader":
+      return LAYOUT_LOADER_LINEAR;
+    case "checkbox":
+    case "single_choice":
+    case "multiple_choice":
+      return LAYOUT_FULL_HUG;
+    case "carousel":
+      return null;
+    default:
+      return null;
+  }
+};
+var mergeLayoutDefaultsIntoStyle = (kind, style) => {
+  const defaults = defaultLayoutStyleForKind(kind);
+  if (!defaults) return style ?? {};
+  return { ...defaults, ...style };
+};
+
+// src/layout/normalizeLayerLayout.ts
+var isObj = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var applyAxisDefaultsInPlace = (layer, kind) => {
+  const current = isObj(layer.style) ? layer.style : void 0;
+  if (kind === "loader" && layer.variant === "circular") {
+    const feedback = defaultFeedbackStyleScalars("loader", "circular");
+    layer.style = { ...feedback, ...current ?? {} };
+    return;
+  }
+  if (!defaultLayoutStyleForKind(kind)) return;
+  layer.style = mergeLayoutDefaultsIntoStyle(kind, current);
+};
+var applyGapDefaultInPlace = (layer, kind) => {
+  const gapDefault = defaultGapForLayerKind(kind);
+  if (gapDefault === null) return;
+  if (kind === "oauth_provider" && layer.variant !== "custom") return;
+  if (layer.gap === void 0) layer.gap = gapDefault;
+};
+var applyLayoutDefaultsToLayerInPlace = (layer) => {
+  if (typeof layer.kind !== "string") return;
+  const kind = layer.kind;
+  applyAxisDefaultsInPlace(layer, kind);
+  applyGapDefaultInPlace(layer, kind);
+};
+var recurseChildren = (parent, key) => {
+  const kids = parent[key];
+  if (!Array.isArray(kids)) return;
+  for (const child of kids) {
+    if (isObj(child)) normalizeLayerLayoutInPlace(child);
+  }
+};
+var normalizeLayerLayoutInPlace = (layer) => {
+  applyLayoutDefaultsToLayerInPlace(layer);
+  const kind = layer.kind;
+  if (kind === "carousel") {
+    recurseChildren(layer, "slides");
+    return;
+  }
+  recurseChildren(layer, "children");
+};
+var normalizeManifestLayoutInPlace = (manifest) => {
+  const screens = manifest.screens;
+  if (!Array.isArray(screens)) return;
+  for (const screen of screens) {
+    if (!isObj(screen)) continue;
+    const regions = screen.regions;
+    if (!isObj(regions)) continue;
+    for (const key of ["header", "body", "footer"]) {
+      const region = regions[key];
+      if (isObj(region)) normalizeLayerLayoutInPlace(region);
+    }
+  }
+};
+
+// src/layout/stackFlexGrow.ts
+var stackMainAxisFillHeight = (height) => height === "fill" || height === "full";
+
+export { DEFAULT_LOADER_CIRCULAR_SIZE_PX, DEFAULT_LOADER_LINEAR_HEIGHT_PX, DEFAULT_LOADER_STROKE_WIDTH_PX, DEFAULT_PROGRESS_LINEAR_HEIGHT_PX, applyLayoutDefaultsToLayerInPlace, defaultFeedbackStyleScalars, defaultGapForLayerKind, defaultLayoutStyleForKind, mergeLayoutDefaultsIntoStyle, normalizeLayerLayoutInPlace, normalizeManifestLayoutInPlace, stackMainAxisFillHeight };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/scalarLayoutDefaults.ts","../../src/layout/authoringLayoutDefaults.ts","../../src/layout/normalizeLayerLayout.ts","../../src/layout/stackFlexGrow.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { CommonStyle, LayerKind, LoaderLayer } from '@getrheo/contracts/layers';\n\n/** Bar thickness (px) for a linear progress bar when `style.height` is omitted. */\nexport const DEFAULT_PROGRESS_LINEAR_HEIGHT_PX = 6;\n/** Bar thickness (px) for a linear loader when `style.height` is omitted. */\nexport const DEFAULT_LOADER_LINEAR_HEIGHT_PX = 6;\n/** Diameter (px) for a circular loader when `style.width`/`style.height` are omitted. */\nexport const DEFAULT_LOADER_CIRCULAR_SIZE_PX = 48;\n/** Ring thickness (px) for a circular loader when `style.strokeWidth` is omitted. */\nexport const DEFAULT_LOADER_STROKE_WIDTH_PX = 4;\n\n/**\n * Standard child spacing (px) for kinds that lay out children in a flex\n * container. Mirrors the authoring defaults in `createLayer*` and the\n * historical renderer fallbacks (`?? 8` / `?? 0`). Kinds without a `gap`\n * field, or where spacing does not apply, are absent (→ `null`).\n */\nconst GAP_BY_KIND: Partial<Record<LayerKind, number>> = {\n  stack: 12,\n  single_choice: 8,\n  multiple_choice: 8,\n  oauth_login: 8,\n  email_password_auth: 8,\n  email_password_submit: 8,\n  button: 8,\n  back_button: 8,\n  oauth_provider: 8,\n  hyperlink: 0,\n};\n\nexport const defaultGapForLayerKind = (kind: LayerKind): number | null =>\n  GAP_BY_KIND[kind] ?? null;\n\n/**\n * Explicit scalar dimensions for feedback layers (progress / loader) whose\n * sizing lives directly on `style` as pixel values. Used by ingress\n * normalization to backfill omitted dimensions and by the inspector to show\n * the effective size. Renderers keep their own safety nets via the resolvers\n * in `responsive/layerResolve`.\n */\nexport const defaultFeedbackStyleScalars = (\n  kind: 'progress' | 'loader',\n  variant?: LoaderLayer['variant'],\n): Partial<CommonStyle> | null => {\n  if (kind === 'progress') {\n    return { height: DEFAULT_PROGRESS_LINEAR_HEIGHT_PX };\n  }\n  if (variant === 'circular') {\n    return {\n      width: DEFAULT_LOADER_CIRCULAR_SIZE_PX,\n      height: DEFAULT_LOADER_CIRCULAR_SIZE_PX,\n      strokeWidth: DEFAULT_LOADER_STROKE_WIDTH_PX,\n    };\n  }\n  return { height: DEFAULT_LOADER_LINEAR_HEIGHT_PX };\n};\n","import type { CommonLayoutHeight, LayerKind, WidthValue } from '@getrheo/contracts/layers';\nimport {\n  DEFAULT_LOADER_LINEAR_HEIGHT_PX,\n  DEFAULT_PROGRESS_LINEAR_HEIGHT_PX,\n} from './scalarLayoutDefaults';\n\nexport type AuthoringLayoutDefaults = {\n  width: WidthValue;\n  height: CommonLayoutHeight;\n};\n\nconst LAYOUT_FULL_HUG: AuthoringLayoutDefaults = { width: 'full', height: 'auto' };\nconst LAYOUT_FULL_FILL: AuthoringLayoutDefaults = { width: 'full', height: 'fill' };\nconst LAYOUT_HUG_HUG: AuthoringLayoutDefaults = { width: 'auto', height: 'auto' };\nconst LAYOUT_FULL_FIXED_H160: AuthoringLayoutDefaults = { width: 'full', height: 160 };\n// Feedback bars span their container width but use a fixed px thickness; the\n// circular loader's square sizing is handled by `defaultFeedbackStyleScalars`.\nconst LAYOUT_PROGRESS: AuthoringLayoutDefaults = {\n  width: 'full',\n  height: DEFAULT_PROGRESS_LINEAR_HEIGHT_PX,\n};\nconst LAYOUT_LOADER_LINEAR: AuthoringLayoutDefaults = {\n  width: 'full',\n  height: DEFAULT_LOADER_LINEAR_HEIGHT_PX,\n};\n\n/** Explicit width/height for new layers (inspector always shows a selected mode). */\nexport const defaultLayoutStyleForKind = (kind: LayerKind): AuthoringLayoutDefaults | null => {\n  switch (kind) {\n    case 'stack':\n      return LAYOUT_FULL_FILL;\n    case 'text':\n    case 'counter':\n      return LAYOUT_HUG_HUG;\n    case 'hyperlink':\n      return LAYOUT_HUG_HUG;\n    case 'image':\n    case 'lottie':\n    case 'video':\n      return LAYOUT_FULL_FIXED_H160;\n    case 'icon':\n      return LAYOUT_HUG_HUG;\n    case 'button':\n    case 'back_button':\n    case 'oauth_provider':\n    case 'email_password_submit':\n      return LAYOUT_FULL_HUG;\n    case 'text_input':\n    case 'scale_input':\n    case 'email_password_auth':\n    case 'email_password_field':\n    case 'oauth_login':\n      return LAYOUT_FULL_FILL;\n    case 'progress':\n      return LAYOUT_PROGRESS;\n    case 'loader':\n      return LAYOUT_LOADER_LINEAR;\n    case 'checkbox':\n    case 'single_choice':\n    case 'multiple_choice':\n      return LAYOUT_FULL_HUG;\n    case 'carousel':\n      return null;\n    default:\n      return null;\n  }\n};\n\nexport const mergeLayoutDefaultsIntoStyle = <T extends Record<string, unknown>>(\n  kind: LayerKind,\n  style: T | undefined,\n): T => {\n  const defaults = defaultLayoutStyleForKind(kind);\n  if (!defaults) return (style ?? {}) as T;\n  return { ...defaults, ...style } as unknown as T;\n};\n","import type { LayerKind } from '@getrheo/contracts/layers';\nimport type { FlowManifest } from '@getrheo/contracts/manifest';\nimport { defaultLayoutStyleForKind, mergeLayoutDefaultsIntoStyle } from './authoringLayoutDefaults';\nimport { defaultFeedbackStyleScalars, defaultGapForLayerKind } from './scalarLayoutDefaults';\n\n/** Minimal shape every layer satisfies: `kind` plus optional layout fields. */\ntype LayerLike = { kind?: unknown; style?: unknown; gap?: unknown; variant?: unknown };\n\nconst isObj = (v: unknown): v is Record<string, unknown> =>\n  typeof v === 'object' && v !== null && !Array.isArray(v);\n\n/** Backfill explicit `width`/`height` (and circular-loader scalars). */\nconst applyAxisDefaultsInPlace = (layer: LayerLike, kind: LayerKind): void => {\n  const current = isObj(layer.style) ? layer.style : undefined;\n  if (kind === 'loader' && layer.variant === 'circular') {\n    const feedback = defaultFeedbackStyleScalars('loader', 'circular');\n    layer.style = { ...feedback, ...(current ?? {}) };\n    return;\n  }\n  if (!defaultLayoutStyleForKind(kind)) return;\n  layer.style = mergeLayoutDefaultsIntoStyle(kind, current);\n};\n\n/** Backfill the per-kind child spacing default when `gap` is omitted. */\nconst applyGapDefaultInPlace = (layer: LayerLike, kind: LayerKind): void => {\n  const gapDefault = defaultGapForLayerKind(kind);\n  if (gapDefault === null) return;\n  // Preset OAuth provider rows have no `gap` field; only custom rows do.\n  if (kind === 'oauth_provider' && layer.variant !== 'custom') return;\n  if (layer.gap === undefined) layer.gap = gapDefault;\n};\n\n/**\n * Backfill explicit sizing for a single layer based on its kind: `width`/\n * `height` axis modes, per-kind child spacing (`gap`), and feedback scalar\n * dimensions. Existing values always win; kinds without a default (e.g.\n * `carousel`) are left untouched. Loose-typed so it runs on validated `Layer`\n * trees and on JSON-shaped layers (pre-validation AI / import).\n */\nexport const applyLayoutDefaultsToLayerInPlace = (layer: LayerLike): void => {\n  if (typeof layer.kind !== 'string') return;\n  const kind = layer.kind as LayerKind;\n  applyAxisDefaultsInPlace(layer, kind);\n  applyGapDefaultInPlace(layer, kind);\n};\n\nconst recurseChildren = (parent: Record<string, unknown>, key: 'children' | 'slides'): void => {\n  const kids = parent[key];\n  if (!Array.isArray(kids)) return;\n  for (const child of kids) {\n    if (isObj(child)) normalizeLayerLayoutInPlace(child);\n  }\n};\n\n/**\n * Backfill explicit sizing for a layer and its descendants in place.\n * Recursion mirrors the manifest migrate tree walk (stack/button/back_button/\n * carousel/choice/input/oauth/email-password/hyperlink children).\n */\nexport const normalizeLayerLayoutInPlace = (layer: Record<string, unknown>): void => {\n  applyLayoutDefaultsToLayerInPlace(layer as LayerLike);\n  const kind = layer.kind;\n  if (kind === 'carousel') {\n    recurseChildren(layer, 'slides');\n    return;\n  }\n  // Every other container kind nests under `children`; non-containers have none.\n  recurseChildren(layer, 'children');\n};\n\n/** Backfill explicit sizing across a manifest's screens, in place. */\nexport const normalizeManifestLayoutInPlace = (manifest: FlowManifest): void => {\n  const screens = (manifest as { screens?: unknown }).screens;\n  if (!Array.isArray(screens)) return;\n  for (const screen of screens) {\n    if (!isObj(screen)) continue;\n    const regions = screen.regions;\n    if (!isObj(regions)) continue;\n    for (const key of ['header', 'body', 'footer'] as const) {\n      const region = regions[key];\n      if (isObj(region)) normalizeLayerLayoutInPlace(region);\n    }\n  }\n};\n","import type { CommonLayoutHeight } from '@getrheo/contracts/layers';\n\n/** Whether a stack should grow on the parent stack main axis (web/RN StackView parity with SwiftUI). */\nexport const stackMainAxisFillHeight = (\n  height: CommonLayoutHeight | undefined,\n): boolean => height === 'fill' || height === 'full';\n"]}

package/dist/manifestBillingSlice.d.ts

@@ -0,0 +1,17 @@
+import { FlowManifest } from '@getrheo/contracts/manifest';
+
+/** Deep clone manifest JSON shape for SDK responses. */
+declare const cloneManifestForBillingSlice: (m: FlowManifest) => FlowManifest;
+/** Removes per-screen animation clips (timeline / transitions). */
+declare const stripManifestAnimations: (manifest: FlowManifest) => FlowManifest;
+/** Removes screen clips, stagger defaults, and per-layer resting motion. */
+declare const stripManifestMotion: (manifest: FlowManifest) => FlowManifest;
+/** Drops `translations` on every LocalizedText-shaped object; trims locales list to default only. */
+declare const collapseManifestToDefaultLocaleOnly: (manifest: FlowManifest) => FlowManifest;
+declare const manifestHasScreenAnimations: (manifest: FlowManifest) => boolean;
+/** True when manifest carries locale variants editors expect Grow+ for. */
+declare const manifestUsesTranslationsBeyondDefault: (manifest: FlowManifest) => boolean;
+/** True when manifest includes an external integration step with a concrete provider (Grow+). */
+declare const manifestUsesExternalIntegrations: (manifest: FlowManifest) => boolean;
+
+export { cloneManifestForBillingSlice, collapseManifestToDefaultLocaleOnly, manifestHasScreenAnimations, manifestUsesExternalIntegrations, manifestUsesTranslationsBeyondDefault, stripManifestAnimations, stripManifestMotion };