panelui-native 0.38.0 → 0.41.0

package/README.md

@@ -1,7 +1,7 @@
 # PanelUI — React Native UI components for Expo, styled with Tailwind CSS
 
 **PanelUI** (`panelui-native`) is an accessible, high-performance React Native component
-library for Expo apps. 78 typed components — buttons, bottom sheets, dialogs, selects,
+library for Expo apps. 80 typed components — buttons, bottom sheets, dialogs, selects,
 toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated.
 Zero native code, so it runs in Expo Go.
 
@@ -205,6 +205,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `MessageScroller` | Scroll behaviour a chat transcript needs |
 | `NumberInput` | Numeric field stepped by buttons or typed by hand |
 | `OtpInput` | One-time-code field drawn as a row of separate cells |
+| `Pagination` | Paged navigation over a long result set |
 | `Panelside` | Collapsible side panel with its own search, groups and scenes |
 | `Plan` | What an agent intends to do, before it does it |
 | `Popover` | Panel anchored to the element that opened it |
@@ -235,6 +236,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
 | `Table` | Rows and columns that stay lined up, with sortable headers |
 | `Tabs` | Segmented navigation with an animated indicator |
 | `Task` | A step an agent is working through, with its files |
+| `TextAnimation` | Five ways a piece of text or a number arrives |
 | `Textarea` | Multi-line text field that can grow with its content |
 | `ThinkingOrb` | Dotted orb saying which kind of busy an agent is |
 | `Timeline` | Vertical sequence of events |

package/lib/module/components/card/index.js

@@ -1,7 +1,29 @@
 "use strict";
 
-import { forwardRef } from 'react';
-import { View } from 'react-native';
+/**
+ * Card — a content surface, and the layer that decorates it.
+ *
+ * ```tsx
+ * <Card>
+ *   <Card.Header>
+ *     <Card.Title>Living room sofa</Card.Title>
+ *     <Card.Description>Three seats, oat linen</Card.Description>
+ *   </Card.Header>
+ *   <Card.Footer>
+ *     <Button fullWidth>Buy now</Button>
+ *   </Card.Footer>
+ * </Card>
+ * ```
+ *
+ * All the padding lives on the slots and none of it on the root, which is why
+ * a card whose media reaches its own corners needs nothing but
+ * `overflow-hidden`.
+ */
+import { forwardRef, useEffect, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { LinearGradient } from 'expo-linear-gradient';
+import { useCSSVariable } from 'uniwind';
 import { cn } from "../../utils/cn.js";
 import { Text } from "../../primitives/text.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -63,11 +85,158 @@ const CardFooter = /*#__PURE__*/forwardRef(({
   ...props
 }));
 CardFooter.displayName = 'Card.Footer';
