@photon-ai/pho-ui 2.17.0 → 4.0.0

package/dist/components/trace.js

@@ -1,44 +1,45 @@
 "use client";
-import { A as s, B as e, C as i, D as n, E as r, F as l, I as t, L as o, M as p, N as c, O as T, P as I, R as S, S as m, T as u, _ as d, a as v, b, c as w, d as V, f, g as D, h as _, i as x, j as L, k as g, l as k, m as A, n as E, o as F, p as N, r as z, s as B, t as O, u as P, v as R, w as W, x as y, y as C, z as G } from "../chunks/trace-Ba1RMBfk.js";
+import { A as s, B as e, C as i, D as n, E as l, F as r, I as t, L as o, M as p, N as c, O as T, P as u, R as I, S, T as m, V as d, _ as v, a as b, b as V, c as w, d as f, f as D, g as L, h as _, i as k, j as x, k as g, l as A, m as E, n as F, o as N, p as y, r as z, s as B, t as O, u as P, v as R, w as W, x as C, y as G, z as K } from "../chunks/trace-Hku-rImp.js";
 export {
-  m as FULL_VIEW,
-  f as GEN_AI_KINDS,
-  i as MIN_VIEW_WIDTH,
-  C as SpanPrimitive,
+  i as FULL_VIEW,
+  y as GEN_AI_KINDS,
+  W as MIN_VIEW_WIDTH,
+  V as SpanPrimitive,
   O as Trace,
-  W as allCollapsed,
-  u as ancestorIds,
-  N as attribute,
-  A as attributeText,
-  x as axisTicks,
-  v as barGeometry,
-  r as buildSpanTree,
-  n as clampView,
-  T as collapseAllIds,
-  g as collapseOneLevel,
-  s as deriveSpanTree,
-  L as expandOneLevel,
-  p as filterSpans,
-  E as footerTotals,
-  F as formatDuration,
+  m as allCollapsed,
+  l as ancestorIds,
+  E as attribute,
+  _ as attributeText,
+  k as axisTicks,
+  b as barGeometry,
+  n as buildSpanTree,
+  T as clampView,
+  g as collapseAllIds,
+  s as collapseOneLevel,
+  x as deriveSpanTree,
+  p as expandOneLevel,
+  c as filterSpans,
+  F as footerTotals,
+  N as formatDuration,
   B as formatTick,
-  _ as genAIKind,
-  c as isFullView,
+  L as genAIKind,
+  u as isFullView,
   w as labeledTicks,
-  k as niceStep,
-  P as normalizeSpans,
-  I as panView,
-  D as peerService,
-  d as spanDecorationIcon,
-  V as spanDuration,
-  R as spanPills,
-  l as spanTimelineBarVars,
+  A as layoutTickLabels,
+  P as niceStep,
+  f as normalizeSpans,
+  r as panView,
+  v as peerService,
+  R as spanDecorationIcon,
+  D as spanDuration,
+  G as spanPills,
+  t as spanTimelineBarVars,
   z as traceBulletInset,
-  t as traceRange,
-  b as useSpan,
-  y as useSpanTree,
-  o as viewFraction,
-  S as viewToRange,
-  G as visibleSpans,
-  e as zoomView
+  o as traceRange,
+  C as useSpan,
+  S as useSpanTree,
+  I as viewFraction,
+  K as viewToRange,
+  e as visibleSpans,
+  d as zoomView
 };

package/dist/index.js

@@ -2,184 +2,183 @@
 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 i, t as S } from "./chunks/link-provider-DXzDQ08N.js";
-import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as T, EASE_STACK as I, FADE_ENTRANCE as A, FADE_SWAP as R, PRESS_SCALE as p, PRESS_SCALE_ROW as l, RISE_PX as C, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as N, SPRING_PRESS_QUICK as u, SPRING_SETTLE as P, TRAVEL_LINEAR as D, fadeThroughBlur as L, riseIn as c } from "./motion.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 N, SPRING_PRESS_QUICK as P, SPRING_SETTLE as u, 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 g, t as M } from "./chunks/use-copy-D6JwKUll.js";
+import { n as b, t as F } from "./chunks/use-copy-D6JwKUll.js";
 import "./utils.js";
