@mt-gloss/ui 0.1.81 → 0.1.82

package/catalog.js

@@ -1,8 +1,8 @@
-import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as W, V as H, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as $, Z as O } from "./Expandable-Deyl6mWK.js";
-import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bV as Me, N as ve, aa as Re, bo as We, P as He, B as _e, bj as ke, C as Le, by as ze, b as Ee, c as Ge, O as $e, q as Oe, af as Ve, aP as we, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, bp as Ye, _ as ea, ar as aa, aS as sa, bc as ta, p as ra, ao as oa, a2 as ia, at as na, a4 as la, ac as da, bK as ca, aV as ga, t as ma, I as pa, i as ua, ay as ba, M as fa, y as ha, au as ya, bi as Ta, bQ as Sa, aq as Pa, w as Ca, bq as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bX as va, aT as Ra, bW as Wa, ae as Ha, e as _a, R as ka, l as La, r as za, aJ as Ea, ak as Ga, ag as $a, j as Oa, z as Va, b9 as wa, ah as Xa, be as ja, bh as Ua, bf as Za, bg as qa, k as Ja, bb as Ka, bn as Qa, S as Ya, bl as es, ax as as, bd as ss, bR as ts, am as rs, bU as os, v as is, bL as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, bx as us, bE as bs, aD as fs, a8 as hs, aR as ys, aG as Ts, aA as Ss, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-Deyl6mWK.js";
+import { P as I, a as N, b as B, c as x, d as D, e as F, f as A, g as M, h as v, i as R, j as W, k as _, C as H, l as k, m as z, n as L, o as E, p as G, q as $, r as O } from "./Expandable-8IsJX0iR.js";
+import { $ as Ne, b2 as Be, aL as xe, aF as De, b0 as Fe, ai as Ae, Q as Me, N as ve, au as Re, a2 as We, t as _e, aY as He, _ as ke, X as ze, a7 as Le, z as Ee, a_ as Ge, O as $e, K as Oe, av as Ve, aR as we, aJ as Xe, al as je, G as Ze, I as Ue, aT as qe, aw as Je, b4 as Ke, ax as Qe, a3 as Ye, ao as ea, ak as aa, aU as sa, b6 as ta, J as ra, ah as oa, b7 as ia, an as na, b9 as la, ay as da, a6 as ca, aX as ga, u as ma, aZ as pa, S as ua, aH as fa, M as ha, x as ba, aq as ya, W as Ta, a9 as Sa, aj as Pa, w as Ca, a4 as Ia, aW as Na, R as Ba, aB as xa, aP as Da, aG as Fa, aE as Aa, am as Ma, U as va, aV as Ra, T as Wa, az as _a, A as Ha, a$ as ka, F as za, L as La, aN as Ea, aC as Ga, aA as $a, D as Oa, y as Va, b3 as wa, at as Xa, ad as ja, ae as Za, af as Ua, ag as qa, E as Ja, b5 as Ka, a1 as Qa, ap as Ya, Z as es, ar as as, ac as ss, aa as ts, aD as rs, s as os, v as is, a5 as ns, H as ls, B as ds, V as cs, b1 as gs, as as ms, Y as ps, ab as us, a8 as fs, aM as hs, a0 as bs, aS as ys, aK as Ts, aI as Ss, aQ as Ps, aO as Cs, b8 as Is } from "./Expandable-8IsJX0iR.js";
 import { jsx as c, jsxs as S } from "react/jsx-runtime";
