@getrheo/flow-runtime 1.0.0

package/dist/brandGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brandGradient.ts"],"names":[],"mappings":"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","file":"brandGradient.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"]}

package/dist/brandGradientManifestIssues.d.ts

@@ -0,0 +1,11 @@
+import { Branding } from '@getrheo/contracts/dashboard';
+import { FlowManifest } from '@getrheo/contracts/manifest';
+import { ManifestValidationIssue } from './validation.js';
+import '@getrheo/contracts';
+
+/**
+ * Non-schema checks: `$brandGradient:` is only valid on background-like fields; optional unknown-id check when `branding` is set.
+ */
+declare const collectBrandGradientManifestIssues: (manifest: FlowManifest, branding: Branding | undefined) => ManifestValidationIssue[];
+
+export { collectBrandGradientManifestIssues };

package/dist/brandGradientManifestIssues.js

@@ -0,0 +1,302 @@
+import '@getrheo/contracts/localized';
+import '@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 isStoredLinearGradientCss = (s) => /^\s*linear-gradient\s*\(/i.test(s.trim());
+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);
+};
+
+// src/brandGradientManifestIssues.ts
+var BP_KEYS = ["sm", "md", "lg", "xl", "2xl"];
+var themedStrings = (tc) => {
+  if (tc === void 0) return [];
+  if (typeof tc === "string") return [tc];
+  const out = [];
+  if (tc.light !== void 0) out.push(tc.light);
+  if (tc.dark !== void 0) out.push(tc.dark);
+  return out;
+};
+var pushIssue = (issues, stepId, layerId, field, message, code) => {
+  issues.push({
+    stepId,
+    path: ["screens", stepId, layerId, field],
+    message,
+    code
+  });
+};
+var checkThemed = (issues, stepId, layerId, field, tc, allowGradient, branding) => {
+  for (const s of themedStrings(tc)) {
+    if (isBrandGradientToken(s)) {
+      if (!allowGradient) {
+        pushIssue(
+          issues,
+          stepId,
+          layerId,
+          field,
+          `Brand gradient presets can only be used on background fills (not ${field}).`,
+          "brand_gradient.disallowed_field"
+        );
+        return;
+      }
+      if (branding !== void 0 && resolveBrandGradientToken(branding, s) === void 0) {
+        pushIssue(
+          issues,
+          stepId,
+          layerId,
+          field,
+          `Brand gradient preset not found: ${s}`,
+          "brand_gradient.unknown_preset"
+        );
+      }
+      continue;
+    }
+    if (isStoredLinearGradientCss(s)) {
+      if (!allowGradient) {
+        pushIssue(
+          issues,
+          stepId,
+          layerId,
+          field,
+          `CSS linear gradients can only be used on background fills in v1 (not ${field}).`,
+          "brand_gradient.linear_css_disallowed_field"
+        );
+        return;
+      }
+    }
+  }
+};
+var checkCommon = (issues, stepId, layerId, fieldPrefix, s, branding) => {
+  if (!s) return;
+  checkThemed(issues, stepId, layerId, `${fieldPrefix}background`, s.background, true, branding);
+  checkThemed(issues, stepId, layerId, `${fieldPrefix}border.color`, s.border?.color, false, branding);
+  checkThemed(issues, stepId, layerId, `${fieldPrefix}shadow.color`, s.shadow?.color, false, branding);
+};
+var checkTextLike = (issues, stepId, layerId, fieldPrefix, s, branding) => {
+  if (!s) return;
+  checkCommon(issues, stepId, layerId, fieldPrefix, s, branding);
+  checkThemed(issues, stepId, layerId, `${fieldPrefix}color`, s.color, false, branding);
+};
+var walkCommonBreakpoints = (issues, stepId, layerId, base, breakpoints, branding) => {
+  checkCommon(issues, stepId, layerId, "style.", base, branding);
+  if (!breakpoints) return;
+  for (const k of BP_KEYS) {
+    const patch = breakpoints[k];
+    if (patch) checkCommon(issues, stepId, layerId, `styleBreakpoints.${k}.`, patch, branding);
+  }
+};
+var walkTextBreakpoints = (issues, stepId, layerId, base, breakpoints, branding) => {
+  checkTextLike(issues, stepId, layerId, "style.", base, branding);
+  if (!breakpoints) return;
+  for (const k of BP_KEYS) {
+    const patch = breakpoints[k];
+    if (patch) checkTextLike(issues, stepId, layerId, `styleBreakpoints.${k}.`, patch, branding);
+  }
+};
+var checkCheckboxGlyph = (issues, stepId, layerId, suffix, g, branding) => {
+  if (!g) return;
+  const p = suffix ? `${suffix}.` : "";
+  checkThemed(issues, stepId, layerId, `${p}background`, g.background, true, branding);
+  checkThemed(issues, stepId, layerId, `${p}border.color`, g.border?.color, false, branding);
+  checkThemed(issues, stepId, layerId, `${p}shadow.color`, g.shadow?.color, false, branding);
+  checkThemed(issues, stepId, layerId, `${p}checkColor`, g.checkColor, false, branding);
+};
+var checkCarouselPageControl = (issues, stepId, layerId, pc, branding) => {
+  if (!pc) return;
+  const ind = pc.indicators;
+  if (ind) {
+    checkThemed(issues, stepId, layerId, "pageControl.indicators.defaultColor", ind.defaultColor, false, branding);
+    checkThemed(issues, stepId, layerId, "pageControl.indicators.activeColor", ind.activeColor, false, branding);
+    checkThemed(issues, stepId, layerId, "pageControl.indicators.border.color", ind.border?.color, false, branding);
+    checkThemed(
+      issues,
+      stepId,
+      layerId,
+      "pageControl.indicators.activeBorder.color",
+      ind.activeBorder?.color,
+      false,
+      branding
+    );
+  }
+  checkThemed(issues, stepId, layerId, "pageControl.border.color", pc.border?.color, false, branding);
+  checkThemed(issues, stepId, layerId, "pageControl.shadow.color", pc.shadow?.color, false, branding);
+};
+var scanLayer = (issues, screen, layer, branding) => {
+  const stepId = screen.id;
+  const id = layer.id;
+  switch (layer.kind) {
+    case "stack":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      checkCommon(issues, stepId, id, "selectedStyle.", layer.selectedStyle, branding);
+      return;
+    case "text":
+      walkTextBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "image":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "lottie":
+    case "video":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "icon": {
+      const base = layer.style;
+      checkCommon(issues, stepId, id, "style.", base, branding);
+      checkThemed(issues, stepId, id, "style.color", base?.color, false, branding);
+      const bp = layer.styleBreakpoints;
+      if (bp) {
+        for (const k of BP_KEYS) {
+          const patch = bp[k];
+          if (!patch) continue;
+          checkCommon(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);
+          checkThemed(issues, stepId, id, `styleBreakpoints.${k}.color`, patch.color, false, branding);
+        }
+      }
+      return;
+    }
+    case "button":
+    case "back_button": {
+      const base = layer.style;
+      checkTextLike(issues, stepId, id, "style.", base, branding);
+      const bp = layer.styleBreakpoints;
+      if (bp) {
+        for (const k of BP_KEYS) {
+          const patch = bp[k];
+          if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);
+        }
+      }
+      return;
+    }
+    case "hyperlink":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "progress":
+      checkCommon(issues, stepId, id, "style.", layer.style, branding);
+      checkThemed(issues, stepId, id, "trackColor", layer.trackColor, false, branding);
+      checkThemed(issues, stepId, id, "fillColor", layer.fillColor, false, branding);
+      return;
+    case "loader":
+      checkCommon(issues, stepId, id, "style.", layer.style, branding);
+      checkThemed(issues, stepId, id, "trackColor", layer.trackColor, false, branding);
+      checkThemed(issues, stepId, id, "fillColor", layer.fillColor, false, branding);
+      return;
+    case "counter":
+      walkTextBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "checkbox":
+      checkCheckboxGlyph(issues, stepId, id, "uncheckedStyle", layer.uncheckedStyle, branding);
+      checkCheckboxGlyph(issues, stepId, id, "checkedStyle", layer.checkedStyle, branding);
+      return;
+    case "carousel":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, void 0, branding);
+      checkCarouselPageControl(issues, stepId, id, layer.pageControl, branding);
+      return;
+    case "single_choice":
+    case "multiple_choice":
+      return;
+    case "text_input":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, void 0, branding);
+      return;
+    case "scale_input":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, void 0, branding);
+      checkThemed(issues, stepId, id, "labelStyle.color", layer.labelStyle?.color, false, branding);
+      checkThemed(issues, stepId, id, "valueStyle.color", layer.valueStyle?.color, false, branding);
+      checkThemed(issues, stepId, id, "trackColor", layer.trackColor, false, branding);
+      checkThemed(issues, stepId, id, "fillColor", layer.fillColor, false, branding);
+      checkThemed(issues, stepId, id, "thumbColor", layer.thumbColor, false, branding);
+      return;
+    case "oauth_login":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "oauth_provider":
+      if (layer.variant === "preset") {
+        walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      } else {
+        const base = layer.style;
+        checkTextLike(issues, stepId, id, "style.", base, branding);
+        const bp = layer.styleBreakpoints;
+        if (bp) {
+          for (const k of BP_KEYS) {
+            const patch = bp[k];
+            if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);
+          }
+        }
+      }
+      return;
+    case "email_password_auth":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "email_password_field":
+      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);
+      return;
+    case "email_password_submit": {
+      const base = layer.style;
+      checkTextLike(issues, stepId, id, "style.", base, branding);
+      const bp = layer.styleBreakpoints;
+      if (bp) {
+        for (const k of BP_KEYS) {
+          const patch = bp[k];
+          if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);
+        }
+      }
+      return;
+    }
+    default:
+      return;
+  }
+};
+var collectBrandGradientManifestIssues = (manifest, branding) => {
+  const issues = [];
+  for (const screen of manifest.screens) {
+    walkScreen(screen, (layer) => scanLayer(issues, screen, layer, branding));
+  }
+  return issues;
+};
+
+export { collectBrandGradientManifestIssues };
+//# sourceMappingURL=brandGradientManifestIssues.js.map
+//# sourceMappingURL=brandGradientManifestIssues.js.map

