@crafter/rn-ai-elements 0.0.1

package/lib/module/hooks/useStickToBottom.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+/**
+ * Chat-style "stick to bottom" behaviour for a FlatList.
+ *
+ * When the user is scrolled to (or near) the bottom and new content arrives,
+ * the list automatically scrolls down. If the user scrolls up to read history,
+ * auto-scrolling pauses until they return to the bottom.
+ *
+ * ```tsx
+ * const { ref, onScroll, onContentSizeChange, isAtBottom, scrollToBottom } =
+ *   useStickToBottom();
+ *
+ * <FlatList
+ *   ref={ref}
+ *   onScroll={onScroll}
+ *   onContentSizeChange={onContentSizeChange}
+ *   scrollEventThrottle={16}
+ *   ...
+ * />
+ * ```
+ */
+export function useStickToBottom(options = {}) {
+  const {
+    threshold = 50
+  } = options;
+  const ref = useRef(null);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  const onScroll = useCallback(event => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = event.nativeEvent;
+    const distanceFromBottom = contentSize.height - layoutMeasurement.height - contentOffset.y;
+    setIsAtBottom(distanceFromBottom <= threshold);
+  }, [threshold]);
+  const scrollToBottom = useCallback(() => {
+    ref.current?.scrollToEnd({
+      animated: true
+    });
+  }, []);
+
+  // Keep a ref so the callback doesn't re-create on every isAtBottom change,
+  // but still reads the latest value.
+  const isAtBottomRef = useRef(isAtBottom);
+  isAtBottomRef.current = isAtBottom;
+  const onContentSizeChange = useCallback(() => {
+    if (isAtBottomRef.current) {
+      ref.current?.scrollToEnd({
+        animated: true
+      });
+    }
+  }, []);
+  return {
+    isAtBottom,
+    scrollToBottom,
+    onScroll,
+    onContentSizeChange,
+    ref
+  };
+}
+//# sourceMappingURL=useStickToBottom.js.map