-import { a as h, c as v, d as k, i as w, l as W, n as x, o as H, r as z, s as K, t as X, u as y } from "./chunks/button-CdqS_t5a.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-D0yoFxCv.js";
-import { A as oa, B as ea, C as Ea, D as ia, E as Sa, F as _a, I as na, L as ma, M as Ta, N as Ia, O as Aa, P as Ra, R as pa, S as la, T as Ca, _ as Ba, a as fa, b as Na, c as ua, d as Pa, f as Da, g as La, h as ca, i as Oa, j as Va, k as da, l as Ua, m as Ga, n as ga, o as Ma, p as Fa, r as ba, s as ha, t as va, u as ka, v as wa, w as Wa, x as xa, y as Ha, z as za } from "./chunks/trace-Ba1RMBfk.js";
-import { n as Xa, t as ya } from "./chunks/copy-button-B_B15mEi.js";
-import { a as Za, c as ja, d as Ja, i as Qa, l as qa, n as $a, o as as, r as ss, s as ts, t as rs, u as os } from "./chunks/sidebar-DRPe5CAh.js";
-import { t as Es } from "./chunks/input-DjvZoF8v.js";
-import { i as Ss, n as _s, r as ns, t as ms } from "./chunks/filter-bar-BsvdXwzc.js";
-import { a as Is } from "./chunks/data-table-DcwCgXJU.js";
-import { n as Rs, t as ps } from "./chunks/code-block-BuDIo8Q0.js";
-import { n as Cs, t as Bs } from "./chunks/stat-hnNqjWVG.js";
-import { t as Ns } from "./chunks/close-button-GvqWbLl0.js";
-import { a as Ps, i as Ds, n as Ls, o as cs, r as Os, t as Vs } from "./chunks/date-range-picker-DwFDUNRL.js";
-import { t as Us } from "./chunks/input-group-fc9_jD4d.js";
-import { n as gs, t as Ms } from "./chunks/card-DhDwtSi9.js";
-import { n as bs, t as hs } from "./chunks/dialog-BwfUFn6B.js";
-import { i as ks, n as ws, r as Ws, t as xs } from "./chunks/status-view-C8tabjDu.js";
-import { a as zs, c as Ks, d as Xs, f as ys, i as Ys, l as Zs, m as js, n as Js, o as Qs, p as qs, r as $s, s as at, t as st, u as tt } from "./chunks/basic-page-CogcwGx3.js";
-import { i as ot, n as et, r as Et, t as it } from "./chunks/legend-C0mU7dqd.js";
+import { a as h, c as k, d as v, i as w, l as W, n as x, o as H, r as y, s as z, t as K, u as X } from "./chunks/button-CdqS_t5a.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-BAQgnde7.js";
+import { A as oa, B as ea, C as ia, D as Ea, E as Sa, F as _a, I as na, L as ma, M as Ia, N as Ta, O as pa, P as Aa, R as Ra, S as la, T as Ca, V as Ba, _ as fa, a as Na, b as Pa, c as ua, d as La, f as ca, g as Da, h as Oa, i as Va, j as da, k as Ua, l as Ga, m as ba, n as Fa, o as Ma, p as ga, r as ha, s as ka, t as va, u as wa, v as Wa, w as xa, x as Ha, y as ya, z as za } from "./chunks/trace-Hku-rImp.js";
+import { n as Xa, t as Ya } from "./chunks/date-picker-DnQuw-B1.js";
+import { n as ja, t as Ja } from "./chunks/copy-button-B_B15mEi.js";
+import { a as qa, c as $a, d as as, i as ss, l as ts, n as rs, o as os, r as es, s as is, t as Es, u as Ss } from "./chunks/sidebar-DRPe5CAh.js";
+import { t as ns } from "./chunks/input-DjvZoF8v.js";
+import { i as Is, n as Ts, r as ps, t as As } from "./chunks/filter-bar-D9lBBr4z.js";
+import { a as ls } from "./chunks/data-table-BeUwsjmX.js";
+import { n as Bs, t as fs } from "./chunks/code-block-BuDIo8Q0.js";
+import { n as Ps, t as us } from "./chunks/stat-hnNqjWVG.js";
+import { t as cs } from "./chunks/calendar-4OFiCLAv.js";
+import { t as Os } from "./chunks/close-button-GvqWbLl0.js";
+import { t as ds } from "./chunks/input-group-fc9_jD4d.js";
+import { n as Gs, t as bs } from "./chunks/card-DhDwtSi9.js";
+import { n as Ms, t as gs } from "./chunks/dialog-BwfUFn6B.js";
+import { i as ks, n as vs, r as ws, t as Ws } from "./chunks/status-view-C8tabjDu.js";
+import { a as Hs, c as ys, d as zs, f as Ks, i as Xs, l as Ys, m as Zs, n as js, o as Js, p as Qs, r as qs, s as $s, t as at, u as st } from "./chunks/basic-page-DlLTmGnH.js";
+import { i as rt, n as ot, r as et, t as it } from "./chunks/legend-C0mU7dqd.js";
 import "./components/chart.js";