package/dist/brandGradientManifestIssues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brandGradient.ts","../src/layers.ts","../src/brandGradientManifestIssues.ts"],"names":[],"mappings":"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","file":"brandGradientManifestIssues.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","import type { Branding } from '@getrheo/contracts/dashboard';\nimport type { FlowManifest } from '@getrheo/contracts/manifest';\nimport type {\n  CarouselPageControl,\n  CheckboxGlyphStyle,\n  CommonStyle,\n  Layer,\n  TextStyle,\n  ThemedColor,\n} from '@getrheo/contracts/layers';\nimport type { Screen } from '@getrheo/contracts/screens';\nimport type { ManifestValidationIssue } from './validation';\nimport { isBrandGradientToken, isStoredLinearGradientCss, resolveBrandGradientToken } from './brandGradient';\nimport { walkScreen } from './layers';\n\nconst BP_KEYS = ['sm', 'md', 'lg', 'xl', '2xl'] as const;\n\nconst themedStrings = (tc: ThemedColor | undefined): string[] => {\n  if (tc === undefined) return [];\n  if (typeof tc === 'string') return [tc];\n  const out: string[] = [];\n  if (tc.light !== undefined) out.push(tc.light);\n  if (tc.dark !== undefined) out.push(tc.dark);\n  return out;\n};\n\nconst pushIssue = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  field: string,\n  message: string,\n  code: string,\n): void => {\n  issues.push({\n    stepId,\n    path: ['screens', stepId, layerId, field],\n    message,\n    code,\n  });\n};\n\nconst checkThemed = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  field: string,\n  tc: ThemedColor | undefined,\n  allowGradient: boolean,\n  branding: Branding | undefined,\n): void => {\n  for (const s of themedStrings(tc)) {\n    if (isBrandGradientToken(s)) {\n      if (!allowGradient) {\n        pushIssue(\n          issues,\n          stepId,\n          layerId,\n          field,\n          `Brand gradient presets can only be used on background fills (not ${field}).`,\n          'brand_gradient.disallowed_field',\n        );\n        return;\n      }\n      if (branding !== undefined && resolveBrandGradientToken(branding, s) === undefined) {\n        pushIssue(\n          issues,\n          stepId,\n          layerId,\n          field,\n          `Brand gradient preset not found: ${s}`,\n          'brand_gradient.unknown_preset',\n        );\n      }\n      continue;\n    }\n    if (isStoredLinearGradientCss(s)) {\n      if (!allowGradient) {\n        pushIssue(\n          issues,\n          stepId,\n          layerId,\n          field,\n          `CSS linear gradients can only be used on background fills in v1 (not ${field}).`,\n          'brand_gradient.linear_css_disallowed_field',\n        );\n        return;\n      }\n    }\n  }\n};\n\nconst checkCommon = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  fieldPrefix: string,\n  s: CommonStyle | undefined,\n  branding: Branding | undefined,\n): void => {\n  if (!s) return;\n  checkThemed(issues, stepId, layerId, `${fieldPrefix}background`, s.background, true, branding);\n  checkThemed(issues, stepId, layerId, `${fieldPrefix}border.color`, s.border?.color, false, branding);\n  checkThemed(issues, stepId, layerId, `${fieldPrefix}shadow.color`, s.shadow?.color, false, branding);\n};\n\nconst checkTextLike = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  fieldPrefix: string,\n  s: TextStyle | undefined,\n  branding: Branding | undefined,\n): void => {\n  if (!s) return;\n  checkCommon(issues, stepId, layerId, fieldPrefix, s, branding);\n  checkThemed(issues, stepId, layerId, `${fieldPrefix}color`, s.color, false, branding);\n};\n\nconst walkCommonBreakpoints = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  base: CommonStyle | undefined,\n  breakpoints:\n    | Partial<Record<(typeof BP_KEYS)[number], Partial<CommonStyle> | undefined>>\n    | undefined,\n  branding: Branding | undefined,\n): void => {\n  checkCommon(issues, stepId, layerId, 'style.', base, branding);\n  if (!breakpoints) return;\n  for (const k of BP_KEYS) {\n    const patch = breakpoints[k];\n    if (patch) checkCommon(issues, stepId, layerId, `styleBreakpoints.${k}.`, patch, branding);\n  }\n};\n\nconst walkTextBreakpoints = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  base: TextStyle | undefined,\n  breakpoints:\n    | Partial<Record<(typeof BP_KEYS)[number], Partial<TextStyle> | undefined>>\n    | undefined,\n  branding: Branding | undefined,\n): void => {\n  checkTextLike(issues, stepId, layerId, 'style.', base, branding);\n  if (!breakpoints) return;\n  for (const k of BP_KEYS) {\n    const patch = breakpoints[k];\n    if (patch) checkTextLike(issues, stepId, layerId, `styleBreakpoints.${k}.`, patch, branding);\n  }\n};\n\nconst checkCheckboxGlyph = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  suffix: string,\n  g: CheckboxGlyphStyle | undefined,\n  branding: Branding | undefined,\n): void => {\n  if (!g) return;\n  const p = suffix ? `${suffix}.` : '';\n  checkThemed(issues, stepId, layerId, `${p}background`, g.background, true, branding);\n  checkThemed(issues, stepId, layerId, `${p}border.color`, g.border?.color, false, branding);\n  checkThemed(issues, stepId, layerId, `${p}shadow.color`, g.shadow?.color, false, branding);\n  checkThemed(issues, stepId, layerId, `${p}checkColor`, g.checkColor, false, branding);\n};\n\nconst checkCarouselPageControl = (\n  issues: ManifestValidationIssue[],\n  stepId: string,\n  layerId: string,\n  pc: CarouselPageControl | undefined,\n  branding: Branding | undefined,\n): void => {\n  if (!pc) return;\n  const ind = pc.indicators;\n  if (ind) {\n    checkThemed(issues, stepId, layerId, 'pageControl.indicators.defaultColor', ind.defaultColor, false, branding);\n    checkThemed(issues, stepId, layerId, 'pageControl.indicators.activeColor', ind.activeColor, false, branding);\n    checkThemed(issues, stepId, layerId, 'pageControl.indicators.border.color', ind.border?.color, false, branding);\n    checkThemed(\n      issues,\n      stepId,\n      layerId,\n      'pageControl.indicators.activeBorder.color',\n      ind.activeBorder?.color,\n      false,\n      branding,\n    );\n  }\n  checkThemed(issues, stepId, layerId, 'pageControl.border.color', pc.border?.color, false, branding);\n  checkThemed(issues, stepId, layerId, 'pageControl.shadow.color', pc.shadow?.color, false, branding);\n};\n\nconst scanLayer = (issues: ManifestValidationIssue[], screen: Screen, layer: Layer, branding: Branding | undefined) => {\n  const stepId = screen.id;\n  const id = layer.id;\n\n  switch (layer.kind) {\n    case 'stack':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      checkCommon(issues, stepId, id, 'selectedStyle.', layer.selectedStyle, branding);\n      return;\n    case 'text':\n      walkTextBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'image':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'lottie':\n    case 'video':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'icon': {\n      const base = layer.style;\n      checkCommon(issues, stepId, id, 'style.', base, branding);\n      checkThemed(issues, stepId, id, 'style.color', base?.color, false, branding);\n      const bp = layer.styleBreakpoints;\n      if (bp) {\n        for (const k of BP_KEYS) {\n          const patch = bp[k];\n          if (!patch) continue;\n          checkCommon(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);\n          checkThemed(issues, stepId, id, `styleBreakpoints.${k}.color`, patch.color, false, branding);\n        }\n      }\n      return;\n    }\n    case 'button':\n    case 'back_button': {\n      const base = layer.style;\n      checkTextLike(issues, stepId, id, 'style.', base, branding);\n      const bp = layer.styleBreakpoints;\n      if (bp) {\n        for (const k of BP_KEYS) {\n          const patch = bp[k];\n          if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);\n        }\n      }\n      return;\n    }\n    case 'hyperlink':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'progress':\n      checkCommon(issues, stepId, id, 'style.', layer.style, branding);\n      checkThemed(issues, stepId, id, 'trackColor', layer.trackColor, false, branding);\n      checkThemed(issues, stepId, id, 'fillColor', layer.fillColor, false, branding);\n      return;\n    case 'loader':\n      checkCommon(issues, stepId, id, 'style.', layer.style, branding);\n      checkThemed(issues, stepId, id, 'trackColor', layer.trackColor, false, branding);\n      checkThemed(issues, stepId, id, 'fillColor', layer.fillColor, false, branding);\n      return;\n    case 'counter':\n      walkTextBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'checkbox':\n      checkCheckboxGlyph(issues, stepId, id, 'uncheckedStyle', layer.uncheckedStyle, branding);\n      checkCheckboxGlyph(issues, stepId, id, 'checkedStyle', layer.checkedStyle, branding);\n      return;\n    case 'carousel':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, undefined, branding);\n      checkCarouselPageControl(issues, stepId, id, layer.pageControl, branding);\n      return;\n    case 'single_choice':\n    case 'multiple_choice':\n      return;\n    case 'text_input':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, undefined, branding);\n      return;\n    case 'scale_input':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, undefined, branding);\n      checkThemed(issues, stepId, id, 'labelStyle.color', layer.labelStyle?.color, false, branding);\n      checkThemed(issues, stepId, id, 'valueStyle.color', layer.valueStyle?.color, false, branding);\n      checkThemed(issues, stepId, id, 'trackColor', layer.trackColor, false, branding);\n      checkThemed(issues, stepId, id, 'fillColor', layer.fillColor, false, branding);\n      checkThemed(issues, stepId, id, 'thumbColor', layer.thumbColor, false, branding);\n      return;\n    case 'oauth_login':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'oauth_provider':\n      if (layer.variant === 'preset') {\n        walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      } else {\n        const base = layer.style;\n        checkTextLike(issues, stepId, id, 'style.', base, branding);\n        const bp = layer.styleBreakpoints;\n        if (bp) {\n          for (const k of BP_KEYS) {\n            const patch = bp[k];\n            if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);\n          }\n        }\n      }\n      return;\n    case 'email_password_auth':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'email_password_field':\n      walkCommonBreakpoints(issues, stepId, id, layer.style, layer.styleBreakpoints, branding);\n      return;\n    case 'email_password_submit': {\n      const base = layer.style;\n      checkTextLike(issues, stepId, id, 'style.', base, branding);\n      const bp = layer.styleBreakpoints;\n      if (bp) {\n        for (const k of BP_KEYS) {\n          const patch = bp[k];\n          if (patch) checkTextLike(issues, stepId, id, `styleBreakpoints.${k}.`, patch, branding);\n        }\n      }\n      return;\n    }\n    default:\n      return;\n  }\n};\n\n/**\n * Non-schema checks: `$brandGradient:` is only valid on background-like fields; optional unknown-id check when `branding` is set.\n */\nexport const collectBrandGradientManifestIssues = (\n  manifest: FlowManifest,\n  branding: Branding | undefined,\n): ManifestValidationIssue[] => {\n  const issues: ManifestValidationIssue[] = [];\n  for (const screen of manifest.screens) {\n    walkScreen(screen as Screen, (layer) => scanLayer(issues, screen as Screen, layer, branding));\n  }\n  return issues;\n};\n"]}

