@photon-ai/pho-ui 4.11.0 → 4.13.0

package/dist/index.js

@@ -3,204 +3,205 @@ import { t as s } from "./chunks/cn-ChIgwEl3.js";
 import { t as r } from "./chunks/is-react-component-DSnjtBmo.js";
 import { t as e } from "./chunks/resolve-variant-CcD8iG5l.js";
 import { n as S, t as E } from "./chunks/link-provider-DXzDQ08N.js";
-import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as A, EASE_STACK as I, FADE_ENTRANCE as T, FADE_SWAP as p, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPAN_SCALE as u, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as N, SPRING_PRESS_QUICK as L, SPRING_SETTLE as P, TRAVEL_LINEAR as c, fadeThroughBlur as D, riseIn as O } from "./motion.js";
-import { n as V, r as g, t as h } from "./chunks/use-press-pulse-IbNstUT0.js";
-import { n as U, t as M } from "./chunks/use-copy-D6JwKUll.js";
+import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as A, EASE_STACK as I, FADE_ENTRANCE as T, FADE_SWAP as p, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPAN_SCALE as u, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as N, SPRING_PRESS_QUICK as L, SPRING_SETTLE as P, TRAVEL_LINEAR as c, fadeThroughBlur as D, revealIn as O, riseIn as d } from "./motion.js";
+import { n as g, r as h, t as G } from "./chunks/use-press-pulse-IbNstUT0.js";
+import { n as M, t as b } from "./chunks/use-copy-D6JwKUll.js";
 import "./utils.js";
-import { a as v, c as k, d as w, i as W, l as y, n as H, o as K, r as x, s as z, t as X, u as Y } from "./chunks/button-C9VqBBIr.js";
-import { a as j, c as J, i as Q, l as q, n as $, o as aa, r as sa, s as ta, t as ra } from "./chunks/error-D5SzZ0ev.js";
-import { t as ea } from "./chunks/chat-B0WIgEyM.js";
-import { A as Sa, B as Ea, C as _a, D as na, E as ma, F as Aa, I as Ia, L as Ta, M as pa, N as Ra, O as la, P as Ca, R as ua, S as Ba, T as fa, V as Na, _ as La, a as Pa, b as ca, c as Da, d as Oa, f as da, g as Va, h as ga, i as ha, j as Ga, k as Ua, l as Ma, m as ba, n as Fa, o as va, p as ka, r as wa, s as Wa, t as ya, u as Ha, v as Ka, w as xa, x as za, y as Xa, z as Ya } from "./chunks/trace-D1fOFzJt.js";
-import { a as ja, c as Ja, d as Qa, i as qa, l as $a, n as as, o as ss, r as ts, s as rs, t as os, u as es } from "./chunks/code-block-CbcE994O.js";
-import { n as Ss, t as Es } from "./chunks/date-picker-CZbcNIe-.js";
-import { n as ns, t as ms } from "./chunks/copy-button-D8XyP0oR.js";
-import { a as Is, c as Ts, d as ps, i as Rs, l as ls, n as Cs, o as us, r as Bs, s as fs, t as Ns, u as Ls } from "./chunks/sidebar-BP39w1iA.js";
-import { t as cs } from "./chunks/input-DjvZoF8v.js";
-import { i as Os, n as ds, r as Vs, t as gs } from "./chunks/filter-bar-B-oYYBsU.js";
-import { i as Gs } from "./chunks/data-table-B1dmrN6r.js";
-import { n as Ms, t as bs } from "./chunks/stat-hnNqjWVG.js";
-import { t as vs } from "./chunks/calendar-4OFiCLAv.js";
-import { t as ws } from "./chunks/close-button-GvqWbLl0.js";
-import { t as ys } from "./chunks/input-group-fc9_jD4d.js";
-import { n as Ks, t as xs } from "./chunks/card-N-tvFsuV.js";
-import { n as Xs, t as Ys } from "./chunks/dialog-MPvem7yV.js";
-import { i as js, n as Js, r as Qs, t as qs } from "./chunks/status-view-C8tabjDu.js";
-import { t as at } from "./chunks/description-list-8qm83WZB.js";
-import { a as tt, c as rt, d as ot, f as et, i as it, l as St, m as Et, n as _t, o as nt, p as mt, r as At, s as It, t as Tt, u as pt } from "./chunks/basic-page-B5FsORRi.js";
-import { a as lt, i as Ct, n as ut, o as Bt, r as ft, s as Nt, t as Lt } from "./chunks/chart-Dx3rjeFn.js";
+import { a as k, c as w, d as W, i as y, l as H, n as K, o as x, r as z, s as X, t as Y, u as Z } from "./chunks/button-C9VqBBIr.js";
+import { a as J, c as Q, i as q, l as $, n as aa, o as sa, r as ta, s as ra, t as oa } from "./chunks/error-D5SzZ0ev.js";
+import { t as ia } from "./chunks/chat-Bu8UyIbT.js";
+import { A as Ea, B as _a, C as na, D as ma, E as Aa, F as Ia, I as Ta, L as pa, M as Ra, N as la, O as Ca, P as ua, R as Ba, S as fa, T as Na, V as La, _ as Pa, a as ca, b as Da, c as Oa, d as da, f as Va, g as ga, h as ha, i as Ga, j as Ua, k as Ma, l as ba, m as Fa, n as va, o as ka, p as wa, r as Wa, s as ya, t as Ha, u as Ka, v as xa, w as za, x as Xa, y as Ya, z as Za } from "./chunks/trace-DyjsBY-S.js";
+import { a as Ja, c as Qa, d as qa, i as $a, l as as, n as ss, o as ts, r as rs, s as os, t as es, u as is } from "./chunks/code-block-CbcE994O.js";
+import { n as Es, t as _s } from "./chunks/date-picker-CZbcNIe-.js";
+import { n as ms, t as As } from "./chunks/copy-button-D8XyP0oR.js";
+import { a as Ts, c as ps, d as Rs, i as ls, l as Cs, n as us, o as Bs, r as fs, s as Ns, t as Ls, u as Ps } from "./chunks/sidebar-BP39w1iA.js";
+import { t as Ds } from "./chunks/input-fFWvPJOf.js";
+import { i as ds, n as Vs, r as gs, t as hs } from "./chunks/filter-bar-C4sPEjw1.js";
+import { i as Us } from "./chunks/data-table-hzZb7Otx.js";
+import { n as bs, t as Fs } from "./chunks/stat-hnNqjWVG.js";
+import { t as ks } from "./chunks/calendar-4OFiCLAv.js";
+import { t as Ws } from "./chunks/close-button-GvqWbLl0.js";
+import { t as Hs } from "./chunks/input-group-fc9_jD4d.js";
+import { n as xs, t as zs } from "./chunks/card-N-tvFsuV.js";
+import { n as Ys, t as Zs } from "./chunks/dialog-ChS0tdHa.js";
+import { i as Js, n as Qs, r as qs, t as $s } from "./chunks/status-view-C8tabjDu.js";
+import { t as st } from "./chunks/description-list-8qm83WZB.js";
+import { a as rt, c as ot, d as et, f as it, i as St, l as Et, m as _t, n as nt, o as mt, p as At, r as It, s as Tt, t as pt, u as Rt } from "./chunks/basic-page-6dDfY33L.js";
+import { a as Ct, i as ut, n as Bt, o as ft, r as Nt, s as Lt, t as Pt } from "./chunks/chart-Dx3rjeFn.js";
 import "./components/chart.js";
