@mt-gloss/ui 0.1.116 → 0.1.118

package/index.js

@@ -4,8 +4,8 @@ import { jsxs as f, jsx as a, Fragment as I } from "react/jsx-runtime";
 import * as $ from "react";
 import L, { useRef as M, useEffect as E, useState as A, useCallback as _, useId as Be, forwardRef as Ge, useMemo as ce, useLayoutEffect as Ne, createContext as He, useContext as We } from "react";
 import { motion as B, useMotionValue as Ve, AnimatePresence as je, useDragControls as Ke } from "framer-motion";
-import { u as Ue } from "./COMMITS-CeuMPpjt.js";
-import { C as kl, d as Sl, c as Dl, P as xl, g as Rl, S as Tl, f as Ml, i as Pl, r as Al, b as El, e as Fl, a as Ll } from "./COMMITS-CeuMPpjt.js";
+import { u as Ue } from "./COMMITS-BxJQwv4H.js";
+import { C as kl, d as Sl, c as Dl, P as xl, g as Rl, S as Tl, f as Ml, i as Pl, r as Al, b as El, e as Fl, a as Ll } from "./COMMITS-BxJQwv4H.js";
 import { createPortal as ke } from "react-dom";
 import { B as Ye, U as de } from "./UIContext-Dm0GYHFT.js";
 import { a as Ol, u as $l } from "./UIContext-Dm0GYHFT.js";

package/lib/composites/panels/PanelChrome.d.ts

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
+/**
+ * @deprecated Phase 11.6 — use `PanelChromeV2Props` from `composites/panels/chrome-v2/`.
+ * Slated for deletion in BACKLOG cleanup phase. All 4+1 shells migrate to V2.
+ */
 export interface PanelChromeProps {
     children: ReactNode;
     onClose: () => void;
@@ -24,4 +28,8 @@ export interface PanelChromeProps {
      */
     variant?: 'default' | 'merged-stage';
 }
+/**
+ * @deprecated Phase 11.6 — use `PanelChromeV2` from `composites/panels/chrome-v2/`.
+ * Slated for deletion in BACKLOG cleanup phase. All 4+1 shells migrate to V2.
+ */
 export declare function PanelChrome({ children, onClose, footer, title, variant }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/panels/chrome-v2/PanelBody.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PanelBodyProps {
+    children: ReactNode;
+}
+export declare function PanelBody({ children }: PanelBodyProps): ReactNode;

package/lib/composites/panels/chrome-v2/PanelChromeV2.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface PanelChromeV2Props {
+    children: ReactNode;
+    onClose: () => void;
+    title?: string;
+    /** D-03 — 'no-stage' (Var A) omits stage entirely; 'with-stage' (Var B) mounts <PanelStage> with chassis-owned geometry. */
+    variant?: 'no-stage' | 'with-stage';
+    /** Var B only — stage content (e.g. <CloneCard …/>). Ignored when variant='no-stage'. */
+    stage?: ReactNode;
+    /** Optional pill-tab row between stage/header and body. Shell supplies the tab widget. */
+    navigation?: ReactNode;
+    /** D-06 — 2-slot footer. Shells compose 3-button arrangements as a fragment in `right`. */
+    footer?: {
+        left?: ReactNode;
+        right?: ReactNode;
+    };
+}
+export declare function PanelChromeV2({ children, onClose, title, variant, stage, navigation, footer, }: PanelChromeV2Props): ReactNode;

package/lib/composites/panels/chrome-v2/PanelFooter.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface PanelFooterProps {
+    left?: ReactNode;
+    right?: ReactNode;
+}
+export declare function PanelFooter({ left, right }: PanelFooterProps): ReactNode;

package/lib/composites/panels/chrome-v2/PanelFooterMessage.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface PanelFooterMessageProps {
+    primary: string;
+    secondary?: string;
+}
+export declare function PanelFooterMessage({ primary, secondary }: PanelFooterMessageProps): ReactNode;

package/lib/composites/panels/chrome-v2/PanelHeader.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface PanelHeaderProps {
+    title?: string;
+    onClose: () => void;
+}
+export declare function PanelHeader({ title, onClose }: PanelHeaderProps): ReactNode;

package/lib/composites/panels/chrome-v2/PanelNavigation.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PanelNavigationProps {
+    children: ReactNode;
+}
+export declare function PanelNavigation({ children }: PanelNavigationProps): ReactNode;

package/lib/composites/panels/chrome-v2/PanelStage.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PanelStageProps {
+    children: ReactNode;
+}
+export declare function PanelStage({ children }: PanelStageProps): ReactNode;

package/lib/composites/panels/chrome-v2/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * chrome-v2 barrel — Phase 11.6 P2 (D-02 flat layout).
+ *
+ * Re-exports the composer + 5 sub-components + the two-line message
+ * sub-primitive. composites/panels/index.ts re-exports this whole barrel.
+ *
+ * Consumers (shells, reptime-cloud) import from '../chrome-v2' (intra-pkg)
+ * or '@mt-gloss/ui/composites/panels' (cross-pkg via panels barrel).
+ */
+export { PanelChromeV2 } from './PanelChromeV2';
+export type { PanelChromeV2Props } from './PanelChromeV2';
+export { PanelHeader } from './PanelHeader';
+export { PanelStage } from './PanelStage';
+export { PanelNavigation } from './PanelNavigation';
+export { PanelBody } from './PanelBody';
+export { PanelFooter } from './PanelFooter';
+export { PanelFooterMessage } from './PanelFooterMessage';

package/lib/composites/panels/coordinator/types.d.ts

@@ -23,15 +23,17 @@
  *              page-nav escape; spike enum has no `BACKDROP_CLICK` literal.
  */
 export type PanelId = 'settings' | 'catalog-add' | 'catalog-replace' | 'page-management' | 'notification-center';
-export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch';
+export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch' | 'drag-start';
 export type SurfaceState = 'idle' | 'bell-cutout-only' | 'panel-clean' | 'panel-dirty' | 'panel-clean+cutout' | 'panel-dirty+cutout' | 'notif-center';
 export type TriggerContext = {
     kind: 'bell';
+    targetSection?: number;
 } | {
     kind: 'card-overflow';
     cardId: string;
     sectionIndex: number;
     action: 'configure' | 'replace';
+    targetSection?: number;
 } | {
     kind: 'empty-cell';
     sectionIndex: number;
@@ -39,15 +41,18 @@ export type TriggerContext = {
         row: number;
         col: number;
     };
+    targetSection?: number;
 } | {
     kind: 'manage-pages-action';
     global: true;
     align: 'left';
+    targetSection?: number;
 } | {
     kind: 'layout-action-blocked';
     action: 'drag' | 'resize' | 'add' | 'pack';
     blockedCardId: string;
     activeCardId: string;
+    targetSection?: number;
 };
 export interface CloseLogEntry {
     panelId: PanelId;

package/lib/composites/panels/index.d.ts

@@ -34,6 +34,7 @@ export type { PanelHostProps, PanelShellProps } from './PanelHost';
 export type { PanelSlotProps } from './PanelSlot';
 export type { PanelProviderProps } from './PanelProvider';
 export type { PanelChromeProps } from './PanelChrome';
+export * from './chrome-v2';
 export { positionKey } from './utils/positionKey';
 export { useReducedMotionPanel } from './hooks/useReducedMotionPanel';
 export { PanelMount } from './PanelMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.116",
+  "version": "0.1.118",
   "type": "module",
   "publishConfig": {
     "access": "restricted"