@getrheo/flow-runtime 1.0.0

package/dist/buttonVariantChrome.js

@@ -0,0 +1,59 @@
+import { deepMergeStyle } from '@getrheo/flow-runtime/responsive/merge';
+
+// src/buttonVariantChrome.ts
+var FG_LIGHT = "#0a0a0a";
+var FG_DARK = "#fafafa";
+var buttonVariantChromeForTheme = (variant, theme) => {
+  const dark = theme === "dark";
+  switch (variant) {
+    case "primary":
+      return dark ? { bg: FG_DARK, color: FG_LIGHT, border: "transparent" } : { bg: FG_LIGHT, color: FG_DARK, border: "transparent" };
+    case "secondary":
+      return dark ? { bg: "transparent", color: FG_DARK, border: "#27272a" } : { bg: "transparent", color: FG_LIGHT, border: "#e4e4e7" };
+    case "ghost":
+      return dark ? { bg: "transparent", color: FG_DARK, border: "transparent" } : { bg: "transparent", color: FG_LIGHT, border: "transparent" };
+    case "destructive":
+      return dark ? { bg: "#ef4444", color: FG_DARK, border: "transparent" } : { bg: "#dc2626", color: FG_DARK, border: "transparent" };
+  }
+};
+var pairThemedColor = (light, dark) => light === dark ? light : { light, dark };
+var buttonVariantAuthoringStyleDefaults = (variant) => {
+  const l = buttonVariantChromeForTheme(variant, "light");
+  const d = buttonVariantChromeForTheme(variant, "dark");
+  return {
+    /** Matches web sim `buttonBaseStyle` (radius, type scale, width). */
+    radius: 10,
+    fontSize: 13,
+    fontWeight: 600,
+    width: "full",
+    height: "auto",
+    background: pairThemedColor(l.bg, d.bg),
+    color: pairThemedColor(l.color, d.color),
+    border: {
+      width: 1,
+      color: pairThemedColor(l.border, d.border)
+    }
+  };
+};
+var mergeAuthoringButtonStyleWithLayer = (variant, style) => deepMergeStyle(
+  buttonVariantAuthoringStyleDefaults(variant),
+  style ?? {}
+);
+var buttonPaletteBorderFallback = (variant, theme, authoredStyle, resolvedBackground) => {
+  const authoredWidth = authoredStyle?.border?.width;
+  if (authoredWidth !== void 0) {
+    return { borderWidth: authoredWidth, borderColor: void 0 };
+  }
+  if (resolvedBackground === "transparent") {
+    return { borderWidth: 0, borderColor: void 0 };
+  }
+  const chrome = buttonVariantChromeForTheme(variant, theme);
+  return {
+    borderWidth: chrome.border === "transparent" ? 0 : 1,
+    borderColor: chrome.border === "transparent" ? void 0 : chrome.border
+  };
+};
+
+export { buttonPaletteBorderFallback, buttonVariantAuthoringStyleDefaults, buttonVariantChromeForTheme, mergeAuthoringButtonStyleWithLayer };
+//# sourceMappingURL=buttonVariantChrome.js.map
+//# sourceMappingURL=buttonVariantChrome.js.map

package/dist/buttonVariantChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/buttonVariantChrome.ts"],"names":[],"mappings":"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","file":"buttonVariantChrome.js","sourcesContent":["import type { ButtonLayerVariant, ButtonStyle, ThemedColor, WidthValue } from '@getrheo/contracts/layers';\nimport { deepMergeStyle } from '@getrheo/flow-runtime/responsive/merge';\n\nexport type ResolvedButtonVariantChrome = {\n  bg: string;\n  color: string;\n  border: string;\n};\n\nconst FG_LIGHT = '#0a0a0a';\nconst FG_DARK = '#fafafa';\n\n/** Default fill, label, and outline for a preset — used by web sim and native previews. */\nexport const buttonVariantChromeForTheme = (\n  variant: ButtonLayerVariant,\n  theme: 'light' | 'dark',\n): ResolvedButtonVariantChrome => {\n  const dark = theme === 'dark';\n  switch (variant) {\n    case 'primary':\n      return dark\n        ? { bg: FG_DARK, color: FG_LIGHT, border: 'transparent' }\n        : { bg: FG_LIGHT, color: FG_DARK, border: 'transparent' };\n    case 'secondary':\n      return dark\n        ? { bg: 'transparent', color: FG_DARK, border: '#27272a' }\n        : { bg: 'transparent', color: FG_LIGHT, border: '#e4e4e7' };\n    case 'ghost':\n      return dark\n        ? { bg: 'transparent', color: FG_DARK, border: 'transparent' }\n        : { bg: 'transparent', color: FG_LIGHT, border: 'transparent' };\n    case 'destructive':\n      return dark\n        ? { bg: '#ef4444', color: FG_DARK, border: 'transparent' }\n        : { bg: '#dc2626', color: FG_DARK, border: 'transparent' };\n  }\n};\n\nconst pairThemedColor = (light: string, dark: string): ThemedColor =>\n  light === dark ? light : { light, dark };\n\n/**\n * Full variant chrome for manifests and variant-switch patches: themed fill/label/outline\n * plus layout/type tokens that match web sim `buttonBaseStyle` / native `buttonPalette` rows.\n */\nexport const buttonVariantAuthoringStyleDefaults = (\n  variant: ButtonLayerVariant,\n): Partial<ButtonStyle> => {\n  const l = buttonVariantChromeForTheme(variant, 'light');\n  const d = buttonVariantChromeForTheme(variant, 'dark');\n  return {\n    /** Matches web sim `buttonBaseStyle` (radius, type scale, width). */\n    radius: 10,\n    fontSize: 13,\n    fontWeight: 600,\n    width: 'full' as WidthValue,\n    height: 'auto',\n    background: pairThemedColor(l.bg, d.bg),\n    color: pairThemedColor(l.color, d.color),\n    border: {\n      width: 1,\n      color: pairThemedColor(l.border, d.border),\n    },\n  };\n};\n\n/**\n * Deep-merge variant chrome under an authored `style` so manifests include everything\n * the sim paints by default (padding and other keys from `style` win on conflict).\n */\nexport const mergeAuthoringButtonStyleWithLayer = (\n  variant: ButtonLayerVariant,\n  style: ButtonStyle | undefined,\n): ButtonStyle =>\n  deepMergeStyle(\n    buttonVariantAuthoringStyleDefaults(variant) as Record<string, unknown>,\n    (style ?? {}) as Record<string, unknown>,\n  ) as ButtonStyle;\n\n/** Variant outline fallback when authored style omits `border` (flat iOS alert rows use transparent fill). */\nexport const buttonPaletteBorderFallback = (\n  variant: ButtonLayerVariant,\n  theme: 'light' | 'dark',\n  authoredStyle: Pick<ButtonStyle, 'border' | 'background'> | undefined,\n  resolvedBackground: string | undefined,\n): { borderWidth: number; borderColor?: string } => {\n  const authoredWidth = authoredStyle?.border?.width;\n  if (authoredWidth !== undefined) {\n    return { borderWidth: authoredWidth, borderColor: undefined };\n  }\n  if (resolvedBackground === 'transparent') {\n    return { borderWidth: 0, borderColor: undefined };\n  }\n  const chrome = buttonVariantChromeForTheme(variant, theme);\n  return {\n    borderWidth: chrome.border === 'transparent' ? 0 : 1,\n    borderColor: chrome.border === 'transparent' ? undefined : chrome.border,\n  };\n};\n"]}