+
+/* -------------------------------------------------------------------------- */
+/* Card.Wash                                                                  */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * How sharply the wash dissolves upward. The exponent is the whole look: at 1
+ * the colour is already at half strength across the middle of the card and
+ * reads as a tinted panel, and it takes about a cube before the top is
+ * genuinely untouched and the colour arrives in the bottom third.
+ */
+const WASH_CURVE = 3;
+/**
+ * Stops the curve is sampled at. Ten is enough that the straight lines the
+ * renderer draws between them are not a shape anyone can see, and the fade
+ * stays continuous — stepping it would put a horizontal seam at every step.
+ */
+const WASH_STOPS = 10;
+/** How long one breath takes at `speed={1}`. */
+const WASH_PERIOD = 4200;
+/**
+ * How far the wash swells and settles over one breath, as a fraction of
+ * `intensity`. Small on purpose: the movement should be noticed only by not
+ * being there, and anything larger reads as a light being switched.
+ */
+const WASH_BREATH = 0.22;
+function isToken(value) {
+  return typeof value === 'string' && value.startsWith('--');
+}
+
+/**
+ * Gradients need a transparent stop of the *same* colour — `transparent` is
+ * black at zero alpha on Android, which shows as a grey smear.
+ */
+function withAlpha(color, alpha) {
+  if (color.startsWith('#')) {
+    const hex = color.slice(1);
+    const full = hex.length === 3 ? hex.split('').map(c => c + c).join('') : hex.slice(0, 6);
+    const r = parseInt(full.slice(0, 2), 16);
+    const g = parseInt(full.slice(2, 4), 16);
+    const b = parseInt(full.slice(4, 6), 16);
+    if (Number.isNaN(r + g + b)) return color;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  }
+  const channels = color.match(/rgba?\(([^)]+)\)/)?.[1];
+  if (channels) {
+    const [r, g, b] = channels.split(',').map(part => part.trim());
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  }
+  return color;
+}
+/**
+ * A decorative layer for the back of a card: the tint rising from its bottom
+ * edge and fading out before it reaches the top.
+ *
+ * It fills its parent absolutely and takes no touches, so it goes first inside
+ * a `Card` and everything else is drawn over it. The card needs
+ * `overflow-hidden` — the layer reaches the root's edges, and the root is the
+ * thing with the corner radius.
+ *
+ * ```tsx
+ * <Card className="overflow-hidden">
+ *   <Card.Wash tint="--color-primary" />
+ *   <Card.Header>…</Card.Header>
+ * </Card>
+ * ```
+ *
+ * ## Why the rise is a curve and not a fade
+ *
+ * On a straight ramp the colour is already at half strength across the middle
+ * of the card, and what you see is a panel with a tint on it. On a curve there
+ * is nothing at all across the top two thirds and then the colour arrives —
+ * which is the difference between a card that has been coloured in and a card
+ * something is rising into.
+ */
+const CardWash = /*#__PURE__*/forwardRef(({
+  className,
+  tint = '--color-primary',
+  intensity = 0.16,
+  speed = 1,
+  style,
+  ...props
+}, ref) => {
+  const token = useCSSVariable(isToken(tint) ? tint : '--color-primary');
+  const resolved = typeof token === 'string' ? token : undefined;
+  const color = (isToken(tint) ? resolved : tint) ?? resolved ?? '#0a0a0a';
+  const reduced = useReducedMotion();
+  const still = reduced || speed <= 0;
+  const breath = useSharedValue(0);
+  useEffect(() => {
+    if (still) {
+      breath.value = 0;
+      return;
+    }
+    breath.value = 0;
+    breath.value = withRepeat(withTiming(1, {
+      duration: WASH_PERIOD / speed,
+      easing: Easing.inOut(Easing.ease)
+    }), -1, true);
+    return () => cancelAnimation(breath);
+  }, [breath, speed, still]);
+
+  /*
+   * The breath is the layer's opacity rather than its colours: rebuilding
+   * ten `rgba()` strings per frame would be a JavaScript-thread animation of
+   * the kind this library does not do, and a view's opacity is a property
+   * the compositor already knows how to move.
+   */
+  const breathing = useAnimatedStyle(() => ({
+    opacity: 1 - WASH_BREATH + breath.value * WASH_BREATH
+  }));
+  const {
+    colors,
+    locations
+  } = useMemo(() => {
+    const out = [];
+    const at = [];
+    for (let i = 0; i < WASH_STOPS; i += 1) {
+      const t = i / (WASH_STOPS - 1);
+      out.push(withAlpha(color, Math.pow(t, WASH_CURVE) * intensity));
+      at.push(t);
+    }
+    return {
+      colors: out,
+      locations: at
+    };
+  }, [color, intensity]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref
+    // Decorative and non-interactive: it is the back of the card, and a
+    // screen reader announcing "image" over every card would be noise.
+    ,
+    pointerEvents: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    className: cn('absolute inset-0 overflow-hidden', className),
+    style: [still ? undefined : breathing, style],
+    ...props,
+    children: /*#__PURE__*/_jsx(LinearGradient, {
+      colors: colors,
+      locations: locations,
+      style: StyleSheet.absoluteFill
+    })
+  });
+});
+CardWash.displayName = 'Card.Wash';
 export const Card = Object.assign(CardRoot, {
   Header: CardHeader,
   Title: CardTitle,
   Description: CardDescription,
   Content: CardContent,
-  Footer: CardFooter
+  Footer: CardFooter,
+  Wash: CardWash
 });
 //# sourceMappingURL=index.js.map