package/dist/buildFlowPreview.d.ts

@@ -0,0 +1,7 @@
+import { FlowPreview } from '@getrheo/contracts/dashboard';
+import { FlowManifest } from '@getrheo/contracts/manifest';
+
+/** Canvas thumbnail nodes/edges for dashboard flow list and template previews. */
+declare const buildFlowPreview: (manifest: FlowManifest) => FlowPreview;
+
+export { buildFlowPreview };

package/dist/buildFlowPreview.js

@@ -0,0 +1,81 @@
+import '@getrheo/contracts/localized';
+import { isInputLayer } from '@getrheo/contracts/layers';
+
+// src/layers.ts
+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;
+};
+
+// src/buildFlowPreview.ts
+var buildFlowPreview = (manifest) => {
+  const screens = Array.isArray(manifest?.screens) ? manifest.screens : [];
+  const stored = manifest?.builderMeta?.layout?.nodes ?? [];
+  const positions = new Map(stored.map((n) => [n.id, { x: n.x, y: n.y }]));
+  const nodes = screens.map((screen, idx) => {
+    const pos = positions.get(screen.id) ?? { x: 80 + idx * 360, y: 120 };
+    return {
+      id: screen.id,
+      x: pos.x,
+      y: pos.y,
+      isEntry: manifest?.entryScreenId === screen.id
+    };
+  });
+  const edges = [];
+  for (const screen of screens) {
+    const input = findInputLayer(screen);
+    const branchingOn = input && (input.kind === "single_choice" || input.kind === "multiple_choice") && input.branching.enabled;
+    const nextDefault = screen.next?.default;
+    if (branchingOn) {
+      for (const cond of input.branching.conditions) {
+        if (cond.goTo) {
+          edges.push({ source: screen.id, target: cond.goTo, branching: true });
+        }
+      }
+      if (nextDefault) {
+        edges.push({ source: screen.id, target: nextDefault, branching: true });
+      }
+    } else if (nextDefault) {
+      edges.push({ source: screen.id, target: nextDefault });
+    }
+  }
+  return { nodes, edges };
+};
+
+export { buildFlowPreview };
+//# sourceMappingURL=buildFlowPreview.js.map
+//# sourceMappingURL=buildFlowPreview.js.map