package/dist/checkboxGlyphStyle.d.ts

@@ -0,0 +1,31 @@
+import { CheckboxGlyphStyle } from '@getrheo/contracts/layers';
+import { Theme } from '@getrheo/contracts/manifest';
+import { Branding } from '@getrheo/contracts/dashboard';
+import { BrandGradientNativeLinear } from './brandGradient.js';
+
+/**
+ * Merge author patches into stored checkbox glyph style (inspector).
+ * `undefined` values in `patch` remove that key so defaults apply at render time.
+ */
+declare const mergeCheckboxGlyphStyle: (prev: CheckboxGlyphStyle | undefined, patch: Partial<CheckboxGlyphStyle>) => CheckboxGlyphStyle | undefined;
+type ResolvedCheckboxGlyph = {
+    sizePx: number;
+    radiusPx: number;
+    /** CSS `background` (solid or gradient string). Web sim applies this directly. */
+    background: string | undefined;
+    /** Solid fill for native, or underlay when {@link nativeLinearGradient} is null. */
+    nativeBackgroundColor: string | undefined;
+    /** Brand linear gradient for native; radial presets use solid fallback only. */
+    nativeLinearGradient: BrandGradientNativeLinear | null;
+    borderWidth: number | undefined;
+    borderColor: string | undefined;
+    opacity: number;
+    checkColor: string | undefined;
+    shadow: CheckboxGlyphStyle['shadow'];
+};
+/**
+ * Resolved colors and numbers for painting the checkbox square (web or native).
+ */
+declare const resolveCheckboxGlyphForRender: (theme: Theme | undefined, palette: "light" | "dark", unchecked: CheckboxGlyphStyle | undefined, checkedOverlay: CheckboxGlyphStyle | undefined, isChecked: boolean, branding?: Branding) => ResolvedCheckboxGlyph;
+
+export { type ResolvedCheckboxGlyph, mergeCheckboxGlyphStyle, resolveCheckboxGlyphForRender };

package/dist/checkboxGlyphStyle.js

