@mt-gloss/ui 0.1.104 → 0.1.106

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

@@ -1,7 +1,18 @@
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { PanelId } from './coordinator/types';
 import { PanelShellProps } from './PanelHost';
 export interface PanelSlotProps {
-    panelComponents: Partial<Record<PanelId, ComponentType<PanelShellProps>>>;
+    /**
+     * Production usage: per-panelId component map. Resolved against state.activePanelId
+     * to pick the shell.
+     */
+    panelComponents?: Partial<Record<PanelId, ComponentType<PanelShellProps>>>;
+    /**
+     * Phase 16 P4 — test-friendly children fallback. When `panelComponents` is omitted,
+     * PanelSlot renders `children` inside the standard PanelChrome wrap so unit tests
+     * can render a specific shell (e.g. SettingsShell) directly without registering a
+     * full per-panelId map. Production callers continue to pass `panelComponents`.
+     */
+    children?: ReactNode;
 }
-export declare function PanelSlot({ panelComponents }: PanelSlotProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PanelSlot({ panelComponents, children }: PanelSlotProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/composites/panels/hooks/useEditingCardId.d.ts

@@ -0,0 +1,16 @@
+/**
+ * useEditingCardId — derives the currently-editing card ID from coordinator state.
+ *
+ * Returns the cardId when activePanelId === 'settings' AND the trigger is a card-overflow.
+ * Returns null otherwise.
+ *
+ * Phase 16 D-05: pure derivation — zero new state slice. Supersedes PHASE-C editingCardId slice proposal.
+ *
+ * Consumers (Phase 16):
+ *   - reptime MetricCardSlot — useSortable({ disabled: ... || !!editingCardId })
+ *   - reptime MetricCardSlot — useDraggable({ disabled: ... || !!editingCardId })
+ *   - reptime useEdgeHoverResize — enabled: !editingCardId
+ *   - reptime EmptyCellPackAffordance.onClick — early-return + dispatch SET_LOCK_HINT
+ *   - reptime toolbar `+` button — disabled attribute
+ */
+export declare function useEditingCardId(): string | null;

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

@@ -8,6 +8,7 @@
  * `composites-panels.js` matching existing `internals` + `catalog` pattern.
  */
 export { PanelProvider, usePanelContext, usePanelContextOptional } from './PanelProvider';
+export { useEditingCardId } from './hooks/useEditingCardId';
 export { SettingsShell } from './shells/SettingsShell';
 export { CatalogAddShell } from './shells/CatalogAddShell';
 export type { CatalogAddShellProps } from './shells/CatalogAddShell';

package/lib/composites/panels/shells/SettingsShell.d.ts

@@ -1,4 +1,5 @@
 import { PanelShellProps } from '../PanelHost';
+import { SettingsDimension } from '../../../primitives/dashboard/SettingsTabStrip';
 export interface SettingsShellProps extends PanelShellProps {
     /** Span of the source card (1|2|3). Plumbed by V2FeedbackSurface HOF. */
     cardSpan?: 1 | 2 | 3;
@@ -6,5 +7,9 @@ export interface SettingsShellProps extends PanelShellProps {
     cardLabel?: string;
     /** Visible value on the clone card. Defaults to '—'. */
     cardValue?: string;
+    /** Phase 16 D-02: dimensions to render as tabs. Reptime computes via useCardDimensions(cardType, colSpan). */
+    dimensions?: ReadonlyArray<SettingsDimension>;
+    /** Phase 16: initial active tab. Defaults to dimensions[0]. */
+    initialTab?: SettingsDimension;
 }
-export declare function SettingsShell({ isOpen, cardSpan, cardLabel, cardValue, }: SettingsShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsShell({ isOpen, cardSpan, cardLabel, cardValue, dimensions, initialTab, }: SettingsShellProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/panels/shells/settings/ColorControls.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const SWATCHES: readonly ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
+export type AccentSwatch = typeof SWATCHES[number];
+export interface ColorControlsProps {
+    value: AccentSwatch | null;
+    onSelect: (hex: AccentSwatch) => void;
+}
+export declare function ColorControls({ value, onSelect }: ColorControlsProps): React.ReactElement;
+export {};

package/lib/composites/panels/shells/settings/SlotsControls.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function SlotsControls(): React.ReactElement;

package/lib/composites/panels/shells/settings/ThresholdControls.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ThresholdControlsProps {
+    value: number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function ThresholdControls({ value, onChange }: ThresholdControlsProps): React.ReactElement;

package/lib/composites/panels/shells/settings/TimeframeControls.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface TimeframeControlsProps {
+    value: number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function TimeframeControls({ value, onChange }: TimeframeControlsProps): React.ReactElement;

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

@@ -0,0 +1,12 @@
+/**
+ * SettingsShell tab-body components. Each renders inside SettingsShell's role=tabpanel via React
+ * conditional render (CC-15/16). Phase 16 D-08 keeps these co-located with SettingsShell — they are
+ * not standalone primitives.
+ */
+export { ThresholdControls } from './ThresholdControls';
+export type { ThresholdControlsProps } from './ThresholdControls';
+export { TimeframeControls } from './TimeframeControls';
+export type { TimeframeControlsProps } from './TimeframeControls';
+export { SlotsControls } from './SlotsControls';
+export { ColorControls } from './ColorControls';
+export type { ColorControlsProps, AccentSwatch } from './ColorControls';

package/package.json

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