package/dist/buildFlowPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layers.ts","../src/buildFlowPreview.ts"],"names":[],"mappings":"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","file":"buildFlowPreview.js","sourcesContent":["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","import type { FlowPreview } from '@getrheo/contracts/dashboard';\nimport type { FlowManifest } from '@getrheo/contracts/manifest';\nimport type { Screen } from '@getrheo/contracts/screens';\nimport { findInputLayer } from './layers';\n\n/** Canvas thumbnail nodes/edges for dashboard flow list and template previews. */\nexport const buildFlowPreview = (manifest: FlowManifest): FlowPreview => {\n  const screens = Array.isArray(manifest?.screens) ? manifest.screens : [];\n  const stored =\n    (manifest?.builderMeta as\n      | { layout?: { nodes?: { id: string; x: number; y: number }[] } }\n      | undefined)?.layout?.nodes ?? [];\n  const positions = new Map(stored.map((n) => [n.id, { x: n.x, y: n.y }]));\n\n  const nodes = screens.map((screen, idx) => {\n    const pos = positions.get(screen.id) ?? { x: 80 + idx * 360, y: 120 };\n    return {\n      id: screen.id,\n      x: pos.x,\n      y: pos.y,\n      isEntry: manifest?.entryScreenId === screen.id,\n    };\n  });\n\n  const edges: FlowPreview['edges'] = [];\n  for (const screen of screens as unknown as Screen[]) {\n    const input = findInputLayer(screen);\n    const branchingOn =\n      input &&\n      (input.kind === 'single_choice' || input.kind === 'multiple_choice') &&\n      input.branching.enabled;\n    const nextDefault = screen.next?.default;\n\n    if (branchingOn) {\n      for (const cond of input.branching.conditions) {\n        if (cond.goTo) {\n          edges.push({ source: screen.id, target: cond.goTo, branching: true });\n        }\n      }\n      if (nextDefault) {\n        edges.push({ source: screen.id, target: nextDefault, branching: true });\n      }\n    } else if (nextDefault) {\n      edges.push({ source: screen.id, target: nextDefault });\n    }\n  }\n\n  return { nodes, edges };\n};\n"]}