@@ -0,0 +1,241 @@
+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 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 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 };
+};
+
+// src/checkboxGlyphStyle.ts
+var DEFAULT_UNCHECKED = {
+  size: 18,
+  radius: 4,
+  border: { width: 2, color: { light: "#71717a", dark: "#a1a1aa" } },
+  background: "transparent",
+  opacity: 1
+};
+var DEFAULT_CHECKED_OVERLAY = {
+  background: { light: "#18181b", dark: "#e4e4e7" },
+  checkColor: { light: "#ffffff", dark: "#18181b" }
+};
+var mergeBorder = (a, b) => {
+  if (!a && !b) return void 0;
+  return { ...a, ...b };
+};
+var mergeGlyph = (a, b) => {
+  if (!b) return { ...a };
+  const out = { ...a };
+  Object.keys(b).forEach((k) => {
+    const v = b[k];
+    if (v === void 0) return;
+    if (k === "border") {
+      const merged = mergeBorder(out.border, v);
+      if (merged && Object.values(merged).some((x) => x !== void 0)) out.border = merged;
+      else delete out.border;
+      return;
+    }
+    if (k === "shadow") {
+      out.shadow = v;
+      return;
+    }
+    out[k] = v;
+  });
+  return out;
+};
+var mergeCheckboxGlyphStyle = (prev, patch) => {
+  const out = { ...prev ?? {} };
+  for (const key of Object.keys(patch)) {
+    const v = patch[key];
+    if (key === "border") {
+      if (v === void 0) delete out.border;
+      else out.border = mergeBorder(out.border, v);
+      if (out.border && !Object.values(out.border).some((x) => x !== void 0)) delete out.border;
+      continue;
+    }
+    if (key === "shadow") {
+      if (v === void 0) delete out.shadow;
+      else out.shadow = v;
+      continue;
+    }
+    if (v === void 0) delete out[key];
+    else out[key] = v;
+  }
+  return Object.keys(out).length > 0 ? out : void 0;
+};
+var resolveCheckboxGlyphForRender = (theme, palette, unchecked, checkedOverlay, isChecked, branding) => {
+  const base = mergeGlyph(DEFAULT_UNCHECKED, unchecked);
+  const merged = isChecked ? mergeGlyph(mergeGlyph(base, DEFAULT_CHECKED_OVERLAY), checkedOverlay) : base;
+  const sizePx = merged.size ?? 18;
+  const radiusPx = merged.radius ?? 4;
+  const borderWidth = merged.border?.width;
+  const borderColor = resolveThemedColor(theme, palette, merged.border?.color);
+  const background = resolveThemedBackground(theme, branding, palette, merged.background);
+  const nb = nativeBrandBackgroundFromThemedColor(theme, branding, palette, merged.background);
+  const opacity = merged.opacity ?? 1;
+  const checkColor = isChecked ? resolveThemedColor(theme, palette, merged.checkColor) : void 0;
+  return {
+    sizePx,
+    radiusPx,
+    background,
+    nativeBackgroundColor: nb.solid,
+    nativeLinearGradient: nb.linear ?? null,
+    borderWidth,
+    borderColor,
+    opacity,
+    checkColor,
+    shadow: merged.shadow
+  };
+};
+
+export { mergeCheckboxGlyphStyle, resolveCheckboxGlyphForRender };
+//# sourceMappingURL=checkboxGlyphStyle.js.map
+//# sourceMappingURL=checkboxGlyphStyle.js.map

package/dist/checkboxGlyphStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brandGradient.ts","../src/layers.ts","../src/checkboxGlyphStyle.ts"],"names":[],"mappings":"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","file":"checkboxGlyphStyle.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 { CheckboxGlyphStyle, Border, DropShadow } from '@getrheo/contracts/layers';\nimport type { Theme } from '@getrheo/contracts/manifest';\nimport type { Branding } from '@getrheo/contracts/dashboard';\nimport type { BrandGradientNativeLinear } from './brandGradient';\nimport {\n  nativeBrandBackgroundFromThemedColor,\n  resolveThemedColor,\n  resolveThemedBackground,\n} from './layers';\n\nconst DEFAULT_UNCHECKED: CheckboxGlyphStyle = {\n  size: 18,\n  radius: 4,\n  border: { width: 2, color: { light: '#71717a', dark: '#a1a1aa' } },\n  background: 'transparent',\n  opacity: 1,\n};\n\nconst DEFAULT_CHECKED_OVERLAY: CheckboxGlyphStyle = {\n  background: { light: '#18181b', dark: '#e4e4e7' },\n  checkColor: { light: '#ffffff', dark: '#18181b' },\n};\n\nconst mergeBorder = (a: Border | undefined, b: Border | undefined): Border | undefined => {\n  if (!a && !b) return undefined;\n  return { ...a, ...b };\n};\n\nconst mergeGlyph = (a: CheckboxGlyphStyle, b?: CheckboxGlyphStyle): CheckboxGlyphStyle => {\n  if (!b) return { ...a };\n  const out: CheckboxGlyphStyle = { ...a };\n  (Object.keys(b) as (keyof CheckboxGlyphStyle)[]).forEach((k) => {\n    const v = b[k];\n    if (v === undefined) return;\n    if (k === 'border') {\n      const merged = mergeBorder(out.border, v as Border);\n      if (merged && Object.values(merged).some((x) => x !== undefined)) out.border = merged;\n      else delete out.border;\n      return;\n    }\n    if (k === 'shadow') {\n      out.shadow = v as DropShadow;\n      return;\n    }\n    (out as Record<string, unknown>)[k] = v;\n  });\n  return out;\n};\n\n/**\n * Merge author patches into stored checkbox glyph style (inspector).\n * `undefined` values in `patch` remove that key so defaults apply at render time.\n */\nexport const mergeCheckboxGlyphStyle = (\n  prev: CheckboxGlyphStyle | undefined,\n  patch: Partial<CheckboxGlyphStyle>,\n): CheckboxGlyphStyle | undefined => {\n  const out: CheckboxGlyphStyle = { ...(prev ?? {}) };\n  for (const key of Object.keys(patch) as (keyof CheckboxGlyphStyle)[]) {\n    const v = patch[key];\n    if (key === 'border') {\n      if (v === undefined) delete out.border;\n      else out.border = mergeBorder(out.border, v as Border);\n      if (out.border && !Object.values(out.border).some((x) => x !== undefined)) delete out.border;\n      continue;\n    }\n    if (key === 'shadow') {\n      if (v === undefined) delete out.shadow;\n      else out.shadow = v as DropShadow;\n      continue;\n    }\n    if (v === undefined) delete (out as Record<string, unknown>)[key];\n    else (out as Record<string, unknown>)[key] = v;\n  }\n  return Object.keys(out).length > 0 ? out : undefined;\n};\n\nexport type ResolvedCheckboxGlyph = {\n  sizePx: number;\n  radiusPx: number;\n  /** CSS `background` (solid or gradient string). Web sim applies this directly. */\n  background: string | undefined;\n  /** Solid fill for native, or underlay when {@link nativeLinearGradient} is null. */\n  nativeBackgroundColor: string | undefined;\n  /** Brand linear gradient for native; radial presets use solid fallback only. */\n  nativeLinearGradient: BrandGradientNativeLinear | null;\n  borderWidth: number | undefined;\n  borderColor: string | undefined;\n  opacity: number;\n  checkColor: string | undefined;\n  shadow: CheckboxGlyphStyle['shadow'];\n};\n\n/**\n * Resolved colors and numbers for painting the checkbox square (web or native).\n */\nexport const resolveCheckboxGlyphForRender = (\n  theme: Theme | undefined,\n  palette: 'light' | 'dark',\n  unchecked: CheckboxGlyphStyle | undefined,\n  checkedOverlay: CheckboxGlyphStyle | undefined,\n  isChecked: boolean,\n  branding?: Branding,\n): ResolvedCheckboxGlyph => {\n  const base = mergeGlyph(DEFAULT_UNCHECKED, unchecked);\n  const merged = isChecked ? mergeGlyph(mergeGlyph(base, DEFAULT_CHECKED_OVERLAY), checkedOverlay) : base;\n\n  const sizePx = merged.size ?? 18;\n  const radiusPx = merged.radius ?? 4;\n  const borderWidth = merged.border?.width;\n  const borderColor = resolveThemedColor(theme, palette, merged.border?.color);\n  const background = resolveThemedBackground(theme, branding, palette, merged.background);\n  const nb = nativeBrandBackgroundFromThemedColor(theme, branding, palette, merged.background);\n  const opacity = merged.opacity ?? 1;\n  const checkColor = isChecked\n    ? resolveThemedColor(theme, palette, merged.checkColor)\n    : undefined;\n\n  return {\n    sizePx,\n    radiusPx,\n    background,\n    nativeBackgroundColor: nb.solid,\n    nativeLinearGradient: nb.linear ?? null,\n    borderWidth,\n    borderColor,\n    opacity,\n    checkColor,\n    shadow: merged.shadow,\n  };\n};\n"]}