-import { t as Dt } from "./chunks/bar-chart-By5gWQqP.js";
-import { t as dt } from "./chunks/line-chart-CAe09fqr.js";
-import { i as gt, n as ht, r as Gt, t as Ut } from "./chunks/log-list-tNuCFGlP.js";
-import { n as bt, t as Ft } from "./chunks/bubble-eaoLJP4N.js";
-import { n as kt, r as wt, t as Wt } from "./chunks/message-Dz2-numf.js";
+import { t as Ot } from "./chunks/bar-chart-By5gWQqP.js";
+import { t as Vt } from "./chunks/line-chart-CAe09fqr.js";
+import { i as ht, n as Gt, r as Ut, t as Mt } from "./chunks/log-list-tNuCFGlP.js";
+import { n as Ft, t as vt } from "./chunks/bubble-eaoLJP4N.js";
+import { n as wt, r as Wt, t as yt } from "./chunks/message-Dz2-numf.js";
 export {
-  Tt as AUTO_SAVE_DELAY_MS,
+  pt as AUTO_SAVE_DELAY_MS,
   n as BAR_RISE_PX,
-  _t as BASIC_PAGE_CALLOUT,
-  At as BASIC_PAGE_CARD,
-  it as BASIC_PAGE_ITEM,
-  tt as BASIC_PAGE_ITEM_PANEL,
-  nt as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  It as BASIC_PAGE_ROW,
+  nt as BASIC_PAGE_CALLOUT,
+  It as BASIC_PAGE_CARD,
+  St as BASIC_PAGE_ITEM,
+  rt as BASIC_PAGE_ITEM_PANEL,
+  mt as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  Tt as BASIC_PAGE_ROW,
   m as BLUR_PX,
-  Ft as BUBBLE_VARIANTS,
-  X as BUTTON_COLORS,
-  H as BUTTON_SHAPES,
-  x as BUTTON_SIZES,
-  W as BUTTON_VARIANTS,
-  Dt as BarChart,
-  rt as BasicPage,
-  bt as Bubble,
-  v as Button,
-  K as ButtonLink,
-  xs as CARD_SURFACE,
-  Bt as CHART_SLOTS,
-  $a as CODE_GRAMMARS,
-  Ja as CODE_TOKEN_CLASS,
-  St as CONDENSE_BAR_ENTER,
-  pt as CONDENSE_BAR_RISE_PX,
-  ot as CONDENSE_BAR_TRAVEL,
-  h as CONTROL_PRESS_SCALE,
-  V as CONTROL_PRESS_SPRING,
-  ms as COPY_BUTTON_SIZES,
-  M as COPY_FEEDBACK_MS,
-  vs as Calendar,
-  Ks as Card,
-  Lt as Chart,
-  ut as ChartBar,
-  Ct as ChartLegend,
-  ft as ChartLine,
-  lt as ChartSwatch,
-  ea as Chat,
-  ws as CloseButton,
-  os as CodeBlock,
-  ns as CopyButton,
-  Es as DatePicker,
-  at as DescriptionList,
-  Ys as Dialog,
+  vt as BUBBLE_VARIANTS,
+  Y as BUTTON_COLORS,
+  K as BUTTON_SHAPES,
+  z as BUTTON_SIZES,
+  y as BUTTON_VARIANTS,
+  Ot as BarChart,
+  ot as BasicPage,
+  Ft as Bubble,
+  k as Button,
+  x as ButtonLink,
+  zs as CARD_SURFACE,
+  ft as CHART_SLOTS,
+  as as CODE_GRAMMARS,
+  Qa as CODE_TOKEN_CLASS,
+  Et as CONDENSE_BAR_ENTER,
+  Rt as CONDENSE_BAR_RISE_PX,
+  et as CONDENSE_BAR_TRAVEL,
+  G as CONTROL_PRESS_SCALE,
+  g as CONTROL_PRESS_SPRING,
+  As as COPY_BUTTON_SIZES,
+  b as COPY_FEEDBACK_MS,
+  ks as Calendar,
+  xs as Card,
+  Pt as Chart,
+  Bt as ChartBar,
+  ut as ChartLegend,
+  Nt as ChartLine,
+  Ct as ChartSwatch,
+  ia as Chat,
+  Ws as CloseButton,
+  es as CodeBlock,
+  ms as CopyButton,
+  _s as DatePicker,
+  st as DescriptionList,
+  Zs as Dialog,
   A as EASE_POP,
   I as EASE_STACK,
-  z as EFFECT_BUTTON_SIZES,
-  k as EffectButton,
-  y as EffectButtonLink,
-  ra as Error,
-  $ as ErrorView,
+  X as EFFECT_BUTTON_SIZES,
+  w as EffectButton,
+  H as EffectButtonLink,
+  oa as Error,
+  aa as ErrorView,
   T as FADE_ENTRANCE,
   p as FADE_SWAP,
-  gs as FILTER_DATE_PRESETS,
-  _a as FULL_VIEW,
-  ds as FilterBar,
-  sa as GENERIC_ERROR_TITLE,
-  ka as GEN_AI_KINDS,
-  cs as Input,
-  ys as InputGroup,
-  es as LANGUAGE_ALIASES,
-  dt as LineChart,
+  hs as FILTER_DATE_PRESETS,
+  na as FULL_VIEW,
+  Vs as FilterBar,
+  ta as GENERIC_ERROR_TITLE,
+  wa as GEN_AI_KINDS,
+  Ds as Input,
+  Hs as InputGroup,
+  is as LANGUAGE_ALIASES,
+  Vt as LineChart,
   E as LinkProvider,
-  Ut as LogList,
-  xa as MIN_VIEW_WIDTH,
-  wt as Message,
+  Mt as LogList,
+  za as MIN_VIEW_WIDTH,
+  Wt as Message,
   R as PRESS_SCALE,
   l as PRESS_SCALE_ROW,
   C as RISE_PX,
-  Ns as SIDEBAR_HEADER_INSET,
-  Cs as SIDEBAR_ITEM,
-  Bs as SIDEBAR_ITEM_ACTIVE,
-  Rs as SIDEBAR_ITEM_INACTIVE,
-  Is as SIDEBAR_ROOT,
-  us as SIDEBAR_ROOT_BASE,
-  fs as SIDEBAR_ROOT_INSET,
-  Ts as SIDEBAR_SUBMENU_CHEVRON,
-  ls as SIDEBAR_SUBMENU_LIST_INDENT,
-  Ls as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
+  Ls as SIDEBAR_HEADER_INSET,
+  us as SIDEBAR_ITEM,
+  fs as SIDEBAR_ITEM_ACTIVE,
+  ls as SIDEBAR_ITEM_INACTIVE,
+  Ts as SIDEBAR_ROOT,
+  Bs as SIDEBAR_ROOT_BASE,
+  Ns as SIDEBAR_ROOT_INSET,
+  ps as SIDEBAR_SUBMENU_CHEVRON,
+  Cs as SIDEBAR_SUBMENU_LIST_INDENT,
+  Ps as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
   u as SPAN_SCALE,
   B as SPRING_ENTRANCE,
   f as SPRING_PRESS,
   N as SPRING_PRESS_INLINE,
   L as SPRING_PRESS_QUICK,
   P as SPRING_SETTLE,
-  qs as STATUS_VIEW,
-  Js as STATUS_VIEW_COPY,
-  Qs as STATUS_VIEW_SIZES,
-  ps as Sidebar,
-  ca as SpanPrimitive,
-  bs as Stat,
-  Ms as StatGroup,
-  js as StatusView,
+  $s as STATUS_VIEW,
+  Qs as STATUS_VIEW_COPY,
+  qs as STATUS_VIEW_SIZES,
+  Rs as Sidebar,
+  Da as SpanPrimitive,
+  Fs as Stat,
+  bs as StatGroup,
+  Js as StatusView,
   c as TRAVEL_LINEAR,
-  ya as Trace,
-  fa as allCollapsed,
-  ma as ancestorIds,
-  ba as attribute,
-  ga as attributeText,
-  ha as axisTicks,
-  Pa as barGeometry,
-  na as buildSpanTree,
-  Y as buttonVariants,
-  Q as capitalizeFirst,
-  Nt as chartColor,
-  la as clampView,
+  Ha as Trace,
+  Na as allCollapsed,
+  Aa as ancestorIds,
+  Fa as attribute,
+  ha as attributeText,
+  Ga as axisTicks,
+  ca as barGeometry,
+  ma as buildSpanTree,
+  Z as buttonVariants,
+  q as capitalizeFirst,
+  Lt as chartColor,
+  Ca as clampView,
   s as cn,
-  Ua as collapseAllIds,
-  Sa as collapseOneLevel,
-  Gs as createColumns,
-  Ga as deriveSpanTree,
-  j as describeError,
-  w as effectButtonVariants,
-  pa as expandOneLevel,
+  Ma as collapseAllIds,
+  Ea as collapseOneLevel,
+  Us as createColumns,
+  Ua as deriveSpanTree,
+  J as describeError,
+  W as effectButtonVariants,
+  Ra as expandOneLevel,
   D as fadeThroughBlur,
-  Ra as filterSpans,
-  Fa as footerTotals,
-  et as formToasts,
-  Ss as formatDateLabel,
-  va as formatDuration,
-  Vs as formatFilterValue,
-  Wa as formatTick,
-  Va as genAIKind,
-  ts as highlight,
-  qa as highlightSync,
-  aa as httpReasonPhrase,
-  ta as httpStatusExplanation,
-  Os as isFilterSet,
-  Ca as isFullView,
-  ja as isLanguageReady,
-  J as isProblem,
+  la as filterSpans,
+  va as footerTotals,
+  it as formToasts,
+  Es as formatDateLabel,
+  ka as formatDuration,
+  gs as formatFilterValue,
+  ya as formatTick,
+  ga as genAIKind,
+  rs as highlight,
+  $a as highlightSync,
+  sa as httpReasonPhrase,
+  ra as httpStatusExplanation,
+  ds as isFilterSet,
+  ua as isFullView,
+  Ja as isLanguageReady,
+  Q as isProblem,
   r as isReactComponent,
-  Da as labeledTicks,
-  Ma as layoutTickLabels,
-  ht as logStatusColor,
-  Gt as logStatusLabel,
-  Wt as messageStatusKey,
-  Ha as niceStep,
-  Oa as normalizeSpans,
-  Aa as panView,
-  q as parseProblem,
-  La as peerService,
-  ss as preloadLanguage,
-  Qa as resolveGrammar,
+  Oa as labeledTicks,
+  ba as layoutTickLabels,
+  Gt as logStatusColor,
+  Ut as logStatusLabel,
+  yt as messageStatusKey,
+  Ka as niceStep,
+  da as normalizeSpans,
+  Ia as panView,
+  $ as parseProblem,
+  Pa as peerService,
+  ts as preloadLanguage,
+  qa as resolveGrammar,
   e as resolveVariant,
-  O as riseIn,
-  kt as shouldShowMessageStatus,
-  Ka as spanDecorationIcon,
-  da as spanDuration,
-  Xa as spanPills,
-  Ia as spanTimelineBarVars,
-  as as tokenizeJson,
-  wa as traceBulletInset,
-  Ta as traceRange,
-  gt as truncateMiddle,
-  mt as useAutoSave,
-  Et as useCondense,
-  U as useCopy,
-  Xs as useDialogPending,
-  rs as useHighlight,
+  O as revealIn,
+  d as riseIn,
+  wt as shouldShowMessageStatus,
+  xa as spanDecorationIcon,
+  Va as spanDuration,
+  Ya as spanPills,
+  Ta as spanTimelineBarVars,
+  ss as tokenizeJson,
+  Wa as traceBulletInset,
+  pa as traceRange,
+  ht as truncateMiddle,
+  At as useAutoSave,
+  _t as useCondense,
+  M as useCopy,
+  Ys as useDialogPending,
+  os as useHighlight,
   S as useLinkComponent,
-  g as usePressPulse,
-  za as useSpan,
-  Ba as useSpanTree,
-  ua as viewFraction,
-  Ya as viewToRange,
-  Ea as visibleSpans,
-  Na as zoomView
+  h as usePressPulse,
+  Xa as useSpan,
+  fa as useSpanTree,
+  Ba as viewFraction,
+  Za as viewToRange,
+  _a as visibleSpans,
+  La as zoomView
 };