package/lib/module/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","cn","Text","jsx","_jsx","CardRoot","className","props","ref","displayName","CardHeader","CardTitle","size","weight","CardDescription","muted","CardContent","CardFooter","Card","Object","assign","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/card/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,mBAAgB;AACnC,SAASC,IAAI,QAAwB,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM7D,MAAMC,QAAQ,gBAAGN,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACxEJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,oDAAoD,EAAEK,SAAS,CAAE;EAAA,GAC3EC;AAAK,CACV,CACF,CAAC;AACFF,QAAQ,CAACI,WAAW,GAAG,MAAM;AAE7B,MAAMC,UAAU,gBAAGX,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,aAAa,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACtE,CAAC;AACFG,UAAU,CAACD,WAAW,GAAG,aAAa;AAEtC,MAAME,SAAS,gBAAGZ,UAAU,CAC1B,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EACHM,GAAG,EAAEA,GAAI;EACTI,IAAI,EAAC,IAAI;EACTC,MAAM,EAAC,UAAU;EACjBP,SAAS,EAAEL,EAAE,CAAC,mCAAmC,EAAEK,SAAS,CAAE;EAAA,GAC1DC;AAAK,CACV,CAEL,CAAC;AACDI,SAAS,CAACF,WAAW,GAAG,YAAY;AAEpC,MAAMK,eAAe,gBAAGf,UAAU,CAChC,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EAACM,GAAG,EAAEA,GAAI;EAACI,IAAI,EAAC,IAAI;EAACG,KAAK;EAACT,SAAS,EAAEA,SAAU;EAAA,GAAKC;AAAK,CAAG,CAEtE,CAAC;AACDO,eAAe,CAACL,WAAW,GAAG,kBAAkB;AAEhD,MAAMO,WAAW,gBAAGjB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,UAAU,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACnE,CAAC;AACFS,WAAW,CAACP,WAAW,GAAG,cAAc;AAExC,MAAMQ,UAAU,gBAAGlB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,sCAAsC,EAAEK,SAAS,CAAE;EAAA,GAC7DC;AAAK,CACV,CACF,CAAC;AACFU,UAAU,CAACR,WAAW,GAAG,aAAa;AAEtC,OAAO,MAAMS,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAE;EAC1CgB,MAAM,EAAEX,UAAU;EAClBY,KAAK,EAAEX,SAAS;EAChBY,WAAW,EAAET,eAAe;EAC5BU,OAAO,EAAER,WAAW;EACpBS,MAAM,EAAER;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","useMemo","StyleSheet","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withTiming","LinearGradient","useCSSVariable","cn","Text","jsx","_jsx","CardRoot","className","props","ref","displayName","CardHeader","CardTitle","size","weight","CardDescription","muted","CardContent","CardFooter","WASH_CURVE","WASH_STOPS","WASH_PERIOD","WASH_BREATH","isToken","value","startsWith","withAlpha","color","alpha","hex","slice","full","length","split","map","c","join","r","parseInt","g","b","Number","isNaN","channels","match","part","trim","CardWash","tint","intensity","speed","style","token","resolved","undefined","reduced","still","breath","duration","easing","inOut","ease","breathing","opacity","colors","locations","out","at","i","t","push","Math","pow","pointerEvents","accessibilityElementsHidden","importantForAccessibility","children","absoluteFill","Card","Object","assign","Header","Title","Description","Content","Footer","Wash"],"sourceRoot":"../../../../src","sources":["components/card/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/drawer/index.js

@@ -196,6 +196,7 @@ function DrawerContent({
   dismissible = true,
   swipeToDismiss = true,
   showClose = true,
+  closeSide,
   blur = false,
   children,
   ...props
@@ -292,10 +293,18 @@ function DrawerContent({
       translateY: travel.value * outward
     }]
   });