package/lib/module/hooks/useStickToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","useStickToBottom","options","threshold","ref","isAtBottom","setIsAtBottom","onScroll","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","distanceFromBottom","height","y","scrollToBottom","current","scrollToEnd","animated","isAtBottomRef","onContentSizeChange"],"sourceRoot":"../../../src","sources":["hooks/useStickToBottom.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAyBrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,OAAgC,GAAG,CAAC,CAAC,EACV;EAC3B,MAAM;IAAEC,SAAS,GAAG;EAAG,CAAC,GAAGD,OAAO;EAClC,MAAME,GAAG,GAAGL,MAAM,CAAc,IAAI,CAAC;EACrC,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAAC,IAAI,CAAC;EAElD,MAAMO,QAAQ,GAAGT,WAAW,CACzBU,KAA8C,IAAK;IAClD,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GACrDH,KAAK,CAACI,WAAW;IAEnB,MAAMC,kBAAkB,GACtBH,WAAW,CAACI,MAAM,GAAGH,iBAAiB,CAACG,MAAM,GAAGL,aAAa,CAACM,CAAC;IAEjET,aAAa,CAACO,kBAAkB,IAAIV,SAAS,CAAC;EAChD,CAAC,EACD,CAACA,SAAS,CACZ,CAAC;EAED,MAAMa,cAAc,GAAGlB,WAAW,CAAC,MAAM;IACvCM,GAAG,CAACa,OAAO,EAAEC,WAAW,CAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA,MAAMC,aAAa,GAAGrB,MAAM,CAACM,UAAU,CAAC;EACxCe,aAAa,CAACH,OAAO,GAAGZ,UAAU;EAElC,MAAMgB,mBAAmB,GAAGvB,WAAW,CAAC,MAAM;IAC5C,IAAIsB,aAAa,CAACH,OAAO,EAAE;MACzBb,GAAG,CAACa,OAAO,EAAEC,WAAW,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IAC9C;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEd,UAAU;IAAEW,cAAc;IAAET,QAAQ;IAAEc,mBAAmB;IAAEjB;EAAI,CAAC;AAC3E","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// @crafter/rn-ai-elements — public surface
+// ---------------------------------------------------------------------------
+
+// --- Theme ----------------------------------------------------------------
+export { AIElementsProvider, useAIElementsTheme, lightTheme, darkTheme } from './theme';
+// --- Primitives -----------------------------------------------------------
+export { Button, Badge, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Collapsible, CollapsibleTrigger, CollapsibleContent, ScrollArea } from './primitives';
+// --- Streaming Markdown ---------------------------------------------------
+export { StreamingMarkdown } from './streaming';
+// --- Hooks ----------------------------------------------------------------
+export { useAutoScroll, useClipboard, useStickToBottom, useCollapsible } from './hooks';
+// --- Chatbot components ---------------------------------------------------
+export { Conversation, ConversationScrollButton, ChatMessageItem, ChatErrorBoundary, Message, MessageAvatar, MessageContent, MessageActions, PromptInput, Reasoning, Suggestion, Shimmer, Tool, ToolHeader, ToolArgs, ToolResult, Sources, Attachments, AIImage, uiMessageToChatMessageData } from './chatbot';
+
+// --- Chatbot types --------------------------------------------------------
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AIElementsProvider","useAIElementsTheme","lightTheme","darkTheme","Button","Badge","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Collapsible","CollapsibleTrigger","CollapsibleContent","ScrollArea","StreamingMarkdown","useAutoScroll","useClipboard","useStickToBottom","useCollapsible","Conversation","ConversationScrollButton","ChatMessageItem","ChatErrorBoundary","Message","MessageAvatar","MessageContent","MessageActions","PromptInput","Reasoning","Suggestion","Shimmer","Tool","ToolHeader","ToolArgs","ToolResult","Sources","Attachments","AIImage","uiMessageToChatMessageData"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA;AACA,SACEA,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,SAAS,QACJ,SAAS;AAWhB;AACA,SACEC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,QACL,cAAc;AAmBrB;AACA,SAASC,iBAAiB,QAAQ,aAAa;AAG/C;AACA,SACEC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,cAAc,QACT,SAAS;AAWhB;AACA,SACEC,YAAY,EACZC,wBAAwB,EACxBC,eAAe,EACfC,iBAAiB,EACjBC,OAAO,EACPC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,0BAA0B,QACrB,WAAW;;AAElB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/primitives/Badge.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+function getVariantStyles(variant, theme) {
+  const {
+    colors
+  } = theme;
+  switch (variant) {
+    case 'default':
+      return {
+        container: {
+          backgroundColor: colors.primary
+        },
+        text: {
+          color: colors.primaryForeground
+        }
+      };
+    case 'secondary':
+      return {
+        container: {
+          backgroundColor: colors.secondary
+        },
+        text: {
+          color: colors.secondaryForeground
+        }
+      };
+    case 'outline':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderColor: colors.border
+        },
+        text: {
+          color: colors.foreground
+        }
+      };
+    case 'destructive':
+      return {
+        container: {
+          backgroundColor: colors.destructive
+        },
+        text: {
+          color: colors.destructiveForeground
+        }
+      };
+    case 'success':
+      return {
+        container: {
+          backgroundColor: colors.success
+        },
+        text: {
+          color: colors.successForeground
+        }
+      };
+    case 'warning':
+      return {
+        container: {
+          backgroundColor: colors.warning
+        },
+        text: {
+          color: colors.warningForeground
+        }
+      };
+  }
+}
+export function Badge({
+  variant = 'default',
+  children,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const variantStyles = getVariantStyles(variant, theme);
+  const textStyle = {
+    ...variantStyles.text,
+    fontSize: theme.typography.fontSize.xs,
+    fontWeight: theme.typography.fontWeight.semibold,
+    fontFamily: theme.typography.fontFamily,
+    // Intentionally no lineHeight override — on iOS, lineHeight much larger
+    // than fontSize creates a tall line box with the glyph sitting at the
+    // baseline, which looks pushed-down inside a short pill. Letting RN use
+    // the native font metrics + the container's `alignItems: center` gives
+    // proper vertical centering.
+    textAlignVertical: 'center',
+    // Android
+    includeFontPadding: false // Android — strip extra font padding
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.base, {
+      borderRadius: theme.radius.full
+    }, variantStyles.container, style],
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: children
+    }) : children
+  });
+}
+const styles = StyleSheet.create({
+  base: {
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 10,
+    paddingVertical: 3,
+    // Consistent pill height regardless of rendered font metrics — keeps
+    // every variant the same visual size even when text differs.
+    minHeight: 22
+  }
+});
+//# sourceMappingURL=Badge.js.map

