@floegence/floe-webapp-core 0.38.0 → 0.39.1

package/dist/index.js

@@ -1,142 +1,154 @@
 import { FloeProvider as r } from "./app/FloeProvider.js";
-import { applyTheme as i, builtInThemes as s, getSystemTheme as n, mergeThemeTokenMaps as a, resolveThemeTokenOverrides as m, resolveThemeTokens as p, syncThemeTokenOverrides as l } from "./styles/themes/index.js";
-import { floeColorTokenCategories as d, floeDesignTokens as g, floeFontFamilyTokens as c, floeMotionTokens as x, floeRadiusTokens as T, floeSharedCssVariables as u, floeSpacingTokens as C, floeThemeColorVariables as y, floeTypographyTokens as v, getFloeColorTokenValue as F } from "./styles/tokens.js";
-import { CommandProvider as h, createCommandService as P, useCommand as R } from "./context/CommandContext.js";
-import { ComponentRegistryProvider as I, createComponentRegistry as S, hasComponentRegistryContext as b, useComponentContextFactory as O, useComponentRegistry as A, useOptionalComponentRegistry as E } from "./context/ComponentRegistry.js";
-import { DEFAULT_FLOE_CONFIG as B, FloeConfigProvider as N, useFloeConfig as _, useResolvedFloeConfig as w } from "./context/FloeConfigContext.js";
-import { DeckProvider as W, createDeckService as M, useDeck as V } from "./context/DeckContext.js";
-import { FLOE_GEOMETRY_SURFACE_ATTR as z, FLOE_HOT_INTERACTION_ATTR as H, startHotInteraction as U } from "./utils/hotInteraction.js";
-import { FileBrowserDragProvider as Y, hasFileBrowserDragContext as j, useFileBrowserDrag as q } from "./context/FileBrowserDragContext.js";
-import { LayoutProvider as X, createLayoutService as Z, useLayout as $ } from "./context/LayoutContext.js";
-import { NotificationContainer as oe, NotificationProvider as re, createNotificationService as te, useNotification as ie } from "./context/NotificationContext.js";
-import { ThemeProvider as ne, createThemeService as ae, useTheme as me } from "./context/ThemeContext.js";
-import { ViewActivationProvider as le, useViewActivation as fe } from "./context/ViewActivationContext.js";
-import { WidgetRegistryProvider as ge, createWidgetRegistry as ce, useWidgetRegistry as xe } from "./context/WidgetRegistry.js";
-import { WidgetStateProvider as ue, useCurrentWidgetId as Ce, useWidgetState as ye, useWidgetStateContext as ve } from "./context/WidgetStateContext.js";
-import { applyDragDelta as ke, applyResizeDelta as he, getGridCellSize as Pe, pixelDeltaToGridDelta as Re, positionToGridArea as De, snapToGrid as Ie } from "./utils/gridLayout.js";
-import { checkCollision as be, constrainPosition as Oe, findFreePosition as Ae, hasCollision as Ee, sameGridPosition as Le } from "./utils/gridCollision.js";
-import { cn as Ne } from "./utils/cn.js";
-import { createSimpleContext as we } from "./context/createSimpleContext.js";
-import { createUIFirstSelection as We } from "./utils/uiFirstSelection.js";
-import { deferAfterPaint as Ve, deferNonBlocking as Ke } from "./utils/defer.js";
-import { duration as He, easing as Ue, fadeIn as Qe, listContainer as Ye, listItem as je, panelResize as qe, popIn as Je, scaleIn as Xe, sidebarVariants as Ze, slideInFromBottom as $e, slideInFromLeft as eo, slideInFromRight as oo, slideInFromTop as ro, springConfig as to } from "./utils/animations.js";
-import { formatKeybind as so, isMacLikePlatform as no, isPrimaryModKeyPressed as ao, matchKeybind as mo, parseKeybind as po } from "./utils/keybind.js";
-import { isTypingElement as fo, shouldIgnoreHotkeys as go } from "./utils/dom.js";
-import { lockBodyStyle as xo } from "./utils/bodyStyleLock.js";
-import { registerCommandContributions as uo, useCommandContributions as Co } from "./hooks/useCommandContributions.js";
-import { useDebounce as vo } from "./hooks/useDebounce.js";
-import { useDeckDrag as ko } from "./hooks/useDeckDrag.js";
-import { useFileBrowserDropTarget as Po, useFileBrowserItemDrag as Ro } from "./hooks/useFileBrowserDrag.js";
-import { useKeybind as Io } from "./hooks/useKeybind.js";
-import { useMediaQuery as bo } from "./hooks/useMediaQuery.js";
-import { usePersisted as Ao } from "./hooks/usePersisted.js";
-import { useResizeObserver as Lo } from "./hooks/useResizeObserver.js";
+import { applyShellThemeAttribute as i, applyTheme as s, builtInThemes as n, getSystemTheme as m, isThemeType as a, mergeThemeTokenMaps as l, resolveThemeTokenOverrides as p, resolveThemeTokens as f, syncThemeTokenOverrides as d } from "./styles/themes/index.js";
+import { floeColorTokenCategories as g, floeDesignTokens as u, floeFontFamilyTokens as c, floeMotionTokens as x, floeRadiusTokens as C, floeSharedCssVariables as h, floeSpacingTokens as y, floeThemeColorVariables as S, floeTypographyTokens as F, getFloeColorTokenValue as v } from "./styles/tokens.js";
+import { BUILT_IN_SHELL_THEME_DEFAULTS as k, REQUIRED_SHELL_THEME_TOKENS as I, assertUniqueThemePresetNames as R, builtInShellThemePresets as D, createShellThemePreset as E, getShellThemePresetsForMode as L, normalizeShellThemeSelection as _, presetSupportsMode as b, resolveShellThemePresetName as N } from "./styles/themes/presets.js";
+import { CommandProvider as A, createCommandService as M, useCommand as B } from "./context/CommandContext.js";
+import { ComponentRegistryProvider as G, createComponentRegistry as H, hasComponentRegistryContext as U, useComponentContextFactory as W, useComponentRegistry as K, useOptionalComponentRegistry as V } from "./context/ComponentRegistry.js";
+import { DEFAULT_FLOE_CONFIG as Q, FloeConfigProvider as q, useFloeConfig as Y, useResolvedFloeConfig as j } from "./context/FloeConfigContext.js";
+import { DeckProvider as X, createDeckService as Z, useDeck as $ } from "./context/DeckContext.js";
+import { FLOE_GEOMETRY_SURFACE_ATTR as oe, FLOE_HOT_INTERACTION_ATTR as re, startHotInteraction as te } from "./utils/hotInteraction.js";
+import { FileBrowserDragProvider as se, hasFileBrowserDragContext as ne, useFileBrowserDrag as me } from "./context/FileBrowserDragContext.js";
+import { LayoutProvider as le, createLayoutService as pe, useLayout as fe } from "./context/LayoutContext.js";
+import { NotificationContainer as Te, NotificationProvider as ge, createNotificationService as ue, useNotification as ce } from "./context/NotificationContext.js";
+import { ThemeProvider as Ce, createThemeService as he, useTheme as ye } from "./context/ThemeContext.js";
+import { ViewActivationProvider as Fe, useViewActivation as ve } from "./context/ViewActivationContext.js";
+import { WidgetRegistryProvider as ke, createWidgetRegistry as Ie, useWidgetRegistry as Re } from "./context/WidgetRegistry.js";
+import { WidgetStateProvider as Ee, useCurrentWidgetId as Le, useWidgetState as _e, useWidgetStateContext as be } from "./context/WidgetStateContext.js";
+import { applyDragDelta as Oe, applyResizeDelta as Ae, getGridCellSize as Me, pixelDeltaToGridDelta as Be, positionToGridArea as we, snapToGrid as Ge } from "./utils/gridLayout.js";
+import { checkCollision as Ue, constrainPosition as We, findFreePosition as Ke, hasCollision as Ve, sameGridPosition as ze } from "./utils/gridCollision.js";
+import { cn as qe } from "./utils/cn.js";
+import { createSimpleContext as je } from "./context/createSimpleContext.js";
+import { createUIFirstSelection as Xe } from "./utils/uiFirstSelection.js";
+import { deferAfterPaint as $e, deferNonBlocking as eo } from "./utils/defer.js";
+import { duration as ro, easing as to, fadeIn as io, listContainer as so, listItem as no, panelResize as mo, popIn as ao, scaleIn as lo, sidebarVariants as po, slideInFromBottom as fo, slideInFromLeft as To, slideInFromRight as go, slideInFromTop as uo, springConfig as co } from "./utils/animations.js";
+import { formatKeybind as Co, isMacLikePlatform as ho, isPrimaryModKeyPressed as yo, matchKeybind as So, parseKeybind as Fo } from "./utils/keybind.js";
+import { isTypingElement as Po, shouldIgnoreHotkeys as ko } from "./utils/dom.js";
+import { lockBodyStyle as Ro } from "./utils/bodyStyleLock.js";
+import { registerCommandContributions as Eo, useCommandContributions as Lo } from "./hooks/useCommandContributions.js";
+import { useDebounce as bo } from "./hooks/useDebounce.js";
+import { useDeckDrag as Oo } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as Mo, useFileBrowserItemDrag as Bo } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as Go } from "./hooks/useKeybind.js";
+import { useMediaQuery as Uo } from "./hooks/useMediaQuery.js";
+import { usePersisted as Ko } from "./hooks/usePersisted.js";
+import { useResizeObserver as zo } from "./hooks/useResizeObserver.js";
 export {
-  h as CommandProvider,
-  I as ComponentRegistryProvider,
-  B as DEFAULT_FLOE_CONFIG,
-  W as DeckProvider,
-  z as FLOE_GEOMETRY_SURFACE_ATTR,
-  H as FLOE_HOT_INTERACTION_ATTR,
-  Y as FileBrowserDragProvider,
-  N as FloeConfigProvider,
+  k as BUILT_IN_SHELL_THEME_DEFAULTS,
+  A as CommandProvider,
+  G as ComponentRegistryProvider,
+  Q as DEFAULT_FLOE_CONFIG,
+  X as DeckProvider,
+  oe as FLOE_GEOMETRY_SURFACE_ATTR,
+  re as FLOE_HOT_INTERACTION_ATTR,
+  se as FileBrowserDragProvider,
+  q as FloeConfigProvider,
   r as FloeProvider,
-  X as LayoutProvider,
-  oe as NotificationContainer,
-  re as NotificationProvider,
-  ne as ThemeProvider,
-  le as ViewActivationProvider,
-  ge as WidgetRegistryProvider,
-  ue as WidgetStateProvider,
-  ke as applyDragDelta,
-  he as applyResizeDelta,
-  i as applyTheme,
-  s as builtInThemes,
-  be as checkCollision,
-  Ne as cn,
-  Oe as constrainPosition,
-  P as createCommandService,
-  S as createComponentRegistry,
-  M as createDeckService,
-  Z as createLayoutService,
-  te as createNotificationService,
-  we as createSimpleContext,
-  ae as createThemeService,
-  We as createUIFirstSelection,
-  ce as createWidgetRegistry,
-  Ve as deferAfterPaint,
-  Ke as deferNonBlocking,
-  He as duration,
-  Ue as easing,
-  Qe as fadeIn,
-  Ae as findFreePosition,
-  d as floeColorTokenCategories,
-  g as floeDesignTokens,
+  le as LayoutProvider,
+  Te as NotificationContainer,
+  ge as NotificationProvider,
+  I as REQUIRED_SHELL_THEME_TOKENS,
+  Ce as ThemeProvider,
+  Fe as ViewActivationProvider,
+  ke as WidgetRegistryProvider,
+  Ee as WidgetStateProvider,
+  Oe as applyDragDelta,
+  Ae as applyResizeDelta,
+  i as applyShellThemeAttribute,
+  s as applyTheme,
+  R as assertUniqueThemePresetNames,
+  D as builtInShellThemePresets,
+  n as builtInThemes,
+  Ue as checkCollision,
+  qe as cn,
+  We as constrainPosition,
+  M as createCommandService,
+  H as createComponentRegistry,
+  Z as createDeckService,
+  pe as createLayoutService,
+  ue as createNotificationService,
+  E as createShellThemePreset,
+  je as createSimpleContext,
+  he as createThemeService,
+  Xe as createUIFirstSelection,
+  Ie as createWidgetRegistry,
+  $e as deferAfterPaint,
+  eo as deferNonBlocking,
+  ro as duration,
+  to as easing,
+  io as fadeIn,
+  Ke as findFreePosition,
+  g as floeColorTokenCategories,
+  u as floeDesignTokens,
   c as floeFontFamilyTokens,
   x as floeMotionTokens,
-  T as floeRadiusTokens,
-  u as floeSharedCssVariables,
-  C as floeSpacingTokens,
-  y as floeThemeColorVariables,
-  v as floeTypographyTokens,
-  so as formatKeybind,
-  F as getFloeColorTokenValue,
-  Pe as getGridCellSize,
-  n as getSystemTheme,
-  Ee as hasCollision,
-  b as hasComponentRegistryContext,
-  j as hasFileBrowserDragContext,
-  no as isMacLikePlatform,
-  ao as isPrimaryModKeyPressed,
-  fo as isTypingElement,
-  Ye as listContainer,
-  je as listItem,
-  xo as lockBodyStyle,
-  mo as matchKeybind,
-  a as mergeThemeTokenMaps,
-  qe as panelResize,
-  po as parseKeybind,
-  Re as pixelDeltaToGridDelta,
-  Je as popIn,
-  De as positionToGridArea,
-  uo as registerCommandContributions,
-  m as resolveThemeTokenOverrides,
-  p as resolveThemeTokens,
-  Le as sameGridPosition,
-  Xe as scaleIn,
-  go as shouldIgnoreHotkeys,
-  Ze as sidebarVariants,
-  $e as slideInFromBottom,
-  eo as slideInFromLeft,
-  oo as slideInFromRight,
-  ro as slideInFromTop,
-  Ie as snapToGrid,
-  to as springConfig,
-  U as startHotInteraction,
-  l as syncThemeTokenOverrides,
-  R as useCommand,
-  Co as useCommandContributions,
-  O as useComponentContextFactory,
-  A as useComponentRegistry,
-  Ce as useCurrentWidgetId,
-  vo as useDebounce,
-  V as useDeck,
-  ko as useDeckDrag,
-  q as useFileBrowserDrag,
-  Po as useFileBrowserDropTarget,
-  Ro as useFileBrowserItemDrag,
-  _ as useFloeConfig,
-  Io as useKeybind,
-  $ as useLayout,
-  bo as useMediaQuery,
-  ie as useNotification,
-  E as useOptionalComponentRegistry,
-  Ao as usePersisted,
-  Lo as useResizeObserver,
-  w as useResolvedFloeConfig,
-  me as useTheme,
-  fe as useViewActivation,
-  xe as useWidgetRegistry,
-  ye as useWidgetState,
-  ve as useWidgetStateContext
+  C as floeRadiusTokens,
+  h as floeSharedCssVariables,
+  y as floeSpacingTokens,
+  S as floeThemeColorVariables,
+  F as floeTypographyTokens,
+  Co as formatKeybind,
+  v as getFloeColorTokenValue,
+  Me as getGridCellSize,
+  L as getShellThemePresetsForMode,
+  m as getSystemTheme,
+  Ve as hasCollision,
+  U as hasComponentRegistryContext,
+  ne as hasFileBrowserDragContext,
+  ho as isMacLikePlatform,
+  yo as isPrimaryModKeyPressed,
+  a as isThemeType,
+  Po as isTypingElement,
+  so as listContainer,
+  no as listItem,
+  Ro as lockBodyStyle,
+  So as matchKeybind,
+  l as mergeThemeTokenMaps,
+  _ as normalizeShellThemeSelection,
+  mo as panelResize,
+  Fo as parseKeybind,
+  Be as pixelDeltaToGridDelta,
+  ao as popIn,
+  we as positionToGridArea,
+  b as presetSupportsMode,
+  Eo as registerCommandContributions,
+  N as resolveShellThemePresetName,
+  p as resolveThemeTokenOverrides,
+  f as resolveThemeTokens,
+  ze as sameGridPosition,
+  lo as scaleIn,
+  ko as shouldIgnoreHotkeys,
+  po as sidebarVariants,
+  fo as slideInFromBottom,
+  To as slideInFromLeft,
+  go as slideInFromRight,
+  uo as slideInFromTop,
+  Ge as snapToGrid,
+  co as springConfig,
+  te as startHotInteraction,
+  d as syncThemeTokenOverrides,
+  B as useCommand,
+  Lo as useCommandContributions,
+  W as useComponentContextFactory,
+  K as useComponentRegistry,
+  Le as useCurrentWidgetId,
+  bo as useDebounce,
+  $ as useDeck,
+  Oo as useDeckDrag,
+  me as useFileBrowserDrag,
+  Mo as useFileBrowserDropTarget,
+  Bo as useFileBrowserItemDrag,
+  Y as useFloeConfig,
+  Go as useKeybind,
+  fe as useLayout,
+  Uo as useMediaQuery,
+  ce as useNotification,
+  V as useOptionalComponentRegistry,
+  Ko as usePersisted,
+  zo as useResizeObserver,
+  j as useResolvedFloeConfig,
+  ye as useTheme,
+  ve as useViewActivation,
+  Re as useWidgetRegistry,
+  _e as useWidgetState,
+  be as useWidgetStateContext
 };

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

