@photon-ai/pho-ui 4.7.1 → 4.9.0

package/dist/index.js

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

package/dist/motion.js

@@ -12,12 +12,12 @@ var r = {
   stiffness: 200,
   damping: 30,
   mass: 0.1
-}, p = {
+}, S = {
   type: "spring",
   stiffness: 700,
   damping: 32,
   mass: 0.06
-}, E = {
+}, p = {
   type: "spring",
   stiffness: 1100,
   damping: 40,
@@ -28,11 +28,11 @@ var r = {
 }, e = {
   duration: 0.2,
   ease: "easeOut"
-}, S = {
+}, E = {
   duration: 0.2,
   ease: "linear"
-}, R = "cubic-bezier(0.34, 1.3, 0.64, 1)", _ = "cubic-bezier(0.22, 1, 0.36, 1)", f = 12, u = -8, P = 0.96, o = 0.97, v = 1;
-function y(a) {
+}, _ = "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)";
   return {
     initial: {
@@ -68,21 +68,22 @@ function c(a) {
 }
 export {
   u as BAR_RISE_PX,
-  v as BLUR_PX,
-  R as EASE_POP,
-  _ as EASE_STACK,
+  y as BLUR_PX,
+  _ as EASE_POP,
+  R as EASE_STACK,
   t as FADE_ENTRANCE,
   e as FADE_SWAP,
-  P as PRESS_SCALE,
+  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,
-  E as SPRING_PRESS_INLINE,
-  p as SPRING_PRESS_QUICK,
+  p as SPRING_PRESS_INLINE,
+  S as SPRING_PRESS_QUICK,
   s as SPRING_SETTLE,
-  S as TRAVEL_LINEAR,
-  y as fadeThroughBlur,
+  E as TRAVEL_LINEAR,
+  A as fadeThroughBlur,
   c as riseIn
 };
 

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/** 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,IAGd,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 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"}

package/dist/primitives.js

@@ -51,9 +51,9 @@ export * from "@base-ui/react/form";
 export * from "@base-ui/react/menu";
 export * from "@base-ui/react/checkbox";
 export * from "@base-ui/react/checkbox-group";
+export * from "@base-ui/react/toggle";
 export * from "@base-ui/react/tooltip";
 export * from "@base-ui/react/toast";
-export * from "@base-ui/react/toggle";
 export * from "@base-ui/react/accordion";
 export * from "@base-ui/react/alert-dialog";
 export * from "@base-ui/react/autocomplete";

package/dist/sections/basic-page.js

@@ -1,6 +1,6 @@
 "use client";
-import { a as s } from "../chunks/data-table-Mog6m3d9.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-BUmntB7L.js";
+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-DzT8yecB.js";
 export {
   D as AUTO_SAVE_DELAY_MS,
   B as BASIC_PAGE_CALLOUT,

package/dist/src/components/bar-chart/bar-chart.d.ts

@@ -1,9 +1,17 @@
 import { ChartBaseProps, ChartDatum } from '../chart/types';
+/**
+ * BarChart — buckets over time as columns: messages a day, requests an
+ * hour, deliveries. One series, several side by side, or `stacked` for
+ * parts of a whole (inbound / outbound, successful / failed).
+ *
+ * A preset on `Chart`: the `series` array becomes one `Chart.Bar` per
+ * entry, in order. The marks, axes, tooltip and legend are the root's.
+ */
 export interface BarChartProps<T extends ChartDatum> extends ChartBaseProps<T> {
     /** Stack the series in one column per bucket, first series at the bottom. */
     stacked?: boolean;
 }
-export declare function BarChart<T extends ChartDatum>({ data, series, label, description, height, width: fixedWidth, valueFormat, timeFormat, locale, legend, baseline, stacked, breakdownTitle, loading, empty, className, ...props }: BarChartProps<T>): import("react").JSX.Element;
+export declare function BarChart<T extends ChartDatum>({ series, ...props }: BarChartProps<T>): import("react").JSX.Element;
 export declare namespace BarChart {
     var displayName: string;
 }

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

@@ -0,0 +1,25 @@
+import { ChartBarProps, ChartDatum, ChartLineProps, ChartProps } from './types';
+/**
+ * `Chart.Bar` — one bar series. Renders nothing itself: the root reads
+ * its props and draws the columns among the other parts.
+ */
+export declare function ChartBar(_props: ChartBarProps): null;
+export declare namespace ChartBar {
+    var displayName: string;
+    var chartPart: "bar";
+}
+/**
+ * `Chart.Line` — one line series. Renders nothing itself: the root reads
+ * its props and draws the line among the other parts.
+ */
+export declare function ChartLine(_props: ChartLineProps): null;
+export declare namespace ChartLine {
+    var displayName: string;
+    var chartPart: "line";
+}
+export declare function Chart<T extends ChartDatum>({ data, children, label, description, height, width: fixedWidth, valueFormat, timeFormat, locale, legend, baseline, stacked, breakdownTitle, loading, empty, className, ...props }: ChartProps<T>): import("react").JSX.Element;
+export declare namespace Chart {
+    var displayName: string;
+    var Bar: typeof ChartBar;
+    var Line: typeof ChartLine;
+}

package/dist/src/components/chart/format.d.ts

@@ -1,4 +1,4 @@
-import { ChartDatum, ChartSeries } from './types';
+import { ChartDatum } from './types';
 /**
  * The default number format: grouped digits for a value someone reads
  * ("12,001"), compact for an axis tick ("12K") where room is short.
@@ -8,11 +8,15 @@ export declare function numberFormatter(locale: string | undefined, compact?: bo
 export declare function readValue(datum: object, key: string): number | null;
 /** "Inbound and outbound", "p50, p90 and p99". */
 export declare function joinNames(names: ReadonlyArray<string>): string;
-interface DescribeOptions<T extends ChartDatum> {
-    data: ReadonlyArray<T>;
-    series: ReadonlyArray<ChartSeries<T>>;
+export interface DescribedSeries {
+    key: string;
+    label: string;
     /** Bars sum to a total; lines run between a low and a high. */
     kind: "bar" | "line";
+}
+interface DescribeOptions<T extends ChartDatum> {
+    data: ReadonlyArray<T>;
+    series: ReadonlyArray<DescribedSeries>;
     valueFormat: (value: number) => string;
     timeFormat: (date: Date) => string;
 }
@@ -21,5 +25,5 @@ interface DescribeOptions<T extends ChartDatum> {
  * what range, and for each one the total (bars) or the low and high
  * (lines), plus where it peaked.
  */
-export declare function describeChart<T extends ChartDatum>({ data, series, kind, valueFormat, timeFormat, }: DescribeOptions<T>): string;
+export declare function describeChart<T extends ChartDatum>({ data, series, valueFormat, timeFormat, }: DescribeOptions<T>): string;
 export {};

package/dist/src/components/chart/index.d.ts

@@ -1,8 +1,11 @@
 /**
- * Chart foundation — what `BarChart` and `LineChart` share and a page may
- * want on its own: the data contract, the series colour resolver, and the
- * legend. Axes, scales, the shell and the tooltip stay internal.
+ * Chart — the composable root on @visx/xychart: the frame, the scales,
+ * the axes, the tooltip and the legend, drawn around `Chart.Bar` and
+ * `Chart.Line` parts. `BarChart` and `LineChart` are presets on it. The
+ * series colour resolver and the legend are here too for a page that
+ * wants a swatch of its own.
  */
-export type { ChartBaseProps, ChartBreakdownItem, ChartColor, ChartDatum, ChartSeries, ChartValueKey, } from './types';
+export { Chart, ChartBar, ChartLine } from './chart';
+export type { ChartBarProps, ChartBaseProps, ChartBreakdownItem, ChartColor, ChartCurve, ChartDatum, ChartLineProps, ChartProps, ChartSeries, ChartValueKey, } from './types';
 export { chartColor, CHART_SLOTS } from './color';
 export { ChartLegend, ChartSwatch, type ChartLegendItem, type ChartLegendProps, type ChartSwatchKind, type ChartSwatchProps, } from './legend';

package/dist/src/components/chart/scale.d.ts

@@ -1,10 +1,9 @@
 /** Epoch milliseconds for a datum's `x`. */
 export declare function toTime(x: Date | number): number;
-/** A linear map from `domain` to `range`; a flat domain maps to its start. */
-export declare function linearScale(domain: readonly [number, number], range: readonly [number, number]): (value: number) => number;
 /**
  * A y domain on round numbers with three to five ticks, the last tick on
  * or above the data's high end so the top of the plot is labelled.
+ * `count` is the tick count that produced them, for a scale's `.ticks()`.
  *
  * When `integer` is set — or when both ends are whole numbers — the step
  * stays ≥ 1 so a count axis never labels 0.5 / 1.5.
@@ -14,6 +13,7 @@ export declare function niceLinearDomain(min: number, max: number, options?: {
 }): {
     domain: [number, number];
     ticks: number[];
+    count: number;
 };
 /** The gap between buckets, in ms — the median step, so one hole doesn't skew it. */
 export declare function bucketSpan(times: ReadonlyArray<number>): number;