keystone-design-bootstrap 1.0.97 → 1.0.99

package/dist/contexts/index.js

@@ -1,3 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
 // src/contexts/ThemeContext.tsx
 import { createContext, useContext } from "react";
 
@@ -18,6 +35,122 @@ function isValidTheme(theme) {
   return theme in THEME_CONFIG;
 }
 
+// src/tracking/logging.ts
+import { logs } from "@opentelemetry/api-logs";
+import { OTLPLogExporter } from "@opentelemetry/exporter-logs-otlp-http";
+import { resourceFromAttributes } from "@opentelemetry/resources";
+import { BatchLogRecordProcessor, LoggerProvider } from "@opentelemetry/sdk-logs";
+var BUILD_CONSOLE_DISABLED = process.env.NEXT_PUBLIC_LOGGING_DISABLED === "1";
+var BUILD_POSTHOG_DISABLED = process.env.NEXT_PUBLIC_POSTHOG_LOGGING_DISABLED === "1";
+var MAX_PENDING_POSTHOG_LOGS = 500;
+var otelLogger = null;
+var pendingPostHogLogs = [];
+var browserConsole = globalThis == null ? void 0 : globalThis["console"];
+var CHANNEL_COLORS = {
+  // Shared diagnostics
+  "global-client": "#d2a8ff",
+  // Section pins (desktop)
+  "every-channel-pin": "#9febd7",
+  "hero-pin": "#6ecc8b",
+  "pricing-pin": "#399587",
+  "product-screens-pin": "#4fafa0",
+  "social-proof-pin": "#ffbb8a",
+  "value-props-pin": "#e0a733",
+  "work-pin": "#f57e56",
+  // Section pins (mobile)
+  "mobile-every-channel-pin": "#7ed9c6",
+  "mobile-hero-pin": "#f0eee6",
+  "mobile-pricing-pin": "#80d4ff",
+  "mobile-product-screens-pin": "#3a9085",
+  "mobile-social-proof-pin": "#ffd580",
+  "mobile-value-props-pin": "#4fafa0"
+};
+function flattenAttributes(input, prefix = "") {
+  const output = {};
+  for (const [key, value] of Object.entries(input)) {
+    const nextKey = prefix ? `${prefix}.${key}` : key;
+    if (value === null || value === void 0) continue;
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      output[nextKey] = value;
+      continue;
+    }
+    if (Array.isArray(value)) {
+      output[nextKey] = JSON.stringify(value);
+      continue;
+    }
+    if (typeof value === "object") {
+      Object.assign(output, flattenAttributes(value, nextKey));
+      continue;
+    }
+    output[nextKey] = String(value);
+  }
+  return output;
+}
+function enqueuePendingPostHogLog(entry) {
+  if (pendingPostHogLogs.length >= MAX_PENDING_POSTHOG_LOGS) {
+    pendingPostHogLogs.shift();
+  }
+  pendingPostHogLogs.push(entry);
+}
+function isConsoleEnabled() {
+  if (BUILD_CONSOLE_DISABLED) return false;
+  if (typeof window === "undefined") return true;
+  return window.__loggingDisabled !== true;
+}
+function isPostHogShippingEnabled() {
+  if (BUILD_POSTHOG_DISABLED) return false;
+  if (typeof window === "undefined") return false;
+  return window.__posthogLoggingDisabled !== true;
+}
+function formatDetail(detail) {
+  return Object.entries(detail).map(([k, v]) => `${k}=${typeof v === "number" ? v.toFixed(4) : String(v)}`).join("  ");
+}
+function emitConsole(level, channel, event, detail) {
+  var _a, _b, _c, _d;
+  const color = (_a = CHANNEL_COLORS[channel]) != null ? _a : "#aaa";
+  const detailStr = formatDetail(detail);
+  const message = `%c[${channel}] %c${event}%c ${detailStr}`;
+  const channelStyle = `color:${color}; font-weight:bold`;
+  const eventStyle = level === "error" ? "color:#e94e4e; font-weight:bold" : level === "warn" ? "color:#f5a623; font-weight:bold" : "color:#fff; font-weight:bold";
+  const detailStyle = "color:#999; font-weight:normal";
+  if (level === "error") {
+    (_b = browserConsole == null ? void 0 : browserConsole.error) == null ? void 0 : _b.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+    return;
+  }
+  if (level === "warn") {
+    (_c = browserConsole == null ? void 0 : browserConsole.warn) == null ? void 0 : _c.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+    return;
+  }
+  (_d = browserConsole == null ? void 0 : browserConsole.log) == null ? void 0 : _d.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+}
+function emitToPostHog(level, channel, event, detail) {
+  if (!otelLogger) return false;
+  const severityText = level === "warn" ? "WARNING" : level === "error" ? "ERROR" : "INFO";
+  const attributes = flattenAttributes(__spreadValues({ channel }, detail));
+  otelLogger.emit({
+    severityText,
+    body: event,
+    attributes
+  });
+  return true;
+}
+function emit(level, channel, event, detail, options) {
+  var _a;
+  const shouldShip = ((_a = options == null ? void 0 : options.shipToPostHog) != null ? _a : level !== "info") && isPostHogShippingEnabled();
+  if (level !== "info" || isConsoleEnabled()) {
+    emitConsole(level, channel, event, detail);
+  }
+  if (shouldShip) {
+    const shipped = emitToPostHog(level, channel, event, detail);
+    if (!shipped) {
+      enqueuePendingPostHogLog({ level, channel, event, detail });
+    }
+  }
+}
+function warn(channel, event, detail = {}, options) {
+  emit("warn", channel, event, detail, options);
+}
+
 // src/contexts/ThemeContext.tsx
 var ThemeContext = createContext({ theme: "classic" });
 function ThemeProvider({
@@ -25,7 +158,7 @@ function ThemeProvider({
   children
 }) {
   if (!isValidTheme(theme)) {
-    console.warn(`Invalid theme "${theme}", falling back to "classic"`);
+    warn("theme", "INVALID_THEME_FALLBACK", { theme });
     theme = "classic";
   }
   return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme } }, children);