package/lib/module/primitives/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useAIElementsTheme","jsx","_jsx","getVariantStyles","variant","theme","colors","container","backgroundColor","primary","text","color","primaryForeground","secondary","secondaryForeground","borderWidth","borderColor","border","foreground","destructive","destructiveForeground","success","successForeground","warning","warningForeground","Badge","children","style","variantStyles","textStyle","fontSize","typography","xs","fontWeight","semibold","fontFamily","textAlignVertical","includeFontPadding","styles","base","borderRadius","radius","full","create","alignSelf","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","minHeight"],"sourceRoot":"../../../src","sources":["primitives/Badge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/Button.js

@@ -0,0 +1,180 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { Pressable, Text, View, StyleSheet } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getVariantStyles(variant, theme) {
+  const {
+    colors,
+    radius
+  } = theme;
+  switch (variant) {
+    case 'default':
+      return {
+        container: {
+          backgroundColor: colors.primary,
+          borderRadius: radius.md
+        },
+        text: {
+          color: colors.primaryForeground
+        }
+      };
+    case 'secondary':
+      return {
+        container: {
+          backgroundColor: colors.secondary,
+          borderRadius: radius.md
+        },
+        text: {
+          color: colors.secondaryForeground
+        }
+      };
+    case 'outline':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius.md
+        },
+        text: {
+          color: colors.foreground
+        }
+      };
+    case 'ghost':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderRadius: radius.md
+        },
+        text: {
+          color: colors.foreground
+        }
+      };
+    case 'destructive':
+      return {
+        container: {
+          backgroundColor: colors.destructive,
+          borderRadius: radius.md
+        },
+        text: {
+          color: colors.destructiveForeground
+        }
+      };
+  }
+}
+function getSizeStyles(size, theme) {
+  const {
+    spacing,
+    typography
+  } = theme;
+  switch (size) {
+    case 'sm':
+      return {
+        container: {
+          paddingVertical: spacing.xs,
+          paddingHorizontal: spacing.sm,
+          minHeight: 32
+        },
+        text: {
+          fontSize: typography.fontSize.sm
+        }
+      };
+    case 'md':
+      return {
+        container: {
+          paddingVertical: spacing.sm,
+          paddingHorizontal: spacing.lg,
+          minHeight: 40
+        },
+        text: {
+          fontSize: typography.fontSize.md
+        }
+      };
+    case 'lg':
+      return {
+        container: {
+          paddingVertical: spacing.md,
+          paddingHorizontal: spacing.xl,
+          minHeight: 48
+        },
+        text: {
+          fontSize: typography.fontSize.lg
+        }
+      };
+  }
+}
+export function Button({
+  variant = 'default',
+  size = 'md',
+  disabled = false,
+  onPress,
+  children,
+  style,
+  leftIcon,
+  rightIcon,
+  ...pressableProps
+}) {
+  const theme = useAIElementsTheme();
+  const variantStyles = getVariantStyles(variant, theme);
+  const sizeStyles = getSizeStyles(size, theme);
+  const renderContent = useCallback(pressed => {
+    const textStyle = {
+      ...sizeStyles.text,
+      ...variantStyles.text,
+      fontWeight: theme.typography.fontWeight.semibold,
+      fontFamily: theme.typography.fontFamily,
+      opacity: disabled ? 0.5 : pressed ? 0.8 : 1
+    };
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [leftIcon && /*#__PURE__*/_jsx(View, {
+        style: styles.iconLeft,
+        children: leftIcon
+      }), typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: textStyle,
+        children: children
+      }) : children, rightIcon && /*#__PURE__*/_jsx(View, {
+        style: styles.iconRight,
+        children: rightIcon
+      })]
+    });
+  }, [children, leftIcon, rightIcon, sizeStyles.text, variantStyles.text, theme, disabled]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...pressableProps,
+    onPress: onPress,
+    disabled: disabled,
+    style: ({
+      pressed
+    }) => [styles.base, variantStyles.container, sizeStyles.container, disabled && styles.disabled, pressed && styles.pressed, style],
+    children: ({
+      pressed
+    }) => renderContent(pressed)
+  });
+}
+const styles = StyleSheet.create({
+  base: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  iconLeft: {
+    marginRight: 8
+  },
+  iconRight: {
+    marginLeft: 8
+  }
+});
+//# sourceMappingURL=Button.js.map

