panelui-native 0.61.1 → 0.63.0

package/lib/typescript/src/utils/chart.d.ts

@@ -28,24 +28,25 @@ export interface ChartInk {
     muted: string;
 }
 /**
- * The text colour to lay over `fill`: white while white can be read on it,
- * near-black once it cannot.
+ * The colour for the `index`th thing in a chart that draws an unbounded number
+ * of them.
  *
- * Neither the fill nor the theme can decide this on its own. A series colour is
- * a colour, not a mode — a theme is free to make it near-white, and a fixed
- * white label on it disappears while the foreground token would be just as
- * wrong on the next tile along.
+ * There are five series tokens, and a chart is routinely asked to draw six
+ * things. Taking the palette modulo its length hands two of them the identical
+ * colour, which in a chart whose whole job is telling parts apart is a bug the
+ * theme decides the severity of — on a theme whose first token is green, the
+ * sixth wedge is a second green one.
  *
- * White is kept wherever it holds up, rather than always taking whichever ink
- * scores higher. Charts are drawn white-on-hue, and turning over every tile
- * that a darker label would technically suit changes what the chart looks like
- * to fix the two that were unreadable.
+ * So each further lap through the palette is drawn a step further along a tone
+ * run, keeping the theme's own hues rather than inventing new ones.
  *
- * `behind` and `opacity` are for a fill drawn part-transparent: what the reader
- * sees is the blend, and a half-strength tile on a pale ground is lighter than
- * the colour it was given. Compositing happens in gamma space, the way the
- * renderer does it, before the luminance is taken.
+ * The run goes *away* from whichever end the colour already sits near, and
+ * always in that one direction. Alternating lighter and darker would be the
+ * obvious thing and it reintroduces the bug on the themes that matter: a token
+ * of `#fafafa` lightened is `#fafafa` back again, so the second lap of a
+ * near-white palette entry is the same colour it was trying not to be.
  */
+export declare function seriesColorAt(palette: string[], index: number): string;
 export declare function inkOn(fill: string, behind?: string, opacity?: number): ChartInk;
 /** `12k` rather than `12400` — a readout has one line to say it in. */
 export declare function compactNumber(value: number): string;

package/lib/typescript/src/utils/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "panelui-native",
-  "version": "0.61.1",
+  "version": "0.63.0",
   "description": "High-performance React Native UI components for Expo. Semantic design tokens, powered by Uniwind (Tailwind v4) and Reanimated.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",

package/src/components/area-chart/index.tsx

@@ -227,7 +227,7 @@ const AreaChartRoot = forwardRef<AreaChartHandle, AreaChartProps>(function AreaC
     xDataKey = 'date',
     status = 'ready',
     aspectRatio = 2,
-    animationDuration = 1100,
+    animationDuration = 700,
     domainDuration = 500,
     yDomain,
     stacked = false,
@@ -356,17 +356,27 @@ const AreaChartRoot = forwardRef<AreaChartHandle, AreaChartProps>(function AreaC
       reveal.value = 0;
       reveal.value = withTiming(1, {
         duration: animationDuration,
-        easing: Easing.bezier(0.85, 0, 0.15, 1),
+        easing: Easing.out(Easing.cubic),
       });
     },
     [reducedMotion, animationDuration, reveal]
   );
 
   useEffect(() => {
-    if (revealed.current || loading || plot.width <= 0 || !data.length) return;
+    /*
+     * Going back to `loading` arms the reveal again. Without this a chart that
+     * is refetched comes back fully drawn on the frame the data lands, which
+     * reads as the loading state having been for nothing.
+     */
+    if (loading) {
+      revealed.current = false;
+      reveal.value = 0;
+      return;
+    }
+    if (revealed.current || plot.width <= 0 || !data.length) return;
     revealed.current = true;
     playReveal();
-  }, [loading, plot.width, data.length, playReveal]);
+  }, [loading, plot.width, data.length, playReveal, reveal]);
 
   useImperativeHandle(ref, () => ({ replay: playReveal }), [playReveal]);
 

