@floegence/floe-webapp-core 0.78.10 → 0.79.1

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/createRetainedContent.d.ts

@@ -0,0 +1,7 @@
+import { type Component, type JSX } from 'solid-js';
+/**
+ * Create content once under its owner's lifetime, then mount it in one location
+ * at a time. Placement changes preserve native scroll offsets as well as nodes.
+ * Disclosure, focus, and business state remain owned by the caller.
+ */
+export declare function createRetainedContent(render: () => JSX.Element): Component;

package/dist/hooks/createRetainedContent.js

@@ -0,0 +1,15 @@
+import { children as c, onMount as f, onCleanup as s } from "solid-js";
+function i(l) {
+  const r = c(l);
+  let e = [];
+  return () => (f(() => {
+    for (const { element: t, left: o, top: n } of e)
+      t.scrollLeft = o, t.scrollTop = n;
+  }), s(() => {
+    if (typeof HTMLElement > "u") return;
+    e = r.toArray().filter((o) => o instanceof HTMLElement).flatMap((o) => [o, ...o.querySelectorAll("*")]).filter((o) => o.scrollTop !== 0 || o.scrollLeft !== 0).map((o) => ({ element: o, left: o.scrollLeft, top: o.scrollTop }));
+  }), r());
+}
+export {
+  i as createRetainedContent
+};

package/dist/hooks/index.d.ts

@@ -2,7 +2,9 @@ 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';
 export { useFileBrowserItemDrag, useFileBrowserDropTarget, type UseFileBrowserItemDragOptions, type FileBrowserItemDragHandlers, type UseFileBrowserDropTargetOptions, type FileBrowserDropTargetResult, } from './useFileBrowserDrag';
+export { createRetainedContent } from './createRetainedContent';

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 { 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 R, getFloeColorTokenValue as k } 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,34 @@ 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 { LayoutProvider as de, createLayoutService as Te, useLayout as ce, useMobileLayout as ue } 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 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 { 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 { createRetainedContent as to } from "./hooks/createRetainedContent.js";
+import { createSimpleContext as so } from "./context/createSimpleContext.js";
+import { createUIFirstSelection as ao } from "./utils/uiFirstSelection.js";
+import { deferAfterPaint as lo, deferNonBlocking as po } from "./utils/defer.js";
+import { duration as To, easing as co, fadeIn as uo, listContainer as xo, listItem as go, panelResize as yo, popIn as Co, scaleIn as So, sidebarVariants as ho, slideInFromBottom as Fo, slideInFromLeft as vo, slideInFromRight as Po, slideInFromTop as Ro, springConfig as ko } from "./utils/animations.js";
+import { formatKeybind as Do, isMacLikePlatform as Eo, isPrimaryModKeyPressed as bo, matchKeybind as Lo, parseKeybind as _o } from "./utils/keybind.js";
+import { isTypingElement as No, shouldIgnoreHotkeys as Oo } from "./utils/dom.js";
+import { lockBodyStyle as Bo } from "./utils/bodyStyleLock.js";
+import { registerCommandContributions as wo, useCommandContributions as Go } from "./hooks/useCommandContributions.js";
+import { secureRandomUUID as Wo } from "./utils/secureRandom.js";
+import { useDebounce as Vo } from "./hooks/useDebounce.js";
+import { useDeckDrag as Qo } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as Yo, useFileBrowserItemDrag as jo } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as Xo } from "./hooks/useKeybind.js";
+import { useMediaQuery as $o } from "./hooks/useMediaQuery.js";
+import { usePersisted as or } from "./hooks/usePersisted.js";
+import { useResizeObserver as tr } from "./hooks/useResizeObserver.js";
 export {
   D as BUILT_IN_SHELL_THEME_DEFAULTS,
   U as CommandProvider,
@@ -47,115 +49,118 @@ 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,
+  Fe as ThemeProvider,
   ke as ViewActivationProvider,
-  De as WidgetRegistryProvider,
-  _e as WidgetStateProvider,
-  Be as applyDragDelta,
-  Ue as applyResizeDelta,
+  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,
+  to as createRetainedContent,
   _ 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,
+  so as createSimpleContext,
+  ve as createThemeService,
+  ao as createUIFirstSelection,
+  be as createWidgetRegistry,
+  lo as deferAfterPaint,
+  po as deferNonBlocking,
+  To as duration,
+  co as easing,
+  uo 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,
-  I as getFloeColorTokenValue,
-  we as getGridCellSize,
+  R as floeTypographyTokens,
+  Do as formatKeybind,
+  k as getFloeColorTokenValue,
+  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,
+  Eo as isMacLikePlatform,
+  bo as isPrimaryModKeyPressed,
   p as isThemeType,
-  Eo as isTypingElement,
-  po as listContainer,
-  fo as listItem,
-  _o as lockBodyStyle,
-  Io as matchKeybind,
+  No as isTypingElement,
+  xo as listContainer,
+  go as listItem,
+  Bo as lockBodyStyle,
+  Lo as matchKeybind,
   f as mergeThemeTokenMaps,
   N as normalizeShellThemeSelection,
-  To as panelResize,
-  Ro as parseKeybind,
-  Ge as pixelDeltaToGridDelta,
-  co as popIn,
-  He as positionToGridArea,
+  yo as panelResize,
+  _o as parseKeybind,
+  He as pixelDeltaToGridDelta,
+  Co as popIn,
+  We as positionToGridArea,
   O as presetSupportsMode,
-  No as registerCommandContributions,
+  wo 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,
+  So as scaleIn,
+  Wo as secureRandomUUID,
+  Oo as shouldIgnoreHotkeys,
+  ho as sidebarVariants,
+  Fo as slideInFromBottom,
+  vo as slideInFromLeft,
+  Po as slideInFromRight,
+  Ro as slideInFromTop,
+  Ke as snapToGrid,
+  ko as springConfig,
   ne as startHotInteraction,
   c as syncThemeTokenOverrides,
   G as useCommand,
-  Oo as useCommandContributions,
+  Go as useCommandContributions,
   z as useComponentContextFactory,
   Q as useComponentRegistry,
-  Ae as useCurrentWidgetId,
-  wo as useDebounce,
+  Ne as useCurrentWidgetId,
+  Vo as useDebounce,
   re as useDeck,
-  Ho as useDeckDrag,
+  Qo as useDeckDrag,
   pe as useFileBrowserDrag,
-  Ko as useFileBrowserDropTarget,
-  Vo as useFileBrowserItemDrag,
+  Yo as useFileBrowserDropTarget,
+  jo as useFileBrowserItemDrag,
   X as useFloeConfig,
-  Qo as useKeybind,
+  Xo as useKeybind,
   ce as useLayout,
-  Yo as useMediaQuery,
-  Ce as useNotification,
+  $o as useMediaQuery,
+  ue as useMobileLayout,
+  Se as useNotification,
   q as useOptionalComponentRegistry,
-  Jo as usePersisted,
-  Zo as useResizeObserver,
+  or as usePersisted,
+  tr as useResizeObserver,
   Z as useResolvedFloeConfig,
-  ve as useTheme,
+  Pe as useTheme,
   Ie as useViewActivation,
-  be as useWidgetRegistry,
-  Ne as useWidgetState,
-  Oe as useWidgetStateContext
+  Le as useWidgetRegistry,
+  Oe as useWidgetState,
+  Me as useWidgetStateContext
 };