+
+  /*
+   * Resolved once and shared, because the button's corner and the header's
+   * clearance are the same decision seen from two places. Letting each work it
+   * out from `side` is how they drift, and a header padded on the wrong side
+   * runs its title straight under the button.
+   */
+  const closeCorner = closeSide ?? (side === 'end' ? 'start' : 'end');
   const surface = useMemo(() => ({
-    side,
+    closeSide: closeCorner,
     showClose
-  }), [side, showClose]);
+  }), [closeCorner, showClose]);
   if (!open) return null;
 
   /*
@@ -383,7 +392,7 @@ function DrawerContent({
                   accessibilityLabel: "Close",
                   onPress: close,
                   hitSlop: 8,
-                  className: cn('absolute z-10 h-8 w-8 items-center justify-center rounded-full bg-muted active:opacity-70', side === 'end' ? 'start-4' : 'end-4'),
+                  className: cn('absolute z-10 h-8 w-8 items-center justify-center rounded-full bg-muted active:opacity-70', closeCorner === 'start' ? 'start-4' : 'end-4'),
                   style: {
                     top: padding.paddingTop
                   },
@@ -415,7 +424,7 @@ function DrawerHeader({
    * button was turned off, and a header used outside a panel keeps its plain
    * padding rather than reserving a corner for a button that is not there.
    */