package/dist/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/contexts/ThemeContext.tsx","../../src/themes/index.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Theme, isValidTheme } from '../themes';\n\ninterface ThemeContextValue {\n  theme: Theme;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({ theme: 'classic' });\n\nexport function ThemeProvider({ \n  theme, \n  children \n}: { \n  theme: Theme; \n  children: React.ReactNode;\n}) {\n  // Validate theme at runtime\n  if (!isValidTheme(theme)) {\n    console.warn(`Invalid theme \"${theme}\", falling back to \"classic\"`);\n    theme = 'classic';\n  }\n  \n  return (\n    <ThemeContext.Provider value={{ theme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n","/**\n * Theme Configuration\n * Single source of truth for all themes\n */\n\nexport const THEME_CONFIG = {\n  classic: '',           // Base files with no suffix (hero-home.tsx)\n  aman: '.aman',         // Aman Hotels variant files (hero-home.aman.tsx)\n  barelux: '.barelux',   // Bare Lux Studio variant files (hero-home.barelux.tsx)\n  balance: '.balance',   // Balance Aesthetics variant files (hero-home.balance.tsx)\n  custom: '',            // Fully custom sites — no design-system CSS loaded, all styling built in the site itself\n} as const;\n\nexport type Theme = keyof typeof THEME_CONFIG;\n\nexport function getAvailableThemes(): Theme[] {\n  return Object.keys(THEME_CONFIG) as Theme[];\n}\n\nexport function getThemeSuffix(theme: Theme): string {\n  return THEME_CONFIG[theme] || '';\n}\n\nexport function isValidTheme(theme: string): theme is Theme {\n  return theme in THEME_CONFIG;\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;;;ACGnC,IAAM,eAAe;AAAA,EAC1B,SAAS;AAAA;AAAA,EACT,MAAM;AAAA;AAAA,EACN,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,QAAQ;AAAA;AACV;AAYO,SAAS,aAAa,OAA+B;AAC1D,SAAO,SAAS;AAClB;;;ADhBA,IAAM,eAAe,cAAiC,EAAE,OAAO,UAAU,CAAC;AAEnE,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AAED,MAAI,CAAC,aAAa,KAAK,GAAG;AACxB,YAAQ,KAAK,kBAAkB,KAAK,8BAA8B;AAClE,YAAQ;AAAA,EACV;AAEA,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,MAAM,KACnC,QACH;AAEJ;AAEO,SAAS,WAAW;AACzB,SAAO,WAAW,YAAY;AAChC;","names":[]}
+{"version":3,"sources":["../../src/contexts/ThemeContext.tsx","../../src/themes/index.ts","../../src/tracking/logging.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Theme, isValidTheme } from '../themes';\nimport { warn } from '../tracking/logging';\n\ninterface ThemeContextValue {\n  theme: Theme;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({ theme: 'classic' });\n\nexport function ThemeProvider({ \n  theme, \n  children \n}: { \n  theme: Theme; \n  children: React.ReactNode;\n}) {\n  // Validate theme at runtime\n  if (!isValidTheme(theme)) {\n    warn('theme', 'INVALID_THEME_FALLBACK', { theme });\n    theme = 'classic';\n  }\n  \n  return (\n    <ThemeContext.Provider value={{ theme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n","/**\n * Theme Configuration\n * Single source of truth for all themes\n */\n\nexport const THEME_CONFIG = {\n  classic: '',           // Base files with no suffix (hero-home.tsx)\n  aman: '.aman',         // Aman Hotels variant files (hero-home.aman.tsx)\n  barelux: '.barelux',   // Bare Lux Studio variant files (hero-home.barelux.tsx)\n  balance: '.balance',   // Balance Aesthetics variant files (hero-home.balance.tsx)\n  custom: '',            // Fully custom sites — no design-system CSS loaded, all styling built in the site itself\n} as const;\n\nexport type Theme = keyof typeof THEME_CONFIG;\n\nexport function getAvailableThemes(): Theme[] {\n  return Object.keys(THEME_CONFIG) as Theme[];\n}\n\nexport function getThemeSuffix(theme: Theme): string {\n  return THEME_CONFIG[theme] || '';\n}\n\nexport function isValidTheme(theme: string): theme is Theme {\n  return theme in THEME_CONFIG;\n}\n","'use client';\n\nimport { logs } from '@opentelemetry/api-logs';\nimport { OTLPLogExporter } from '@opentelemetry/exporter-logs-otlp-http';\nimport { resourceFromAttributes } from '@opentelemetry/resources';\nimport { BatchLogRecordProcessor, LoggerProvider } from '@opentelemetry/sdk-logs';\n\nconst BUILD_CONSOLE_DISABLED = process.env.NEXT_PUBLIC_LOGGING_DISABLED === '1';\nconst BUILD_POSTHOG_DISABLED = process.env.NEXT_PUBLIC_POSTHOG_LOGGING_DISABLED === '1';\ninterface LoggingWindow extends Window {\n  __loggingDisabled?: boolean;\n  __posthogLoggingDisabled?: boolean;\n}\n\nexport type LogLevel = 'info' | 'warn' | 'error';\n\nexport type LogOptions = {\n  /** Send this log payload to PostHog Logs product. */\n  shipToPostHog?: boolean;\n};\n\ntype OTelInitOptions = {\n  apiKey: string;\n  apiHost?: string;\n  serviceName?: string;\n  environment?: string;\n  accountId?: number;\n  accountName?: string;\n};\n\ntype PendingShipLog = {\n  level: LogLevel;\n  channel: string;\n  event: string;\n  detail: Record<string, unknown>;\n};\n\nconst MAX_PENDING_POSTHOG_LOGS = 500;\nlet otelProvider: LoggerProvider | null = null;\nlet otelLogger: ReturnType<typeof logs.getLogger> | null = null;\nlet otelInitFingerprint = '';\nconst pendingPostHogLogs: PendingShipLog[] = [];\nconst browserConsole = globalThis?.['console'];\n\n/**\n * Channel → accent colour. Unregistered channels fall through to gray.\n */\nexport const CHANNEL_COLORS: Record<string, string> = {\n  // Shared diagnostics\n  'global-client': '#d2a8ff',\n\n  // Section pins (desktop)\n  'every-channel-pin': '#9febd7',\n  'hero-pin': '#6ecc8b',\n  'pricing-pin': '#399587',\n  'product-screens-pin': '#4fafa0',\n  'social-proof-pin': '#ffbb8a',\n  'value-props-pin': '#e0a733',\n  'work-pin': '#f57e56',\n\n  // Section pins (mobile)\n  'mobile-every-channel-pin': '#7ed9c6',\n  'mobile-hero-pin': '#f0eee6',\n  'mobile-pricing-pin': '#80d4ff',\n  'mobile-product-screens-pin': '#3a9085',\n  'mobile-social-proof-pin': '#ffd580',\n  'mobile-value-props-pin': '#4fafa0',\n};\n\nfunction flattenAttributes(input: Record<string, unknown>, prefix = ''): Record<string, string | number | boolean> {\n  const output: Record<string, string | number | boolean> = {};\n\n  for (const [key, value] of Object.entries(input)) {\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (value === null || value === undefined) continue;\n\n    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {\n      output[nextKey] = value;\n      continue;\n    }\n\n    if (Array.isArray(value)) {\n      output[nextKey] = JSON.stringify(value);\n      continue;\n    }\n\n    if (typeof value === 'object') {\n      Object.assign(output, flattenAttributes(value as Record<string, unknown>, nextKey));\n      continue;\n    }\n\n    output[nextKey] = String(value);\n  }\n\n  return output;\n}\n\nfunction stripTrailingSlash(host: string): string {\n  return host.replace(/\\/+$/, '');\n}\n\nfunction enqueuePendingPostHogLog(entry: PendingShipLog): void {\n  if (pendingPostHogLogs.length >= MAX_PENDING_POSTHOG_LOGS) {\n    pendingPostHogLogs.shift();\n  }\n  pendingPostHogLogs.push(entry);\n}\n\nfunction flushPendingPostHogLogs(): void {\n  if (!otelLogger || pendingPostHogLogs.length === 0) return;\n\n  while (pendingPostHogLogs.length > 0) {\n    const entry = pendingPostHogLogs.shift();\n    if (!entry) break;\n    emitToPostHog(entry.level, entry.channel, entry.event, entry.detail);\n  }\n}\n\nexport function initializePostHogLogging(options: OTelInitOptions): void {\n  if (typeof window === 'undefined') return;\n  if (!options.apiKey?.trim()) return;\n\n  const apiHost = stripTrailingSlash(options.apiHost?.trim() || 'https://us.i.posthog.com');\n  const serviceName = options.serviceName?.trim() || 'keystone-customer-site';\n  const environment = options.environment?.trim() || 'production';\n  const fingerprint = `${apiHost}|${options.apiKey}|${serviceName}|${environment}|${options.accountId ?? ''}|${options.accountName ?? ''}`;\n  if (otelLogger && otelInitFingerprint === fingerprint) return;\n\n  if (otelProvider) {\n    // Cleanly replace logger provider when config changes.\n    void otelProvider.shutdown().catch(() => {});\n    otelProvider = null;\n    otelLogger = null;\n  }\n\n  const baseAttributes: Record<string, string | number | boolean> = {\n    'service.name': serviceName,\n    environment,\n    site_domain: window.location.hostname,\n  };\n  if (options.accountId !== undefined) baseAttributes.account_id = options.accountId;\n  if (options.accountName) baseAttributes.account_name = options.accountName;\n\n  const exporter = new OTLPLogExporter({\n    url: `${apiHost}/i/v1/logs?token=${encodeURIComponent(options.apiKey)}`,\n    headers: {\n      // Keep request \"simple\" to avoid CORS preflight in browser.\n      'Content-Type': 'text/plain',\n    },\n  });\n\n  otelProvider = new LoggerProvider({\n    resource: resourceFromAttributes(baseAttributes),\n    processors: [new BatchLogRecordProcessor(exporter)],\n  });\n\n  logs.setGlobalLoggerProvider(otelProvider);\n  otelLogger = logs.getLogger(serviceName);\n  otelInitFingerprint = fingerprint;\n  flushPendingPostHogLogs();\n}\n\nfunction isConsoleEnabled(): boolean {\n  if (BUILD_CONSOLE_DISABLED) return false;\n  if (typeof window === 'undefined') return true;\n  return (window as LoggingWindow).__loggingDisabled !== true;\n}\n\nfunction isPostHogShippingEnabled(): boolean {\n  if (BUILD_POSTHOG_DISABLED) return false;\n  if (typeof window === 'undefined') return false;\n  return (window as LoggingWindow).__posthogLoggingDisabled !== true;\n}\n\nfunction formatDetail(detail: Record<string, unknown>): string {\n  return Object.entries(detail)\n    .map(([k, v]) => `${k}=${typeof v === 'number' ? v.toFixed(4) : String(v)}`)\n    .join('  ');\n}\n\nfunction emitConsole(\n  level: LogLevel,\n  channel: string,\n  event: string,\n  detail: Record<string, unknown>,\n): void {\n  const color = CHANNEL_COLORS[channel] ?? '#aaa';\n  const detailStr = formatDetail(detail);\n  const message = `%c[${channel}] %c${event}%c ${detailStr}`;\n  const channelStyle = `color:${color}; font-weight:bold`;\n  const eventStyle = level === 'error'\n    ? 'color:#e94e4e; font-weight:bold'\n    : level === 'warn'\n      ? 'color:#f5a623; font-weight:bold'\n      : 'color:#fff; font-weight:bold';\n  const detailStyle = 'color:#999; font-weight:normal';\n\n  if (level === 'error') {\n    browserConsole?.error?.(message, channelStyle, eventStyle, detailStyle);\n    return;\n  }\n  if (level === 'warn') {\n    browserConsole?.warn?.(message, channelStyle, eventStyle, detailStyle);\n    return;\n  }\n  browserConsole?.log?.(message, channelStyle, eventStyle, detailStyle);\n}\n\nfunction emitToPostHog(level: LogLevel, channel: string, event: string, detail: Record<string, unknown>): boolean {\n  if (!otelLogger) return false;\n\n  const severityText = level === 'warn' ? 'WARNING' : level === 'error' ? 'ERROR' : 'INFO';\n  const attributes = flattenAttributes({ channel, ...detail });\n\n  otelLogger.emit({\n    severityText,\n    body: event,\n    attributes,\n  });\n  return true;\n}\n\nfunction emit(level: LogLevel, channel: string, event: string, detail: Record<string, unknown>, options?: LogOptions): void {\n  const shouldShip = (options?.shipToPostHog ?? level !== 'info') && isPostHogShippingEnabled();\n  // Keep warn/error visible even when regular logs are muted.\n  if (level !== 'info' || isConsoleEnabled()) {\n    emitConsole(level, channel, event, detail);\n  }\n  if (shouldShip) {\n    const shipped = emitToPostHog(level, channel, event, detail);\n    if (!shipped) {\n      enqueuePendingPostHogLog({ level, channel, event, detail });\n    }\n  }\n}\n\nexport function log(channel: string, event: string, detail: Record<string, unknown> = {}, options?: LogOptions): void {\n  emit('info', channel, event, detail, options);\n}\n\nexport function warn(channel: string, event: string, detail: Record<string, unknown> = {}, options?: LogOptions): void {\n  emit('warn', channel, event, detail, options);\n}\n\nexport function error(channel: string, event: string, detail: Record<string, unknown> = {}, options?: LogOptions): void {\n  emit('error', channel, event, detail, options);\n}\n"],"mappings":"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","names":[]}

package/dist/design_system/components/DynamicFormFields.js

@@ -63,6 +63,127 @@ function getThemedComponent(componentName, theme = "classic") {
 
 // src/contexts/ThemeContext.tsx
 import { createContext, useContext } from "react";
+
+// src/tracking/logging.ts
+import { logs } from "@opentelemetry/api-logs";
+import { OTLPLogExporter } from "@opentelemetry/exporter-logs-otlp-http";
+import { resourceFromAttributes } from "@opentelemetry/resources";
+import { BatchLogRecordProcessor, LoggerProvider } from "@opentelemetry/sdk-logs";
+var BUILD_CONSOLE_DISABLED = process.env.NEXT_PUBLIC_LOGGING_DISABLED === "1";
+var BUILD_POSTHOG_DISABLED = process.env.NEXT_PUBLIC_POSTHOG_LOGGING_DISABLED === "1";
+var MAX_PENDING_POSTHOG_LOGS = 500;
+var otelLogger = null;
+var pendingPostHogLogs = [];
+var browserConsole = globalThis == null ? void 0 : globalThis["console"];
+var CHANNEL_COLORS = {
+  // Shared diagnostics
+  "global-client": "#d2a8ff",
+  // Section pins (desktop)
+  "every-channel-pin": "#9febd7",
+  "hero-pin": "#6ecc8b",
+  "pricing-pin": "#399587",
+  "product-screens-pin": "#4fafa0",
+  "social-proof-pin": "#ffbb8a",
+  "value-props-pin": "#e0a733",
+  "work-pin": "#f57e56",
+  // Section pins (mobile)
+  "mobile-every-channel-pin": "#7ed9c6",
+  "mobile-hero-pin": "#f0eee6",
+  "mobile-pricing-pin": "#80d4ff",
+  "mobile-product-screens-pin": "#3a9085",
+  "mobile-social-proof-pin": "#ffd580",
+  "mobile-value-props-pin": "#4fafa0"
+};
+function flattenAttributes(input, prefix = "") {
+  const output = {};
+  for (const [key, value] of Object.entries(input)) {
+    const nextKey = prefix ? `${prefix}.${key}` : key;
+    if (value === null || value === void 0) continue;
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      output[nextKey] = value;
+      continue;
+    }
+    if (Array.isArray(value)) {
+      output[nextKey] = JSON.stringify(value);
+      continue;
+    }
+    if (typeof value === "object") {
+      Object.assign(output, flattenAttributes(value, nextKey));
+      continue;
+    }
+    output[nextKey] = String(value);
+  }
+  return output;
+}
+function enqueuePendingPostHogLog(entry) {
+  if (pendingPostHogLogs.length >= MAX_PENDING_POSTHOG_LOGS) {
+    pendingPostHogLogs.shift();
+  }
+  pendingPostHogLogs.push(entry);
+}
+function isConsoleEnabled() {
+  if (BUILD_CONSOLE_DISABLED) return false;
+  if (typeof window === "undefined") return true;
+  return window.__loggingDisabled !== true;
+}
+function isPostHogShippingEnabled() {
+  if (BUILD_POSTHOG_DISABLED) return false;
+  if (typeof window === "undefined") return false;
+  return window.__posthogLoggingDisabled !== true;
+}
+function formatDetail(detail) {
+  return Object.entries(detail).map(([k, v]) => `${k}=${typeof v === "number" ? v.toFixed(4) : String(v)}`).join("  ");
+}
+function emitConsole(level, channel, event, detail) {
+  var _a, _b, _c, _d;
+  const color = (_a = CHANNEL_COLORS[channel]) != null ? _a : "#aaa";
+  const detailStr = formatDetail(detail);
+  const message = `%c[${channel}] %c${event}%c ${detailStr}`;
+  const channelStyle = `color:${color}; font-weight:bold`;
+  const eventStyle = level === "error" ? "color:#e94e4e; font-weight:bold" : level === "warn" ? "color:#f5a623; font-weight:bold" : "color:#fff; font-weight:bold";
+  const detailStyle = "color:#999; font-weight:normal";
+  if (level === "error") {
+    (_b = browserConsole == null ? void 0 : browserConsole.error) == null ? void 0 : _b.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+    return;
+  }
+  if (level === "warn") {
+    (_c = browserConsole == null ? void 0 : browserConsole.warn) == null ? void 0 : _c.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+    return;
+  }
+  (_d = browserConsole == null ? void 0 : browserConsole.log) == null ? void 0 : _d.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
+}
+function emitToPostHog(level, channel, event, detail) {
+  if (!otelLogger) return false;
+  const severityText = level === "warn" ? "WARNING" : level === "error" ? "ERROR" : "INFO";
+  const attributes = flattenAttributes(__spreadValues({ channel }, detail));
+  otelLogger.emit({
+    severityText,
+    body: event,
+    attributes
+  });
+  return true;
+}
+function emit(level, channel, event, detail, options) {
+  var _a;
+  const shouldShip = ((_a = options == null ? void 0 : options.shipToPostHog) != null ? _a : level !== "info") && isPostHogShippingEnabled();
+  if (level !== "info" || isConsoleEnabled()) {
+    emitConsole(level, channel, event, detail);
+  }
+  if (shouldShip) {
+    const shipped = emitToPostHog(level, channel, event, detail);
+    if (!shipped) {
+      enqueuePendingPostHogLog({ level, channel, event, detail });
+    }
+  }
+}
+function warn(channel, event, detail = {}, options) {
+  emit("warn", channel, event, detail, options);
+}
+function error(channel, event, detail = {}, options) {
+  emit("error", channel, event, detail, options);
+}
+
+// src/contexts/ThemeContext.tsx
 var ThemeContext = createContext({ theme: "classic" });
 function useTheme() {
   return useContext(ThemeContext);
@@ -2399,7 +2520,9 @@ function GoogleMap({ address, locationName, className = "" }) {
       return;
     }
     if (!window.google.maps.Geocoder) {
-      console.warn("Google Maps Geocoder not yet available, retrying...");
+      warn("google-map", "GEOCODER_NOT_READY_RETRYING", {
+        address
+      });
       setTimeout(() => {
         var _a, _b;
         if (mapRef.current && ((_b = (_a = window.google) == null ? void 0 : _a.maps) == null ? void 0 : _b.Geocoder) && initMapRef.current) {
@@ -2457,8 +2580,12 @@ function GoogleMap({ address, locationName, className = "" }) {
         }
         isInitializingRef.current = false;
       });
-    } catch (error) {
-      console.error("Error initializing map:", error);
+    } catch (error2) {
+      error("google-map", "MAP_INITIALIZATION_FAILED", {
+        address,
+        message: error2 instanceof Error ? error2.message : String(error2),
+        stack: error2 instanceof Error ? error2.stack || "" : ""
+      });
       setMapError("Error loading map. Please try again later.");
       isInitializingRef.current = false;
     }