-import { t as nt } from "./chunks/bar-chart-DIALC2_z.js";
-import { t as Tt } from "./chunks/line-chart-VuMYKzW3.js";
-import { i as At, n as Rt, r as pt, t as lt } from "./chunks/log-list-BERiO4UJ.js";
-import { t as Bt } from "./chunks/description-list-C-mwe4ki.js";
+import { t as _t } from "./chunks/bar-chart-DIALC2_z.js";
+import { t as mt } from "./chunks/line-chart-VuMYKzW3.js";
+import { i as Tt, n as pt, r as At, t as Rt } from "./chunks/log-list-BERiO4UJ.js";
+import { t as Ct } from "./chunks/description-list-C-mwe4ki.js";
 export {
-  st as AUTO_SAVE_DELAY_MS,
+  at as AUTO_SAVE_DELAY_MS,
   n as BAR_RISE_PX,
-  Js as BASIC_PAGE_CALLOUT,
-  $s as BASIC_PAGE_CARD,
-  Ys as BASIC_PAGE_ITEM,
-  zs as BASIC_PAGE_ITEM_PANEL,
-  Qs as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  at as BASIC_PAGE_ROW,
+  js as BASIC_PAGE_CALLOUT,
+  qs as BASIC_PAGE_CARD,
+  Xs as BASIC_PAGE_ITEM,
+  Hs as BASIC_PAGE_ITEM_PANEL,
+  Js as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  $s as BASIC_PAGE_ROW,
   m as BLUR_PX,
-  X as BUTTON_COLORS,
+  K as BUTTON_COLORS,
   x as BUTTON_SHAPES,
-  z as BUTTON_SIZES,
+  y as BUTTON_SIZES,
   w as BUTTON_VARIANTS,
-  nt as BarChart,
-  Ks as BasicPage,
+  _t as BarChart,
+  ys as BasicPage,
   h as Button,
   H as ButtonLink,
-  Ms as CARD_SURFACE,
-  Et as CHART_SLOTS,
-  Zs as CONDENSE_BAR_ENTER,
-  tt as CONDENSE_BAR_RISE_PX,
-  Xs as CONDENSE_BAR_TRAVEL,
+  bs as CARD_SURFACE,
+  et as CHART_SLOTS,
+  Ys as CONDENSE_BAR_ENTER,
+  st as CONDENSE_BAR_RISE_PX,
+  zs as CONDENSE_BAR_TRAVEL,
   U as CONTROL_PRESS_SCALE,
   V as CONTROL_PRESS_SPRING,
-  ya as COPY_BUTTON_SIZES,
-  M as COPY_FEEDBACK_MS,
-  gs as Card,
+  Ja as COPY_BUTTON_SIZES,
+  F as COPY_FEEDBACK_MS,
+  cs as Calendar,
+  Gs as Card,
   it as ChartLegend,
-  et as ChartSwatch,
-  Ns as CloseButton,
-  ps as CodeBlock,
-  Xa as CopyButton,
-  Vs as DateRangePicker,
-  Bt as DescriptionList,
-  hs as Dialog,
-  T as EASE_POP,
-  I as EASE_STACK,
-  K as EFFECT_BUTTON_SIZES,
-  v as EffectButton,
+  ot as ChartSwatch,
+  Os as CloseButton,
+  fs as CodeBlock,
+  ja as CopyButton,
+  Ya as DatePicker,
+  Ct as DescriptionList,
+  gs as Dialog,
+  I as EASE_POP,
+  T as EASE_STACK,
+  z as EFFECT_BUTTON_SIZES,
+  k as EffectButton,
   W as EffectButtonLink,
   ta as Error,
   q as ErrorView,
-  A as FADE_ENTRANCE,
-  R as FADE_SWAP,
-  ms as FILTER_DATE_PRESETS,
-  la as FULL_VIEW,
-  _s as FilterBar,
+  p as FADE_ENTRANCE,
+  A as FADE_SWAP,
+  As as FILTER_DATE_PRESETS,
+  ia as FULL_VIEW,
+  Ts as FilterBar,
   aa as GENERIC_ERROR_TITLE,
-  Da as GEN_AI_KINDS,
-  Es as Input,
-  Us as InputGroup,
-  Tt as LineChart,
+  ga as GEN_AI_KINDS,
+  ns as Input,
+  ds as InputGroup,
+  mt as LineChart,
   S as LinkProvider,
-  lt as LogList,
-  Ls as MAX_DATE_RANGE_MS,
-  Ea as MIN_VIEW_WIDTH,
-  p as PRESS_SCALE,
+  Rt as LogList,
+  xa as MIN_VIEW_WIDTH,
+  R as PRESS_SCALE,
   l as PRESS_SCALE_ROW,
   C as RISE_PX,
-  rs as SIDEBAR_HEADER_INSET,
-  $a as SIDEBAR_ITEM,
-  ss as SIDEBAR_ITEM_ACTIVE,
-  Qa as SIDEBAR_ITEM_INACTIVE,
-  Za as SIDEBAR_ROOT,
-  as as SIDEBAR_ROOT_BASE,
-  ts as SIDEBAR_ROOT_INSET,
-  ja as SIDEBAR_SUBMENU_CHEVRON,
-  qa as SIDEBAR_SUBMENU_LIST_INDENT,
-  os as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
+  Es as SIDEBAR_HEADER_INSET,
+  rs as SIDEBAR_ITEM,
+  es as SIDEBAR_ITEM_ACTIVE,
+  ss as SIDEBAR_ITEM_INACTIVE,
+  qa as SIDEBAR_ROOT,
+  os as SIDEBAR_ROOT_BASE,
+  is as SIDEBAR_ROOT_INSET,
+  $a as SIDEBAR_SUBMENU_CHEVRON,
+  ts as SIDEBAR_SUBMENU_LIST_INDENT,
+  Ss as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
   B as SPRING_ENTRANCE,
   f as SPRING_PRESS,
   N as SPRING_PRESS_INLINE,
-  u as SPRING_PRESS_QUICK,
-  P as SPRING_SETTLE,
-  xs as STATUS_VIEW,
-  ws as STATUS_VIEW_COPY,
-  Ws as STATUS_VIEW_SIZES,
-  Ja as Sidebar,
-  Ha as SpanPrimitive,
-  Bs as Stat,
-  Cs as StatGroup,
+  P as SPRING_PRESS_QUICK,
+  u as SPRING_SETTLE,
+  Ws as STATUS_VIEW,
+  vs as STATUS_VIEW_COPY,
+  ws as STATUS_VIEW_SIZES,
+  as as Sidebar,
+  Pa as SpanPrimitive,
+  us as Stat,
+  Ps as StatGroup,
   ks as StatusView,
-  D as TRAVEL_LINEAR,
+  L as TRAVEL_LINEAR,
   va as Trace,
-  Wa as allCollapsed,
-  Ca as ancestorIds,
-  Fa as attribute,
-  Ga as attributeText,
-  Oa as axisTicks,
-  fa as barGeometry,
-  Sa as buildSpanTree,
-  y as buttonVariants,
+  Ca as allCollapsed,
+  Sa as ancestorIds,
+  ba as attribute,
+  Oa as attributeText,
+  Va as axisTicks,
+  Na as barGeometry,
+  Ea as buildSpanTree,
+  X as buttonVariants,
   J as capitalizeFirst,
-  ot as chartColor,
-  ia as clampView,
+  rt as chartColor,
+  pa as clampView,
   s as cn,
-  Aa as collapseAllIds,
-  da as collapseOneLevel,
-  Is as createColumns,
-  Os as dateRangeError,
-  oa as deriveSpanTree,
+  Ua as collapseAllIds,
+  oa as collapseOneLevel,
+  ls as createColumns,
+  da as deriveSpanTree,
   Z as describeError,
-  k as effectButtonVariants,
-  Va as expandOneLevel,
-  L as fadeThroughBlur,
+  v as effectButtonVariants,
+  Ia as expandOneLevel,
+  c as fadeThroughBlur,
   Ta as filterSpans,
-  ga as footerTotals,
-  ys as formToasts,
-  Ds as formatDateRangeLabel,
+  Fa as footerTotals,
+  Ks as formToasts,
+  Xa as formatDateLabel,
   Ma as formatDuration,
-  ns as formatFilterValue,
-  ha as formatTick,
-  Ps as fromDateTimeLocalValue,
-  ca as genAIKind,
+  ps as formatFilterValue,
+  ka as formatTick,
+  Da as genAIKind,
   $ as httpReasonPhrase,
   sa as httpStatusExplanation,
-  Ss as isFilterSet,
-  Ia as isFullView,
+  Is as isFilterSet,
+  Aa as isFullView,
   j as isProblem,
   r as isReactComponent,
   ua as labeledTicks,
-  Rt as logStatusColor,
-  pt as logStatusLabel,
-  Ua as niceStep,
-  ka as normalizeSpans,
-  Ra as panView,
+  Ga as layoutTickLabels,
+  pt as logStatusColor,
+  At as logStatusLabel,
+  wa as niceStep,
+  La as normalizeSpans,
+  _a as panView,
   Q as parseProblem,
-  La as peerService,
+  fa as peerService,
   e as resolveVariant,
-  c as riseIn,
-  Ba as spanDecorationIcon,
-  Pa as spanDuration,
-  wa as spanPills,
-  _a as spanTimelineBarVars,
-  cs as toDateTimeLocalValue,
-  Rs as tokenizeJson,
-  ba as traceBulletInset,
-  na as traceRange,
-  At as truncateMiddle,
-  qs as useAutoSave,
-  js as useCondense,
-  g as useCopy,
-  bs as useDialogPending,
-  i as useLinkComponent,
+  D as riseIn,
+  Wa as spanDecorationIcon,
+  ca as spanDuration,
+  ya as spanPills,
+  na as spanTimelineBarVars,
+  Bs as tokenizeJson,
+  ha as traceBulletInset,
+  ma as traceRange,
+  Tt as truncateMiddle,
+  Qs as useAutoSave,
+  Zs as useCondense,
+  b as useCopy,
+  Ms as useDialogPending,
+  E as useLinkComponent,
   d as usePressPulse,
-  Na as useSpan,
-  xa as useSpanTree,
-  ma as viewFraction,
-  pa as viewToRange,
-  za as visibleSpans,
-  ea as zoomView
+  Ha as useSpan,
+  la as useSpanTree,
+  Ra as viewFraction,
+  za as viewToRange,
+  ea as visibleSpans,
+  Ba as zoomView
 };