-import { C as e, T as a, ae as V, S as s, E as u, R as m, f as w, Z as X } from "./UIContext-DP6JGCto.js";
-import { B as j, a as U, e as Z, c as q, d as J, b as K } from "./BaseAsyncButton-Cq_l7clO.js";
+import { C as e, T as a, aa as V, S as s, E as u, R as m, c as w, Z as X } from "./UIContext-C7m-9sGv.js";
+import { B as j, a as Z, e as U, c as q, d as J, b as K } from "./BaseAsyncButton-BE4m1Eff.js";
 import { formatDateRange as Bs, resolveEvent as xs, resolvePreset as Ds, smartDateFormat as Fs } from "@mt-gloss/utils/dateInterpretation";
 const Q = {
   page: {
@@ -145,7 +145,7 @@ const se = {
     `gloss-preset-value--${r}`
   ].join(" ");
   return /* @__PURE__ */ c(
-    U,
+    Z,
     {
       as: o.as,
       definition: t,
@@ -204,8 +204,8 @@ function ne(l) {
     rightIcon: t,
     children: g,
     ...p
-  } = l, f = { ...p };
-  delete f.className, delete f.style, delete f.definition;
+  } = l, h = { ...p };
+  delete h.className, delete h.style, delete h.definition;
   const P = {
     ...ie,
     ...re[i],
@@ -216,14 +216,14 @@ function ne(l) {
     `gloss-preset-async-button--${r}`
   ].join(" ");
   return /* @__PURE__ */ S(
-    Z,
+    U,
     {
-      as: f.as,
+      as: h.as,
       definition: P,
       loading: n,
       disabled: d,
       className: C,
-      ...f,
+      ...h,
       children: [
         o && /* @__PURE__ */ c("span", { className: "gloss-preset-async-button__icon gloss-preset-async-button__icon--left", children: o }),
         g && /* @__PURE__ */ c("span", { className: "gloss-preset-async-button__label", children: g }),
@@ -339,7 +339,7 @@ const pe = {
 }, ue = {
   color: e.TextSecondary
 };
-function be(l) {
+function fe(l) {
   const { separator: i = "/", size: r = "md", children: n } = l, d = {
     ...ue,
     ...pe[r]
@@ -357,20 +357,20 @@ function be(l) {
     }
   );
 }
-be.displayName = "PresetBreadcrumbs";
-const b = I;
-b.Header = B;
-b.Body = x;
-b.Footer = D;
-b.Media = F;
-b.Title = A;
-b.Subtitle = M;
-b.Actions = v;
-const h = N;
-h.Item = R;
-h.Trigger = W;
-h.Content = H;
-const fe = {
+fe.displayName = "PresetBreadcrumbs";
+const f = I;
+f.Header = B;
+f.Body = x;
+f.Footer = D;
+f.Media = F;
+f.Title = A;
+f.Subtitle = M;
+f.Actions = v;
+const b = N;
+b.Item = R;
+b.Trigger = W;
+b.Content = _;
+const he = {
   info: {
     bg: e.Blue50,
     shadow: u.Hover,
@@ -396,7 +396,7 @@ const fe = {
     padding: s.Md
   }
 };
-function he({
+function be({
   open: l,
   onDismiss: i,
   variant: r = "info",
@@ -405,7 +405,7 @@ function he({
   children: o
 }) {
   const t = {
-    ...fe[r],
+    ...he[r],
     zIndex: X.Toast,
     position: n,
     duration: d
@@ -421,17 +421,17 @@ function he({
     }
   );
 }
-he.displayName = "PresetToast";
-const y = _;
-y.Header = L;
-y.Body = z;
+be.displayName = "PresetToast";
+const y = H;
+y.Header = z;
+y.Body = L;
 y.Actions = E;
 const T = k;
 T.Group = G;
 T.Item = $;
 T.Divider = O;
 export {
-  h as Accordion,
+  b as Accordion,
   Ne as ActionStrip,
   Be as Actionable,
   xe as AddressGroup,
@@ -444,13 +444,13 @@ export {
   ve as Badge,
   Re as BarChartCard,
   We as BarsBg,
-  be as Breadcrumbs,
-  He as Button,
-  _e as ButtonGroup,
-  b as Card,
+  fe as Breadcrumbs,
+  _e as Button,
+  He as ButtonGroup,
+  f as Card,
   ke as CardBack,
-  Le as CardShell,
-  ze as ChartControlBar,
+  ze as CardShell,
+  Le as ChartControlBar,
   Ee as Checkbox,
   Ge as CheckboxGroup,
   $e as Chip,
@@ -459,8 +459,8 @@ export {
   we as ContactForm,
   Xe as CreditCardForm,
   je as DataTable,
-  Ue as DatePicker,
-  Ze as DateRangePicker,
+  Ze as DatePicker,
+  Ue as DateRangePicker,
   qe as DestructiveModal,
   y as Dialog,
   Je as DirectionCard,
@@ -484,9 +484,9 @@ export {
   pa as InputGroup,
   ae as Label,
   ua as Link,
-  ba as LoginForm,
-  fa as MaskPresets,
-  ha as MaskedInput,
+  fa as LoginForm,
+  ha as MaskPresets,
+  ba as MaskedInput,
   T as Menu,
   ya as MergePrompt,
   Ta as MetricCard,
@@ -504,11 +504,11 @@ export {
   va as Popover,
   Ra as ProfileCard,
   Wa as ProgressBar,
-  Ha as ProgressCard,
-  _a as Radio,
+  _a as ProgressCard,
+  Ha as Radio,
   ka as RadioGroup,
-  La as RangeSlider,
-  za as Rating,
+  za as RangeSlider,
+  La as Rating,
   Ea as RegistrationForm,
   Ga as SearchInput,
   $a as SegmentCard,
@@ -517,8 +517,8 @@ export {
   wa as Selectable,
   Xa as SimpleMetricCard,
   ja as Skeleton,
-  Ua as SkeletonCard,
-  Za as SkeletonChart,
+  Za as SkeletonCard,
+  Ua as SkeletonChart,
   qa as SkeletonTable,
   Ja as Slider,
   Ka as Sortable,
@@ -534,17 +534,17 @@ export {
   ns as TimeFrame,
   ls as TimePicker,
   Y as Title,
-  he as Toast,
+  be as Toast,
   ds as Toggle,
   cs as Tooltip,
   gs as Transition,
   ms as TrendCard,
   ps as TrendIndicator,
   us as UnifiedBreakdownTable,
-  bs as UnifiedContextMenu,
+  fs as UnifiedContextMenu,
   te as Value,
-  fs as addressSchema,
-  hs as buildDefaultOverflow,
+  hs as addressSchema,
+  bs as buildDefaultOverflow,
   ys as contactSchema,
   Ts as creditCardSchema,
   Bs as formatDateRangeInterpretation,

package/composites-panels.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Composites/panels entry point — flat-root mirror for the subpath export
+ * '@mt-gloss/ui/composites/panels'.
+ *
+ * Mirrors the catalog.ts / internals.ts shape so that vite emits
+ * `dist/libs/gloss-ui/composites-panels.{js,d.ts}` at the package root,
+ * matching the package.json exports map (F12).
+ *
+ * Usage:
+ *   import { PanelProvider, PanelHost } from '@mt-gloss/ui/composites/panels';
+ */
+export * from './lib/composites/panels/index';

package/composites-panels.js

@@ -0,0 +1,13 @@
+import { C as s, c as t, b as r, P as n, e as o, i, r as l, u as P, a as u, d as C } from "./COMMITS-BcbOliuF.js";
+export {
+  s as COMMITS,
+  t as PanelChrome,
+  r as PanelHost,
+  n as PanelProvider,
+  o as deriveSurfaceState,
+  i as initialState,
+  l as reducer,
+  P as usePanelContext,
+  u as usePanelContextOptional,
+  C as usePanelCoordinator
+};

package/index.d.ts

@@ -366,3 +366,5 @@ export { UIContext, UIContextProvider, useUIContext, ContainerCard, ContainerCar
 export type { UIContextValue, UIRegion, UIDensity, UIContextProviderProps, ContainerCardProps, ContainerCardVariant, ContainerDialogProps, ContainerDialogHeaderProps, ContainerDialogBodyProps, ContainerDialogActionsProps, ContainerPanelProps, ContainerToolbarProps, ContainerFormSectionProps, ContainerTableProps, } from './lib/containers';
 export { mergeRefs, mergeHandlers, Actionable, Selectable, Dismissible, Sortable, Expandable, } from './lib/wrappers';
 export type { ActionableProps, SelectableProps, DismissibleProps, SortableProps, ExpandableProps, } from './lib/wrappers';
+export { PanelProvider, usePanelContext, usePanelContextOptional, PanelHost, PanelChrome, usePanelCoordinator, reducer as panelsReducer, initialState as panelsInitialState, deriveSurfaceState as panelsDeriveSurfaceState, COMMITS as PANEL_COMMITS, } from './lib/composites/panels';
+export type { PanelProviderProps, PanelHostProps, PanelChromeProps, PanelShellProps, UsePanelCoordinatorReturn, PanelId, PanelState, PanelAction, CloseReason, SurfaceState, TriggerContext, SideEffect, CloseLogEntry, LockHint, } from './lib/composites/panels';

package/index.js

@@ -1,13 +1,14 @@
-import { u as Ze, C as qe } from "./Expandable-Deyl6mWK.js";
-import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-Deyl6mWK.js";
+import { ba as Ze, X as qe } from "./Expandable-8IsJX0iR.js";
+import { a as Sr, k as kr, i as Dr, j as xr, $ as Tr, b2 as Rr, aL as Mr, aF as Pr, b0 as Ir, ai as Er, N as Ar, au as Fr, a2 as Or, t as Lr, aY as $r, bb as zr, P as Br, h as Kr, _ as Gr, c as Hr, d as Wr, b as Vr, e as jr, g as Ur, f as Yr, a7 as Zr, z as qr, a_ as Qr, O as Xr, K as Jr, av as es, aR as ts, P as as, h as ns, c as rs, d as ss, b as is, e as os, g as ls, f as cs, C as ds, o as us, n as ms, m as gs, R as ps, aJ as hs, bj as fs, bi as bs, al as vs, G as ys, I as ws, aT as _s, aw as Cs, b4 as Ns, ax as Ss, a3 as ks, ao as Ds, bQ as xs, bP as Ts, bR as Rs, ak as Ms, aU as Ps, b6 as Is, bT as Es, bH as As, J as Fs, ah as Os, bL as Ls, bE as $s, b7 as zs, an as Bs, b9 as Ks, bK as Gs, bW as Hs, bc as Ws, be as Vs, ay as js, a6 as Us, aX as Ys, u as Zs, bg as qs, aZ as Qs, S as Xs, aH as Js, bU as ei, M as ti, x as ai, l as ni, r as ri, p as si, q as ii, aq as oi, W as li, a9 as ci, bS as di, aj as ui, w as mi, a4 as gi, aW as pi, aB as hi, aP as fi, aG as bi, aE as vi, am as yi, aV as wi, az as _i, bk as Ci, A as Ni, a$ as Si, F as ki, L as Di, aN as xi, bI as Ti, bJ as Ri, aC as Mi, aA as Pi, D as Ii, y as Ei, b3 as Ai, at as Fi, bV as Oi, ad as Li, ae as $i, af as zi, ag as Bi, E as Ki, b5 as Gi, a1 as Hi, ap as Wi, Z as Vi, bB as ji, ar as Ui, ac as Yi, aa as Zi, aD as qi, v as Qi, a5 as Xi, H as Ji, B as eo, V as to, b1 as ao, bh as no, as as ro, Y as so, ab as io, a8 as oo, bm as lo, aM as co, a0 as uo, br as mo, aS as go, bn as po, aK as ho, bo as fo, bt as bo, bu as vo, bC as yo, bO as wo, bN as _o, bw as Co, bx as No, bl as So, aI as ko, bA as Do, bz as xo, by as To, bq as Ro, aQ as Mo, bv as Po, bp as Io, aO as Eo, bd as Ao, bM as Fo, bD as Oo, bF as Lo, bG as $o, bs as zo, b8 as Bo, bX as Ko, bf as Go } from "./Expandable-8IsJX0iR.js";
 import { jsxs as w, jsx as r, Fragment as $ } from "react/jsx-runtime";
 import * as B from "react";
 import F, { useRef as P, useEffect as A, useState as E, useCallback as C, useId as Qe, forwardRef as Xe, useMemo as re, createContext as Je, useContext as et } from "react";
 import { motion as G, useMotionValue as tt, AnimatePresence as at, useDragControls as nt } from "framer-motion";
-import { B as rt, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
-import { c as Wo, u as Vo } from "./UIContext-DP6JGCto.js";
+import { ab as rt, a as X, a9 as ce, ai as fe } from "./UIContext-C7m-9sGv.js";
+import { ah as Wo, aj as Vo } from "./UIContext-C7m-9sGv.js";
+import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-BcbOliuF.js";
 import { createPortal as st } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Uo, DEFAULT_PINNED as Yo, PERIOD_OPTIONS as Zo, ROLLING_OPTIONS as qo, TODAY_PRESET as Qo, findPreset as Xo, formatDateRange as Jo, formatMarketDates as el, formatTrend as tl, formatValue as al, generateMarketId as nl, getAllPresets as rl, getDateRangeForPreset as sl, getPresetLabel as il, isInRange as ol, isMarketActive as ll, isSameDay as cl, normalizePresetId as dl, toUppercasePresetId as ul } from "@mt-gloss/utils";
+import { DEFAULT_MARKET_PRESETS as rl, DEFAULT_PINNED as sl, PERIOD_OPTIONS as il, ROLLING_OPTIONS as ol, TODAY_PRESET as ll, findPreset as cl, formatDateRange as dl, formatMarketDates as ul, formatTrend as ml, formatValue as gl, generateMarketId as pl, getAllPresets as hl, getDateRangeForPreset as fl, getPresetLabel as bl, isInRange as vl, isMarketActive as yl, isSameDay as wl, normalizePresetId as _l, toUppercasePresetId as Cl } from "@mt-gloss/utils";
 import it from "@mui/icons-material/AccessTime";
 import ot from "@mui/icons-material/Tune";
 import lt from "@mui/icons-material/ViewColumn";
@@ -4686,9 +4687,9 @@ export {
   hs as CreditCardForm,
   fs as DEFAULT_FOOTER_IDS,
   U as DEFAULT_GRID_INTERACTION_PHYSICS,
-  Uo as DEFAULT_MARKET_PRESETS,
+  rl as DEFAULT_MARKET_PRESETS,
   bs as DEFAULT_OVERFLOW_IDS,
-  Yo as DEFAULT_PINNED,
+  sl as DEFAULT_PINNED,
   _t as DEFAULT_RESIZE_PHYSICS,
   Ie as DEFAULT_RESIZE_PILL_PHYSICS,
   vs as DataTable,
@@ -4760,11 +4761,15 @@ export {
   mi as NumberInput,
   gi as ObjectArrow,
   pi as OrderFilterBar,
-  Zo as PERIOD_OPTIONS,
+  Uo as PANEL_COMMITS,
+  il as PERIOD_OPTIONS,
   or as PaceCard,
   lr as PaceTilePreview,
   Et as PageChip,
   Oe as PageDropdown,
+  Yo as PanelChrome,
+  Zo as PanelHost,
+  qo as PanelProvider,
   hi as PasswordInput,
   fi as PaymentForm,
   bi as PaymentMethodSelect,
@@ -4775,7 +4780,7 @@ export {
   _i as ProgressCard,
   Ci as QuickConfigPanel,
   Bt as RECONFIG_BACKSIDE_LABELS,
-  qo as ROLLING_OPTIONS,
+  ol as ROLLING_OPTIONS,
   Ni as Radio,
   Si as RadioGroup,
   ki as RangeSlider,
@@ -4824,7 +4829,7 @@ export {
   yt as StatusSlotChipMenu,
   Ui as Stepper,
   De as SwingReveal,
-  Qo as TODAY_PRESET,
+  ll as TODAY_PRESET,
   V as TUNING_DEFAULTS,
   Be as TUNING_STORAGE_KEY,
   Yi as TabGroup,
@@ -4879,26 +4884,26 @@ export {
   Tt as errorFixture,
   yo as evaluateTintCondition,
   Rn as filteredState,
-  Xo as findPreset,
-  Jo as formatDateRange,
-  el as formatMarketDates,
-  tl as formatTrend,
-  al as formatValue,
+  cl as findPreset,
+  dl as formatDateRange,
+  ul as formatMarketDates,
+  ml as formatTrend,
+  gl as formatValue,
   Hn as fullLayout,
-  nl as generateMarketId,
+  pl as generateMarketId,
   wo as generateTabId,
-  rl as getAllPresets,
-  sl as getDateRangeForPreset,
+  hl as getAllPresets,
+  fl as getDateRangeForPreset,
   _o as getMenuActions,
   Ke as getMotionMode,
-  il as getPresetLabel,
+  bl as getPresetLabel,
   Co as getTransitionStyle,
   Bn as gridCards,
   cr as gridChannels,
   No as interpolate,
-  ol as isInRange,
-  ll as isMarketActive,
-  cl as isSameDay,
+  vl as isInRange,
+  yl as isMarketActive,
+  wl as isSameDay,
   Tn as itemColumns,
   Dn as itemRows,
   xt as loadingFixture,
@@ -4910,7 +4915,7 @@ export {
   xo as mergeRefs,
   sn as metricTabGroup,
   Vn as mixedTabs,
-  dl as normalizePresetId,
+  _l as normalizePresetId,
   zt as numericActions,
   xn as orderColumns,
   $t as orderIdActions,
@@ -4918,6 +4923,9 @@ export {
   Wn as ordersTabs,
   Me as paletteHex,
   j as paletteVars,
+  Qo as panelsDeriveSurfaceState,
+  Xo as panelsInitialState,
+  Jo as panelsReducer,
   To as parseNumericValue,
   Ro as paymentFormMetadata,
   Mo as paymentSchema,
@@ -4950,7 +4958,7 @@ export {
   gn as tableSamples,
   dn as textSamples,
   ln as timeFrameTabGroup,
-  ul as toUppercasePresetId,
+  Cl as toUppercasePresetId,
   Ze as useAffordanceVisibility,
   nn as useArrowNavigation,
   Ao as useCheckboxGroupContext,
@@ -4962,6 +4970,9 @@ export {
   zo as useFocusTrap,
   Bo as useFormContext,
   Ko as useGestureState,
+  el as usePanelContext,
+  tl as usePanelContextOptional,
+  al as usePanelCoordinator,
   Go as useRadioGroupContext,
   yr as useResizeChoreography,
   fn as useResizePill,

package/internals.js

@@ -1,7 +1,7 @@
-import { d as B } from "./UIContext-DP6JGCto.js";
-import { G as A, J as I, H, I as M, af as $, ah as R, a as E, i as F, v as O, F as U, x as z, y as W, w as L, z as j, D as G, A as V, l as X, ai as Z, a8 as q, ab as J, aa as K, a9 as Q, ac as Y, V as aa, X as sa, Y as ea, W as oa, a1 as ta, a2 as la, f as ra, a5 as ia, a7 as da, a6 as na, h as ca, j as Ba, aj as ga, a4 as ba, K as ma, N as ua, L as pa, M as ya, a3 as ha, B as _a, ag as fa, m as va, ad as Ca, P as ka, Q as Da, o as Ta, q as wa, s as xa, r as Sa, p as Na, t as Pa, e as Aa, b as Ia, k as Ha, _ as Ma, a0 as $a, $ as Ra, ae as Ea, n as Fa, O as Oa, g as Ua, C as za, E as Wa, R as La, S as ja, T as Ga, c as Va, U as Xa, Z as Za, u as qa } from "./UIContext-DP6JGCto.js";
+import { B } from "./UIContext-C7m-9sGv.js";
+import { z as A, F as I, A as H, D as M, ac as $, ae as R, a as E, f as F, r as O, y as U, t as z, u as W, s as L, v as j, x as G, w as V, i as X, af as Z, a3 as q, a6 as J, a5 as K, a4 as Q, a7 as Y, N as aa, P as sa, Q as ea, O as oa, X as ta, Y as la, c as ra, a0 as ia, a2 as da, a1 as na, e as ca, g as Ba, ag as ga, $ as ba, G as ma, J as ua, H as pa, I as ya, _ as ha, ab as _a, ad as fa, j as va, a8 as Ca, L as ka, M as Da, l as Ta, n as wa, p as xa, o as Sa, m as Na, q as Pa, b as Aa, a9 as Ia, h as Ha, U as Ma, W as $a, V as Ra, aa as Ea, k as Fa, K as Oa, d as Ua, C as za, E as Wa, R as La, S as ja, T as Ga, ah as Va, ai as Xa, Z as Za, aj as qa } from "./UIContext-C7m-9sGv.js";
 import { jsx as d, jsxs as g, Fragment as b } from "react/jsx-runtime";
-import { c as Ka, e as Qa, d as Ya, B as as, b as ss, a as es } from "./BaseAsyncButton-Cq_l7clO.js";
+import { c as Ka, e as Qa, d as Ya, B as as, b as ss, a as es } from "./BaseAsyncButton-BE4m1Eff.js";
 const T = {
   DurationFast: "var(--gloss-motion-duration-fast)",
   DurationNormal: "var(--gloss-motion-duration-normal)",

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface PanelChromeProps {
+    children: ReactNode;
+    onClose: () => void;
+    isOpen?: boolean;
+}
+export declare function PanelChrome({ children, onClose, isOpen }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { ComponentType } from 'react';
+import { PanelId } from './coordinator/types';
+/**
+ * Shape contract for panel shell components (F10).
+ * Receives `isOpen` so future plans may always-mount panels and rely on this
+ * prop for animation gating; P1 mounts only the active panel.
+ */
+export interface PanelShellProps {
+    isOpen: boolean;
+}
+export interface PanelHostProps {
+    /**
+     * Map of PanelId → shell component. Only the active panel mounts in P1.
+     * F8 — callers SHOULD declare this at module scope as a `const` for
+     *      referential stability.
+     */
+    panelComponents: Partial<Record<PanelId, ComponentType<PanelShellProps>>>;
+}
+export declare function PanelHost({ panelComponents }: PanelHostProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface PanelProviderProps {
+    children: ReactNode;
+}
+export declare function PanelProvider({ children }: PanelProviderProps): import("react/jsx-runtime").JSX.Element;
+export { usePanelContext, usePanelContextOptional } from './hooks/usePanelContext';

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

@@ -0,0 +1,2 @@
+import { CloseReason } from './types';
+export declare const COMMITS: Record<CloseReason, boolean>;

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

@@ -0,0 +1,3 @@
+import { PanelAction, PanelState } from './types';
+export declare const initialState: PanelState;
+export declare function reducer(state: PanelState, action: PanelAction): PanelState;

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

@@ -0,0 +1,2 @@
+import { PanelState, SurfaceState } from './types';
+export declare function deriveSurfaceState(state: PanelState): SurfaceState;

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

@@ -0,0 +1,84 @@
+/**
+ * Panel system — type contract.
+ *
+ * Authority: `.planning/spikes/toolbar/panels/SPIKE-DELIVERABLES.md` §1.2 (PanelId),
+ * §1.3 (SurfaceState), §1.10/§1.15 (CloseReason taxonomy), §1.17 (TriggerContext).
+ *
+ * P1 reach: reducer only OPENs/CLOSEs `'notification-center'`; other PanelIds are
+ * present in the union but emit INVALID_DISPATCH per F15 branch 3. Surface-state
+ * derivation in P1 reaches `'idle'` + `'notif-center'` only; other branches return
+ * `'idle'` with a TODO until P2 extends the reducer to full 7-state.
+ *
+ * Plan refs:
+ *   F1 — exhaustive types ship Day 1
+ *   F4 — `lastClose` carries `{ panelId, reason }` so closeLog pump can append
+ *   F6 — `SCHEDULE_TIMER` is a SideEffect, NOT a PanelAction (external callers
+ *        cannot dispatch it). Only `OPEN_PANEL | CLOSE_PANEL | DRAIN_SIDE_EFFECTS`
+ *        are dispatchable.
+ *   F9 + F21 — `NAV_ESCAPE_HATCH` carries dual P1 meaning: backdrop-click AND
+ *              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 SurfaceState = 'idle' | 'bell-cutout-only' | 'panel-clean' | 'panel-dirty' | 'panel-clean+cutout' | 'panel-dirty+cutout' | 'notif-center';
+export type TriggerContext = {
+    kind: 'bell';
+} | {
+    kind: 'card-overflow';
+    cardId: string;
+    sectionIndex: number;
+    action: 'configure' | 'replace';
+} | {
+    kind: 'empty-cell';
+    sectionIndex: number;
+    cellPosition: {
+        row: number;
+        col: number;
+    };
+} | {
+    kind: 'manage-pages-action';
+    global: true;
+    align: 'left';
+};
+export interface CloseLogEntry {
+    panelId: PanelId;
+    reason: CloseReason;
+    at: number;
+    /**
+     * F21 — When `reason === 'nav-escape-hatch'`, the same enum literal fires for
+     * both backdrop-click AND page-nav escape. Future analytics MUST inspect this
+     * note before attributing UX intent.
+     */
+    note?: string;
+}
+export type SideEffect = {
+    type: 'SCHEDULE_TIMER';
+    ms: number;
+    action: PanelAction;
+} | {
+    type: 'INVALID_DISPATCH';
+    reason: string;
+};
+export interface PanelState {
+    activePanelId: PanelId | null;
+    lastClose: {
+        panelId: PanelId;
+        reason: CloseReason;
+    } | null;
+    pendingSideEffects: SideEffect[];
+}
+export type PanelAction = {
+    type: 'OPEN_PANEL';
+    panelId: PanelId;
+    trigger: TriggerContext;
+} | {
+    type: 'CLOSE_PANEL';
+    reason: CloseReason;
+} | {
+    type: 'DRAIN_SIDE_EFFECTS';
+};
+export interface LockHint {
+    blockedTrigger: TriggerContext;
+    activeCardId: string | null;
+    expiresAt: number;
+}

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

@@ -0,0 +1,4 @@
+import { UsePanelCoordinatorReturn } from './usePanelCoordinator';
+export declare const PanelContext: import('react').Context<UsePanelCoordinatorReturn | null>;
+export declare function usePanelContext(): UsePanelCoordinatorReturn;
+export declare function usePanelContextOptional(): UsePanelCoordinatorReturn | null;

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

@@ -0,0 +1,8 @@
+import { CloseLogEntry, PanelAction, PanelState, SurfaceState } from '../coordinator/types';
+export interface UsePanelCoordinatorReturn {
+    state: PanelState;
+    surfaceState: SurfaceState;
+    dispatch: React.Dispatch<PanelAction>;
+    getCloseLog: () => CloseLogEntry[];
+}
+export declare function usePanelCoordinator(): UsePanelCoordinatorReturn;

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

@@ -0,0 +1,21 @@
+/**
+ * @mt-gloss/ui/composites/panels — panel-system foundation.
+ *
+ * Consumers (reptime-cloud P1) import:
+ *   import { PanelProvider, PanelHost } from '@mt-gloss/ui/composites/panels';
+ *
+ * Subpath export wired in package.json (F12); flat package-root artifact
+ * `composites-panels.js` matching existing `internals` + `catalog` pattern.
+ */
+export { PanelProvider, usePanelContext, usePanelContextOptional } from './PanelProvider';
+export { PanelHost } from './PanelHost';
+export { PanelChrome } from './PanelChrome';
+export type { PanelHostProps, PanelShellProps } from './PanelHost';
+export type { PanelProviderProps } from './PanelProvider';
+export type { PanelChromeProps } from './PanelChrome';
+export { usePanelCoordinator } from './hooks/usePanelCoordinator';
+export type { UsePanelCoordinatorReturn } from './hooks/usePanelCoordinator';
+export { reducer, initialState } from './coordinator/coordinator';
+export { deriveSurfaceState } from './coordinator/deriveSurfaceState';
+export { COMMITS } from './coordinator/COMMITS';
+export type { PanelId, PanelState, PanelAction, CloseReason, SurfaceState, TriggerContext, SideEffect, CloseLogEntry, LockHint, } from './coordinator/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "type": "module",
   "publishConfig": {
     "access": "restricted"
@@ -38,6 +38,17 @@
       },
       "default": "./catalog.js"
     },
+    "./composites/panels": {
+      "import": {
+        "types": "./composites-panels.d.ts",
+        "default": "./composites-panels.js"
+      },
+      "require": {
+        "types": "./composites-panels.d.ts",
+        "default": "./composites-panels.js"
+      },
+      "default": "./composites-panels.js"
+    },
     "./styles.css": "./ui.css"
   },
   "files": [