package/dist/buttonVariantChrome.d.ts

@@ -0,0 +1,26 @@
+import { ButtonLayerVariant, ButtonStyle } from '@getrheo/contracts/layers';
+
+type ResolvedButtonVariantChrome = {
+    bg: string;
+    color: string;
+    border: string;
+};
+/** Default fill, label, and outline for a preset — used by web sim and native previews. */
+declare const buttonVariantChromeForTheme: (variant: ButtonLayerVariant, theme: "light" | "dark") => ResolvedButtonVariantChrome;
+/**
+ * Full variant chrome for manifests and variant-switch patches: themed fill/label/outline
+ * plus layout/type tokens that match web sim `buttonBaseStyle` / native `buttonPalette` rows.
+ */
+declare const buttonVariantAuthoringStyleDefaults: (variant: ButtonLayerVariant) => Partial<ButtonStyle>;
+/**
+ * Deep-merge variant chrome under an authored `style` so manifests include everything
+ * the sim paints by default (padding and other keys from `style` win on conflict).
+ */
+declare const mergeAuthoringButtonStyleWithLayer: (variant: ButtonLayerVariant, style: ButtonStyle | undefined) => ButtonStyle;
+/** Variant outline fallback when authored style omits `border` (flat iOS alert rows use transparent fill). */
+declare const buttonPaletteBorderFallback: (variant: ButtonLayerVariant, theme: "light" | "dark", authoredStyle: Pick<ButtonStyle, "border" | "background"> | undefined, resolvedBackground: string | undefined) => {
+    borderWidth: number;
+    borderColor?: string;
+};
+
+export { type ResolvedButtonVariantChrome, buttonPaletteBorderFallback, buttonVariantAuthoringStyleDefaults, buttonVariantChromeForTheme, mergeAuthoringButtonStyleWithLayer };