@mt-gloss/ui 0.1.61 → 0.1.63

package/catalog.js

@@ -1,10 +1,10 @@
-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-DyUAv0HO.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-DyUAv0HO.js";
-import { jsx as c, jsxs as S } from "react/jsx-runtime";
+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 z, b3 as L, b4 as E, X as G, Y as $, Z as O } from "./Expandable-BOpDPNWj.js";
+import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bW as Me, N as ve, aa as Re, bp as We, P as He, B as _e, bj as ke, C as ze, bz as Le, 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 Ye, ab as Ke, bq as Qe, _ 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, bL 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 Sa, bR as Ta, aq as Pa, w as Ca, br as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bY as va, aT as Ra, bX as Wa, ae as Ha, e as _a, R as ka, l as za, r as La, 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 Ya, bo as Ka, S as Qa, bl as es, ax as as, bd as ss, bS as ts, am as rs, bV as os, v as is, bM as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, by as us, bF as bs, aD as fs, a8 as hs, aR as ys, aG as Ss, aA as Ts, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-BOpDPNWj.js";
+import { jsx as c, jsxs as T } 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 { B as j, a as U, e as Z, c as q, d as J, b as Y } from "./BaseAsyncButton-Cq_l7clO.js";
 import { formatDateRange as Bs, resolveEvent as xs, resolvePreset as Ds, smartDateFormat as Fs } from "@mt-gloss/utils/dateInterpretation";
