@floegence/floe-webapp-core 0.39.0 → 0.39.1

package/dist/styles/themes/classicSemanticTokens.d.ts

@@ -0,0 +1,2 @@
+export declare const CLASSIC_LIGHT_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;
+export declare const CLASSIC_DARK_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;

package/dist/styles/themes/classicSemanticTokens.js

@@ -0,0 +1,142 @@
+function a(h) {
+  const l = {}, c = (r, e = /* @__PURE__ */ new Set()) => {
+    const o = h[r];
+    if (!o || e.has(r)) return o;
+    const s = /^var\((--[\w-]+)\)$/u.exec(o)?.[1];
+    return s ? (e.add(r), c(s, e)) : o;
+  };
+  for (const r of Object.keys(h))
+    l[r] = c(r);
+  return Object.freeze(l);
+}
+const n = {
+  "--background": "hsl(34 24% 94%)",
+  "--foreground": "hsl(214 26% 17%)",
+  "--primary": "hsl(214 26% 17%)",
+  "--primary-foreground": "hsl(36 100% 99%)",
+  "--secondary": "hsl(36 15% 94%)",
+  "--secondary-foreground": "hsl(214 25% 25%)",
+  "--muted": "hsl(36 15% 94%)",
+  "--muted-foreground": "hsl(215 16% 42%)",
+  "--accent": "hsl(34 11% 88%)",
+  "--accent-foreground": "hsl(214 26% 17%)",
+  "--border": "hsl(35 13% 82%)",
+  "--input": "hsl(37 15% 76%)",
+  "--ring": "hsl(214 26% 17%)",
+  "--chrome-border": "hsl(33 11% 84%)",
+  "--top-bar-border": "var(--chrome-border)",
+  "--activity-bar-border": "var(--chrome-border)",
+  "--bottom-bar-border": "var(--chrome-border)",
+  "--terminal-panel-border": "var(--chrome-border)",
+  "--card": "hsl(36 100% 99%)",
+  "--card-foreground": "hsl(214 26% 17%)",
+  "--popover": "hsl(36 100% 99%)",
+  "--popover-foreground": "hsl(214 26% 17%)",
+  "--success": "oklch(0.68 0.16 150)",
+  "--success-foreground": "hsl(0 0% 100%)",
+  "--warning": "hsl(38 92% 50%)",
+  "--warning-foreground": "hsl(214 26% 17%)",
+  "--error": "oklch(0.65 0.2 25)",
+  "--error-foreground": "hsl(0 0% 100%)",
+  "--info": "hsl(217 91% 60%)",
+  "--info-foreground": "hsl(0 0% 100%)",
+  "--highlight-block-info-accent": "oklch(0.52 0.14 245)",
+  "--highlight-block-warning-accent": "oklch(0.62 0.16 65)",
+  "--highlight-block-success-accent": "oklch(0.55 0.14 155)",
+  "--highlight-block-error-accent": "oklch(0.55 0.16 25)",
+  "--highlight-block-note-accent": "oklch(0.52 0.16 285)",
+  "--highlight-block-tip-accent": "oklch(0.52 0.12 175)",
+  "--sidebar": "hsl(36 13% 92%)",
+  "--sidebar-foreground": "hsl(214 26% 17%)",
+  "--sidebar-primary": "hsl(214 26% 17%)",
+  "--sidebar-primary-foreground": "hsl(36 100% 99%)",
+  "--sidebar-accent": "hsl(34 11% 88%)",
+  "--sidebar-accent-foreground": "hsl(214 26% 17%)",
+  "--sidebar-border": "hsl(33 11% 84%)",
+  "--sidebar-ring": "hsl(214 26% 17%)",
+  "--activity-bar": "hsl(36 13% 92%)",
+  "--activity-bar-foreground": "hsl(215 16% 42%)",
+  "--activity-bar-foreground-active": "hsl(214 26% 17%)",
+  "--activity-bar-badge": "hsl(214 26% 17%)",
+  "--activity-bar-badge-foreground": "hsl(36 100% 99%)",
+  "--terminal-background": "hsl(214 26% 17%)",
+  "--terminal-foreground": "hsl(0 0% 92%)",
+  "--chart-1": "hsl(214 26% 17%)",
+  "--chart-2": "hsl(215 16% 42%)",
+  "--chart-3": "hsl(217 91% 60%)",
+  "--chart-4": "oklch(0.68 0.16 150)",
+  "--chart-5": "hsl(38 92% 50%)",
+  "--selection-bg": "hsl(217 91% 60%)",
+  "--selection-fg": "hsl(0 0% 100%)",
+  "--selection-on-primary-bg": "hsl(38 92% 50%)",
+  "--selection-on-primary-fg": "hsl(214 26% 17%)",
+  "--selection-code-bg": "hsl(212 100% 67%)",
+  "--selection-code-fg": "hsl(220 20% 8%)"
+}, i = {
+  "--background": "hsl(222 30% 8%)",
+  "--foreground": "hsl(210 20% 98%)",
+  "--primary": "hsl(210 20% 98%)",
+  "--primary-foreground": "hsl(222 30% 10%)",
+  "--secondary": "hsl(220 25% 14%)",
+  "--secondary-foreground": "hsl(210 20% 98%)",
+  "--muted": "hsl(220 25% 14%)",
+  "--muted-foreground": "hsl(215 20% 60%)",
+  "--accent": "hsl(220 25% 16%)",
+  "--accent-foreground": "hsl(210 20% 98%)",
+  "--border": "hsl(220 20% 18%)",
+  "--input": "hsl(220 25% 14%)",
+  "--ring": "hsl(215 25% 70%)",
+  "--chrome-border": "var(--border)",
+  "--top-bar-border": "var(--chrome-border)",
+  "--activity-bar-border": "var(--chrome-border)",
+  "--bottom-bar-border": "var(--chrome-border)",
+  "--terminal-panel-border": "var(--chrome-border)",
+  "--card": "hsl(222 28% 10%)",
+  "--card-foreground": "hsl(210 20% 98%)",
+  "--popover": "hsl(222 28% 10%)",
+  "--popover-foreground": "hsl(210 20% 98%)",
+  "--success": "oklch(0.72 0.19 150)",
+  "--success-foreground": "hsl(222 30% 10%)",
+  "--warning": "oklch(0.82 0.16 80)",
+  "--warning-foreground": "hsl(222 30% 10%)",
+  "--error": "oklch(0.7 0.22 25)",
+  "--error-foreground": "hsl(0 0% 100%)",
+  "--info": "oklch(0.7 0.15 250)",
+  "--info-foreground": "hsl(0 0% 100%)",
+  "--highlight-block-info-accent": "oklch(0.62 0.12 240)",
+  "--highlight-block-warning-accent": "oklch(0.7 0.14 65)",
+  "--highlight-block-success-accent": "oklch(0.62 0.12 155)",
+  "--highlight-block-error-accent": "oklch(0.6 0.14 25)",
+  "--highlight-block-note-accent": "oklch(0.62 0.14 285)",
+  "--highlight-block-tip-accent": "oklch(0.6 0.1 175)",
+  "--sidebar": "hsl(222 28% 10%)",
+  "--sidebar-foreground": "hsl(210 20% 98%)",
+  "--sidebar-primary": "hsl(217 80% 55%)",
+  "--sidebar-primary-foreground": "hsl(0 0% 100%)",
+  "--sidebar-accent": "hsl(220 25% 16%)",
+  "--sidebar-accent-foreground": "hsl(210 20% 98%)",
+  "--sidebar-border": "hsl(220 20% 18%)",
+  "--sidebar-ring": "hsl(217 80% 55%)",
+  "--activity-bar": "hsl(222 30% 9%)",
+  "--activity-bar-foreground": "hsl(215 20% 55%)",
+  "--activity-bar-foreground-active": "hsl(210 20% 98%)",
+  "--activity-bar-badge": "hsl(217 80% 55%)",
+  "--activity-bar-badge-foreground": "hsl(0 0% 100%)",
+  "--terminal-background": "hsl(222 32% 7%)",
+  "--terminal-foreground": "hsl(210 15% 92%)",
+  "--chart-1": "hsl(210 20% 98%)",
+  "--chart-2": "hsl(215 20% 60%)",
+  "--chart-3": "oklch(0.7 0.15 250)",
+  "--chart-4": "oklch(0.72 0.19 150)",
+  "--chart-5": "oklch(0.82 0.16 80)",
+  "--selection-bg": "hsl(215 70% 50%)",
+  "--selection-fg": "hsl(0 0% 100%)",
+  "--selection-on-primary-bg": "hsl(215 80% 35%)",
+  "--selection-on-primary-fg": "hsl(0 0% 100%)",
+  "--selection-code-bg": "hsl(212 100% 67%)",
+  "--selection-code-fg": "hsl(220 20% 8%)"
+}, t = a(n), d = a(i);
+export {
+  d as CLASSIC_DARK_SEMANTIC_TOKENS,
+  t as CLASSIC_LIGHT_SEMANTIC_TOKENS
+};