package/dist/primitives.js

@@ -40,11 +40,11 @@ import "./primitives/toggle.js";
 import "./primitives/toggle-group.js";
 import "./primitives/toolbar.js";
 import "./primitives/tooltip.js";
+export * from "@base-ui/react/popover";
 export * from "@base-ui/react/field";
 export * from "@base-ui/react/separator";
 export * from "@base-ui/react/dialog";
 export * from "@base-ui/react/scroll-area";
-export * from "@base-ui/react/popover";
 export * from "@base-ui/react/collapsible";
 export * from "@base-ui/react/avatar";
 export * from "@base-ui/react/form";

package/dist/sections/basic-page.js

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

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

@@ -0,0 +1,36 @@
+import { DayPickerProps } from 'react-day-picker';
+export type CalendarProps = DayPickerProps & {
+    /**
+     * The word on the button back to today, used as its label and its tooltip.
+     * @default "Today"
+     */
+    todayLabel?: string;
+};
+/**
+ * Calendar built on React DayPicker — a month of days to read or to choose
+ * from. Pass `mode` to make it selectable (`single`, `multiple`, `range`);
+ * without one it is a static month. Every DayPicker prop passes through, so
+ * `numberOfMonths`, `disabled`, `startMonth` / `endMonth`, `captionLayout`,
+ * and the locale props all work as documented upstream.
+ *
+ * Pho supplies the whole class map, so the library's stylesheet is neither
+ * imported nor needed. `classNames` and `components` merge over Pho's,
+ * element by element.
+ *
+ * The caption is clickable: month and year each open a jump list, so a date
+ * two years out is two taps rather than twenty-four. Pass
+ * `captionLayout="label"` for a caption that only reads, and `startMonth` /
+ * `endMonth` to say how far the year list should reach. Between the month
+ * arrows sits a way back to today's month.
+ *
+ * Selection follows DayPicker's own contract: hand it `onSelect` and the
+ * calendar is controlled, so `selected` has to come with it. Leave both off
+ * and it keeps the selection itself.
+ *
+ * For a calendar behind a field — a trigger that shows the chosen date and
+ * opens this in a popover — use `DatePicker`.
+ */
+export declare function Calendar({ className, classNames, components, showOutsideDays, captionLayout, startMonth, endMonth, todayLabel, ...props }: CalendarProps): import("react").JSX.Element;
+export declare namespace Calendar {
+    var displayName: string;
+}

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

