@forgeax/app-shell 0.17.0 → 0.18.0

package/dist/detached.css

@@ -10,3 +10,11 @@
   min-height: 0;
   height: 100%;
 }
+
+.fx-detached-surface-status-text[data-tone="neutral"] {
+  color: #888;
+}
+
+.fx-detached-surface-status-text[data-tone="error"] {
+  color: #c44;
+}

package/dist/react.d.ts

@@ -56,8 +56,15 @@ interface DetachedSurfaceFrameProps {
     /** Center caller-owned status content inside the full-window frame. */
     centered?: boolean;
 }
+type DetachedSurfaceStatusTone = 'neutral' | 'error';
+interface DetachedSurfaceStatusProps {
+    children: ReactNode;
+    tone?: DetachedSurfaceStatusTone;
+}
 /** Product-neutral presentation frame for content mounted in a detached window. */
 declare function DetachedSurfaceFrame({ children, panel, centered, }: DetachedSurfaceFrameProps): ReactElement;
+/** Product-neutral status text for a detached frame; callers retain the copy. */
+declare function DetachedSurfaceStatus({ children, tone, }: DetachedSurfaceStatusProps): ReactElement;
 
 type ShellSlotElement = 'aside' | 'div' | 'main' | 'section';
 interface ShellSlotProps extends HTMLAttributes<HTMLElement> {
@@ -67,4 +74,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, 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 };
+export { DetachedPanelBoundary, type DetachedPanelBoundaryProps, DetachedSurfaceFrame, type DetachedSurfaceFrameProps, DetachedSurfaceStatus, type DetachedSurfaceStatusProps, type DetachedSurfaceStatusTone, 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

@@ -337,6 +337,12 @@ function DetachedSurfaceFrame({
     }
   );
 }
+function DetachedSurfaceStatus({
+  children,
+  tone = "neutral"
+}) {
+  return /* @__PURE__ */ jsx4("span", { className: "fx-detached-surface-status-text", "data-tone": tone, children });
+}
 
 // src/react.tsx
 function ShellSlot({
@@ -349,6 +355,7 @@ function ShellSlot({
 export {
   DetachedPanelBoundary,
   DetachedSurfaceFrame,
+  DetachedSurfaceStatus,
   PanelSurface,
   ResizeHandle,
   ShellSlot,

package/package.json

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