package/src/components/bar-chart/index.tsx

@@ -245,7 +245,7 @@ const BarChartRoot = forwardRef<BarChartHandle, BarChartProps>(function BarChart
     xDataKey = 'name',
     status = 'ready',
     aspectRatio = 2,
-    animationDuration = 1100,
+    animationDuration = 700,
     domainDuration = 500,
     yDomain,
     orientation = 'vertical',
@@ -374,17 +374,27 @@ const BarChartRoot = forwardRef<BarChartHandle, BarChartProps>(function BarChart
       reveal.value = 0;
       reveal.value = withTiming(1, {
         duration: animationDuration,
-        easing: Easing.bezier(0.85, 0, 0.15, 1),
+        easing: Easing.out(Easing.cubic),
       });
     },
     [reducedMotion, animationDuration, reveal]
   );
 
   useEffect(() => {
-    if (revealed.current || loading || plot.width <= 0 || !data.length) return;
+    /*
+     * Going back to `loading` arms the reveal again. Without this a chart that
+     * is refetched comes back fully drawn on the frame the data lands, which
+     * reads as the loading state having been for nothing.
+     */
+    if (loading) {
+      revealed.current = false;
+      reveal.value = 0;
+      return;
+    }
+    if (revealed.current || plot.width <= 0 || !data.length) return;
     revealed.current = true;
     playReveal();
-  }, [loading, plot.width, data.length, playReveal]);
+  }, [loading, plot.width, data.length, playReveal, reveal]);
 
   useImperativeHandle(ref, () => ({ replay: playReveal }), [playReveal]);
 

package/src/components/candlestick-chart/index.tsx

@@ -249,9 +249,12 @@ export interface CandlestickChartProps extends ViewProps {
   /** Key holding the closing price. */
   closeDataKey?: string;
   /**
-   * `loading` draws a row of flat placeholder candles and grows them into the
-   * real ones when it turns `ready`. One component throughout, rather than a
-   * spinner swapped for a chart — swapping loses the transition.
+   * `loading` leaves the plot empty — the frame, the grid and the header stay,
+   * and no candles are drawn. Turning `ready` grows them in left to right.
+   *
+   * Nothing stands in for the candles while they are missing. A placeholder
+   * candle is four made-up prices, and a reader has no way to tell an invented
+   * one from a real one until it changes under them.
    */
   status?: CandlestickChartStatus;
   /** Width ÷ height. `1.6` suits a chart this dense better than `2`. */
@@ -323,7 +326,7 @@ const CandlestickChartRoot = forwardRef<CandlestickChartHandle, CandlestickChart
       closeDataKey = 'close',
       status = 'ready',
       aspectRatio = 1.6,
-      animationDuration = 1100,
+      animationDuration = 700,
       domainDuration = 500,
       yDomain,
       candleGap = 0.3,
@@ -427,17 +430,27 @@ const CandlestickChartRoot = forwardRef<CandlestickChartHandle, CandlestickChart
         reveal.value = 0;
         reveal.value = withTiming(1, {
           duration: animationDuration,
-          easing: Easing.bezier(0.85, 0, 0.15, 1),
+          easing: Easing.out(Easing.cubic),
         });
       },
       [reducedMotion, animationDuration, reveal]
     );
 
     useEffect(() => {
-      if (revealed.current || loading || plot.width <= 0 || !data.length) return;
+      /*
+       * Going back to `loading` arms the reveal again. Without this a chart
+       * that is refetched comes back fully drawn on the frame the data lands,
+       * which reads as the loading state having been for nothing.
+       */
+      if (loading) {
+        revealed.current = false;
+        reveal.value = 0;
+        return;
+      }
+      if (revealed.current || plot.width <= 0 || !data.length) return;
       revealed.current = true;
       playReveal();
-    }, [loading, plot.width, data.length, playReveal]);
+    }, [loading, plot.width, data.length, playReveal, reveal]);
 
     useImperativeHandle(ref, () => ({ replay: playReveal }), [playReveal]);
 

