panelui-native 0.5.3 → 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

@@ -0,0 +1,204 @@
+"use strict";
+
+/**
+ * ScrollFade — fades the edges of a scroll container.
+ *
+ * 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.
+ *
+ * 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>
+ *   <ScrollView horizontal>…</ScrollView>
+ * </ScrollFade>
+ * ```
+ */
+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 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 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 = 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;
+    }
+  });
+
+  // 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 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;
+  if (!enabled || edges === 'none') {
+    return /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: className,
+      children: scrollable
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    className: className,
+    children: [scrollable, edges !== 'end' ? /*#__PURE__*/_jsx(Fade, {
+      color: fadeColor,
+      size: size,
+      horizontal: horizontal,
+      opacity: startOpacity,
+      edge: "start"
+    }) : null, edges !== 'start' ? /*#__PURE__*/_jsx(Fade, {
+      color: fadeColor,
+      size: size,
+      horizontal: horizontal,
+      opacity: endOpacity,
+      edge: "end"
+    }) : null]
+  });
+}
+ScrollFade.displayName = 'ScrollFade';
+
+/** One edge's gradient, opaque at the edge and clear inwards. */
+function Fade({
+  color,
+  size,
+  horizontal,
+  opacity,
+  edge
+}) {
+  const isStart = edge === 'start';
+  const position = horizontal ? {
+    top: 0,
+    bottom: 0,
+    width: size,
+    ...(isStart ? {
+      left: 0
+    } : {
+      right: 0
+    })
+  } : {
+    left: 0,
+    right: 0,
+    height: size,
+    ...(isStart ? {
+      top: 0
+    } : {
+      bottom: 0
+    })
+  };
+  const style = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+
+  // The gradient runs from the edge inwards, so its stops are reversed on the
+  // end edge.
+  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'
+    }, 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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -5,6 +5,7 @@ import { Pressable, ScrollView, View } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { CheckIcon, ChevronDownIcon } from "../../icons/index.js";
+import { getNativeUI } from "../../native/index.js";
 import { Text } from "../../primitives/text.js";
 import { BottomSheet } from "../bottom-sheet/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -75,18 +76,25 @@ function SelectRoot({
   placeholder = 'Select an option',
   title,
   disabled,
+  native,
+  nativeAppearance = 'menu',
   children
 }) {
   const [open, setOpen] = useState(false);
-  const selectedLabel = useMemo(() => {
-    let label;
+  const nativeUI = native ? getNativeUI() : null;
+  const options = useMemo(() => {
+    const collected = [];
     Children.forEach(children, child => {
-      if (/*#__PURE__*/isValidElement(child) && child.props.value === value) {
-        label = child.props.label;
+      if (/*#__PURE__*/isValidElement(child)) {
+        collected.push({
+          value: child.props.value,
+          label: child.props.label
+        });
       }
     });
-    return label;
-  }, [children, value]);
+    return collected;
+  }, [children]);
+  const selectedLabel = useMemo(() => options.find(option => option.value === value)?.label, [options, value]);
   const context = useMemo(() => ({
     value,
     onSelect: next => {
@@ -102,6 +110,27 @@ function SelectRoot({
     disabled: !!disabled
   });
   const chevronColor = useCSSVariable('--color-muted-foreground');
+  if (nativeUI) {
+    const {
+      Host,
+      Picker
+    } = nativeUI;
+    // The native picker has no empty state, so an unset value shows the first
+    // option rather than the placeholder.
+    return /*#__PURE__*/_jsx(Host, {
+      matchContents: true,
+      children: /*#__PURE__*/_jsx(Picker, {
+        selectedValue: value ?? options[0]?.value ?? '',
+        onValueChange: next => onValueChange(next),
+        appearance: nativeAppearance,
+        enabled: !disabled,
+        children: options.map(option => /*#__PURE__*/_jsx(Picker.Item, {
+          label: option.label,
+          value: option.value
+        }, option.value))
+      })
+    });
+  }
   return /*#__PURE__*/_jsxs(SelectContext.Provider, {
     value: context,
     children: [/*#__PURE__*/_jsxs(Pressable, {

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

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","isValidElement","useContext","useMemo","useState","Pressable","ScrollView","View","tv","useCSSVariable","CheckIcon","ChevronDownIcon","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","item","itemLabel","itemIndicator","variants","selected","true","disabled","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","open","setOpen","selectedLabel","forEach","child","props","next","placeholderSlot","chevronColor","Provider","expanded","onOpenChange","Content","weight","bounces","Select","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","createContext","isValidElement","useContext","useMemo","useState","Pressable","ScrollView","View","tv","useCSSVariable","CheckIcon","ChevronDownIcon","getNativeUI","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","item","itemLabel","itemIndicator","variants","selected","true","disabled","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","native","nativeAppearance","open","setOpen","nativeUI","options","collected","forEach","child","push","props","selectedLabel","find","option","next","placeholderSlot","chevronColor","Host","Picker","matchContents","selectedValue","appearance","enabled","map","Item","Provider","expanded","onOpenChange","Content","weight","bounces","Select","Object","assign"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":"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","ignoreList":[]}