@floegence/floe-webapp-core 0.50.6 → 0.52.0

package/dist/hooks/useOverlayMask.js

@@ -1,128 +1,140 @@
-import { createEffect as N, onCleanup as q } from "solid-js";
-import { lockBodyStyle as j } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as M } from "../utils/defer.js";
-import { getFocusableElements as x, getFirstFocusableElement as z } from "../utils/focus.js";
-import { matchKeybind as R } from "../utils/keybind.js";
-function C(e) {
-  return typeof Node < "u" && e instanceof Node;
+import { createEffect as R, onCleanup as V } from "solid-js";
+import { lockBodyStyle as G } from "../utils/bodyStyleLock.js";
+import { deferAfterPaint as D } from "../utils/defer.js";
+import { getFocusableElements as J, getFirstFocusableElement as Q } from "../utils/focus.js";
+import { matchKeybind as U } from "../utils/keybind.js";
+const S = /* @__PURE__ */ new WeakMap();
+function K(t) {
+  return typeof Node < "u" && t instanceof Node;
 }
-function h(e, o, r) {
-  return r ? r(o) : !e || !C(o) ? !1 : e.contains(o);
+function p(t, o, r) {
+  return r ? r(o) : !t || !K(o) ? !1 : t.contains(o);
 }
-function O(e, o, r, s) {
-  return r === "none" ? !1 : r === "all" ? !0 : !h(e, o, s);
+function H(t, o, r, a) {
+  return r === "none" ? !1 : r === "all" ? !0 : !p(t, o, a);
 }
-function V(e) {
-  return typeof e == "function" ? e() ?? [] : e ?? [];
+function X(t) {
+  return typeof t == "function" ? t() ?? [] : t ?? [];
 }
-function c(e, o) {
-  return typeof e == "function" ? e() ?? o : e ?? o;
+function c(t, o) {
+  return typeof t == "function" ? t() ?? o : t ?? o;
 }
-function G(e, o) {
-  for (const r of V(o)) {
-    const s = r.trim();
-    if (s && R(e, s))
+function Y(t, o) {
+  for (const r of X(o)) {
+    const a = r.trim();
+    if (a && U(t, a))
       return !0;
   }
   return !1;
 }
-function _(e) {
-  const o = () => c(e.lockBodyScroll, !0), r = () => c(e.trapFocus, !0), s = () => {
-    const a = c(
-      e.closeOnEscape,
+function oe(t) {
+  const o = () => c(t.lockBodyScroll, !0), r = () => c(t.trapFocus, !0), a = () => {
+    const i = c(
+      t.closeOnEscape,
       !0
     );
-    return a === !1 ? "none" : a === "inside" ? "inside" : a === "none" ? "none" : "always";
-  }, P = () => c(e.blockHotkeys, !0), D = () => c(e.restoreFocus, !0), S = () => c(e.blockWheel, "none"), H = () => c(e.blockTouchMove, "none"), K = () => c(e.autoFocus, !0);
-  N(() => {
-    if (!e.open() || typeof document > "u") return;
-    const a = o(), E = r(), l = s(), f = c(e.escapeKeyPhase, "capture"), W = P(), A = D(), m = S(), v = H(), y = K(), p = document.activeElement instanceof HTMLElement ? document.activeElement : null, I = a ? j({ overflow: "hidden" }) : null;
-    M(() => {
-      const t = e.root();
-      if (!t || y === !1) return;
-      const n = typeof y == "object" ? y.selector : void 0, i = (n ? t.querySelector(n) : null) ?? t.querySelector("[data-floe-autofocus]") ?? z(t) ?? t;
+    return i === !1 ? "none" : i === "inside" ? "inside" : i === "none" ? "none" : "always";
+  }, W = () => c(t.blockHotkeys, !0), A = () => c(t.restoreFocus, !0), x = () => c(t.blockWheel, "none"), I = () => c(t.blockTouchMove, "none"), N = () => c(t.autoFocus, !0);
+  R(() => {
+    if (!t.open() || typeof document > "u") return;
+    const i = o(), b = r(), d = a(), m = c(t.escapeKeyPhase, "capture"), q = W(), j = A(), h = x(), k = I(), E = N(), l = S.get(document) ?? [];
+    S.set(document, l);
+    const v = {
+      global: i || d === "always",
+      contains: (e) => p(t.root(), e, t.containsTarget)
+    };
+    l.push(v);
+    let w = !0;
+    const u = (e) => w && !l.slice(l.indexOf(v) + 1).some((n) => n.global || n.contains(e)), g = document.activeElement instanceof HTMLElement ? document.activeElement : null, z = i ? G({ overflow: "hidden" }) : null;
+    D(() => {
+      const e = t.root();
+      if (!e?.isConnected || !u(e) || E === !1 || v.contains(document.activeElement)) return;
+      const n = typeof E == "object" ? E.selector : void 0, y = (n ? e.querySelector(n) : null) ?? e.querySelector("[data-floe-autofocus]") ?? Q(e) ?? e;
       try {
-        i.focus();
+        y.focus();
       } catch {
       }
     });
-    const k = (t) => {
-      if (t.key !== "Tab") return;
-      const n = e.root();
+    const T = (e) => {
+      if (e.key !== "Tab" || !u(e.target)) return;
+      const n = t.root();
       if (!n) return;
-      const u = x(n);
-      if (!u.length) {
-        t.preventDefault();
+      const s = J(n);
+      if (!s.length) {
+        e.preventDefault();
         try {
           n.focus();
         } catch {
         }
         return;
       }
-      const i = u[0], F = u[u.length - 1], d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-      if (t.shiftKey) {
-        if (d === i || !d || !n.contains(d)) {
-          t.preventDefault();
+      const y = s[0], P = s[s.length - 1], f = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      if (e.shiftKey) {
+        if (f === y || !f || !n.contains(f)) {
+          e.preventDefault();
           try {
-            F.focus();
+            P.focus();
           } catch {
           }
         }
-      } else if (d === F) {
-        t.preventDefault();
+      } else if (f === P || !f || !n.contains(f)) {
+        e.preventDefault();
         try {
-          i.focus();
+          y.focus();
         } catch {
         }
       }
-    }, b = (t) => {
-      if (t.key !== "Escape" || f === "bubble" && (t.defaultPrevented || t.isComposing) || l === "none") return;
-      const n = e.root(), u = h(
+    }, L = (e) => {
+      if (e.key !== "Escape" || !u(e.target) || m === "bubble" && (e.defaultPrevented || e.isComposing) || d === "none") return;
+      const n = t.root(), s = p(
         n,
-        C(t.target) ? t.target : document.activeElement,
-        e.containsTarget
+        K(e.target) ? e.target : document.activeElement,
+        t.containsTarget
       );
-      if (l === "inside") {
-        if (u) {
-          t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
+      if (d === "inside") {
+        if (s) {
+          e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
           return;
         }
-        e.onEscapeOutside && (t.preventDefault(), t.stopImmediatePropagation(), e.onEscapeOutside());
+        t.onEscapeOutside && (e.preventDefault(), e.stopImmediatePropagation(), t.onEscapeOutside());
         return;
       }
-      t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
-    }, g = (t) => {
-      const n = e.root();
-      n && W && h(n, t.target, e.containsTarget) && (G(t, e.allowHotkeys) || t.stopPropagation());
-    }, w = (t) => {
-      const n = e.root();
-      O(n, t.target, m, e.containsTarget) && t.cancelable && t.preventDefault();
-    }, L = (t) => {
-      t.stopPropagation();
-    }, T = (t) => {
-      const n = e.root();
-      O(n, t.target, v, e.containsTarget) && t.cancelable && t.preventDefault();
+      e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
+    }, M = (e) => {
+      if (!u(e.target)) return;
+      const n = t.root();
+      n && q && p(n, e.target, t.containsTarget) && (Y(e, t.allowHotkeys) || e.stopPropagation());
+    }, O = (e) => {
+      if (!u(e.target)) return;
+      const n = t.root();
+      H(n, e.target, h, t.containsTarget) && e.cancelable && e.preventDefault();
+    }, B = (e) => {
+      u(e.target) && e.stopPropagation();
+    }, F = (e) => {
+      if (!u(e.target)) return;
+      const n = t.root();
+      H(n, e.target, k, t.containsTarget) && e.cancelable && e.preventDefault();
     };
-    E && document.addEventListener("keydown", k, !0);
-    const B = f === "capture" ? window : document;
-    l !== "none" && B.addEventListener(
+    b && document.addEventListener("keydown", T, !0);
+    const C = m === "capture" ? window : document;
+    d !== "none" && C.addEventListener(
       "keydown",
-      b,
-      f === "capture"
-    ), document.addEventListener("keydown", g), m !== "none" && (document.addEventListener("wheel", w, { capture: !0, passive: !1 }), document.addEventListener("wheel", L)), v !== "none" && document.addEventListener("touchmove", T, {
+      L,
+      m === "capture"
+    ), document.addEventListener("keydown", M), h !== "none" && (document.addEventListener("wheel", O, { capture: !0, passive: !1 }), document.addEventListener("wheel", B)), k !== "none" && document.addEventListener("touchmove", F, {
       capture: !0,
       passive: !1
-    }), q(() => {
-      E && document.removeEventListener("keydown", k, !0), l !== "none" && B.removeEventListener(
+    }), V(() => {
+      w = !1, l.splice(l.indexOf(v), 1), b && document.removeEventListener("keydown", T, !0), d !== "none" && C.removeEventListener(
         "keydown",
-        b,
-        f === "capture"
-      ), document.removeEventListener("keydown", g), m !== "none" && (document.removeEventListener("wheel", w, !0), document.removeEventListener("wheel", L)), v !== "none" && document.removeEventListener("touchmove", T, !0), I?.(), A && p && p.isConnected && M(() => {
+        L,
+        m === "capture"
+      ), document.removeEventListener("keydown", M), h !== "none" && (document.removeEventListener("wheel", O, !0), document.removeEventListener("wheel", B)), k !== "none" && document.removeEventListener("touchmove", F, !0), z?.(), j && g && g.isConnected && D(() => {
         if (typeof document > "u") return;
-        const t = document.activeElement;
-        if (!(t && t !== document.body && t !== document.documentElement))
+        const e = document.activeElement;
+        if (!(e && e !== document.body && e !== document.documentElement))
           try {
-            p.focus();
+            g.focus();
           } catch {
           }
       });
@@ -130,5 +142,5 @@ function _(e) {
   });
 }
 export {
-  _ as useOverlayMask
+  oe as useOverlayMask
 };

package/dist/index.js

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

package/dist/input-focus.css

@@ -34,4 +34,3 @@
     --floe-input-focus-color: Highlight;
   }
 }
-

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

@@ -1,4 +1,7 @@
 export type ThemeType = 'light' | 'dark' | 'system';
+export type FloeSurfaceStyle = 'standard' | 'soft-neumorphic';
+export declare function isFloeSurfaceStyle(value: unknown): value is FloeSurfaceStyle;
+export declare function applySurfaceStyleAttribute(style: FloeSurfaceStyle | undefined, target?: ThemeTarget): void;
 export type FloeThemePresetMode = 'light' | 'dark' | 'both';
 export type FloeThemeTokenMap = Partial<Record<`--${string}`, string>>;
 export interface FloeMonacoTokenRule {