package/lib/module/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Pressable","Text","View","StyleSheet","useAIElementsTheme","jsx","_jsx","jsxs","_jsxs","getVariantStyles","variant","theme","colors","radius","container","backgroundColor","primary","borderRadius","md","text","color","primaryForeground","secondary","secondaryForeground","borderWidth","borderColor","border","foreground","destructive","destructiveForeground","getSizeStyles","size","spacing","typography","paddingVertical","xs","paddingHorizontal","sm","minHeight","fontSize","lg","xl","Button","disabled","onPress","children","style","leftIcon","rightIcon","pressableProps","variantStyles","sizeStyles","renderContent","pressed","textStyle","fontWeight","semibold","fontFamily","opacity","styles","content","iconLeft","iconRight","base","create","flexDirection","alignItems","justifyContent","marginRight","marginLeft"],"sourceRoot":"../../../src","sources":["primitives/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/Card.js

@@ -0,0 +1,156 @@
+"use strict";
+
+import React, { createContext, useContext } from 'react';
+import { View, Text, StyleSheet, Platform } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Context (shared theme reference for compound children)
+// ---------------------------------------------------------------------------
+
+const CardContext = /*#__PURE__*/createContext(null);
+function useCardTheme() {
+  const ctx = useContext(CardContext);
+  if (!ctx) {
+    throw new Error('Card compound components must be used within a <Card>.');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Prop types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Components
+// ---------------------------------------------------------------------------
+
+export function Card({
+  children,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const {
+    colors,
+    radius
+  } = theme;
+  const shadowStyle = Platform.select({
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.05,
+      shadowRadius: 2
+    },
+    android: {
+      elevation: 1
+    },
+    default: {}
+  });
+  return /*#__PURE__*/_jsx(CardContext.Provider, {
+    value: theme,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.card, {
+        backgroundColor: colors.card,
+        borderColor: colors.border,
+        borderRadius: radius.lg
+      }, shadowStyle, style],
+      children: children
+    })
+  });
+}
+export function CardHeader({
+  children,
+  style
+}) {
+  const theme = useCardTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.header, {
+      padding: theme.spacing.lg
+    }, style],
+    children: children
+  });
+}
+export function CardTitle({
+  children,
+  style
+}) {
+  const theme = useCardTheme();
+  return /*#__PURE__*/_jsx(Text, {
+    style: [{
+      color: theme.colors.cardForeground,
+      fontSize: theme.typography.fontSize.lg,
+      fontWeight: theme.typography.fontWeight.semibold,
+      fontFamily: theme.typography.fontFamily,
+      lineHeight: theme.typography.fontSize.lg * theme.typography.lineHeight.tight
+    }, style],
+    children: children
+  });
+}
+export function CardDescription({
+  children,
+  style
+}) {
+  const theme = useCardTheme();
+  return /*#__PURE__*/_jsx(Text, {
+    style: [{
+      color: theme.colors.mutedForeground,
+      fontSize: theme.typography.fontSize.sm,
+      fontFamily: theme.typography.fontFamily,
+      lineHeight: theme.typography.fontSize.sm * theme.typography.lineHeight.normal,
+      marginTop: theme.spacing.xs
+    }, style],
+    children: children
+  });
+}
+export function CardContent({
+  children,
+  style
+}) {
+  const theme = useCardTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.content, {
+      paddingHorizontal: theme.spacing.lg,
+      paddingBottom: theme.spacing.lg
+    }, style],
+    children: children
+  });
+}
+export function CardFooter({
+  children,
+  style
+}) {
+  const theme = useCardTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.footer, {
+      paddingHorizontal: theme.spacing.lg,
+      paddingBottom: theme.spacing.lg,
+      borderTopColor: theme.colors.border
+    }, style],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  card: {
+    borderWidth: 1,
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'column'
+  },
+  content: {},
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderTopWidth: StyleSheet.hairlineWidth,
+    paddingTop: 16
+  }
+});
+//# sourceMappingURL=Card.js.map

package/lib/module/primitives/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","View","Text","StyleSheet","Platform","useAIElementsTheme","jsx","_jsx","CardContext","useCardTheme","ctx","Error","Card","children","style","theme","colors","radius","shadowStyle","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","default","Provider","value","styles","card","backgroundColor","borderColor","border","borderRadius","lg","CardHeader","header","padding","spacing","CardTitle","color","cardForeground","fontSize","typography","fontWeight","semibold","fontFamily","lineHeight","tight","CardDescription","mutedForeground","sm","normal","marginTop","xs","CardContent","content","paddingHorizontal","paddingBottom","CardFooter","footer","borderTopColor","create","borderWidth","overflow","flexDirection","alignItems","borderTopWidth","hairlineWidth","paddingTop"],"sourceRoot":"../../../src","sources":["primitives/Card.tsx"],"mappings":"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","ignoreList":[]}