-  const clearance = !surface?.showClose ? undefined : surface.side === 'end' ? 'ps-14' : 'pe-14';
+  const clearance = !surface?.showClose ? undefined : surface.closeSide === 'start' ? 'ps-14' : 'pe-14';
   return /*#__PURE__*/_jsxs(View, {
     className: cn('gap-1 px-5 pb-3', clearance, className),
     ...props,

package/lib/module/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneElement","createContext","isValidElement","useCallback","useContext","useEffect","useMemo","useState","Pressable","ScrollView","useWindowDimensions","View","Gesture","GestureDetector","Animated","SlideInDown","SlideInLeft","SlideInRight","SlideInUp","SlideOutDown","SlideOutLeft","SlideOutRight","SlideOutUp","runOnJS","useAnimatedStyle","useSharedValue","withSpring","withTiming","useSafeAreaInsets","tv","useCSSVariable","XIcon","Portal","Scrim","Text","textChildren","useBackHandler","DirectionContext","useDirection","useDirectionSign","cn","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","DISMISS_DISTANCE","DISMISS_VELOCITY","WIDTH","sm","fraction","max","md","lg","full","Infinity","HEIGHT","panelVariants","base","variants","side","start","end","top","bottom","defaultVariants","DrawerContext","useDrawer","component","context","Error","DrawerSurfaceContext","DrawerRoot","children","open","controlledOpen","onOpenChange","defaultOpen","uncontrolledOpen","setUncontrolledOpen","controlled","undefined","setOpen","next","Provider","value","DrawerTrigger","onPress","args","props","DrawerClose","DrawerContent","className","size","dismissible","swipeToDismiss","showClose","blur","width","screenWidth","height","screenHeight","insets","dir","sign","closeTint","directionStyle","direction","close","horizontal","extent","Math","min","outward","travel","pan","gesture","Pan","enabled","onChange","event","delta","changeX","changeY","onEnd","velocity","velocityX","velocityY","duration","finished","activeOffsetX","failOffsetY","activeOffsetY","failOffsetX","panelStyle","transform","translateX","translateY","surface","physical","entering","left","right","exiting","padding","paddingTop","paddingBottom","style","accessibilityLabel","springify","accessibilityViewIsModal","accessibilityRole","hitSlop","color","DrawerHeader","title","description","clearance","weight","DrawerBody","scrollable","contentContainerStyle","showsVerticalScrollIndicator","paddingHorizontal","DrawerFooter","Drawer","Object","assign","Trigger","Content","Header","Body","Footer","Close"],"sourceRoot":"../../../../src","sources":["components/drawer/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["cloneElement","createContext","isValidElement","useCallback","useContext","useEffect","useMemo","useState","Pressable","ScrollView","useWindowDimensions","View","Gesture","GestureDetector","Animated","SlideInDown","SlideInLeft","SlideInRight","SlideInUp","SlideOutDown","SlideOutLeft","SlideOutRight","SlideOutUp","runOnJS","useAnimatedStyle","useSharedValue","withSpring","withTiming","useSafeAreaInsets","tv","useCSSVariable","XIcon","Portal","Scrim","Text","textChildren","useBackHandler","DirectionContext","useDirection","useDirectionSign","cn","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","DISMISS_DISTANCE","DISMISS_VELOCITY","WIDTH","sm","fraction","max","md","lg","full","Infinity","HEIGHT","panelVariants","base","variants","side","start","end","top","bottom","defaultVariants","DrawerContext","useDrawer","component","context","Error","DrawerSurfaceContext","DrawerRoot","children","open","controlledOpen","onOpenChange","defaultOpen","uncontrolledOpen","setUncontrolledOpen","controlled","undefined","setOpen","next","Provider","value","DrawerTrigger","onPress","args","props","DrawerClose","DrawerContent","className","size","dismissible","swipeToDismiss","showClose","closeSide","blur","width","screenWidth","height","screenHeight","insets","dir","sign","closeTint","directionStyle","direction","close","horizontal","extent","Math","min","outward","travel","pan","gesture","Pan","enabled","onChange","event","delta","changeX","changeY","onEnd","velocity","velocityX","velocityY","duration","finished","activeOffsetX","failOffsetY","activeOffsetY","failOffsetX","panelStyle","transform","translateX","translateY","closeCorner","surface","physical","entering","left","right","exiting","padding","paddingTop","paddingBottom","style","accessibilityLabel","springify","accessibilityViewIsModal","accessibilityRole","hitSlop","color","DrawerHeader","title","description","clearance","weight","DrawerBody","scrollable","contentContainerStyle","showsVerticalScrollIndicator","paddingHorizontal","DrawerFooter","Drawer","Object","assign","Trigger","Content","Header","Body","Footer","Close"],"sourceRoot":"../../../../src","sources":["components/drawer/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/heatmap-chart/index.js

@@ -13,6 +13,7 @@
  *
  * ```tsx
  * <HeatmapChart data={weeks}>
+ *   <HeatmapChart.Header title="Contributions" value="1,204" legend />
  *   <HeatmapChart.YAxis />
  *   <HeatmapChart.XAxis />
  *   <HeatmapChart.Cells />
@@ -367,7 +368,7 @@ const HeatmapChartRoot = /*#__PURE__*/forwardRef(function HeatmapChartRoot({
       ref: ref,
       onLayout: onLayout,
       className: cn('w-full', className),
-      children: [parts.x ? /*#__PURE__*/_jsx(View, {
+      children: [parts.header, parts.x ? /*#__PURE__*/_jsx(View, {
         style: {
           paddingLeft: axisWidth
         },
@@ -414,6 +415,7 @@ function splitParts(children) {
     y: null,
     tooltip: [],
     legend: [],
+    header: [],
     columns: 0
   };
   Children.forEach(children, (child, index) => {
@@ -422,7 +424,7 @@ function splitParts(children) {
     const keyed = /*#__PURE__*/_jsx(ChildSlot, {
       children: child
     }, index);
-    if (slot === 'x-axis') parts.x = keyed;else if (slot === 'y-axis') parts.y = child;else if (slot === 'rules') parts.rules.push(keyed);else if (slot === 'tooltip') parts.tooltip.push(keyed);else if (slot === 'legend') parts.legend.push(keyed);else parts.cells.push(keyed);
+    if (slot === 'x-axis') parts.x = keyed;else if (slot === 'y-axis') parts.y = child;else if (slot === 'rules') parts.rules.push(keyed);else if (slot === 'tooltip') parts.tooltip.push(keyed);else if (slot === 'legend') parts.legend.push(keyed);else if (slot === 'header') parts.header.push(keyed);else parts.cells.push(keyed);
   });
   return parts;
 }
@@ -529,11 +531,13 @@ HeatmapSeparator.slot = 'rules';
  *
  * A label is emitted where the month changes rather than at a fixed interval,
  * because months are not the same length — spacing them evenly puts "Mar" over
- * a week in February.
+ * a week in February. A grid whose columns are not weeks has no such signal, so
+ * it passes `labels` and gets one over every column.
  */
 function HeatmapXAxis({
   className,
-  formatLabel
+  formatLabel,
+  labels: given
 }) {
   const {
     data,
@@ -541,6 +545,12 @@ function HeatmapXAxis({
   } = useHeatmap('HeatmapChart.XAxis');
   const step = grid.size + grid.gap;
   const labels = useMemo(() => {
+    if (given) {
+      return given.slice(0, data.length).map((label, column) => ({
+        column,
+        label
+      })).filter(entry => entry.label);
+    }
     const out = [];
     let lastMonth = -1;
     data.forEach((column, index) => {
@@ -560,7 +570,7 @@ function HeatmapXAxis({
     // collides with the next one. Drop it when it has no room.
     if (out.length > 1 && out[1].column - out[0].column < 3) out.shift();
     return out;
-  }, [data, formatLabel]);
+  }, [data, formatLabel, given]);
   return /*#__PURE__*/_jsx(View, {
     className: cn('h-4', className),
     style: {
@@ -728,9 +738,17 @@ function HeatmapTooltip({
   });
 }
 HeatmapTooltip.slot = 'tooltip';
+
+/*
+ * A cell with no date is not a cell with no data — it is a cell in a grid that
+ * is not a calendar, and it has a count like any other. Saying "No data" over
+ * it reports a hole in the data that is not there. Without a date there is
+ * simply nothing to say after the number, so the number is the whole label,
+ * and a grid that wants a noun for it passes `formatLabel`.
+ */
 function defaultTooltipLabel(cell) {
+  if (!cell.date) return `${cell.count}`;
   const count = `${cell.count} ${cell.count === 1 ? 'contribution' : 'contributions'}`;
-  if (!cell.date) return 'No data';
   const date = `${MONTHS[cell.date.getMonth()]} ${cell.date.getDate()}`;
   return `${count} on ${date}`;
 }
@@ -782,7 +800,96 @@ function HeatmapLegend({
   });
 }
 HeatmapLegend.slot = 'legend';
+
+/* -------------------------------------------------------------------------- */
+/* Header                                                                     */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * The strip above the grid: what the chart is of, what it currently reads, and
+ * what the shading means.
+ *
+ * It belongs to the chart rather than to the card around it because it is about
+ * the *grid* — the number changes as a finger moves across the cells, and the
+ * ramp is the scale the chart itself derived. The card's header is a caption on
+ * the tray the chart sits in; this is the chart introducing itself.
+ *
+ * The value is not derived here. Take it from `onActiveCellChange` and pass the
+ * formatted string down, so one header can show a total when nothing is held
+ * and a day's own count when something is.
+ */
+function HeatmapHeader({
+  className,
+  title,
+  value,
+  caption,
+  legend = false,
+  lessLabel = 'Less',
+  moreLabel = 'More',
+  children,
+  ...props
+}) {
+  const {
+    ramp,
+    opacities,
+    grid,
+    cornerRadius
+  } = useHeatmap('HeatmapChart.Header');
+  // Small enough to sit on one line beside the text, whatever the cells are.
+  const size = Math.max(Math.min(grid.size, 12), 8);
+  const trailing = children ?? (legend ? /*#__PURE__*/_jsxs(View, {
+    className: "flex-row items-center gap-1.5",
+    children: [/*#__PURE__*/_jsx(Text, {
+      size: "xs",
+      muted: true,
+      children: lessLabel
+    }), ramp.map((fill, level) => /*#__PURE__*/_jsx(Svg, {
+      width: size,
+      height: size,
+      children: /*#__PURE__*/_jsx(Rect, {
+        x: 0,
+        y: 0,
+        width: size,
+        height: size,
+        rx: cornerRadius,
+        ry: cornerRadius,
+        fill: fill,
+        fillOpacity: opacities[level]
+      })
+    }, level)), /*#__PURE__*/_jsx(Text, {
+      size: "xs",
+      muted: true,
+      children: moreLabel
+    })]
+  }) : null);
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    className: cn('flex-row items-start justify-between gap-3 pb-3', className),
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "flex-1 gap-0.5",
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        size: "xs",
+        muted: true,
+        children: title
+      }) : null, value ? /*#__PURE__*/_jsx(Text, {
+        size: "xl",
+        weight: "bold",
+        children: value
+      }) : null, caption ? /*#__PURE__*/_jsx(Text, {
+        size: "xs",
+        muted: true,
+        children: caption
+      }) : null]
+    }), trailing ? /*#__PURE__*/_jsx(View, {
+      className: "shrink pt-1",
+      children: trailing
+    }) : null]
+  });
+}
+HeatmapHeader.displayName = 'HeatmapChart.Header';
+HeatmapHeader.slot = 'header';
 export const HeatmapChart = Object.assign(HeatmapChartRoot, {
+  Header: HeatmapHeader,
   Cells: HeatmapCells,
   Separator: HeatmapSeparator,
   XAxis: HeatmapXAxis,