@@ -1,5 +1,17 @@
 export type ThemeType = 'light' | 'dark' | 'system';
+export type FloeThemePresetMode = 'light' | 'dark' | 'both';
 export type FloeThemeTokenMap = Partial<Record<`--${string}`, string>>;
+export interface FloeMonacoTokenRule {
+    token: string;
+    foreground: string;
+    fontStyle?: string;
+}
+export interface FloeMonacoThemeDefinition {
+    base: 'vs' | 'vs-dark';
+    inherit: boolean;
+    rules: readonly FloeMonacoTokenRule[];
+    colors: Readonly<Record<string, string>>;
+}
 export interface FloeThemeTokenOverrides {
     shared?: FloeThemeTokenMap;
     light?: FloeThemeTokenMap;
@@ -9,6 +21,25 @@ export interface FloeThemePreset {
     name: string;
     displayName: string;
     description?: string;
+    mode?: FloeThemePresetMode;
+    /** Uses the base light.css/dark.css tokens without shell-level overrides. */
+    inheritsBaseTokens?: boolean;
+    preview?: {
+        background: string;
+        surface: string;
+        primary: string;
+        sidebar?: string;
+        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;
 }
 export interface ThemeTarget {
@@ -21,6 +52,8 @@ export interface ThemeTarget {
         setProperty: (property: string, value: string) => void;
         removeProperty: (property: string) => void;
     };
+    setAttribute?: (qualifiedName: string, value: string) => void;
+    removeAttribute?: (qualifiedName: string) => void;
 }
 export interface FloeTheme {
     name: string;
@@ -28,9 +61,12 @@ export interface FloeTheme {
     type: 'light' | 'dark';
 }
 export declare const builtInThemes: FloeTheme[];
+export declare function isThemeType(value: unknown): value is ThemeType;
 export declare function getSystemTheme(): 'light' | 'dark';
 export declare function resolveThemeTokenOverrides(tokens: FloeThemeTokenOverrides | undefined, resolvedTheme: 'light' | 'dark'): FloeThemeTokenMap;
 export declare function mergeThemeTokenMaps(...maps: Array<FloeThemeTokenMap | undefined>): FloeThemeTokenMap;
 export declare function resolveThemeTokens(resolvedTheme: 'light' | 'dark', ...tokenSources: Array<FloeThemeTokenOverrides | undefined>): FloeThemeTokenMap;
 export declare function applyTheme(theme: ThemeType, target?: ThemeTarget): void;
+export declare function applyShellThemeAttribute(presetName: string | undefined, target?: ThemeTarget): void;
 export declare function syncThemeTokenOverrides(tokens: FloeThemeTokenMap | undefined, previousTokenNames?: Iterable<string>, target?: ThemeTarget): string[];
+export * from './presets';

package/dist/styles/themes/index.js

@@ -1,52 +1,63 @@
-const d = [
+const f = [
   { name: "light", displayName: "Light", type: "light" },
   { name: "dark", displayName: "Dark", type: "dark" }
 ];
-function l() {
+function h(e) {
+  return e === "light" || e === "dark" || e === "system";
+}
+function m() {
   return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function c(e) {
+function i(e) {
   if (e) return e;
   if (!(typeof document > "u"))
     return document.documentElement;
 }
-function m(e, r) {
+function c(e, n) {
   return {
     ...e?.shared ?? {},
-    ...r === "light" ? e?.light ?? {} : e?.dark ?? {}
+    ...n === "light" ? e?.light ?? {} : e?.dark ?? {}
   };
 }
 function u(...e) {
   return Object.assign({}, ...e.filter(Boolean));
 }
-function f(e, ...r) {
-  return u(...r.map((t) => m(t, e)));
+function d(e, ...n) {
+  return u(
+    ...n.map((t) => c(t, e))
+  );
 }
-function h(e, r) {
-  const t = c(r);
+function y(e, n) {
+  const t = i(n);
   if (!t) return;
-  const o = e === "system" ? l() : e;
+  const o = e === "system" ? m() : e;
   t.classList.remove("light", "dark"), t.classList.add(o), t.style.colorScheme = o;
 }
-function p(e, r = [], t) {
-  const o = c(t);
+function p(e, n) {
+  const t = i(n);
+  t && (e ? t.setAttribute?.("data-floe-shell-theme", e) : t.removeAttribute?.("data-floe-shell-theme"));
+}
+function T(e, n = [], t) {
+  const o = i(t);
   if (!o) return [];
-  const i = Object.entries(e ?? {}).filter((n) => {
-    const [, s] = n;
+  const l = Object.entries(e ?? {}).filter((r) => {
+    const [, s] = r;
     return typeof s == "string" && s.length > 0;
-  }), a = new Set(i.map(([n]) => n));
-  for (const n of r)
-    a.has(n) || o.style.removeProperty(n);
-  for (const [n, s] of i)
-    o.style.setProperty(n, s);
+  }), a = new Set(l.map(([r]) => r));
+  for (const r of n)
+    a.has(r) || o.style.removeProperty(r);
+  for (const [r, s] of l)
+    o.style.setProperty(r, s);
   return [...a];
 }
 export {
-  h as applyTheme,
-  d as builtInThemes,
-  l as getSystemTheme,
+  p as applyShellThemeAttribute,
+  y as applyTheme,
+  f as builtInThemes,
+  m as getSystemTheme,
+  h as isThemeType,
   u as mergeThemeTokenMaps,
-  m as resolveThemeTokenOverrides,
-  f as resolveThemeTokens,
-  p as syncThemeTokenOverrides
+  c as resolveThemeTokenOverrides,
+  d as resolveThemeTokens,
+  T as syncThemeTokenOverrides
 };