@floegence/floe-webapp-core 0.78.10 → 0.79.0

package/dist/hooks/createAdaptiveSidebar.d.ts

@@ -0,0 +1,12 @@
+import { type Accessor } from 'solid-js';
+export type AdaptiveSidebarPresentation = 'inline' | 'overlay';
+export interface AdaptiveSidebarOptions {
+    /** Stable layout region shared by the sidebar and main content. */
+    container: Accessor<HTMLElement | null | undefined>;
+    /** Preferred inline width, including separators. Never mutated by this policy. */
+    sidebarWidth: Accessor<number>;
+    /** Space reserved for the main content in local CSS pixels. */
+    minContentWidth: Accessor<number>;
+}
+/** Space allocation only; the host retains navigation, disclosure and persistence. */
+export declare function createAdaptiveSidebar(options: AdaptiveSidebarOptions): Accessor<AdaptiveSidebarPresentation>;

package/dist/hooks/createAdaptiveSidebar.js

@@ -0,0 +1,12 @@
+import { createMemo as n } from "solid-js";
+import { useResizeObserver as i } from "./useResizeObserver.js";
+function d(e) {
+  const t = i(e.container, { preserveWhenHidden: !0 });
+  return n(() => {
+    const r = t();
+    return r && r.width < e.sidebarWidth() + e.minContentWidth() ? "overlay" : "inline";
+  });
+}
+export {
+  d as createAdaptiveSidebar
+};

package/dist/hooks/index.d.ts

@@ -2,6 +2,7 @@ export { useMediaQuery } from './useMediaQuery';
 export { useDebounce } from './useDebounce';
 export { useCommandContributions, registerCommandContributions, type CommandContributionsInput } from './useCommandContributions';
 export { useResizeObserver, type Size } from './useResizeObserver';
+export { createAdaptiveSidebar, type AdaptiveSidebarOptions, type AdaptiveSidebarPresentation } from './createAdaptiveSidebar';
 export { useKeybind } from './useKeybind';
 export { usePersisted } from './usePersisted';
 export { useDeckDrag } from './useDeckDrag';

package/dist/hooks/useMediaQuery.d.ts

@@ -1,5 +1,3 @@
 import { type Accessor } from 'solid-js';
-/**
- * Reactive media query hook
- */
-export declare function useMediaQuery(query: string): Accessor<boolean>;
+/** Observe a query synchronously, including reactive configuration changes. */
+export declare function useMediaQuery(query: string | Accessor<string>): Accessor<boolean>;

package/dist/hooks/useMediaQuery.js

@@ -1,16 +1,17 @@
-import { createSignal as c, onMount as i, onCleanup as s } from "solid-js";
-function h(a) {
-  const [o, n] = c(!1);
-  return i(() => {
+import { createSignal as s, createEffect as r, onCleanup as f } from "solid-js";
+function m(e) {
+  const t = () => typeof e == "function" ? e() : e, [o, a] = s(
+    typeof window < "u" && window.matchMedia(t()).matches
+  );
+  return r(() => {
+    const i = t();
     if (typeof window > "u") return;
-    const e = window.matchMedia(a);
-    n(e.matches);
-    const t = (r) => {
-      n(r.matches);
-    };
-    e.addEventListener("change", t), s(() => e.removeEventListener("change", t));
+    const n = window.matchMedia(i);
+    a(n.matches);
+    const c = (d) => a(d.matches);
+    n.addEventListener("change", c), f(() => n.removeEventListener("change", c));
   }), o;
 }
 export {
-  h as useMediaQuery
+  m as useMediaQuery
 };

package/dist/index.js

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