-const Q = {
+const K = {
   page: {
     fontFamily: a.FontDisplay,
     fontSize: a.Text3xl,
@@ -33,7 +33,7 @@ const Q = {
     lineHeight: a.LeadingTight,
     color: e.TextPrimary
   }
-}, Y = function(i) {
+}, Q = function(i) {
   const {
     variant: r = "section",
     level: n = 2,
@@ -42,7 +42,7 @@ const Q = {
   } = i, t = { ...o };
   delete t.className, delete t.style, delete t.definition;
   const g = {
-    ...Q[r]
+    ...K[r]
   }, p = [
     "gloss-preset-title",
     `gloss-preset-title--${r}`
@@ -59,7 +59,7 @@ const Q = {
     }
   );
 };
-Y.displayName = "PresetTitle";
+Q.displayName = "PresetTitle";
 const ee = {
   default: {
     fontFamily: a.FontBody,
@@ -215,7 +215,7 @@ function ne(l) {
     `gloss-preset-async-button--${i}`,
     `gloss-preset-async-button--${r}`
   ].join(" ");
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ T(
     Z,
     {
       as: f.as,
@@ -280,7 +280,7 @@ function de(l) {
     "gloss-preset-alert",
     `gloss-preset-alert--${i}`
   ].join(" ");
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ T(
     q,
     {
       definition: g,
@@ -411,7 +411,7 @@ function he({
     duration: d
   };
   return /* @__PURE__ */ c(
-    K,
+    Y,
     {
       definition: t,
       open: l,
@@ -423,13 +423,13 @@ function he({
 }
 he.displayName = "PresetToast";
 const y = _;
-y.Header = L;
-y.Body = z;
+y.Header = z;
+y.Body = L;
 y.Actions = E;
-const T = k;
-T.Group = G;
-T.Item = $;
-T.Divider = O;
+const S = k;
+S.Group = G;
+S.Item = $;
+S.Divider = O;
 export {
   h as Accordion,
   Ne as ActionStrip,
@@ -449,8 +449,8 @@ export {
   _e as ButtonGroup,
   b 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,
@@ -464,10 +464,10 @@ export {
   qe as DestructiveModal,
   y as Dialog,
   Je as DirectionCard,
-  Ke as Dismissible,
-  Qe as DistributionCard,
+  Ye as Dismissible,
+  Ke as DistributionCard,
   me as Divider,
-  Ye as DonutChart,
+  Qe as DonutChart,
   ea as Dropdown,
   aa as EntityPicker,
   sa as EntitySearchPanel,
@@ -487,10 +487,10 @@ export {
   ba as LoginForm,
   fa as MaskPresets,
   ha as MaskedInput,
-  T as Menu,
+  S as Menu,
   ya as MergePrompt,
-  Ta as MetricCard,
-  Sa as MetricCardGrid,
+  Sa as MetricCard,
+  Ta as MetricCardGrid,
   Pa as MultiSelect,
   Ca as NumberInput,
   Ia as ObjectArrow,
@@ -507,8 +507,8 @@ export {
   Ha as ProgressCard,
   _a 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,
@@ -521,9 +521,9 @@ export {
   Za as SkeletonChart,
   qa as SkeletonTable,
   Ja as Slider,
-  Ka as Sortable,
-  Qa as SparklineBg,
-  Ya as SplitButton,
+  Ya as Sortable,
+  Ka as SparklineBg,
+  Qa as SplitButton,
   es as StackedGroupCard,
   as as Stepper,
   ss as TabGroup,
@@ -533,7 +533,7 @@ export {
   is as Textarea,
   ns as TimeFrame,
   ls as TimePicker,
-  Y as Title,
+  Q as Title,
   he as Toast,
   ds as Toggle,
   cs as Tooltip,
@@ -546,9 +546,9 @@ export {
   fs as addressSchema,
   hs as buildDefaultOverflow,
   ys as contactSchema,
-  Ts as creditCardSchema,
+  Ss as creditCardSchema,
   Bs as formatDateRangeInterpretation,
-  Ss as loginSchema,
+  Ts as loginSchema,
   Ps as paymentSchema,
   Cs as registrationSchema,
   xs as resolveEvent,

package/index.js

@@ -1,14 +1,14 @@
-import { u as rt, C as Dt } from "./Expandable-DyUAv0HO.js";
-import { Q as Hr, V as Ur, T as Zr, U as Yr, a5 as qr, b8 as Qr, aB as Xr, aj as Jr, $ as es, ap as ts, N as as, aa as ns, bo as rs, P as ss, B as is, a as os, A as ls, K as cs, bj as ds, J as us, L as ms, E as gs, D as ps, H as fs, F as hs, by as bs, b as vs, c as ys, O as ws, q as _s, af as Ns, aP as Ds, A as ks, K as Cs, J as Ss, L as xs, E as Rs, D as Ms, H as Ts, F as Is, b1 as Es, b4 as Ps, b3 as Fs, b2 as As, b5 as Os, aE as Ls, a7 as $s, a6 as Bs, as as Ks, m as zs, o as Ws, aH as js, ad as Gs, ba as Vs, ab as Hs, bp as Us, _ as Zs, bI as Ys, bH as qs, bJ as Qs, ar as Xs, aS as Js, bc as ei, bN as ti, bw as ai, p as ni, ao as ri, bC as si, bt as ii, a2 as oi, at as li, a4 as ci, bB as di, bS as ui, G as mi, f as gi, ac as pi, bK as fi, aV as hi, t as bi, x as vi, I as yi, i as wi, ay as _i, bO as Ni, M as Di, y as ki, W as Ci, Z as Si, X as xi, Y as Ri, au as Mi, bi as Ti, bQ as Ii, bM as Ei, aq as Pi, w as Fi, bq as Ai, aU as Oi, al as Li, aM as $i, ai as Bi, an as Ki, aw as zi, aT as Wi, ae as ji, av as Gi, e as Vi, R as Hi, l as Ui, r as Zi, aJ as Yi, bz as qi, bA as Qi, ak as Xi, ag as Ji, j as eo, z as to, b9 as ao, ah as no, bP as ro, be as so, bh as io, bf as oo, bg as lo, k as co, bb as uo, bn as mo, S as go, bl as po, bm as fo, ax as ho, bd as bo, bR as vo, am as yo, v as wo, bL as _o, n as No, h as Do, s as ko, a0 as Co, a1 as So, a9 as xo, bk as Ro, bx as Mo, bE as To, aC as Io, aD as Eo, a8 as Po, aQ as Fo, aR as Ao, aF as Oo, aG as Lo, aI as $o, aX as Bo, aY as Ko, br as zo, bG as Wo, bF as jo, a_ as Go, a$ as Vo, az as Ho, aA as Uo, b7 as Zo, b6 as Yo, b0 as qo, aN as Qo, aO as Xo, aZ as Jo, aK as el, aL as tl, d as al, bD as nl, bs as rl, bu as sl, bv as il, aW as ol, a3 as ll, bT as cl, g as dl } from "./Expandable-DyUAv0HO.js";
+import { u as rt, C as Dt } from "./Expandable-BOpDPNWj.js";
+import { Q as Hr, V as Ur, T as Zr, U as Yr, a5 as qr, b8 as Qr, aB as Xr, aj as Jr, $ as es, ap as ts, N as as, aa as ns, bp as rs, P as ss, B as is, a as os, A as ls, K as cs, bj as ds, J as us, L as ms, E as gs, D as ps, H as fs, F as hs, bz as bs, b as vs, c as ys, O as ws, q as _s, af as Ns, aP as Ds, A as ks, K as Cs, J as Ss, L as xs, E as Rs, D as Ms, H as Ts, F as Is, b1 as Es, b4 as Ps, b3 as Fs, b2 as As, b5 as Os, aE as Ls, a7 as $s, a6 as Bs, as as Ks, m as zs, o as Ws, aH as js, ad as Gs, ba as Vs, ab as Hs, bq as Us, _ as Zs, bJ as Ys, bI as qs, bK as Qs, ar as Xs, aS as Js, bc as ei, bO as ti, bx as ai, p as ni, ao as ri, bD as si, bu as ii, a2 as oi, at as li, a4 as ci, bC as di, bT as ui, G as mi, f as gi, ac as pi, bL as fi, aV as hi, t as bi, x as vi, I as yi, i as wi, ay as _i, bP as Ni, M as Di, y as ki, W as Ci, Z as Si, X as xi, Y as Ri, au as Mi, bi as Ti, bR as Ii, bN as Ei, aq as Pi, w as Fi, br as Ai, aU as Oi, al as Li, aM as $i, ai as Bi, an as Ki, aw as zi, aT as Wi, ae as ji, av as Gi, e as Vi, R as Hi, l as Ui, r as Zi, aJ as Yi, bA as qi, bB as Qi, ak as Xi, ag as Ji, j as eo, z as to, b9 as ao, ah as no, bQ as ro, be as so, bh as io, bf as oo, bg as lo, k as co, bb as uo, bo as mo, S as go, bl as po, bm as fo, ax as ho, bd as bo, bS as vo, am as yo, v as wo, bM as _o, n as No, h as Do, s as ko, a0 as Co, a1 as So, a9 as xo, bk as Ro, by as Mo, bF as To, aC as Io, aD as Eo, a8 as Po, aQ as Fo, aR as Ao, aF as Oo, aG as Lo, aI as $o, aX as Bo, aY as Ko, bs as zo, bH as Wo, bG as jo, a_ as Go, a$ as Vo, az as Ho, aA as Uo, b7 as Zo, b6 as Yo, b0 as qo, aN as Qo, aO as Xo, aZ as Jo, aK as el, aL as tl, d as al, bn as nl, bE as rl, bt as sl, bv as il, bw as ol, aW as ll, a3 as cl, bU as dl, g as ul } from "./Expandable-BOpDPNWj.js";
 import { jsxs as k, jsx as r, Fragment as te } from "react/jsx-runtime";
 import * as ce from "react";
 import V, { useRef as E, useEffect as O, useState as $, useCallback as N, useId as kt, forwardRef as Ct, useMemo as Ne, createContext as St, useContext as xt } from "react";
 import { motion as Se, useMotionValue as Rt, animate as Ue, useDragControls as Mt } from "framer-motion";
 import { B as Tt, a as be, b as Pe, U as ze } from "./UIContext-DP6JGCto.js";
-import { c as ml, u as gl } from "./UIContext-DP6JGCto.js";
+import { c as gl, u as pl } from "./UIContext-DP6JGCto.js";
 import { createPortal as It } from "react-dom";
 import { SPRING_RESIZE_COMMIT as Ze, useMotionProbe as Fe } from "@mt-gloss/motion";
-import { DEFAULT_MARKET_PRESETS as fl, DEFAULT_PINNED as hl, PERIOD_OPTIONS as bl, ROLLING_OPTIONS as vl, TODAY_PRESET as yl, findPreset as wl, formatDateRange as _l, formatMarketDates as Nl, formatTrend as Dl, formatValue as kl, generateMarketId as Cl, getAllPresets as Sl, getDateRangeForPreset as xl, getPresetLabel as Rl, isInRange as Ml, isMarketActive as Tl, isSameDay as Il, normalizePresetId as El, toUppercasePresetId as Pl } from "@mt-gloss/utils";
+import { DEFAULT_MARKET_PRESETS as hl, DEFAULT_PINNED as bl, PERIOD_OPTIONS as vl, ROLLING_OPTIONS as yl, TODAY_PRESET as wl, findPreset as _l, formatDateRange as Nl, formatMarketDates as Dl, formatTrend as kl, formatValue as Cl, generateMarketId as Sl, getAllPresets as xl, getDateRangeForPreset as Rl, getPresetLabel as Ml, isInRange as Tl, isMarketActive as Il, isSameDay as El, normalizePresetId as Pl, toUppercasePresetId as Fl } from "@mt-gloss/utils";
 import Et from "@mui/icons-material/AccessTime";
 import Pt from "@mui/icons-material/Tune";
 import Ft from "@mui/icons-material/ViewColumn";
@@ -4499,9 +4499,9 @@ export {
   Ls as CreditCardForm,
   $s as DEFAULT_FOOTER_IDS,
   ie as DEFAULT_GRID_INTERACTION_PHYSICS,
-  fl as DEFAULT_MARKET_PRESETS,
+  hl as DEFAULT_MARKET_PRESETS,
   Bs as DEFAULT_OVERFLOW_IDS,
-  hl as DEFAULT_PINNED,
+  bl as DEFAULT_PINNED,
   it as DEFAULT_RESIZE_PHYSICS,
   Ks as DataTable,
   zs as DatePicker,
@@ -4573,7 +4573,7 @@ export {
   Fi as NumberInput,
   Ai as ObjectArrow,
   Oi as OrderFilterBar,
-  bl as PERIOD_OPTIONS,
+  vl as PERIOD_OPTIONS,
   Mr as PaceCard,
   Tr as PaceTilePreview,
   ta as PageChip,
@@ -4588,7 +4588,7 @@ export {
   ji as ProgressCard,
   Gi as QuickConfigPanel,
   la as RECONFIG_BACKSIDE_LABELS,
-  vl as ROLLING_OPTIONS,
+  yl as ROLLING_OPTIONS,
   Vi as Radio,
   Hi as RadioGroup,
   Ui as RangeSlider,
@@ -4636,7 +4636,7 @@ export {
   Vt as StatusSlotChipMenu,
   ho as Stepper,
   Oe as SwingReveal,
-  yl as TODAY_PRESET,
+  wl as TODAY_PRESET,
   re as TUNING_DEFAULTS,
   ut as TUNING_STORAGE_KEY,
   bo as TabGroup,
@@ -4654,7 +4654,7 @@ export {
   So as TransitionGroup,
   xo as TrendCard,
   Ro as TrendIndicator,
-  ml as UIContext,
+  gl as UIContext,
   ze as UIContextProvider,
   Mo as UnifiedBreakdownTable,
   To as UnifiedContextMenu,
@@ -4691,26 +4691,26 @@ export {
   qt as errorFixture,
   zo as evaluateTintCondition,
   ar as filteredState,
-  wl as findPreset,
-  _l as formatDateRange,
-  Nl as formatMarketDates,
-  Dl as formatTrend,
-  kl as formatValue,
+  _l as findPreset,
+  Nl as formatDateRange,
+  Dl as formatMarketDates,
+  kl as formatTrend,
+  Cl as formatValue,
   hr as fullLayout,
-  Cl as generateMarketId,
+  Sl as generateMarketId,
   Wo as generateTabId,
-  Sl as getAllPresets,
-  xl as getDateRangeForPreset,
+  xl as getAllPresets,
+  Rl as getDateRangeForPreset,
   jo as getMenuActions,
   st as getMotionMode,
-  Rl as getPresetLabel,
+  Ml as getPresetLabel,
   Go as getTransitionStyle,
   gr as gridCards,
   Ir as gridChannels,
   Vo as interpolate,
-  Ml as isInRange,
-  Tl as isMarketActive,
-  Il as isSameDay,
+  Tl as isInRange,
+  Il as isMarketActive,
+  El as isSameDay,
   tr as itemColumns,
   Jn as itemRows,
   Yt as loadingFixture,
@@ -4722,7 +4722,7 @@ export {
   Yo as mergeRefs,
   Mn as metricTabGroup,
   vr as mixedTabs,
-  El as normalizePresetId,
+  Pl as normalizePresetId,
   oa as numericActions,
   er as orderColumns,
   ia as orderIdActions,
@@ -4762,22 +4762,23 @@ export {
   On as tableSamples,
   Pn as textSamples,
   In as timeFrameTabGroup,
-  Pl as toUppercasePresetId,
+  Fl as toUppercasePresetId,
   rt as useAffordanceVisibility,
   xn as useArrowNavigation,
   al as useCheckboxGroupContext,
+  nl as useContentPin,
   jn as useEdgeHoverResize,
-  nl as useFilterLayout,
-  rl as useFlipAndStage,
-  sl as useFlipAndStageContext,
-  il as useFlipAndStageContextOptional,
+  rl as useFilterLayout,
+  sl as useFlipAndStage,
+  il as useFlipAndStageContext,
+  ol as useFlipAndStageContextOptional,
   Sn as useFocusReturn,
-  ol as useFocusTrap,
-  ll as useFormContext,
-  cl as useGestureState,
-  dl as useRadioGroupContext,
+  ll as useFocusTrap,
+  cl as useFormContext,
+  dl as useGestureState,
+  ul as useRadioGroupContext,
   zr as useResizeChoreography,
   ha as useResizeTuning,
   nn as useSortableZones,
-  gl as useUIContext
+  pl as useUIContext
 };

package/lib/primitives/dashboard/MetricCard/CardShell.d.ts

@@ -17,6 +17,6 @@ import { CardShellProps } from './types';
  * ```
  */
 export declare const CardShell: {
-    ({ contentSlot, children, colSpan, isStale, isRetrying, beta, disabled, style, accentRing, onGraph, onDetails, onCustomize, onRemove, onWhatsThis, onExpand, onShrink, onMove, onReplace, onNavigate, onRetry, onRefresh, enableQuickSettings, onUpdateTimeframe, instanceTimeframe, cardTitle, quickConfigSlot, onViewAsStack, onUnstack, isStackedGroup, onUpdateStackedTimeframes, instanceStackedTimeframes, isGraphActive, isTableActive, isGraphCard, canExpand, anchorX, extensionOverflow, cardRef: externalCardRef, hovered, forceHide, isFlipped, onFlipChange, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
+    ({ contentSlot, children, colSpan, isStale, isRetrying, beta, disabled, style, accentRing, onGraph, onDetails, onCustomize, onRemove, onWhatsThis, onExpand, onShrink, onMove, onReplace, onNavigate, onRetry, onRefresh, enableQuickSettings, onUpdateTimeframe, instanceTimeframe, cardTitle, quickConfigSlot, onViewAsStack, onUnstack, isStackedGroup, onUpdateStackedTimeframes, instanceStackedTimeframes, isGraphActive, isTableActive, isGraphCard, canExpand, anchorX, extensionOverflow, cardRef: externalCardRef, hovered, forceHide, isFlipped, onFlipChange, cellStep, gap, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/primitives/dashboard/MetricCard/index.d.ts

@@ -9,6 +9,8 @@ export type { StatusSlotChipMenuProps, ChipMenuAction } from './StatusSlotChipMe
 export { EdgeHoverHandle } from './EdgeHoverHandle';
 export { GhostPreview } from './GhostPreview';
 export { useEdgeHoverResize } from './useEdgeHoverResize';
+export { useContentPin } from './useContentPin';
+export type { UseContentPinArgs, UseContentPinReturn } from './useContentPin';
 export { DEFAULT_RESIZE_PHYSICS } from './resizePhysics';
 export type { ResizePhysicsConfig } from './resizePhysics';
 export { VelocityBuffer } from './velocityBuffer';

package/lib/primitives/dashboard/MetricCard/types.d.ts

@@ -265,4 +265,23 @@ export interface CardShellProps {
      * @default false
      */
     forceHide?: boolean;
+    /**
+     * Quick 260503-prc — per-cell step (column width in px) at the current
+     * viewport. Threaded through to `useContentPin` for post-resize target-width
+     * derivation. D-14 viewport map: 1280→180, 1920→260, 2560→340.
+     *
+     * The pin only fires while a framer `layout` animation is in flight; a
+     * slightly off default never surfaces visually outside resize gestures.
+     *
+     * @default 260 (1920 viewport)
+     */
+    cellStep?: number;
+    /**
+     * Quick 260503-prc — inter-cell gap (px). Threaded through to
+     * `useContentPin` for post-resize target-width derivation. Reptime grid
+     * default = 15.
+     *
+     * @default 15
+     */
+    gap?: number;
 }

package/lib/primitives/dashboard/MetricCard/useContentPin.d.ts

@@ -0,0 +1,23 @@
+export interface UseContentPinArgs {
+    /** Post-resize target column span (1-3). Source of pin width derivation. */
+    colSpan: 1 | 2 | 3;
+    /** Per-cell step (column width) at the current viewport. D-14: 1280→180, 1920→260, 2560→340. */
+    cellStep: number;
+    /** Inter-cell gap (px). Reptime grid default = 15. */
+    gap: number;
+    /**
+     * When true, the framer `layout` transition is bypassed and start/complete
+     * are guaranteed not to fire — the hook short-circuits to a no-op pin so no
+     * stale width residue is left applied to the content layer.
+     */
+    prefersReducedMotion?: boolean;
+}
+export interface UseContentPinReturn {
+    /** Pinned width in px while the layout animation is in flight; null otherwise. */
+    pin: number | null;
+    /** Wire to `<motion.div layout onLayoutAnimationStart={...}>` on the content layer. */
+    onLayoutAnimationStart: () => void;
+    /** Wire to `<motion.div layout onLayoutAnimationComplete={...}>` on the content layer. */
+    onLayoutAnimationComplete: () => void;
+}
+export declare function useContentPin({ colSpan, cellStep, gap, prefersReducedMotion, }: UseContentPinArgs): UseContentPinReturn;

package/package.json

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