@buoy-gg/console 4.0.2

package/lib/commonjs/devtools/consoleFormat.js

@@ -0,0 +1,313 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatConsoleMessage = formatConsoleMessage;
+var _theme = require("./theme");
+/**
+ * consoleFormat — port of DevTools `panels/console/ConsoleFormat.ts`.
+ *
+ * Implements the WHATWG console Formatter: %s/%d/%i/%f/%o/%O/%c/%_ substitutions
+ * plus ANSI SGR (\x1B[…m) styling. Where DevTools works over V8 RemoteObjects we
+ * work over raw JS values; the substitution/ANSI logic is otherwise 1:1.
+ *
+ * Output is a flat list of tokens the row renderer consumes:
+ *  - { type: 'string', value, style? }  — text, optionally styled by %c / ANSI
+ *  - { type: 'value', value, mode }     — an object/array substitution (%o/%O)
+ *                                         or a trailing non-string argument
+ */
+
+// VGA color palette (matches DevTools ANSI_COLORS / ANSI_BRIGHT_COLORS).
+const ANSI_COLORS = ["black", "red", "green", "yellow", "blue", "magenta", "cyan", "gray"];
+const ANSI_BRIGHT_COLORS = ["darkgray", "lightred", "lightgreen", "lightyellow", "lightblue", "lightmagenta", "lightcyan", "white"];
+
+/** A console arg's `description` (string form) — DevTools uses RemoteObject.description. */
+function description(arg) {
+  if (typeof arg === "string") return arg;
+  if (arg === undefined) return "undefined";
+  if (arg === null) return "null";
+  if (typeof arg === "number" || typeof arg === "boolean" || typeof arg === "bigint") {
+    return String(arg);
+  }
+  if (arg instanceof Error) return arg.stack ?? `${arg.name}: ${arg.message}`;
+  if (typeof arg === "function") return `ƒ ${arg.name || "(anonymous)"}`;
+  try {
+    return JSON.stringify(arg);
+  } catch {
+    return String(arg);
+  }
+}
+
+// \x1B is the ANSI escape (ESC) — intentional, for parsing color codes.
+// eslint-disable-next-line no-control-regex
+const FORMAT_RE = /%([%_Oocsdfi])|\x1B\[([\d;]*)m/;
+
+/** Does the first arg actually need the substitution engine? */
+function hasFormatting(fmt) {
+  return FORMAT_RE.test(fmt);
+}
+
+/** Convert a CSS declaration string (from %c or ANSI) into an RN TextStyle. */
+function cssToTextStyle(css) {
+  const style = {};
+  let any = false;
+  for (const decl of css.split(";")) {
+    const idx = decl.indexOf(":");
+    if (idx === -1) continue;
+    const prop = decl.slice(0, idx).trim().toLowerCase();
+    let value = decl.slice(idx + 1).trim();
+    if (!value) continue;
+    // Resolve DevTools ANSI color vars to concrete hex.
+    const varMatch = value.match(/var\(--console-color-([a-z]+)\)/);
+    if (varMatch) value = _theme.ansiColors[varMatch[1]] ?? value;
+    switch (prop) {
+      case "color":
+        style.color = value;
+        any = true;
+        break;
+      case "background-color":
+      case "background":
+        style.backgroundColor = value;
+        any = true;
+        break;
+      case "font-weight":
+        style.fontWeight = value === "lighter" ? "300" : value;
+        any = true;
+        break;
+      case "font-style":
+        if (value === "italic") {
+          style.fontStyle = "italic";
+          any = true;
+        }
+        break;
+      case "font-size":
+        {
+          const n = parseFloat(value);
+          if (!Number.isNaN(n)) {
+            style.fontSize = n;
+            any = true;
+          }
+          break;
+        }
+      case "text-decoration":
+      case "text-decoration-line":
+        if (value.includes("underline") && value.includes("line-through")) {
+          style.textDecorationLine = "underline line-through";
+        } else if (value.includes("underline")) {
+          style.textDecorationLine = "underline";
+        } else if (value.includes("line-through")) {
+          style.textDecorationLine = "line-through";
+        }
+        any = true;
+        break;
+      default:
+        break;
+    }
+  }
+  return any ? style : undefined;
+}
+
+/** Apply one ANSI SGR sequence to the running style map (DevTools algorithm). */
+function applyAnsi(codes, currentStyle) {
+  const addTextDecoration = value => {
+    const td = currentStyle.get("text-decoration") ?? "";
+    if (!td.includes(value)) currentStyle.set("text-decoration", `${td} ${value}`);
+  };
+  const removeTextDecoration = value => {
+    const td = currentStyle.get("text-decoration")?.replace(` ${value}`, "");
+    if (td) currentStyle.set("text-decoration", td);else currentStyle.delete("text-decoration");
+  };
+  while (codes.length) {
+    const code = codes.shift();
+    switch (code) {
+      case 0:
+        currentStyle.clear();
+        break;
+      case 1:
+        currentStyle.set("font-weight", "bold");
+        break;
+      case 2:
+        currentStyle.set("font-weight", "lighter");
+        break;
+      case 3:
+        currentStyle.set("font-style", "italic");
+        break;
+      case 4:
+        addTextDecoration("underline");
+        break;
+      case 9:
+        addTextDecoration("line-through");
+        break;
+      case 22:
+        currentStyle.delete("font-weight");
+        break;
+      case 23:
+        currentStyle.delete("font-style");
+        break;
+      case 24:
+        removeTextDecoration("underline");
+        break;
+      case 29:
+        removeTextDecoration("line-through");
+        break;
+      case 38:
+      case 48:
+        if (codes.shift() === 2) {
+          const r = codes.shift() ?? 0;
+          const g = codes.shift() ?? 0;
+          const b = codes.shift() ?? 0;
+          currentStyle.set(code === 38 ? "color" : "background-color", `rgb(${r},${g},${b})`);
+        }
+        break;
+      case 39:
+      case 49:
+        currentStyle.delete(code === 39 ? "color" : "background-color");
+        break;
+      default:
+        {
+          const color = ANSI_COLORS[code - 30] ?? ANSI_BRIGHT_COLORS[code - 90];
+          if (color !== undefined) {
+            currentStyle.set("color", `var(--console-color-${color})`);
+          } else {
+            const bg = ANSI_COLORS[code - 40] ?? ANSI_BRIGHT_COLORS[code - 100];
+            if (bg !== undefined) currentStyle.set("background-color", `var(--console-color-${bg})`);
+          }
+          break;
+        }
+    }
+  }
+}
+
+/** Run the substitution engine over a format string + its args. */
+function formatWithSubstitutions(fmtIn, args) {
+  let fmt = fmtIn;
+  const tokens = [];
+  const currentStyle = new Map();
+  let cssStyle;
+  const pushString = value => {
+    if (!value) return;
+    const last = tokens[tokens.length - 1];
+    if (last && last.type === "string" && styleEq(last.style, cssStyle)) {
+      last.value += value;
+      return;
+    }
+    tokens.push({
+      type: "string",
+      value,
+      style: cssStyle
+    });
+  };
+  let argIndex = 0;
+  for (let match = FORMAT_RE.exec(fmt); match !== null; match = FORMAT_RE.exec(fmt)) {
+    pushString(match.input.substring(0, match.index));
+    let substitution;
+    const specifier = match[1];
+    switch (specifier) {
+      case "%":
+        pushString("%");
+        substitution = "";
+        break;
+      case "s":
+        if (argIndex < args.length) substitution = description(args[argIndex++]);
+        break;
+      case "c":
+        if (argIndex < args.length) {
+          cssStyle = cssToTextStyle(description(args[argIndex++]));
+          substitution = "";
+        }
+        break;
+      case "o":
+      case "O":
+        if (argIndex < args.length) {
+          tokens.push({
+            type: "value",
+            value: args[argIndex++],
+            mode: specifier === "O" ? "generic" : "optimal"
+          });
+          substitution = "";
+        }
+        break;
+      case "_":
+        if (argIndex < args.length) {
+          argIndex++;
+          substitution = "";
+        }
+        break;
+      case "d":
+      case "f":
+      case "i":
+        {
+          if (argIndex < args.length) {
+            const v = args[argIndex++];
+            let n = typeof v !== "number" ? NaN : v;
+            if (specifier !== "f") n = Math.floor(n);
+            substitution = n;
+          }
+          break;
+        }
+      case undefined:
+        {
+          const codes = (match[2] || "0").split(";").map(c => c ? parseInt(c, 10) : 0);
+          applyAnsi(codes, currentStyle);
+          const css = [...currentStyle.entries()].map(([k, val]) => `${k}:${val.trimStart()}`).join(";");
+          cssStyle = cssToTextStyle(css);
+          substitution = "";
+          break;
+        }
+    }
+    if (substitution === undefined) {
+      pushString(match[0]);
+      substitution = "";
+    }
+    fmt = substitution + match.input.substring(match.index + match[0].length);
+  }
+  pushString(fmt);
+  return {
+    tokens,
+    rest: args.slice(argIndex)
+  };
+}
+function styleEq(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+
+/**
+ * Format a console call's arguments into renderable tokens, mirroring how the
+ * DevTools console renders a message: if the first arg is a format string it
+ * drives substitution, then any leftover args are appended (space-separated).
+ */
+function formatConsoleMessage(args) {
+  if (args.length === 0) return [];
+  let tokens = [];
+  let rest = args;
+  if (typeof args[0] === "string" && hasFormatting(args[0])) {
+    const result = formatWithSubstitutions(args[0], args.slice(1));
+    tokens = result.tokens;
+    rest = result.rest;
+  }
+
+  // Append remaining args (the common case: console.log("x", obj, 1)).
+  for (const arg of rest) {
+    if (tokens.length > 0) tokens.push({
+      type: "string",
+      value: " "
+    });
+    if (typeof arg === "string") {
+      tokens.push({
+        type: "string",
+        value: arg
+      });
+    } else {
+      tokens.push({
+        type: "value",
+        value: arg,
+        mode: "optimal"
+      });
+    }
+  }
+  return tokens;
+}
+//# sourceMappingURL=consoleFormat.js.map

package/lib/commonjs/devtools/consoleFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_theme","require","ANSI_COLORS","ANSI_BRIGHT_COLORS","description","arg","undefined","String","Error","stack","name","message","JSON","stringify","FORMAT_RE","hasFormatting","fmt","test","cssToTextStyle","css","style","any","decl","split","idx","indexOf","prop","slice","trim","toLowerCase","value","varMatch","match","ansiColors","color","backgroundColor","fontWeight","fontStyle","n","parseFloat","Number","isNaN","fontSize","includes","textDecorationLine","applyAnsi","codes","currentStyle","addTextDecoration","td","get","set","removeTextDecoration","replace","delete","length","code","shift","clear","r","g","b","bg","formatWithSubstitutions","fmtIn","args","tokens","Map","cssStyle","pushString","last","type","styleEq","push","argIndex","exec","input","substring","index","substitution","specifier","mode","v","NaN","Math","floor","map","c","parseInt","entries","k","val","trimStart","join","rest","a","formatConsoleMessage","result"],"sourceRoot":"../../../src","sources":["devtools/consoleFormat.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/devtools/origin.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bracketGlyph = bracketGlyph;
+exports.colorForKey = colorForKey;
+exports.parseOrigin = parseOrigin;
+exports.sourceKey = sourceKey;
+exports.sourceLabel = sourceLabel;
+/**
+ * origin — attributes a console call to *where it came from*, and provides the
+ * lnav-style colored connecting bracket helpers.
+ *
+ * Three independent signals (captured in the store at log time):
+ *  - **component**  — nearest owning React component (React.captureOwnerStack,
+ *    dev only; null outside render / in async callbacks)
+ *  - **function**   — the enclosing function of the call site (JS stack)
+ *  - **callSite**   — the exact `file:line` of the call site (JS stack)
+ *
+ * The view groups consecutive same-source rows and draws a colored bracket
+ * gutter (┌ │ └ ─) exactly like lnav's per-file gutter.
+ */
+
+/**
+ * Our own capture frames, matched by FUNCTION NAME. This is the primary filter:
+ * in a Metro/Hermes bundle every frame shares one bundle URL, so filename
+ * filtering can't distinguish them — and that URL often contains `node_modules`
+ * (e.g. expo-router/entry.bundle), which would wrongly reject *every* frame.
+ * The first frame after these is the real caller (framework internals sit
+ * deeper in the stack, after the app frame).
+ */
+const INTERNAL_FUNC = /^(buoyConsoleProxy|record|cleanStack|captureOwnerStack|formatArgs|formatArg)$/;
+
+/** Narrow filename guard — only our own module (used when stacks carry real
+ * file paths, e.g. on web/V8 rather than a single Hermes bundle). */
+const INTERNAL_FILE = /consoleLogStore/;
+function isInternalFrame(frame) {
+  if (frame.func && INTERNAL_FUNC.test(frame.func.replace(/^Object\./, ""))) {
+    return true;
+  }
+  return Boolean(frame.file && INTERNAL_FILE.test(frame.file));
+}
+/** Parse a V8 or Hermes stack string into frames. */
+function parseFrames(stack) {
+  const frames = [];
+  for (const raw of stack.split("\n")) {
+    const line = raw.trim();
+    if (!line || line === "Error") continue;
+    // V8: "at func (file:line:col)"
+    let m = line.match(/^at\s+(.+?)\s+\((.+?):(\d+):(\d+)\)$/);
+    if (m) {
+      frames.push({
+        func: m[1],
+        file: m[2],
+        line: Number(m[3])
+      });
+      continue;
+    }
+    // V8: "at file:line:col"
+    m = line.match(/^at\s+(.+?):(\d+):(\d+)$/);
+    if (m) {
+      frames.push({
+        file: m[1],
+        line: Number(m[2])
+      });
+      continue;
+    }
+    // Hermes: "func@file:line:col"
+    m = line.match(/^(.*?)@(.+?):(\d+):(\d+)$/);
+    if (m) {
+      frames.push({
+        func: m[1] || undefined,
+        file: m[2],
+        line: Number(m[3])
+      });
+      continue;
+    }
+  }
+  return frames;
+}
+function basename(file) {
+  if (!file) return undefined;
+  const noQuery = file.split("?")[0];
+  return noQuery.split("/").pop() || noQuery;
+}
+function cleanFunctionName(func) {
+  if (!func) return undefined;
+  const f = func.replace(/^Object\./, "").trim();
+  if (!f || f === "<anonymous>" || f === "anonymous") return undefined;
+  return f;
+}
+
+/** First component name from a React owner stack (nearest owner). */
+function firstComponent(ownerStack) {
+  if (!ownerStack) return undefined;
+  for (const raw of ownerStack.split("\n")) {
+    const m = raw.trim().match(/^at\s+([A-Za-z_$][\w$]*)/);
+    if (m) return m[1];
+  }
+  return undefined;
+}
+
+/** Derive the origin of a log from its captured JS stack + React owner stack. */
+function parseOrigin(stack, ownerStack) {
+  const component = firstComponent(ownerStack);
+  let appFrame;
+  if (stack) {
+    const frames = parseFrames(stack);
+    appFrame = frames.find(f => !isInternalFrame(f));
+  }
+  const functionName = cleanFunctionName(appFrame?.func);
+  const file = basename(appFrame?.file);
+  const line = appFrame?.line;
+  const callSite = file && line != null ? `${file}:${line}` : undefined;
+  if (!component && !functionName && !callSite) return undefined;
+  return {
+    component,
+    functionName,
+    callSite,
+    file,
+    line
+  };
+}
+
+// ─── Grouping by dimension ───────────────────────────────────────────────────
+
+/**
+ * Stable key used to group consecutive rows (null = ungrouped).
+ *
+ * Each dimension falls back to the next-best signal so a row is never lumped
+ * into a single catch-all bucket: a handler-fired log (no React owner) still
+ * differentiates by its function / call site under "Component".
+ */
+function sourceKey(origin, dim) {
+  if (dim === "off" || !origin) return dim === "off" ? null : "—unknown—";
+  if (dim === "component") {
+    return origin.component ?? origin.functionName ?? origin.callSite ?? "—unknown—";
+  }
+  if (dim === "function") {
+    return origin.functionName ?? origin.callSite ?? origin.component ?? "—anonymous—";
+  }
+  return origin.callSite ?? origin.functionName ?? "—unknown—";
+}
+
+/** Human label shown next to the row. */
+function sourceLabel(origin, dim) {
+  if (!origin) return "(unknown)";
+  if (dim === "component") {
+    if (origin.component) return origin.component;
+    if (origin.functionName) return `ƒ ${origin.functionName}`;
+    return origin.callSite ?? "(unknown)";
+  }
+  if (dim === "function") {
+    if (origin.functionName) return origin.functionName;
+    return origin.callSite ?? "(anonymous)";
+  }
+  if (dim === "callsite") {
+    if (origin.functionName && origin.callSite) return `${origin.functionName} · ${origin.callSite}`;
+    return origin.callSite ?? (origin.functionName ? `ƒ ${origin.functionName}` : "(unknown)");
+  }
+  return "";
+}
+
+// ─── Color + bracket ─────────────────────────────────────────────────────────
+
+function hashString(s) {
+  let h = 0;
+  for (let i = 0; i < s.length; i++) h = h * 31 + s.charCodeAt(i) | 0;
+  return Math.abs(h);
+}
+
+/** Stable, readable color for a source key (bright enough for a dark surface). */
+function colorForKey(key) {
+  const hue = hashString(key) % 360;
+  return `hsl(${hue}, 70%, 66%)`;
+}
+/** lnav gutter glyph: ┌ run-start · │ run-middle · └ run-end · ─ single. */
+function bracketGlyph(bracket) {
+  switch (bracket) {
+    case "top":
+      return "┌";
+    case "bottom":
+      return "└";
+    case "single":
+      return "─";
+    default:
+      return "│";
+  }
+}
+//# sourceMappingURL=origin.js.map

package/lib/commonjs/devtools/origin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["INTERNAL_FUNC","INTERNAL_FILE","isInternalFrame","frame","func","test","replace","Boolean","file","parseFrames","stack","frames","raw","split","line","trim","m","match","push","Number","undefined","basename","noQuery","pop","cleanFunctionName","f","firstComponent","ownerStack","parseOrigin","component","appFrame","find","functionName","callSite","sourceKey","origin","dim","sourceLabel","hashString","s","h","i","length","charCodeAt","Math","abs","colorForKey","key","hue","bracketGlyph","bracket"],"sourceRoot":"../../../src","sources":["devtools/origin.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/devtools/theme.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.monoFont = exports.lightTheme = exports.levelStyles = exports.darkTheme = exports.consoleTheme = exports.ansiColors = void 0;
+var _reactNative = require("react-native");
+/**
+ * Console palette — a dark theme matched to Buoy's shared design tokens
+ * (`macOSColors` in @buoy-gg/shared-ui) so the console reads as part of the
+ * tool suite, tuned for contrast per WCAG AA:
+ *   - body text  #F5F5F7 on #0A0A0C   ≈ 17:1
+ *   - secondary  #A1A1A6 on #0A0A0C   ≈ 7:1
+ *   - links      #40CCFF on #0A0A0C   ≈ 9:1
+ *   - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
+ *     visible against the near-black surface.
+ * The light values (the exact DevTools light tokens) are kept for a future
+ * toggle.
+ */
+
+/**
+ * Monospace font. On the desktop dashboard (react-native-web) the generic
+ * `"monospace"` resolves to a thin, poorly-hinted browser default that's hard
+ * to read at small sizes — so we use a curated mono stack there. Native (mobile)
+ * keeps its system monospace, which already renders well.
+ */
+const monoFont = exports.monoFont = _reactNative.Platform.select({
+  web: 'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',
+  default: "monospace"
+}) ?? "monospace";
+/** Light theme (active) — resolved DevTools light-theme tokens. */
+const lightTheme = exports.lightTheme = {
+  baseContainer: "#ffffff",
+  // --sys-color-cdt-base-container (neutral99 ≈ white)
+  surfaceError: "#fceaea",
+  // --sys-color-surface-error  rgb(252 235 235)
+  surfaceYellow: "#fef6d5",
+  // --sys-color-surface-yellow rgb(254 246 213)
+  divider: "#e8eaed",
+  // --sys-color-divider (primary90, lightened for contrast)
+  inputBackground: "#f1f3f4",
+  menuBackground: "#ffffff",
+  onSurface: "#1f1f1f",
+  // neutral10
+  onSurfaceYellow: "#3e2f00",
+  // yellow20
+  onErrorContainer: "#410e0b",
+  // error10
+  tokenSubtle: "#757575",
+  // neutral50
+  primary: "#0b57d0",
+  // primary40 (links)
+  valueNumber: "#0842a0",
+  // token-attribute-value (blue30)
+  valueString: "#c5221f",
+  // token-property-special (error50, slightly deepened)
+  valueBigint: "#146c2e",
+  // token-comment (green40)
+  valueNode: "#1f1f1f",
+  // token-variable (= on-surface)
+  valueNullish: "rgba(31,31,31,0.5)",
+  // state-disabled
+  valuePreview: "rgba(31,31,31,0.62)"
+};
+
+/** Dark theme (active) — matched to Buoy macOSColors, contrast-tuned. */
+const darkTheme = exports.darkTheme = {
+  baseContainer: "#0A0A0C",
+  // macOSColors.background.base
+  surfaceError: "rgba(255,69,58,0.15)",
+  // semantic.errorBackground
+  surfaceYellow: "rgba(255,235,59,0.13)",
+  // semantic.warningBackground
+  divider: "#3A3A40",
+  // lightened from border.default (#2D2D2F) for visible lines
+  inputBackground: "#26262A",
+  // background.input
+  menuBackground: "#1A1A1C",
+  // background.card
+  onSurface: "#F5F5F7",
+  // text.primary  (~17:1)
+  onSurfaceYellow: "#FFE9A3",
+  // light warm yellow on dark warning row
+  onErrorContainer: "#FFB4AB",
+  // light red on dark error row
+  tokenSubtle: "#A1A1A6",
+  // text.secondary (~7:1 — timestamps, previews)
+  primary: "#40CCFF",
+  // semantic.infoLight (links, ~9:1)
+  valueNumber: "#FF9F1C",
+  // orange (number + boolean)
+  valueString: "#7EE787",
+  // green (string/regexp/symbol)
+  valueBigint: "#A1A1A6",
+  // muted (bigint)
+  valueNode: "#F5F5F7",
+  // default text (DOM node / variable)
+  valueNullish: "#8E8E93",
+  // text.muted (null/undefined)
+  valuePreview: "#A1A1A6" // object preview (italic)
+};
+
+/** The active console palette. */
+const consoleTheme = exports.consoleTheme = darkTheme;
+
+/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
+const ansiColors = exports.ansiColors = {
+  black: "#000",
+  red: "rgb(237 78 76)",
+  green: "rgb(1 200 1)",
+  yellow: "rgb(210 192 87)",
+  blue: "rgb(39 116 240)",
+  magenta: "rgb(161 66 244)",
+  cyan: "rgb(18 181 203)",
+  gray: "rgb(207 208 208)",
+  darkgray: "rgb(137 137 137)",
+  lightred: "rgb(242 139 130)",
+  lightgreen: "rgb(161 247 181)",
+  lightyellow: "rgb(221 251 85)",
+  lightblue: "rgb(102 157 246)",
+  lightmagenta: "rgb(214 112 214)",
+  lightcyan: "rgb(132 240 255)",
+  white: "#fff"
+};
+const levelStyles = exports.levelStyles = {
+  verbose: {
+    text: consoleTheme.tokenSubtle
+  },
+  info: {
+    text: consoleTheme.onSurface
+  },
+  warning: {
+    background: consoleTheme.surfaceYellow,
+    text: consoleTheme.onSurfaceYellow,
+    icon: "warning"
+  },
+  error: {
+    background: consoleTheme.surfaceError,
+    text: consoleTheme.onErrorContainer,
+    icon: "error"
+  }
+};
+//# sourceMappingURL=theme.js.map