@@ -0,0 +1,2 @@
+export { Calendar, type CalendarProps } from './calendar';
+export type { DateRange, Matcher } from 'react-day-picker';

package/dist/src/components/data-table/data-table.d.ts

@@ -77,13 +77,13 @@ declare const features: {
     columnMeta: DataTableColumnMeta;
 };
 export type DataTableFeatures = typeof features;
-/** Body row height — header stays `h-10` on every size. */
+/** Body row height — the header keeps its own `h-10` on every size. */
 export declare const DATA_TABLE_SIZES: {
     sm: {
         classes: string;
         description: string;
     };
-    md: {
+    base: {
         classes: string;
         description: string;
     };
@@ -218,10 +218,12 @@ export interface DataTableProps<TData extends RowData> extends Omit<ComponentPro
      */
     layout?: "auto" | "fixed";
     /**
-     * Body row height. `md` (the default) is 48px — one line of body type.
-     * `sm` is 40px, the header's own height, for a dense list scanned more
-     * than read. `lg` is 56px, for a two-line cell (a number and a caption)
-     * that would crowd `md`. The header row stays 40px on every size.
+     * Body row height and the type that comes with it. `base` (the default)
+     * is 48px rows at 14px — one line of body type. `sm` is 40px at 13px,
+     * the header's own height, for a dense list scanned more than read.
+     * `lg` is 56px at 16px, for a two-line cell (a number and a caption)
+     * that would crowd `base`. The header row keeps its 40px on every size
+     * and follows the type.
      */
     size?: DataTableSize;
     ref?: Ref<HTMLDivElement>;

package/dist/src/components/date-picker/date-picker.d.ts

@@ -0,0 +1,110 @@
+import { ReactNode } from 'react';
+import { DateRange, PropsBase } from 'react-day-picker';
+import { InputSize } from '../input';
+/** The trigger wears Input's sizes so the two line up in one form. */
+export type DatePickerSize = InputSize;
+/**
+ * How fine the time is asked for, and read back. Omit it for a date alone.
+ * The value is always a `Date`; the granularity says which of its parts the
+ * viewer sets, and everything below is zeroed.
+ */
+export type DatePickerTime = "hour" | "minute" | "second";
+/**
+ * The shape to type, in this locale's own order — `mm/dd/yyyy`,
+ * `yyyy-mm-dd`, `dd.mm.yyyy`. Lowercase, the way a browser's own date field
+ * writes it, so the two paths read alike.
+ */
+export declare function dateFieldMask(locales?: Intl.LocalesArgument, time?: DatePickerTime): string;
+/**
+ * The figures in the field — `09/12/2026`, or `09/10/2026 – 09/13/2026` for a
+ * span, in the viewer's locale. An empty or half-finished range prints just
+ * the day that is settled; nothing selected prints nothing. Pass `time` to
+ * print the clock too, at the precision that was asked for.
+ *
+ * Figures rather than words (`Sep 12, 2026`) because the field is typed into:
+ * a month's name is the one part of a date nobody wants to spell.
+ */
+export declare function formatDateLabel(value: Date | DateRange | undefined, locales?: Intl.LocalesArgument, time?: DatePickerTime): string;
+/**
+ * A window the page offers by name — `Last 7 days` — beside the calendar.
+ * Pass a function for anything measured from now, so it is resolved at the
+ * click rather than at render.
+ */
+export interface DatePickerPreset<T> {
+    label: string;
+    value: T | (() => T);
+}
+interface DatePickerBaseProps {
+    /** Field label (associated for accessibility). */
+    label?: ReactNode;
+    /** Helper text below the field; rendered in the error color when `invalid`. */
+    hint?: ReactNode;
+    /**
+     * What the field shows until something is chosen.
+     * @default the shape to type, in this locale's order (`mm/dd/yyyy`)
+     */
+    placeholder?: string;
+    /** Render the invalid state (error ring + error-colored hint). */
+    invalid?: boolean;
+    disabled?: boolean;
+    /** Marks the label with the required asterisk. */
+    required?: boolean;
+    /** Size variant. @default "md" */
+    size?: DatePickerSize;
+    /**
+     * Ask for a time as well as a day, this fine. `hour` sets the hour and
+     * zeroes the rest, `minute` the hour and minute, `second` all three. Omit
+     * it and the value is midnight on the chosen day.
+     */
+    time?: DatePickerTime;
+    /** Locale for the trigger's words. Defaults to the viewer's. */
+    locales?: Intl.LocalesArgument;
+    /**
+     * Everything else React DayPicker takes — `disabled` days, `startMonth` /
+     * `endMonth`, `numberOfMonths`, `weekStartsOn`, `captionLayout`.
+     */
+    calendarProps?: PropsBase;
+    /** Id for the trigger, if the page needs its own. */
+    id?: string;
+    /** Class applied to the trigger. */
+    className?: string;
+}
+export interface DatePickerSingleProps extends DatePickerBaseProps {
+    /** @default "single" */
+    mode?: "single";
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined) => void;
+    /** Named days offered beside the calendar. */
+    presets?: DatePickerPreset<Date>[];
+}
+export interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onValueChange?: (value: DateRange | undefined) => void;
+    /** Named windows offered beside the calendar — `Last 7 days`, and so on. */
+    presets?: DatePickerPreset<DateRange>[];
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+/**
+ * Date Picker — a field that shows the chosen date and opens a `Calendar` to
+ * change it. `mode="range"` picks a span instead of a day; the popover stays
+ * open until both ends are down.
+ *
+ * The value is a `Date` (or a `{ from, to }` range), never a string: pass
+ * `value` to control it, `defaultValue` to let it keep its own. Clearing is
+ * built in — clicking the chosen day again unsets it.
+ *
+ * `time` asks for the clock as well, to the hour, the minute, or the second.
+ *
+ * On a touch device the field hands off to the system picker — the OS wheel or
+ * dialog, which people already know — as long as the rules the page set are
+ * ones it can enforce. A weekday rule or a predicate keeps the calendar, which
+ * can; so does `mode="range"`, which no system picker offers.
+ */
+export declare function DatePicker(props: DatePickerProps): import("react").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+export {};

package/dist/src/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker, formatDateLabel, type DatePickerProps, type DatePickerSingleProps, type DatePickerRangeProps, type DatePickerSize, } from './date-picker';
+export type { DateRange } from 'react-day-picker';

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