package/dist/motion.js

@@ -1,43 +1,43 @@
 "use client";
-var r = {
+var t = {
   type: "spring",
   stiffness: 400,
   damping: 40
-}, s = {
+}, e = {
   type: "spring",
   stiffness: 640,
   damping: 50
-}, n = {
+}, s = {
   type: "spring",
   stiffness: 200,
   damping: 30,
   mass: 0.1
-}, S = {
+}, p = {
   type: "spring",
   stiffness: 700,
   damping: 32,
   mass: 0.06
-}, p = {
+}, o = {
   type: "spring",
   stiffness: 1100,
   damping: 40,
   mass: 0.04
-}, t = {
+}, r = {
   duration: 0.25,
   ease: "easeOut"
-}, e = {
+}, n = {
   duration: 0.2,
   ease: "easeOut"
-}, E = {
+}, S = {
   duration: 0.2,
   ease: "linear"
-}, _ = "cubic-bezier(0.34, 1.3, 0.64, 1)", R = "cubic-bezier(0.22, 1, 0.36, 1)", f = 12, u = -8, P = 0.9, v = 0.96, o = 0.97, y = 1;
-function A(a) {
-  const i = a ? "blur(0px)" : "blur(1px)";
+}, E = "cubic-bezier(0.34, 1.3, 0.64, 1)", u = "cubic-bezier(0.22, 1, 0.36, 1)", _ = 12, g = -8, y = 0.9, R = 0.96, f = 0.97, c = 1;
+function v(i) {
+  const a = i ? "blur(0px)" : "blur(1px)";
   return {
     initial: {
       opacity: 0,
-      filter: i
+      filter: a
     },
     animate: {
       opacity: 1,
@@ -45,14 +45,38 @@ function A(a) {
     },
     exit: {
       opacity: 0,
-      filter: i
+      filter: a
     },
-    transition: a ? { duration: 0 } : e
+    transition: i ? { duration: 0 } : n
+  };
+}
+function P(i, a = "0px") {
+  return {
+    initial: {
+      height: 0,
+      opacity: 0,
+      marginTop: a
+    },
+    animate: {
+      height: "auto",
+      opacity: 1,
+      marginTop: 0
+    },
+    exit: {
+      height: 0,
+      opacity: 0,
+      marginTop: a
+    },
+    transition: i ? { duration: 0 } : {
+      height: t,
+      marginTop: t,
+      opacity: r
+    }
   };
 }
-function c(a) {
+function m(i) {
   return {
-    initial: a ? !1 : {
+    initial: i ? !1 : {
       opacity: 0,
       y: 12
     },
@@ -61,30 +85,31 @@ function c(a) {
       y: 0
     },
     transition: {
-      y: r,
-      opacity: t
+      y: t,
+      opacity: r
     }
   };
 }
 export {
-  u as BAR_RISE_PX,
-  y as BLUR_PX,
-  _ as EASE_POP,
-  R as EASE_STACK,
-  t as FADE_ENTRANCE,
-  e as FADE_SWAP,
-  v as PRESS_SCALE,
-  o as PRESS_SCALE_ROW,
-  f as RISE_PX,
-  P as SPAN_SCALE,
-  r as SPRING_ENTRANCE,
-  n as SPRING_PRESS,
-  p as SPRING_PRESS_INLINE,
-  S as SPRING_PRESS_QUICK,
-  s as SPRING_SETTLE,
-  E as TRAVEL_LINEAR,
-  A as fadeThroughBlur,
-  c as riseIn
+  g as BAR_RISE_PX,
+  c as BLUR_PX,
+  E as EASE_POP,
+  u as EASE_STACK,
+  r as FADE_ENTRANCE,
+  n as FADE_SWAP,
+  R as PRESS_SCALE,
+  f as PRESS_SCALE_ROW,
+  _ as RISE_PX,
+  y as SPAN_SCALE,
+  t as SPRING_ENTRANCE,
+  s as SPRING_PRESS,
+  o as SPRING_PRESS_INLINE,
+  p as SPRING_PRESS_QUICK,
+  e as SPRING_SETTLE,
+  S as TRAVEL_LINEAR,
+  v as fadeThroughBlur,
+  P as revealIn,
+  m as riseIn
 };
 
 //# sourceMappingURL=motion.js.map

package/dist/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","names":[],"sources":["../src/motion/index.ts"],"sourcesContent":["/**\n * The motion vocabulary — every animation in Pho speaks it. Five springs,\n * three timings, two CSS eases, and a handful of distances cover the\n * system; components import from here and add nothing of their own.\n *\n * The grammar:\n * - **Arrive** on `SPRING_ENTRANCE` with `FADE_ENTRANCE` — content\n *   surfaces, it doesn't slide in.\n * - **Swap** on `FADE_SWAP`, displacement on `TRAVEL_LINEAR` — crossfades\n *   ease out, travel is linear.\n * - **Press** on the press springs — deeper mass for bigger surfaces.\n * - **Follow** on `SPRING_SETTLE` — heights and reflows chase content.\n */\n\n/**\n * Pages arrive on this — the `Stack` entrance, `Reveal`, `Title` / `Header`\n * enter, the Title ↔ Back morph, `Alert` / `Footer` height reveals.\n * Measured off a 60fps iOS push: ~330ms, a long gentle glide, everything\n * co-landing; essentially critically damped (overshoot would flash\n * clipped content).\n */\nexport const SPRING_ENTRANCE = {\n  type: \"spring\",\n  stiffness: 400,\n  damping: 40,\n} as const;\n\n/**\n * Layout follows content on this — `AnimatedHeight`, a command palette's\n * rows gliding into new places. Stiffer than the entrance: reflow should\n * settle before it reads as motion.\n */\nexport const SPRING_SETTLE = {\n  type: \"spring\",\n  stiffness: 640,\n  damping: 50,\n} as const;\n\n/**\n * The press pulse for full-size surfaces — `Button`, a sidebar row.\n * Framer source: `spring-physics 200 30 0.1`.\n */\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 200,\n  damping: 30,\n  mass: 0.1,\n} as const;\n\n/** The press pulse for small controls — toggles, checks; quick and light. */\nexport const SPRING_PRESS_QUICK = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** The press pulse for inline triggers — a `Select` sitting in text. */\nexport const SPRING_PRESS_INLINE = {\n  type: \"spring\",\n  stiffness: 1100,\n  damping: 40,\n  mass: 0.04,\n} as const;\n\n/** The fade that rides `SPRING_ENTRANCE` — spans most of the glide. */\nexport const FADE_ENTRANCE = { duration: 0.25, ease: \"easeOut\" } as const;\n\n/**\n * The swap — crossfading faces, a condensed bar arriving, a saved word,\n * an aside changing pages. Fades ease out.\n */\nexport const FADE_SWAP = { duration: 0.2, ease: \"easeOut\" } as const;\n\n/**\n * Displacement — a bar's rise, a drawer's scope swap. Travel is linear:\n * the eye reads speed changes as personality, and furniture has none.\n * (A search box's width is a reflow, not travel: it rides the page\n * spring, as a menu opens.)\n */\nexport const TRAVEL_LINEAR = { duration: 0.2, ease: \"linear\" } as const;\n\n/** CSS pop-in for floating layers (menus, select popups) — slight overshoot. */\nexport const EASE_POP = \"cubic-bezier(0.34, 1.3, 0.64, 1)\";\n\n/** CSS stack glide — toasts trading places (Kumo's curve). */\nexport const EASE_STACK = \"cubic-bezier(0.22, 1, 0.36, 1)\";\n\n/** Rise distance for entrances — content surfaces from just below. */\nexport const RISE_PX = 12;\n\n/** Rise distance for the condensed bar — it comes from nearer still. */\nexport const BAR_RISE_PX = -8;\n\n/**\n * How far a view that widens starts inside its frame, and one that\n * narrows starts outside it — a chart's range switch. A tenth: enough to\n * read as the picture opening or closing, never as a zoom.\n */\nexport const SPAN_SCALE = 0.9;\n\n/** Press depth for small controls. */\nexport const PRESS_SCALE = 0.96;\n\n/** Press depth for rows and full-size surfaces — shallower. */\nexport const PRESS_SCALE_ROW = 0.97;\n\n/** The blur budget — one breath of blur, everywhere it is used. */\nexport const BLUR_PX = 1;\n\n/**\n * The crossfade recipe — fade with a breath of blur, both ways. Spread\n * onto a motion element inside `AnimatePresence`:\n *\n *     <motion.div {...fadeThroughBlur(reduceMotion)} />\n *\n * Under reduced motion the swap is instant and never blurs.\n */\nexport function fadeThroughBlur(reduceMotion?: boolean | null) {\n  const away = reduceMotion ? \"blur(0px)\" : `blur(${BLUR_PX}px)`;\n  return {\n    initial: { opacity: 0, filter: away },\n    animate: { opacity: 1, filter: \"blur(0px)\" },\n    exit: { opacity: 0, filter: away },\n    transition: reduceMotion ? ({ duration: 0 } as const) : FADE_SWAP,\n  } as const;\n}\n\n/**\n * The entrance recipe — rise `RISE_PX` on `SPRING_ENTRANCE` while\n * `FADE_ENTRANCE` brings the ink. What `Stack` and `Reveal` do; spread it\n * onto a motion element for content that should arrive the same way.\n */\nexport function riseIn(reduceMotion?: boolean | null) {\n  return {\n    initial: reduceMotion ? false : ({ opacity: 0, y: RISE_PX } as const),\n    animate: { opacity: 1, y: 0 } as const,\n    transition: { y: SPRING_ENTRANCE, opacity: FADE_ENTRANCE } as const,\n  } as const;\n}\n"],"mappings":";AAqBA,IAAa,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAOa,IAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAMa,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAM,MAAM;AAAU,GAMlD,IAAY;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAU,GAQ7C,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAS,GAGhD,IAAW,oCAGX,IAAa,kCAGb,IAAU,IAGV,IAAc,IAOd,IAAa,KAGb,IAAc,MAGd,IAAkB,MAGlB,IAAU;AAUvB,SAAgB,EAAgB,GAA+B;AAC7D,QAAM,IAAO,IAAe,cAAc;AAC1C,SAAO;AAAA,IACL,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACpC,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAY;AAAA,IAC3C,MAAM;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACjC,YAAY,IAAgB,EAAE,UAAU,EAAE,IAAc;AAAA,EAC1D;AACF;AAOA,SAAgB,EAAO,GAA+B;AACpD,SAAO;AAAA,IACL,SAAS,IAAe,KAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAA;AAAA,IAAW;AAAA,IAC1D,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAG;AAAA,IAAE;AAAA,IAC5B,YAAY;AAAA,MAAE,GAAG;AAAA,MAAiB,SAAS;AAAA,IAAc;AAAA,EAC3D;AACF"}
+{"version":3,"file":"motion.js","names":[],"sources":["../src/motion/index.ts"],"sourcesContent":["/**\n * The motion vocabulary — every animation in Pho speaks it. Five springs,\n * three timings, two CSS eases, and a handful of distances cover the\n * system; components import from here and add nothing of their own.\n *\n * The grammar:\n * - **Arrive** on `SPRING_ENTRANCE` with `FADE_ENTRANCE` — content\n *   surfaces, it doesn't slide in.\n * - **Swap** on `FADE_SWAP`, displacement on `TRAVEL_LINEAR` — crossfades\n *   ease out, travel is linear.\n * - **Press** on the press springs — deeper mass for bigger surfaces.\n * - **Follow** on `SPRING_SETTLE` — heights and reflows chase content.\n */\n\n/**\n * Pages arrive on this — the `Stack` entrance, `Reveal`, `Title` / `Header`\n * enter, the Title ↔ Back morph, `Alert` / `Footer` height reveals.\n * Measured off a 60fps iOS push: ~330ms, a long gentle glide, everything\n * co-landing; essentially critically damped (overshoot would flash\n * clipped content).\n */\nexport const SPRING_ENTRANCE = {\n  type: \"spring\",\n  stiffness: 400,\n  damping: 40,\n} as const;\n\n/**\n * Layout follows content on this — `AnimatedHeight`, a command palette's\n * rows gliding into new places. Stiffer than the entrance: reflow should\n * settle before it reads as motion.\n */\nexport const SPRING_SETTLE = {\n  type: \"spring\",\n  stiffness: 640,\n  damping: 50,\n} as const;\n\n/**\n * The press pulse for full-size surfaces — `Button`, a sidebar row.\n * Framer source: `spring-physics 200 30 0.1`.\n */\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 200,\n  damping: 30,\n  mass: 0.1,\n} as const;\n\n/** The press pulse for small controls — toggles, checks; quick and light. */\nexport const SPRING_PRESS_QUICK = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** The press pulse for inline triggers — a `Select` sitting in text. */\nexport const SPRING_PRESS_INLINE = {\n  type: \"spring\",\n  stiffness: 1100,\n  damping: 40,\n  mass: 0.04,\n} as const;\n\n/** The fade that rides `SPRING_ENTRANCE` — spans most of the glide. */\nexport const FADE_ENTRANCE = { duration: 0.25, ease: \"easeOut\" } as const;\n\n/**\n * The swap — crossfading faces, a condensed bar arriving, a saved word,\n * an aside changing pages. Fades ease out.\n */\nexport const FADE_SWAP = { duration: 0.2, ease: \"easeOut\" } as const;\n\n/**\n * Displacement — a bar's rise, a drawer's scope swap. Travel is linear:\n * the eye reads speed changes as personality, and furniture has none.\n * (A search box's width is a reflow, not travel: it rides the page\n * spring, as a menu opens.)\n */\nexport const TRAVEL_LINEAR = { duration: 0.2, ease: \"linear\" } as const;\n\n/** CSS pop-in for floating layers (menus, select popups) — slight overshoot. */\nexport const EASE_POP = \"cubic-bezier(0.34, 1.3, 0.64, 1)\";\n\n/** CSS stack glide — toasts trading places (Kumo's curve). */\nexport const EASE_STACK = \"cubic-bezier(0.22, 1, 0.36, 1)\";\n\n/** Rise distance for entrances — content surfaces from just below. */\nexport const RISE_PX = 12;\n\n/** Rise distance for the condensed bar — it comes from nearer still. */\nexport const BAR_RISE_PX = -8;\n\n/**\n * How far a view that widens starts inside its frame, and one that\n * narrows starts outside it — a chart's range switch. A tenth: enough to\n * read as the picture opening or closing, never as a zoom.\n */\nexport const SPAN_SCALE = 0.9;\n\n/** Press depth for small controls. */\nexport const PRESS_SCALE = 0.96;\n\n/** Press depth for rows and full-size surfaces — shallower. */\nexport const PRESS_SCALE_ROW = 0.97;\n\n/** The blur budget — one breath of blur, everywhere it is used. */\nexport const BLUR_PX = 1;\n\n/**\n * The crossfade recipe — fade with a breath of blur, both ways. Spread\n * onto a motion element inside `AnimatePresence`:\n *\n *     <motion.div {...fadeThroughBlur(reduceMotion)} />\n *\n * Under reduced motion the swap is instant and never blurs.\n */\nexport function fadeThroughBlur(reduceMotion?: boolean | null) {\n  const away = reduceMotion ? \"blur(0px)\" : `blur(${BLUR_PX}px)`;\n  return {\n    initial: { opacity: 0, filter: away },\n    animate: { opacity: 1, filter: \"blur(0px)\" },\n    exit: { opacity: 0, filter: away },\n    transition: reduceMotion ? ({ duration: 0 } as const) : FADE_SWAP,\n  } as const;\n}\n\n/**\n * The presence recipe — `BasicPage.Reveal`'s: a block opens from no height\n * on `SPRING_ENTRANCE` while `FADE_ENTRANCE` brings the ink, and closes the\n * same way. Spread onto a keyed motion element inside `AnimatePresence`,\n * clipped while it moves so what hasn't opened stays out of sight:\n *\n *     <motion.div {...revealIn(reduceMotion)} />\n *\n * `collapseGap` is a flex gap the block trades against its height (a\n * negative margin as it closes), so neighbours glide to where they end up\n * instead of snapping by the gap when it unmounts. Under reduced motion the\n * block snaps.\n */\nexport function revealIn(reduceMotion?: boolean | null, collapseGap = \"0px\") {\n  return {\n    initial: { height: 0, opacity: 0, marginTop: collapseGap },\n    animate: { height: \"auto\", opacity: 1, marginTop: 0 },\n    exit: { height: 0, opacity: 0, marginTop: collapseGap },\n    transition: reduceMotion\n      ? ({ duration: 0 } as const)\n      : ({\n          height: SPRING_ENTRANCE,\n          marginTop: SPRING_ENTRANCE,\n          opacity: FADE_ENTRANCE,\n        } as const),\n  } as const;\n}\n\n/**\n * The entrance recipe — rise `RISE_PX` on `SPRING_ENTRANCE` while\n * `FADE_ENTRANCE` brings the ink. What `Stack` and `Reveal` do; spread it\n * onto a motion element for content that should arrive the same way.\n */\nexport function riseIn(reduceMotion?: boolean | null) {\n  return {\n    initial: reduceMotion ? false : ({ opacity: 0, y: RISE_PX } as const),\n    animate: { opacity: 1, y: 0 } as const,\n    transition: { y: SPRING_ENTRANCE, opacity: FADE_ENTRANCE } as const,\n  } as const;\n}\n"],"mappings":";AAqBA,IAAa,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAOa,IAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAMa,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAM,MAAM;AAAU,GAMlD,IAAY;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAU,GAQ7C,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAS,GAGhD,IAAW,oCAGX,IAAa,kCAGb,IAAU,IAGV,IAAc,IAOd,IAAa,KAGb,IAAc,MAGd,IAAkB,MAGlB,IAAU;AAUvB,SAAgB,EAAgB,GAA+B;AAC7D,QAAM,IAAO,IAAe,cAAc;AAC1C,SAAO;AAAA,IACL,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACpC,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAY;AAAA,IAC3C,MAAM;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACjC,YAAY,IAAgB,EAAE,UAAU,EAAE,IAAc;AAAA,EAC1D;AACF;AAeA,SAAgB,EAAS,GAA+B,IAAc,OAAO;AAC3E,SAAO;AAAA,IACL,SAAS;AAAA,MAAE,QAAQ;AAAA,MAAG,SAAS;AAAA,MAAG,WAAW;AAAA,IAAY;AAAA,IACzD,SAAS;AAAA,MAAE,QAAQ;AAAA,MAAQ,SAAS;AAAA,MAAG,WAAW;AAAA,IAAE;AAAA,IACpD,MAAM;AAAA,MAAE,QAAQ;AAAA,MAAG,SAAS;AAAA,MAAG,WAAW;AAAA,IAAY;AAAA,IACtD,YAAY,IACP,EAAE,UAAU,EAAE,IACd;AAAA,MACC,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACN;AACF;AAOA,SAAgB,EAAO,GAA+B;AACpD,SAAO;AAAA,IACL,SAAS,IAAe,KAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAA;AAAA,IAAW;AAAA,IAC1D,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAG;AAAA,IAAE;AAAA,IAC5B,YAAY;AAAA,MAAE,GAAG;AAAA,MAAiB,SAAS;AAAA,IAAc;AAAA,EAC3D;AACF"}

package/dist/sections/basic-page.js

@@ -1,6 +1,6 @@
 "use client";
-import { i as s } from "../chunks/data-table-B1dmrN6r.js";
-import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-B5FsORRi.js";
+import { i as s } from "../chunks/data-table-hzZb7Otx.js";
+import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-6dDfY33L.js";
 export {
   D as AUTO_SAVE_DELAY_MS,
   B as BASIC_PAGE_CALLOUT,

package/dist/src/components/chat/chat.d.ts

@@ -54,7 +54,7 @@ export declare function paneSwapMotion(direction: ChatPaneDirection, reduceMotio
     transition: {
         duration: number;
         x?: undefined;
-        opacity?: undefined;
+        readonly opacity?: undefined;
         filter?: undefined;
     };
 } | {
@@ -86,7 +86,7 @@ export declare function paneSwapMotion(direction: ChatPaneDirection, reduceMotio
             readonly duration: 0.2;
             readonly ease: "easeOut";
         };
-        duration?: undefined;
+        readonly duration?: undefined;
     };
 };
 /**
@@ -119,8 +119,11 @@ declare function Root({ layout, pane: paneProp, defaultPane, onPaneChange, class
 declare function List({ className, children, id: idProp, ...props }: ComponentProps<"aside">): import("react").JSX.Element;
 export interface ChatSearchProps extends Omit<InputProps, "size" | "icon" | "label" | "hint" | "labelTrailing"> {
 }
-/** The search row pinned over the conversations — an `sm` `Input`. */
-declare function Search({ className, placeholder, ...props }: ChatSearchProps): import("react").JSX.Element;
+/**
+ * The search row pinned over the conversations — an `sm` `Input` with a
+ * search's quiet focus: no ring, the magnifier takes the ink.
+ */
+declare function Search({ className, wrapperClassName, placeholder, ...props }: ChatSearchProps): import("react").JSX.Element;
 /**
  * The scrolling part of the list. Put a `ConversationList` in it — or a
  * `ConversationsLoading`, an `Empty` — and anything that belongs after

package/dist/src/components/dialog/dialog.d.ts

@@ -70,6 +70,14 @@ interface ContentProps extends Omit<StyledProps<typeof BaseDialog.Popup>, "title
      * set, the header close button is never shown — dismiss via the actions.
      */
     actions?: ReactNode;
+    /**
+     * A quiet footnote at the panel's foot — the limit, cost or policy that
+     * frames the decision without being it ("You may change these up to five
+     * times a week."). Description ink at `text-xs`, at the action row's
+     * start with the actions at its end; when the row runs short of room it
+     * takes a line of its own above them. One short sentence.
+     */
+    caption?: ReactNode;
     /**
      * Header close control. Only applies when `actions` is absent.
      * @default true
@@ -83,7 +91,7 @@ interface ContentProps extends Omit<StyledProps<typeof BaseDialog.Popup>, "title
  * full control, compose the parts directly (`Dialog.Portal` /
  * `Dialog.Backdrop` / `Dialog.Popup`).
  */
-declare function Content({ icon, title, description, consequences, warning, actions, showClose, children, className, ...props }: ContentProps): import("react").JSX.Element;
+declare function Content({ icon, title, description, consequences, warning, actions, caption, showClose, children, className, ...props }: ContentProps): import("react").JSX.Element;
 /**
  * Near-fullscreen popup — the viewport minus a breathing ring, floating over
  * a backdrop (the page stays visible through the gap, so it dims like any