package/dist/choiceOptionSelection.d.ts

@@ -0,0 +1,11 @@
+import { StackLayer } from '@getrheo/contracts/layers';
+
+/** Icon id suffix: visible only when the containing choice option is selected. */
+declare const CHOICE_OPTION_SELECTED_ICON_SUFFIX = "_sel";
+/** Icon id suffix: visible only when the containing choice option is unselected. */
+declare const CHOICE_OPTION_UNSELECTED_ICON_SUFFIX = "_unsel";
+declare const stackWithSelectedStyle: (stack: StackLayer, isSelected: boolean, widthPx: number) => StackLayer;
+/** Applies root + nested `selectedStyle` and toggles `_sel` / `_unsel` indicator icons. */
+declare const applyChoiceOptionSelectionToStack: (stack: StackLayer, isSelected: boolean, widthPx: number) => StackLayer;
+
+export { CHOICE_OPTION_SELECTED_ICON_SUFFIX, CHOICE_OPTION_UNSELECTED_ICON_SUFFIX, applyChoiceOptionSelectionToStack, stackWithSelectedStyle };

package/dist/choiceOptionSelection.js

@@ -0,0 +1,120 @@
+// src/responsive/breakpoints.ts
+var TAILWIND_DEFAULT_BREAKPOINTS = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+var STYLE_BREAKPOINT_MERGE_ORDER = ["sm", "md", "lg", "xl", "2xl"];
+var getScreenSizeBucketForWidth = (width) => {
+  const { sm, md, lg, xl, "2xl": xxl } = TAILWIND_DEFAULT_BREAKPOINTS;
+  if (width < sm) return "default";
+  if (width < md) return "sm";
+  if (width < lg) return "md";
+  if (width < xl) return "lg";
+  if (width < xxl) return "xl";
+  return "2xl";
+};
+var getActiveStyleBreakpointChain = (widthPx) => {
+  const bucket = getScreenSizeBucketForWidth(widthPx);
+  if (bucket === "default") return [];
+  const idx = STYLE_BREAKPOINT_MERGE_ORDER.indexOf(bucket);
+  if (idx < 0) return [];
+  return STYLE_BREAKPOINT_MERGE_ORDER.slice(0, idx + 1);
+};
+
+// src/responsive/merge.ts
+var isPlainObject = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
+var deepMergeStyle = (base, ...overrides) => {
+  let acc = base ? { ...base } : void 0;
+  for (const o of overrides) {
+    if (!o) continue;
+    acc = acc ?? {};
+    for (const [k, v] of Object.entries(o)) {
+      if (v === void 0) continue;
+      const prev = acc[k];
+      if (isPlainObject(v) && isPlainObject(prev)) {
+        const merged = deepMergeStyle(prev, v);
+        if (merged !== void 0) acc[k] = merged;
+      } else {
+        acc[k] = v;
+      }
+    }
+  }
+  return acc;
+};
+var mergeResponsivePartial = (base, breakpoints, widthPx) => {
+  const chain = getActiveStyleBreakpointChain(widthPx);
+  if (chain.length === 0) return base ? { ...base } : void 0;
+  let acc = base ? { ...base } : void 0;
+  for (const key of chain) {
+    const patch = breakpoints?.[key];
+    if (!patch) continue;
+    acc = deepMergeStyle(acc, patch);
+  }
+  return acc;
+};
+
+// src/responsive/layerResolve.ts
+var resolveCommonStyleAtWidth = (base, breakpoints, widthPx) => mergeResponsivePartial(
+  base,
+  breakpoints,
+  widthPx
+);
+
+// src/choiceOptionSelection.ts
+var CHOICE_OPTION_SELECTED_ICON_SUFFIX = "_sel";
+var CHOICE_OPTION_UNSELECTED_ICON_SUFFIX = "_unsel";
+var stackWithSelectedStyle = (stack, isSelected, widthPx) => {
+  if (!isSelected || !stack.selectedStyle) return stack;
+  const resolved = resolveCommonStyleAtWidth(stack.style, stack.styleBreakpoints, widthPx);
+  return {
+    ...stack,
+    style: { ...resolved ?? {}, ...stack.selectedStyle },
+    styleBreakpoints: void 0
+  };
+};
+var iconVisibilityForChoiceOption = (layer, isSelected) => {
+  const baseOpacity = layer.style?.opacity ?? 1;
+  if (layer.id.endsWith(CHOICE_OPTION_SELECTED_ICON_SUFFIX)) {
+    return {
+      ...layer,
+      style: { ...layer.style, opacity: isSelected ? baseOpacity : 0 }
+    };
+  }
+  if (layer.id.endsWith(CHOICE_OPTION_UNSELECTED_ICON_SUFFIX)) {
+    return {
+      ...layer,
+      style: { ...layer.style, opacity: isSelected ? 0 : baseOpacity }
+    };
+  }
+  return layer;
+};
+var mapChoiceOptionChildForSelection = (child, isSelected, widthPx) => {
+  if (child.kind === "stack") {
+    const stack = child;
+    const nestedSelected = isSelected && !!stack.selectedStyle;
+    const styled = stackWithSelectedStyle(stack, nestedSelected, widthPx);
+    const children = styled.children?.map(
+      (c) => mapChoiceOptionChildForSelection(c, isSelected, widthPx)
+    );
+    return children ? { ...styled, children } : styled;
+  }
+  if (child.kind === "icon") {
+    return iconVisibilityForChoiceOption(child, isSelected);
+  }
+  return child;
+};
+var applyChoiceOptionSelectionToStack = (stack, isSelected, widthPx) => {
+  const styled = stackWithSelectedStyle(stack, isSelected, widthPx);
+  if (!styled.children) return styled;
+  return {
+    ...styled,
+    children: styled.children.map((c) => mapChoiceOptionChildForSelection(c, isSelected, widthPx))
+  };
+};
+
+export { CHOICE_OPTION_SELECTED_ICON_SUFFIX, CHOICE_OPTION_UNSELECTED_ICON_SUFFIX, applyChoiceOptionSelectionToStack, stackWithSelectedStyle };
+//# sourceMappingURL=choiceOptionSelection.js.map
+//# sourceMappingURL=choiceOptionSelection.js.map