@@ -2,4 +2,4 @@ export { Trace, traceBulletInset, footerTotals, type TraceWaterfallProps, type T
 export { SpanPrimitive, useSpan, useSpanTree, type SpanTreeContextValue, type SpanProviderProps, type SpanChildrenProps, type SpanRootProps, type SpanIndentProps, type SpanCollapseToggleProps, type SpanStatusIndicatorProps, type SpanTypeBadgeProps, type SpanNameProps, type SpanTimelineProps, type SpanTimelineBarProps, } from './span-primitive';
 export { deriveSpanTree, visibleSpans, buildSpanTree, ancestorIds, collapseAllIds, collapseOneLevel, expandOneLevel, allCollapsed, traceRange, clampView, viewToRange, zoomView, panView, viewFraction, isFullView, spanTimelineBarVars, filterSpans, FULL_VIEW, MIN_VIEW_WIDTH, type SpanData, type SpanStatus, type SpanKind, type SpanItemState, type SpanTree, type SpanTimelineRange, type SpanView, } from './span-tree';
 export { spanDecorationIcon, spanPills, genAIKind, peerService, attribute, attributeText, GEN_AI_KINDS, type SpanPill, type SpanDecorationIcon, type GenAIKind, } from './decorations';
-export { normalizeSpans, spanDuration, barGeometry, axisTicks, niceStep, formatDuration, formatTick, labeledTicks, type AxisTick, type TraceWaterfallSpan, type TraceSpanStatus, type TraceSpanKind, type TraceRange, } from './layout';
+export { normalizeSpans, spanDuration, barGeometry, axisTicks, niceStep, formatDuration, formatTick, labeledTicks, layoutTickLabels, type AxisTick, type TickLabel, type TraceWaterfallSpan, type TraceSpanStatus, type TraceSpanKind, type TraceRange, } from './layout';