panelui-native 0.6.0 → 0.7.0

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

@@ -0,0 +1,318 @@
+"use strict";
+
+/**
+ * Message — a chat turn: avatar, bubble, and the metadata around it.
+ *
+ * The pieces are separate because conversations differ in which ones they
+ * need. A support thread wants a sender name and a read receipt; an assistant
+ * transcript wants neither, but does want the bubble to carry tool output and
+ * actions. Composing them beats a component with a dozen optional props.
+ *
+ * `align` is the only thing the root decides, and everything downstream reads
+ * it from context: which side the row sits on, which way the avatar goes,
+ * which corner of the bubble is squared off, and which colour it takes.
+ *
+ * ```tsx
+ * <Message align="end">
+ *   <Message.Content>
+ *     <Message.Bubble>
+ *       <Message.BubbleContent>How can I help?</Message.BubbleContent>
+ *     </Message.Bubble>
+ *   </Message.Content>
+ * </Message>
+ * ```
+ */
+import { Children, cloneElement, createContext, forwardRef, isValidElement, useContext } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const messageVariants = tv({
+  slots: {
+    root: 'w-full flex-row items-end gap-2',
+    avatar: 'shrink-0',
+    content: 'max-w-[85%] gap-1',
+    header: 'text-xs font-medium text-muted-foreground',
+    bubble: 'rounded-2xl px-3.5 py-2.5',
+    bubbleContent: 'text-base',
+    footer: 'text-xs text-muted-foreground',
+    group: 'w-full gap-1'
+  },
+  variants: {
+    align: {
+      start: {
+        root: 'flex-row justify-start',
+        content: 'items-start',
+        // A squared corner on the side the message comes from points the
+        // bubble back at its sender.
+        bubble: 'rounded-bl-md bg-muted',
+        bubbleContent: 'text-foreground',
+        header: 'text-left',
+        footer: 'text-left'
+      },
+      end: {
+        root: 'flex-row-reverse justify-start',
+        content: 'items-end',
+        bubble: 'rounded-br-md bg-primary',
+        bubbleContent: 'text-primary-foreground',
+        header: 'text-right',
+        footer: 'text-right'
+      }
+    }
+  },
+  defaultVariants: {
+    align: 'start'
+  }
+});
+const MessageContext = /*#__PURE__*/createContext({
+  align: 'start',
+  stacked: false
+});
+
+/** Reads the alignment set by the nearest Message. */
+function useMessageContext() {
+  return useContext(MessageContext);
+}
+const GroupContext = /*#__PURE__*/createContext(null);
+const MessageRoot = /*#__PURE__*/forwardRef(({
+  className,
+  align,
+  stacked = false,
+  children,
+  ...props
+}, ref) => {
+  const group = useContext(GroupContext);
+  const resolvedAlign = align ?? group?.align ?? 'start';
+  const {
+    root
+  } = messageVariants({
+    align: resolvedAlign
+  });
+  return /*#__PURE__*/_jsx(MessageContext.Provider, {
+    value: {
+      align: resolvedAlign,
+      stacked
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: root({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+MessageRoot.displayName = 'Message';
+/**
+ * Consecutive turns from one sender. Tightens the spacing between them and
+ * marks every message after the first as `stacked`, so only the first shows an
+ * avatar and the rest stay aligned with it.
+ */
+const MessageGroup = /*#__PURE__*/forwardRef(({
+  className,
+  align = 'start',
+  children,
+  ...props
+}, ref) => {
+  const {
+    group
+  } = messageVariants({
+    align
+  });
+
+  // Every turn after the first is a continuation, so it drops its avatar and
+  // sits tight against the one above. A child that sets `stacked` itself
+  // wins — grouping is a default, not a rule.
+  const stackedChildren = Children.map(children, (child, index) => /*#__PURE__*/isValidElement(child) && child.props.stacked === undefined ? /*#__PURE__*/cloneElement(child, {
+    stacked: index > 0
+  }) : child);
+  return /*#__PURE__*/_jsx(GroupContext.Provider, {
+    value: {
+      align
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: group({
+        className
+      }),
+      ...props,
+      children: stackedChildren
+    })
+  });
+});
+MessageGroup.displayName = 'Message.Group';
+/**
+ * Slot for the sender's avatar. On a stacked message the slot is rendered but
+ * left empty, which keeps the bubbles in a column instead of letting the
+ * second one slide under the first one's avatar.
+ */
+const MessageAvatar = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    stacked
+  } = useMessageContext();
+  const {
+    avatar
+  } = messageVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: avatar({
+      className
+    }),
+    ...props,
+    children: stacked ? /*#__PURE__*/_jsx(View, {
+      className: "opacity-0",
+      children: children
+    }) : children
+  });
+});
+MessageAvatar.displayName = 'Message.Avatar';
+/** Column holding the header, bubble and footer. */
+const MessageContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  const {
+    content
+  } = messageVariants({
+    align
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+MessageContent.displayName = 'Message.Content';
+/** Sender name or timestamp above the bubble. */
+const MessageHeader = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  const {
+    header
+  } = messageVariants({
+    align
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    size: "xs",
+    className: header({
+      className
+    }),
+    ...props
+  });
+});
+MessageHeader.displayName = 'Message.Header';
+/** The speech bubble. Takes its colour and squared corner from `align`. */
+const MessageBubble = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  const {
+    bubble
+  } = messageVariants({
+    align
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: bubble({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+MessageBubble.displayName = 'Message.Bubble';
+/** Text inside the bubble, in whichever colour reads against it. */
+const MessageBubbleContent = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  const {
+    bubbleContent
+  } = messageVariants({
+    align
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: bubbleContent({
+      className
+    }),
+    ...props
+  });
+});
+MessageBubbleContent.displayName = 'Message.BubbleContent';
+/** Delivery state, timestamp or actions below the bubble. */
+const MessageFooter = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  const {
+    footer
+  } = messageVariants({
+    align
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    size: "xs",
+    className: footer({
+      className
+    }),
+    ...props
+  });
+});
+MessageFooter.displayName = 'Message.Footer';
+/** Row of controls under the bubble — copy, retry, feedback. */
+const MessageActions = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    align
+  } = useMessageContext();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn('flex-row items-center gap-1', align === 'end' && 'flex-row-reverse', className),
+    ...props,
+    children: children
+  });
+});
+MessageActions.displayName = 'Message.Actions';
+export const Message = Object.assign(MessageRoot, {
+  Group: MessageGroup,
+  Avatar: MessageAvatar,
+  Content: MessageContent,
+  Header: MessageHeader,
+  Bubble: MessageBubble,
+  BubbleContent: MessageBubbleContent,
+  Footer: MessageFooter,
+  Actions: MessageActions
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","cloneElement","createContext","forwardRef","isValidElement","useContext","View","tv","Text","cn","jsx","_jsx","messageVariants","slots","root","avatar","content","header","bubble","bubbleContent","footer","group","variants","align","start","end","defaultVariants","MessageContext","stacked","useMessageContext","GroupContext","MessageRoot","className","children","props","ref","resolvedAlign","Provider","value","displayName","MessageGroup","stackedChildren","map","child","index","undefined","MessageAvatar","MessageContent","MessageHeader","size","MessageBubble","MessageBubbleContent","MessageFooter","MessageActions","Message","Object","assign","Group","Avatar","Content","Header","Bubble","BubbleContent","Footer","Actions"],"sourceRoot":"../../../../src","sources":["components/message/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/scroll-fade/index.js

@@ -3,14 +3,13 @@
 /**
  * ScrollFade — fades the edges of a scroll container.
  *
- * The React Native equivalent of shadcn-ui/ui's `scroll-fade` utility
- * (https://ui.shadcn.com/docs/utils/scroll-fade), which is CSS `mask-image`
- * driven by a scroll timeline. React Native has neither masks nor scroll
- * timelines, so the fades are SVG gradients overlaid on each edge, with their
- * opacity following the scroll position.
+ * Content that runs past a boundary reads better fading out than being cut
+ * off, and the fade doubles as an affordance: an edge that is fading is an
+ * edge with more content behind it.
  *
- * Composition follows heroui-native's ScrollShadow: wrap the scrollable and
- * let the orientation be inferred from its `horizontal` prop.
+ * Scroll position, content size and viewport size are all held in shared
+ * values and consumed by `useAnimatedStyle`, so the fades track the scroll on
+ * the UI thread without re-rendering React.
  *
  * ```tsx
  * <ScrollFade>
@@ -18,61 +17,101 @@
  * </ScrollFade>
  * ```
  */
-import { Children, cloneElement, isValidElement, useState } from 'react';
-import { View } from 'react-native';
-import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
+import { Children, isValidElement, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import Animated, { useAnimatedScrollHandler, useAnimatedStyle, useComposedEventHandler, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { useCSSVariable } from 'uniwind';
 
 /** Past this many pixels from an edge, that edge's fade is fully shown. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FADE_IN_DISTANCE = 24;
+const DEFAULT_FADE_IN_DISTANCE = 24;
 export function ScrollFade({
   className,
   size = 48,
   edges = 'both',
+  orientation,
   color,
+  fadeInDistance = DEFAULT_FADE_IN_DISTANCE,
+  enabled = true,
   children,
   ...props
 }) {
-  const [startOpacity, setStartOpacity] = useState(0);
-  const [endOpacity, setEndOpacity] = useState(0);
+  const offset = useSharedValue(0);
+  const contentLength = useSharedValue(0);
+  const viewportLength = useSharedValue(0);
   const themeBackground = useCSSVariable('--color-background');
   const fadeColor = color ?? (typeof themeBackground === 'string' ? themeBackground : '#000000');
   const child = Children.only(children);
-  const horizontal = /*#__PURE__*/isValidElement(child) ? !!child.props.horizontal : false;
-  const handleScroll = event => {
-    const {
-      contentOffset,
-      contentSize,
-      layoutMeasurement
-    } = event.nativeEvent;
-    const offset = horizontal ? contentOffset.x : contentOffset.y;
-    const total = horizontal ? contentSize.width : contentSize.height;
-    const visible = horizontal ? layoutMeasurement.width : layoutMeasurement.height;
-    const remaining = total - visible - offset;
+  const horizontal = orientation !== undefined ? orientation === 'horizontal' : /*#__PURE__*/isValidElement(child) && !!child.props.horizontal;
+
+  // Reanimated can only drive a scroll handler on an animated component, and
+  // `Animated.ScrollView` is not necessarily what was passed in — the child may
+  // be a FlatList, a SectionList or a custom scrollable. Keyed on the element
+  // *type*, not the element: rebuilding the wrapper would remount the list.
+  const childType = /*#__PURE__*/isValidElement(child) ? child.type : null;
+  const AnimatedScrollable = useMemo(() => childType ? Animated.createAnimatedComponent(childType) : null, [childType]);
+  const scrollHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      const {
+        contentOffset,
+        contentSize,
+        layoutMeasurement
+      } = event;
+      offset.value = horizontal ? contentOffset.x : contentOffset.y;
+      contentLength.value = horizontal ? contentSize.width : contentSize.height;
+      viewportLength.value = horizontal ? layoutMeasurement.width : layoutMeasurement.height;
+    }
+  });
 
-    // Each edge fades in over the first FADE_IN_DISTANCE px of travel, so an
-    // edge with nothing past it shows nothing.
-    setStartOpacity(Math.min(offset / FADE_IN_DISTANCE, 1));
-    setEndOpacity(Math.min(Math.max(remaining, 0) / FADE_IN_DISTANCE, 1));
-    child.props.onScroll?.(event);
+  // A consumer `onScroll` is composed rather than dropped — but because the
+  // child is now an animated component it has to be an animated handler too.
+  const onScroll = useComposedEventHandler([scrollHandler, child.props.onScroll ?? null]);
+
+  // Measured up front as well as on scroll, so an end edge with content behind
+  // it fades from the first frame rather than waiting for a scroll event.
+  const onLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    viewportLength.value = horizontal ? width : height;
+    child.props.onLayout?.(event);
+  };
+  const onContentSizeChange = (width, height) => {
+    contentLength.value = horizontal ? width : height;
+    child.props.onContentSizeChange?.(width, height);
   };
-  const scrollable = /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
-    onScroll: handleScroll,
+  const startOpacity = useDerivedValue(() => Math.min(offset.value / fadeInDistance, 1));
+  const endOpacity = useDerivedValue(() => {
+    // Nothing to fade towards when the content fits inside the viewport.
+    const remaining = contentLength.value - viewportLength.value - offset.value;
+    return Math.min(Math.max(remaining, 0) / fadeInDistance, 1);
+  });
+  const scrollable = AnimatedScrollable && /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/_jsx(AnimatedScrollable, {
+    ...child.props,
+    onScroll: onScroll,
+    onLayout: onLayout,
+    onContentSizeChange: onContentSizeChange,
     scrollEventThrottle: child.props.scrollEventThrottle ?? 16
   }) : child;
-  const showStart = edges !== 'end';
-  const showEnd = edges !== 'start';
+  if (!enabled || edges === 'none') {
+    return /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: className,
+      children: scrollable
+    });
+  }
   return /*#__PURE__*/_jsxs(View, {
     ...props,
     className: className,
-    children: [scrollable, showStart ? /*#__PURE__*/_jsx(Fade, {
+    children: [scrollable, edges !== 'end' ? /*#__PURE__*/_jsx(Fade, {
       color: fadeColor,
       size: size,
       horizontal: horizontal,
       opacity: startOpacity,
       edge: "start"
-    }) : null, showEnd ? /*#__PURE__*/_jsx(Fade, {
+    }) : null, edges !== 'start' ? /*#__PURE__*/_jsx(Fade, {
       color: fadeColor,
       size: size,
       horizontal: horizontal,
@@ -92,7 +131,6 @@ function Fade({
   edge
 }) {
   const isStart = edge === 'start';
-  const id = `scroll-fade-${edge}-${horizontal ? 'x' : 'y'}`;
   const position = horizontal ? {
     top: 0,
     bottom: 0,
@@ -112,45 +150,55 @@ function Fade({
       bottom: 0
     })
   };
+  const style = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
 
-  // The gradient runs from the screen edge inwards, so it is reversed on the
+  // The gradient runs from the edge inwards, so its stops are reversed on the
   // end edge.
-  const [x2, y2] = horizontal ? [1, 0] : [0, 1];
-  return /*#__PURE__*/_jsx(View, {
+  const colors = isStart ? [withAlpha(color, 1), withAlpha(color, 0)] : [withAlpha(color, 0), withAlpha(color, 1)];
+  return /*#__PURE__*/_jsx(Animated.View, {
     pointerEvents: "none",
-    style: {
-      position: 'absolute',
-      opacity,
-      ...position
-    },
-    children: /*#__PURE__*/_jsxs(Svg, {
-      width: "100%",
-      height: "100%",
-      children: [/*#__PURE__*/_jsx(Defs, {
-        children: /*#__PURE__*/_jsxs(LinearGradient, {
-          id: id,
-          x1: "0",
-          y1: "0",
-          x2: String(x2),
-          y2: String(y2),
-          children: [/*#__PURE__*/_jsx(Stop, {
-            offset: "0",
-            stopColor: color,
-            stopOpacity: isStart ? 1 : 0
-          }), /*#__PURE__*/_jsx(Stop, {
-            offset: "1",
-            stopColor: color,
-            stopOpacity: isStart ? 0 : 1
-          })]
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: "0",
-        y: "0",
-        width: "100%",
-        height: "100%",
-        fill: `url(#${id})`
-      })]
+    style: [{
+      position: 'absolute'
+    }, position, style],
+    children: /*#__PURE__*/_jsx(LinearGradient, {
+      colors: colors,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: horizontal ? {
+        x: 1,
+        y: 0
+      } : {
+        x: 0,
+        y: 1
+      },
+      style: StyleSheet.absoluteFill
     })
   });
 }
+
+/**
+ * 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;
+}
 //# sourceMappingURL=index.js.map

package/lib/module/components/scroll-fade/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","isValidElement","useState","View","Svg","Defs","LinearGradient","Rect","Stop","useCSSVariable","jsx","_jsx","jsxs","_jsxs","FADE_IN_DISTANCE","ScrollFade","className","size","edges","color","children","props","startOpacity","setStartOpacity","endOpacity","setEndOpacity","themeBackground","fadeColor","child","only","horizontal","handleScroll","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","offset","x","y","total","width","height","visible","remaining","Math","min","max","onScroll","scrollable","scrollEventThrottle","showStart","showEnd","Fade","opacity","edge","displayName","isStart","id","position","top","bottom","left","right","x2","y2","pointerEvents","style","x1","y1","String","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../src","sources":["components/scroll-fade/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","isValidElement","useMemo","StyleSheet","View","LinearGradient","Animated","useAnimatedScrollHandler","useAnimatedStyle","useComposedEventHandler","useDerivedValue","useSharedValue","useCSSVariable","jsx","_jsx","jsxs","_jsxs","DEFAULT_FADE_IN_DISTANCE","ScrollFade","className","size","edges","orientation","color","fadeInDistance","enabled","children","props","offset","contentLength","viewportLength","themeBackground","fadeColor","child","only","horizontal","undefined","childType","type","AnimatedScrollable","createAnimatedComponent","scrollHandler","onScroll","event","contentOffset","contentSize","layoutMeasurement","value","x","y","width","height","onLayout","nativeEvent","layout","onContentSizeChange","startOpacity","Math","min","endOpacity","remaining","max","scrollable","scrollEventThrottle","Fade","opacity","edge","displayName","isStart","position","top","bottom","left","right","style","colors","withAlpha","pointerEvents","start","end","absoluteFill","alpha","startsWith","hex","slice","full","length","split","map","c","join","r","parseInt","g","b","Number","isNaN","channels","match","part","trim"],"sourceRoot":"../../../../src","sources":["components/scroll-fade/index.tsx"],"mappings":"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","ignoreList":[]}