package/dist/choiceOptionSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/responsive/breakpoints.ts","../src/responsive/merge.ts","../src/responsive/layerResolve.ts","../src/choiceOptionSelection.ts"],"names":[],"mappings":"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","file":"choiceOptionSelection.js","sourcesContent":["/**\n * Tailwind CSS default `screens` min-width values (px). Single source of truth\n * for preview buckets, manifest breakpoints, and runtime style resolution.\n *\n * @see https://tailwindcss.com/docs/screens\n */\nexport const TAILWIND_DEFAULT_BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const;\n\n/** Viewport classification used by preview UI and editing scope. */\nexport type ScreenSizeBucket = 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n/** Ordered keys stored on layers (`styleBreakpoints`) and merged mobile-first. */\nexport const STYLE_BREAKPOINT_MERGE_ORDER = ['sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport type StyleBreakpointKey = (typeof STYLE_BREAKPOINT_MERGE_ORDER)[number];\n\nexport const SCREEN_SIZE_BUCKET_ORDER: readonly ScreenSizeBucket[] = [\n  'default',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n] as const;\n\n/** Buckets shown in the flow builder inspector (xl / 2xl omitted from authoring UI). */\nexport const BUILDER_INSPECTOR_BUCKET_ORDER: readonly ScreenSizeBucket[] = [\n  'default',\n  'sm',\n  'md',\n  'lg',\n] as const;\n\n/** Human-readable bucket titles; ranges lie between consecutive breakpoints. */\nexport const SCREEN_SIZE_BUCKET_LABEL: Record<ScreenSizeBucket, string> = {\n  default: 'Default (< 640px)',\n  sm: 'sm (640–767px)',\n  md: 'md (768–1023px)',\n  lg: 'lg (1024–1279px)',\n  xl: 'xl (1280–1535px)',\n  '2xl': '2xl (1536px+)',\n};\n\n/** Fallback viewport width when no `previewWidthPx` is passed (simulator / static previews). */\nexport const DEFAULT_PREVIEW_VIEWPORT_WIDTH_PX = 390;\n\n/** Maps viewport width (CSS px) to the Tailwind viewport bucket. */\nexport const getScreenSizeBucketForWidth = (width: number): ScreenSizeBucket => {\n  const { sm, md, lg, xl, '2xl': xxl } = TAILWIND_DEFAULT_BREAKPOINTS;\n  if (width < sm) return 'default';\n  if (width < md) return 'sm';\n  if (width < lg) return 'md';\n  if (width < xl) return 'lg';\n  if (width < xxl) return 'xl';\n  return '2xl';\n};\n\n/**\n * Breakpoint keys whose partials apply at this width (mobile-first), e.g.\n * width 800 → `['sm','md']`.\n */\nexport const getActiveStyleBreakpointChain = (widthPx: number): StyleBreakpointKey[] => {\n  const bucket = getScreenSizeBucketForWidth(widthPx);\n  if (bucket === 'default') return [];\n  const idx = STYLE_BREAKPOINT_MERGE_ORDER.indexOf(bucket as StyleBreakpointKey);\n  if (idx < 0) return [];\n  return STYLE_BREAKPOINT_MERGE_ORDER.slice(0, idx + 1) as StyleBreakpointKey[];\n};\n","import {\n  STYLE_BREAKPOINT_MERGE_ORDER,\n  getActiveStyleBreakpointChain,\n} from './breakpoints';\nimport type { StyleBreakpointKey } from './breakpoints';\n\nconst isPlainObject = (v: unknown): v is Record<string, unknown> =>\n  v !== null && typeof v === 'object' && !Array.isArray(v);\n\n/**\n * Deep-merge style-like objects: nested plain objects merge per-key; scalars\n * and arrays replace. Suitable for padding/margin/border/shadow objects.\n */\nexport const deepMergeStyle = <T extends Record<string, unknown>>(\n  base: T | undefined,\n  ...overrides: (Partial<T> | undefined)[]\n): T | undefined => {\n  let acc: T | undefined = base ? ({ ...base } as T) : undefined;\n  for (const o of overrides) {\n    if (!o) continue;\n    acc = acc ?? ({} as T);\n    for (const [k, v] of Object.entries(o) as [keyof T, T[keyof T] | undefined][]) {\n      if (v === undefined) continue;\n      const prev = acc[k as keyof T] as unknown;\n      if (isPlainObject(v) && isPlainObject(prev)) {\n        const merged = deepMergeStyle(prev as Record<string, unknown>, v as Partial<T>);\n        if (merged !== undefined) (acc as Record<string, unknown>)[k as string] = merged;\n      } else {\n        (acc as Record<string, unknown>)[k as string] = v as unknown;\n      }\n    }\n  }\n  return acc;\n};\n\n/**\n * Mobile-first merge: `base` applies below `sm`; each breakpoint partial stacks\n * from `sm` through the bucket implied by `widthPx`.\n */\nexport const mergeResponsivePartial = <T extends Record<string, unknown>>(\n  base: Partial<T> | undefined,\n  breakpoints: Partial<Record<StyleBreakpointKey, Partial<T>>> | undefined,\n  widthPx: number,\n): Partial<T> | undefined => {\n  const chain = getActiveStyleBreakpointChain(widthPx);\n  if (chain.length === 0) return base ? { ...base } : undefined;\n  let acc = base ? ({ ...base } as Partial<T>) : undefined;\n  for (const key of chain) {\n    const patch = breakpoints?.[key];\n    if (!patch) continue;\n    acc = deepMergeStyle(acc as Record<string, unknown> | undefined, patch as Partial<T>) as\n      | Partial<T>\n      | undefined;\n  }\n  return acc;\n};\n\n/**\n * Merge breakpoint partials up to and including `bucket` (not using viewport width).\n * Use when editing a specific bucket's effective preview.\n */\nexport const mergeResponsivePartialUpToBucket = <T extends Record<string, unknown>>(\n  base: Partial<T> | undefined,\n  breakpoints: Partial<Record<StyleBreakpointKey, Partial<T>>> | undefined,\n  bucket: StyleBreakpointKey | 'default',\n): Partial<T> | undefined => {\n  if (bucket === 'default') return base ? { ...base } : undefined;\n  const end = STYLE_BREAKPOINT_MERGE_ORDER.indexOf(bucket);\n  if (end < 0) return base ? { ...base } : undefined;\n  let acc = base ? ({ ...base } as Partial<T>) : undefined;\n  for (let i = 0; i <= end; i++) {\n    const key = STYLE_BREAKPOINT_MERGE_ORDER[i]!;\n    const patch = breakpoints?.[key];\n    if (!patch) continue;\n    acc = deepMergeStyle(acc as Record<string, unknown> | undefined, patch as Partial<T>) as\n      | Partial<T>\n      | undefined;\n  }\n  return acc;\n};\n","import type {\n  BackButtonLayer,\n  ButtonLayer,\n  ButtonStyle,\n  CommonLayoutHeight,\n  CommonStyle,\n  IconStyle,\n  ImageStyle,\n  LayerKind,\n  StackLayer,\n  TextLayer,\n  TextStyle,\n  WidthValue,\n} from '@getrheo/contracts/layers';\nimport {\n  DEFAULT_LOADER_CIRCULAR_SIZE_PX,\n  DEFAULT_LOADER_LINEAR_HEIGHT_PX,\n  DEFAULT_LOADER_STROKE_WIDTH_PX,\n  DEFAULT_PROGRESS_LINEAR_HEIGHT_PX,\n  defaultGapForLayerKind,\n} from '../layout/scalarLayoutDefaults';\nimport type { StyleBreakpointKey } from './breakpoints';\nimport { getActiveStyleBreakpointChain } from './breakpoints';\nimport { mergeResponsivePartial, mergeResponsivePartialUpToBucket } from './merge';\n\n/**\n * Effective child spacing (px) for a layer, falling back to the per-kind\n * default and finally `0`. Single runtime source of truth so renderers stop\n * hard-coding `?? 8` / `?? 0`.\n */\nexport const resolveLayerGap = (kind: LayerKind, gap: number | undefined): number =>\n  gap ?? defaultGapForLayerKind(kind) ?? 0;\n\n/** Effective bar thickness (px) for a linear progress bar. */\nexport const resolveProgressLinearHeightPx = (\n  height: CommonLayoutHeight | undefined,\n): number => (typeof height === 'number' ? height : DEFAULT_PROGRESS_LINEAR_HEIGHT_PX);\n\n/** Effective bar thickness (px) for a linear loader. */\nexport const resolveLoaderLinearHeightPx = (\n  height: CommonLayoutHeight | undefined,\n): number => (typeof height === 'number' ? height : DEFAULT_LOADER_LINEAR_HEIGHT_PX);\n\n/** Effective diameter (px) for a circular loader (sized via `style.width`). */\nexport const resolveLoaderCircularSizePx = (width: WidthValue | undefined): number =>\n  typeof width === 'number' ? width : DEFAULT_LOADER_CIRCULAR_SIZE_PX;\n\n/** Effective ring thickness (px) for a circular loader. */\nexport const resolveLoaderStrokeWidthPx = (strokeWidth: number | undefined): number =>\n  strokeWidth ?? DEFAULT_LOADER_STROKE_WIDTH_PX;\n\nexport type StackLayoutBreakpointPatch = {\n  gap?: number;\n  direction?: 'vertical' | 'horizontal';\n};\n\nexport type ButtonLayoutBreakpointPatch = {\n  gap?: number;\n  direction?: 'vertical' | 'horizontal';\n};\n\nexport const resolveCommonStyleAtWidth = (\n  base: CommonStyle | undefined,\n  breakpoints:\n    | Partial<Record<StyleBreakpointKey, Partial<CommonStyle>>>\n    | undefined,\n  widthPx: number,\n): CommonStyle | undefined =>\n  mergeResponsivePartial(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    widthPx,\n  ) as CommonStyle | undefined;\n\nexport const resolveTextStyleAtWidth = (\n  base: TextStyle | undefined,\n  breakpoints:\n    | Partial<Record<StyleBreakpointKey, Partial<TextStyle>>>\n    | undefined,\n  widthPx: number,\n): TextStyle | undefined =>\n  mergeResponsivePartial(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    widthPx,\n  ) as TextStyle | undefined;\n\nexport const resolveImageStyleAtWidth = (\n  base: ImageStyle | undefined,\n  breakpoints:\n    | Partial<Record<StyleBreakpointKey, Partial<ImageStyle>>>\n    | undefined,\n  widthPx: number,\n): ImageStyle | undefined =>\n  mergeResponsivePartial(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    widthPx,\n  ) as ImageStyle | undefined;\n\nexport const resolveIconStyleAtWidth = (\n  base: IconStyle | undefined,\n  breakpoints:\n    | Partial<Record<StyleBreakpointKey, Partial<IconStyle>>>\n    | undefined,\n  widthPx: number,\n): IconStyle | undefined =>\n  mergeResponsivePartial(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    widthPx,\n  ) as IconStyle | undefined;\n\nexport const resolveButtonStyleAtWidth = (\n  base: ButtonStyle | undefined,\n  breakpoints:\n    | Partial<Record<StyleBreakpointKey, Partial<ButtonStyle>>>\n    | undefined,\n  widthPx: number,\n): ButtonStyle | undefined =>\n  mergeResponsivePartial(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    widthPx,\n  ) as ButtonStyle | undefined;\n\nconst mergeLayoutScalars = <T extends Record<string, unknown>>(\n  base: T,\n  breakpoints: Partial<Record<StyleBreakpointKey, Partial<T>>> | undefined,\n  widthPx: number,\n): T => {\n  const chain = getActiveStyleBreakpointChain(widthPx);\n  let acc = { ...base };\n  for (const key of chain) {\n    const p = breakpoints?.[key];\n    if (!p) continue;\n    acc = { ...acc, ...p };\n  }\n  return acc;\n};\n\nexport const resolveStackLayoutAtWidth = (\n  layer: Pick<\n    StackLayer,\n    'gap' | 'direction' | 'stackLayoutBreakpoints'\n  >,\n  widthPx: number,\n): { gap: number | undefined; direction: StackLayer['direction'] } => {\n  const base = {\n    gap: layer.gap,\n    direction: layer.direction,\n  };\n  const merged = mergeLayoutScalars(\n    base,\n    layer.stackLayoutBreakpoints as\n      | Partial<Record<StyleBreakpointKey, Partial<{ gap?: number; direction?: StackLayer['direction'] }>>>\n      | undefined,\n    widthPx,\n  );\n  return {\n    gap: merged.gap,\n    direction: merged.direction ?? layer.direction,\n  };\n};\n\nexport const resolveButtonLayoutAtWidth = (\n  layer: Pick<ButtonLayer | BackButtonLayer, 'gap' | 'direction' | 'buttonLayoutBreakpoints'>,\n  widthPx: number,\n): { gap: number | undefined; direction: ButtonLayer['direction'] | undefined } => {\n  const merged = mergeLayoutScalars(\n    { gap: layer.gap, direction: layer.direction },\n    layer.buttonLayoutBreakpoints as\n      | Partial<\n          Record<\n            StyleBreakpointKey,\n            Partial<{ gap?: number; direction?: ButtonLayer['direction'] }>\n          >\n        >\n      | undefined,\n    widthPx,\n  );\n  return { gap: merged.gap, direction: merged.direction };\n};\n\n/** Effective styles for editor preview at the bucket implied by device width. */\nexport const resolveTextStyleForEditBucket = (\n  base: TextStyle | undefined,\n  breakpoints: TextLayer['styleBreakpoints'],\n  bucket: StyleBreakpointKey | 'default',\n): TextStyle | undefined =>\n  mergeResponsivePartialUpToBucket(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    bucket,\n  ) as TextStyle | undefined;\n\nexport const resolveCommonStyleForEditBucket = (\n  base: CommonStyle | undefined,\n  breakpoints: StackLayer['styleBreakpoints'],\n  bucket: StyleBreakpointKey | 'default',\n): CommonStyle | undefined =>\n  mergeResponsivePartialUpToBucket(\n    base as Record<string, unknown> | undefined,\n    breakpoints as Partial<Record<StyleBreakpointKey, Partial<Record<string, unknown>>>> | undefined,\n    bucket,\n  ) as CommonStyle | undefined;\n","import type { IconLayer, Layer, StackLayer } from '@getrheo/contracts/layers';\nimport { resolveCommonStyleAtWidth } from './responsive/layerResolve';\n\n/** Icon id suffix: visible only when the containing choice option is selected. */\nexport const CHOICE_OPTION_SELECTED_ICON_SUFFIX = '_sel';\n\n/** Icon id suffix: visible only when the containing choice option is unselected. */\nexport const CHOICE_OPTION_UNSELECTED_ICON_SUFFIX = '_unsel';\n\nexport const stackWithSelectedStyle = (\n  stack: StackLayer,\n  isSelected: boolean,\n  widthPx: number,\n): StackLayer => {\n  if (!isSelected || !stack.selectedStyle) return stack;\n  const resolved = resolveCommonStyleAtWidth(stack.style, stack.styleBreakpoints, widthPx);\n  return {\n    ...stack,\n    style: { ...(resolved ?? {}), ...stack.selectedStyle },\n    styleBreakpoints: undefined,\n  };\n};\n\nconst iconVisibilityForChoiceOption = (layer: IconLayer, isSelected: boolean): IconLayer => {\n  const baseOpacity = layer.style?.opacity ?? 1;\n  if (layer.id.endsWith(CHOICE_OPTION_SELECTED_ICON_SUFFIX)) {\n    return {\n      ...layer,\n      style: { ...layer.style, opacity: isSelected ? baseOpacity : 0 },\n    };\n  }\n  if (layer.id.endsWith(CHOICE_OPTION_UNSELECTED_ICON_SUFFIX)) {\n    return {\n      ...layer,\n      style: { ...layer.style, opacity: isSelected ? 0 : baseOpacity },\n    };\n  }\n  return layer;\n};\n\nconst mapChoiceOptionChildForSelection = (\n  child: Layer,\n  isSelected: boolean,\n  widthPx: number,\n): Layer => {\n  if (child.kind === 'stack') {\n    const stack = child as StackLayer;\n    const nestedSelected = isSelected && !!stack.selectedStyle;\n    const styled = stackWithSelectedStyle(stack, nestedSelected, widthPx);\n    const children = styled.children?.map((c) =>\n      mapChoiceOptionChildForSelection(c, isSelected, widthPx),\n    );\n    return children ? ({ ...styled, children } as StackLayer) : styled;\n  }\n  if (child.kind === 'icon') {\n    return iconVisibilityForChoiceOption(child, isSelected);\n  }\n  return child;\n};\n\n/** Applies root + nested `selectedStyle` and toggles `_sel` / `_unsel` indicator icons. */\nexport const applyChoiceOptionSelectionToStack = (\n  stack: StackLayer,\n  isSelected: boolean,\n  widthPx: number,\n): StackLayer => {\n  const styled = stackWithSelectedStyle(stack, isSelected, widthPx);\n  if (!styled.children) return styled;\n  return {\n    ...styled,\n    children: styled.children.map((c) => mapChoiceOptionChildForSelection(c, isSelected, widthPx)),\n  };\n};\n"]}

package/dist/colorAlpha.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Multiply the alpha of a resolved CSS color by `factor` (0–1).
+ * Used so text layers can dim only the background fill without applying `opacity` to the whole node.
+ * Supports #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba(). Unrecognized strings are returned as-is (no alpha change).
+ */
+declare const multiplyColorAlpha: (color: string | undefined, factor: number | undefined) => string | undefined;
+
+export { multiplyColorAlpha };