package/dist/styles/themes/index.d.ts

@@ -32,6 +32,12 @@ export interface FloeThemePreset {
         border?: string;
         colors: readonly [string, string, string, string, string];
     };
+    /**
+     * Complete resolved shell tokens for non-renderer adapters such as Electron's main process.
+     * Unlike `tokens`, this also contains the inherited Classic baseline without applying it as
+     * an inline renderer override.
+     */
+    semanticTokens?: Readonly<FloeThemeTokenMap>;
     /** Optional Monaco definitions keyed by resolved light/dark mode. */
     monaco?: Partial<Record<'light' | 'dark', FloeMonacoThemeDefinition>>;
     tokens?: FloeThemeTokenOverrides;

package/dist/styles/themes/presets.d.ts

@@ -41,6 +41,7 @@ interface ShellThemePaletteDefinition {
 export declare function createShellThemePreset(definition: ShellThemePaletteDefinition): FloeThemePreset;
 export declare const builtInShellThemePresets: readonly [{
     inheritsBaseTokens: true;
+    semanticTokens: Readonly<Partial<Record<`--${string}`, string>>>;
     tokens: undefined;
     name: string;
     displayName: string;
@@ -57,6 +58,7 @@ export declare const builtInShellThemePresets: readonly [{
     monaco?: Partial<Record<"light" | "dark", import("./index").FloeMonacoThemeDefinition>>;
 }, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, {
     inheritsBaseTokens: true;
+    semanticTokens: Readonly<Partial<Record<`--${string}`, string>>>;
     tokens: undefined;
     name: string;
     displayName: string;

package/dist/styles/themes/presets.js

@@ -1,4 +1,5 @@
-const A = [
+import { CLASSIC_LIGHT_SEMANTIC_TOKENS as s, CLASSIC_DARK_SEMANTIC_TOKENS as m } from "./classicSemanticTokens.js";
+const C = [
   "--background",
   "--foreground",
   "--primary",
@@ -61,7 +62,7 @@ const A = [
   "--selection-on-primary-fg",
   "--selection-code-bg",
   "--selection-code-fg"
-], s = {
+], l = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
   warning: "#835800",
@@ -72,7 +73,7 @@ const A = [
   infoForeground: "#FFFFFF",
   note: "#6847A0",
   tip: "#1E6F73"
-}, m = {
+}, b = {
   success: "#72D39C",
   successForeground: "#07160E",
   warning: "#F0C36A",
@@ -85,18 +86,18 @@ const A = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? s : m, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? l : b, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
-  }, [t, d, F, c, u] = r.chart, a = r.syntax ?? {
+  }, [t, d, F, c, g] = r.chart, a = r.syntax ?? {
     comment: r.mutedForeground,
     keyword: t,
     string: d,
     number: c,
     type: F,
-    function: u,
+    function: g,
     constant: c
-  }, g = {
+  }, u = {
     "--background": r.background,
     "--foreground": r.foreground,
     "--primary": r.primary,
@@ -152,7 +153,7 @@ function o(r) {
     "--chart-2": d,
     "--chart-3": F,
     "--chart-4": c,
-    "--chart-5": u,
+    "--chart-5": g,
     "--selection-bg": r.selectionBackground,
     "--selection-fg": r.selectionForeground,
     "--selection-on-primary-bg": n.background,
@@ -173,6 +174,7 @@ function o(r) {
       border: r.border,
       colors: r.chart
     },
+    semanticTokens: u,
     monaco: {
       [r.mode]: {
         base: r.mode === "light" ? "vs" : "vs-dark",
@@ -232,10 +234,10 @@ function o(r) {
         }
       }
     },
-    tokens: r.mode === "light" ? { light: g } : { dark: g }
+    tokens: r.mode === "light" ? { light: u } : { dark: u }
   };
 }
-const l = {
+const B = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
@@ -267,8 +269,9 @@ const l = {
     }
   }),
   inheritsBaseTokens: !0,
+  semanticTokens: s,
   tokens: void 0
-}, b = {
+}, p = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
@@ -300,9 +303,10 @@ const l = {
     }
   }),
   inheritsBaseTokens: !0,
+  semanticTokens: m,
   tokens: void 0
-}, B = [
-  l,
+}, k = [
+  B,
   o({
     name: "paper",
     displayName: "Paper",
@@ -558,7 +562,7 @@ const l = {
       constant: "#745500"
     }
   }),
-  b,
+  p,
   o({
     name: "ink",
     displayName: "Ink",
@@ -814,18 +818,18 @@ const l = {
       constant: "#FFCC66"
     }
   })
-], y = {
+], D = {
   light: "classic-light",
   dark: "classic-dark"
 };
-function p(r, e) {
+function A(r, e) {
   const n = r.mode ?? "both";
   return n === "both" || n === e;
 }
-function k(r, e) {
-  return r.filter((n) => p(n, e));
+function E(r, e) {
+  return r.filter((n) => A(n, e));
 }
-function E(r) {
+function y(r) {
   const e = /* @__PURE__ */ new Set();
   for (const n of r) {
     if (e.has(n.name))
@@ -834,10 +838,10 @@ function E(r) {
   }
 }
 function i(r, e, n, t) {
-  const d = k(r, e);
+  const d = E(r, e);
   return n && d.some((F) => F.name === n) ? n : t && d.some((F) => F.name === t) ? t : d[0]?.name;
 }
-function h(r, e, n = {}) {
+function f(r, e, n = {}) {
   const t = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, d = t?.version === 1, F = d && typeof t.light == "string" ? t.light : void 0, c = d && typeof t.dark == "string" ? t.dark : void 0;
   return {
     version: 1,
@@ -845,15 +849,15 @@ function h(r, e, n = {}) {
     dark: i(e, "dark", c, n.dark)
   };
 }
-E(B);
+y(k);
 export {
-  y as BUILT_IN_SHELL_THEME_DEFAULTS,
-  A as REQUIRED_SHELL_THEME_TOKENS,
-  E as assertUniqueThemePresetNames,
-  B as builtInShellThemePresets,
+  D as BUILT_IN_SHELL_THEME_DEFAULTS,
+  C as REQUIRED_SHELL_THEME_TOKENS,
+  y as assertUniqueThemePresetNames,
+  k as builtInShellThemePresets,
   o as createShellThemePreset,
-  k as getShellThemePresetsForMode,
-  h as normalizeShellThemeSelection,
-  p as presetSupportsMode,
+  E as getShellThemePresetsForMode,
+  f as normalizeShellThemeSelection,
+  A as presetSupportsMode,
   i as resolveShellThemePresetName
 };

package/dist/themes.d.ts

@@ -0,0 +1,2 @@
+export { BUILT_IN_SHELL_THEME_DEFAULTS, REQUIRED_SHELL_THEME_TOKENS, assertUniqueThemePresetNames, builtInShellThemePresets, getShellThemePresetsForMode, normalizeShellThemeSelection, presetSupportsMode, resolveShellThemePresetName, type FloeShellThemeDefaults, type FloeShellThemeMode, type FloeShellThemeSelection, } from './styles/themes/presets';
+export type { FloeMonacoThemeDefinition, FloeMonacoTokenRule, FloeThemePreset, FloeThemePresetMode, FloeThemeTokenMap, FloeThemeTokenOverrides, } from './styles/themes';

package/dist/themes.js

@@ -0,0 +1,11 @@
+import { BUILT_IN_SHELL_THEME_DEFAULTS as r, REQUIRED_SHELL_THEME_TOKENS as s, assertUniqueThemePresetNames as t, builtInShellThemePresets as E, getShellThemePresetsForMode as S, normalizeShellThemeSelection as T, presetSupportsMode as h, resolveShellThemePresetName as m } from "./styles/themes/presets.js";
+export {
+  r as BUILT_IN_SHELL_THEME_DEFAULTS,
+  s as REQUIRED_SHELL_THEME_TOKENS,
+  t as assertUniqueThemePresetNames,
+  E as builtInShellThemePresets,
+  S as getShellThemePresetsForMode,
+  T as normalizeShellThemeSelection,
+  h as presetSupportsMode,
+  m as resolveShellThemePresetName
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.39.0",
+  "version": "0.39.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -75,6 +75,10 @@
       "types": "./dist/terminal.d.ts",
       "import": "./dist/terminal.js"
     },
+    "./themes": {
+      "types": "./dist/themes.d.ts",
+      "import": "./dist/themes.js"
+    },
     "./workbench": {
       "types": "./dist/workbench.d.ts",
       "import": "./dist/workbench.js"