@forgeax/app-shell 0.15.0 → 0.16.0

package/dist/react.d.ts

@@ -49,6 +49,16 @@ interface DetachedPanelBoundaryProps {
 /** Product-neutral presentation switch for a keep-anchor detached surface. */
 declare function DetachedPanelBoundary({ capability, floatingSurfaces, placeholder, children, }: DetachedPanelBoundaryProps): ReactNode;
 
+interface DetachedSurfaceFrameProps {
+    children: ReactNode;
+    /** Apply the established product-shell hooks used by detached dock panels. */
+    panel?: boolean;
+    /** Center caller-owned status content inside the full-window frame. */
+    centered?: boolean;
+}
+/** Product-neutral presentation frame for content mounted in a detached window. */
+declare function DetachedSurfaceFrame({ children, panel, centered, }: DetachedSurfaceFrameProps): ReactElement;
+
 type ShellSlotElement = 'aside' | 'div' | 'main' | 'section';
 interface ShellSlotProps extends HTMLAttributes<HTMLElement> {
     as?: ShellSlotElement;
@@ -57,4 +67,4 @@ interface ShellSlotProps extends HTMLAttributes<HTMLElement> {
 /** Structural shell marker that preserves the caller's semantic element. */
 declare function ShellSlot({ as, name, ...props }: ShellSlotProps): ReactElement;
 
-export { DetachedPanelBoundary, type DetachedPanelBoundaryProps, type PanelContentPadding, type PanelContentPolicy, type PanelContentScroll, type PanelContentTone, PanelSurface, type PanelSurfaceProps, ResizeHandle, type ResizeHandleProps, ShellSlot, type ShellSlotElement, type ShellSlotProps, SlotDebugOverlay, hashSlotHue, isSlotDebugEnabled, useLocalSize };
+export { DetachedPanelBoundary, type DetachedPanelBoundaryProps, DetachedSurfaceFrame, type DetachedSurfaceFrameProps, type PanelContentPadding, type PanelContentPolicy, type PanelContentScroll, type PanelContentTone, PanelSurface, type PanelSurfaceProps, ResizeHandle, type ResizeHandleProps, ShellSlot, type ShellSlotElement, type ShellSlotProps, SlotDebugOverlay, hashSlotHue, isSlotDebugEnabled, useLocalSize };

package/dist/react.js

@@ -315,6 +315,29 @@ function DetachedPanelBoundary({
   return children;
 }
 
+// src/detached-surface-frame.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var fill = { position: "fixed", inset: 0 };
+var centeredContent = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+};
+function DetachedSurfaceFrame({
+  children,
+  panel = false,
+  centered = false
+}) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: panel ? "fx-detached-surface fx-detached-panel main-area" : "fx-detached-surface",
+      style: fill,
+      children: centered ? /* @__PURE__ */ jsx4("div", { className: "fx-detached-surface-status", style: centeredContent, children }) : children
+    }
+  );
+}
+
 // src/react.tsx
 function ShellSlot({
   as = "div",
@@ -325,6 +348,7 @@ function ShellSlot({
 }
 export {
   DetachedPanelBoundary,
+  DetachedSurfaceFrame,
   PanelSurface,
   ResizeHandle,
   ShellSlot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgeax/app-shell",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "Generic Dock, Panel, Window, and Slot composition primitives",
   "license": "Apache-2.0",
   "type": "module",