package/src/components/card/index.tsx

@@ -23,13 +23,40 @@
  */
 import { forwardRef } from 'react';
 import { View, type ViewProps } from 'react-native';
+import { tv, type VariantProps } from 'tailwind-variants';
 import { cn } from '../../utils/cn';
 import { Text, type TextProps } from '../../primitives/text';
 
+const footerVariants = tv({
+  base: 'flex-row items-center gap-2',
+  variants: {
+    /**
+     * Whether the footer draws a surface of its own.
+     *
+     * `plain` is part of the card: same background, padding continuing from the
+     * content above it. `panel` is a band set into it — a rule across the top,
+     * a step darker, and the card's own bottom corners — so the buttons read as
+     * the card's actions rather than as the last thing in its body. Use it when
+     * the footer is what somebody does with the card, not more of what it says.
+     */
+    variant: {
+      plain: 'p-6 pt-0',
+      panel: 'rounded-b-2xl border-t border-border bg-inset p-6',
+    },
+  },
+  defaultVariants: {
+    variant: 'plain',
+  },
+});
+
 export interface CardProps extends ViewProps {
   className?: string;
 }
 
+export interface CardFooterProps
+  extends CardProps,
+    VariantProps<typeof footerVariants> {}
+
 const CardRoot = forwardRef<View, CardProps>(({ className, ...props }, ref) => (
   <View
     ref={ref}
@@ -69,13 +96,11 @@ const CardContent = forwardRef<View, CardProps>(({ className, ...props }, ref) =
 ));
 CardContent.displayName = 'Card.Content';
 
-const CardFooter = forwardRef<View, CardProps>(({ className, ...props }, ref) => (
-  <View
-    ref={ref}
-    className={cn('flex-row items-center gap-2 p-6 pt-0', className)}
-    {...props}
-  />
-));
+const CardFooter = forwardRef<View, CardFooterProps>(
+  ({ className, variant, ...props }, ref) => (
+    <View ref={ref} className={cn(footerVariants({ variant }), className)} {...props} />
+  )
+);
 CardFooter.displayName = 'Card.Footer';
 
 export const Card = Object.assign(CardRoot, {

package/src/components/dialog/index.tsx

@@ -12,6 +12,7 @@ import {
 } from 'react';
 import { Pressable, View, type ViewProps } from 'react-native';
 import Animated, { FadeIn, FadeOut, ZoomIn } from 'react-native-reanimated';
+import { tv, type VariantProps } from 'tailwind-variants';
 import { Portal } from '../../primitives/portal';
 import { Scrim } from '../../primitives/scrim';
 import { Text, type TextProps, textChildren } from '../../primitives/text';
@@ -129,6 +130,8 @@ function DialogContent({
           entering={ZoomIn.springify().damping(18).stiffness(250).mass(0.6)}
           exiting={FadeOut.duration(120)}
           accessibilityViewIsModal
+          // `p-5` is `DIALOG_PADDING` above — a panel footer bleeds back out
+          // through exactly this much, so the two move together.
           className={cn(
             'w-full max-w-sm gap-1.5 rounded-2xl border border-border bg-popover p-5 shadow-lg',
             className
@@ -163,10 +166,60 @@ const DialogDescription = forwardRef<React.ElementRef<typeof Text>, TextProps>(
 );
 DialogDescription.displayName = 'Dialog.Description';
 
-function DialogFooter({ className, ...props }: ViewProps & { className?: string }) {
+/**
+ * The dialog's padding, in points. The panel footer bleeds back out through it,
+ * so the two have to agree — a mismatch is a band inset from one edge.
+ */
+const DIALOG_PADDING = 20;
+
+const dialogFooterVariants = tv({
+  base: 'flex-row items-center justify-end gap-2',
+  variants: {
+    /**
+     * Whether the footer draws a surface of its own.
+     *
+     * `plain` is part of the dialog: same background, sitting under the content
+     * with a gap above it. `panel` is a band set into it — a rule across the
+     * top, a step darker, and the dialog's own bottom corners — which separates
+     * what the dialog says from what you can do about it. Worth it on a dialog
+     * with a form in it, where the buttons are otherwise one more row of it.
+     */
+    variant: {
+      plain: 'mt-4',
+      panel: 'mt-5 rounded-b-2xl border-t border-border bg-inset',
+    },
+  },
+  defaultVariants: {
+    variant: 'plain',
+  },
+});
+
+export interface DialogFooterProps extends ViewProps, VariantProps<typeof dialogFooterVariants> {
+  className?: string;
+}
+
+function DialogFooter({ className, variant, style, ...props }: DialogFooterProps) {
   return (
     <View
-      className={cn('mt-4 flex-row items-center justify-end gap-2', className)}
+      /*
+       * The bleed is a style rather than a class because it is arithmetic on the
+       * dialog's own padding, and a class would be a second copy of that number
+       * waiting to disagree with the first.
+       */
+      style={
+        variant === 'panel'
+          ? [
+              {
+                marginHorizontal: -DIALOG_PADDING,
+                marginBottom: -DIALOG_PADDING,
+                paddingHorizontal: DIALOG_PADDING,
+                paddingVertical: 16,
+              },
+              style,
+            ]
+          : style
+      }
+      className={cn(dialogFooterVariants({ variant }), className)}
       {...props}
     />
   );

package/src/components/hex-chart/index.tsx

@@ -269,7 +269,7 @@ const HexChartRoot = forwardRef<HexChartHandle, HexChartProps>(function HexChart
     density = 0.55,
     shape = 'blob',
     cellGap = 0.14,
-    animationDuration = 900,
+    animationDuration = 620,
     status = 'ready',
     activeIndex: activeIndexProp,
     onActiveIndexChange,
@@ -413,7 +413,7 @@ const HexChartRoot = forwardRef<HexChartHandle, HexChartProps>(function HexChart
       reveal.value = 0;
       reveal.value = withTiming(1, {
         duration: animationDuration,
-        easing: Easing.bezier(0.85, 0, 0.15, 1),
+        easing: Easing.out(Easing.cubic),
       });
     },
     [reducedMotion, animationDuration, reveal]

package/src/components/line-chart/index.tsx

@@ -221,7 +221,7 @@ const LineChartRoot = forwardRef<LineChartHandle, LineChartProps>(function LineC
     xDataKey = 'date',
     status = 'ready',
     aspectRatio = 2,
-    animationDuration = 1100,
+    animationDuration = 700,
     domainDuration = 500,
     yDomain,
     curve = 'monotone',
@@ -341,17 +341,27 @@ const LineChartRoot = forwardRef<LineChartHandle, LineChartProps>(function LineC
       reveal.value = 0;
       reveal.value = withTiming(1, {
         duration: animationDuration,
-        easing: Easing.bezier(0.85, 0, 0.15, 1),
+        easing: Easing.out(Easing.cubic),
       });
     },
     [reducedMotion, animationDuration, reveal]
   );
 
   useEffect(() => {
-    if (revealed.current || loading || plot.width <= 0 || !data.length) return;
+    /*
+     * Going back to `loading` arms the reveal again. Without this a chart that
+     * is refetched comes back fully drawn on the frame the data lands, which
+     * reads as the loading state having been for nothing.
+     */
+    if (loading) {
+      revealed.current = false;
+      reveal.value = 0;
+      return;
+    }
+    if (revealed.current || plot.width <= 0 || !data.length) return;
     revealed.current = true;
     playReveal();
-  }, [loading, plot.width, data.length, playReveal]);
+  }, [loading, plot.width, data.length, playReveal, reveal]);
 
   // `replay()` re-runs the reveal — for a control the caller wires up.
   useImperativeHandle(ref, () => ({ replay: playReveal }), [playReveal]);