@crafter/rn-ai-elements 0.0.1

package/lib/commonjs/hooks/useAutoScroll.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutoScroll = useAutoScroll;
+var _react = require("react");
+/**
+ * Provides a FlatList ref and helpers that keep the list pinned to the bottom.
+ *
+ * ```tsx
+ * const { ref, onContentSizeChange } = useAutoScroll();
+ * <FlatList ref={ref} onContentSizeChange={onContentSizeChange} ... />
+ * ```
+ */
+function useAutoScroll(options = {}) {
+  const {
+    enabled = true
+  } = options;
+  const ref = (0, _react.useRef)(null);
+  const scrollToEnd = (0, _react.useCallback)(() => {
+    ref.current?.scrollToEnd({
+      animated: true
+    });
+  }, []);
+  const onContentSizeChange = (0, _react.useCallback)(() => {
+    if (enabled) {
+      ref.current?.scrollToEnd({
+        animated: true
+      });
+    }
+  }, [enabled]);
+  return {
+    ref,
+    scrollToEnd,
+    onContentSizeChange
+  };
+}
+//# sourceMappingURL=useAutoScroll.js.map

package/lib/commonjs/hooks/useAutoScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useAutoScroll","options","enabled","ref","useRef","scrollToEnd","useCallback","current","animated","onContentSizeChange"],"sourceRoot":"../../../src","sources":["hooks/useAutoScroll.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAC3BC,OAA6B,GAAG,CAAC,CAAC,EACV;EACxB,MAAM;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGD,OAAO;EAClC,MAAME,GAAG,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EAErC,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCH,GAAG,CAACI,OAAO,EAAEF,WAAW,CAAC;MAAEG,QAAQ,EAAE;IAAK,CAAC,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,mBAAmB,GAAG,IAAAH,kBAAW,EAAC,MAAM;IAC5C,IAAIJ,OAAO,EAAE;MACXC,GAAG,CAACI,OAAO,EAAEF,WAAW,CAAC;QAAEG,QAAQ,EAAE;MAAK,CAAC,CAAC;IAC9C;EACF,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEb,OAAO;IAAEC,GAAG;IAAEE,WAAW;IAAEI;EAAoB,CAAC;AAClD","ignoreList":[]}

package/lib/commonjs/hooks/useClipboard.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClipboard = useClipboard;
+var _react = require("react");
+var _reactNative = require("react-native");
+const RESET_DELAY_MS = 2_000;
+
+/**
+ * Thin wrapper around the system clipboard with a transient `copied` flag.
+ *
+ * Uses the built-in `react-native` Clipboard API. The implementation is
+ * isolated so it can be swapped for `@react-native-clipboard/clipboard`
+ * without changing the public interface.
+ *
+ * ```tsx
+ * const { copy, copied } = useClipboard();
+ * <Pressable onPress={() => copy(code)}>
+ *   <Text>{copied ? 'Copied!' : 'Copy'}</Text>
+ * </Pressable>
+ * ```
+ */
+function useClipboard() {
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const timerRef = (0, _react.useRef)(null);
+  const copy = (0, _react.useCallback)(async text => {
+    _reactNative.Clipboard.setString(text);
+    setCopied(true);
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = setTimeout(() => {
+      setCopied(false);
+      timerRef.current = null;
+    }, RESET_DELAY_MS);
+  }, []);
+  return {
+    copy,
+    copied
+  };
+}
+//# sourceMappingURL=useClipboard.js.map

package/lib/commonjs/hooks/useClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","RESET_DELAY_MS","useClipboard","copied","setCopied","useState","timerRef","useRef","copy","useCallback","text","Clipboard","setString","current","clearTimeout","setTimeout"],"sourceRoot":"../../../src","sources":["hooks/useClipboard.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,MAAME,cAAc,GAAG,KAAK;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAAA,EAAuB;EACjD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAuC,IAAI,CAAC;EAEnE,MAAMC,IAAI,GAAG,IAAAC,kBAAW,EAAC,MAAOC,IAAY,IAAoB;IAC9DC,sBAAS,CAACC,SAAS,CAACF,IAAI,CAAC;IACzBN,SAAS,CAAC,IAAI,CAAC;IAEf,IAAIE,QAAQ,CAACO,OAAO,KAAK,IAAI,EAAE;MAC7BC,YAAY,CAACR,QAAQ,CAACO,OAAO,CAAC;IAChC;IAEAP,QAAQ,CAACO,OAAO,GAAGE,UAAU,CAAC,MAAM;MAClCX,SAAS,CAAC,KAAK,CAAC;MAChBE,QAAQ,CAACO,OAAO,GAAG,IAAI;IACzB,CAAC,EAAEZ,cAAc,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEO,IAAI;IAAEL;EAAO,CAAC;AACzB","ignoreList":[]}

package/lib/commonjs/hooks/useCollapsible.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCollapsible = useCollapsible;
+var _react = require("react");
+/**
+ * Minimal state hook for a collapsible section.
+ *
+ * ```tsx
+ * const { isOpen, toggle } = useCollapsible({ defaultOpen: true });
+ *
+ * <Pressable onPress={toggle}>
+ *   <Text>{isOpen ? 'Hide' : 'Show'}</Text>
+ * </Pressable>
+ * {isOpen && <View>...</View>}
+ * ```
+ */
+function useCollapsible(options = {}) {
+  const {
+    defaultOpen = false
+  } = options;
+  const [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
+  const toggle = (0, _react.useCallback)(() => setIsOpen(prev => !prev), []);
+  const open = (0, _react.useCallback)(() => setIsOpen(true), []);
+  const close = (0, _react.useCallback)(() => setIsOpen(false), []);
+  return {
+    isOpen,
+    toggle,
+    open,
+    close
+  };
+}
+//# sourceMappingURL=useCollapsible.js.map

package/lib/commonjs/hooks/useCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useCollapsible","options","defaultOpen","isOpen","setIsOpen","useState","toggle","useCallback","prev","open","close"],"sourceRoot":"../../../src","sources":["hooks/useCollapsible.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,OAA8B,GAAG,CAAC,CAAC,EACb;EACtB,MAAM;IAAEC,WAAW,GAAG;EAAM,CAAC,GAAGD,OAAO;EACvC,MAAM,CAACE,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACH,WAAW,CAAC;EAEjD,MAAMI,MAAM,GAAG,IAAAC,kBAAW,EAAC,MAAMH,SAAS,CAAEI,IAAa,IAAK,CAACA,IAAI,CAAC,EAAE,EAAE,CAAC;EACzE,MAAMC,IAAI,GAAG,IAAAF,kBAAW,EAAC,MAAMH,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAMM,KAAK,GAAG,IAAAH,kBAAW,EAAC,MAAMH,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,OAAO;IAAED,MAAM;IAAEG,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC;AACxC","ignoreList":[]}

package/lib/commonjs/hooks/useStickToBottom.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStickToBottom = useStickToBottom;
+var _react = require("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}
+ *   ...
+ * />
+ * ```
+ */
+function useStickToBottom(options = {}) {
+  const {
+    threshold = 50
+  } = options;
+  const ref = (0, _react.useRef)(null);
+  const [isAtBottom, setIsAtBottom] = (0, _react.useState)(true);
+  const onScroll = (0, _react.useCallback)(event => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = event.nativeEvent;
+    const distanceFromBottom = contentSize.height - layoutMeasurement.height - contentOffset.y;
+    setIsAtBottom(distanceFromBottom <= threshold);
+  }, [threshold]);
+  const scrollToBottom = (0, _react.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 = (0, _react.useRef)(isAtBottom);
+  isAtBottomRef.current = isAtBottom;
+  const onContentSizeChange = (0, _react.useCallback)(() => {
+    if (isAtBottomRef.current) {
+      ref.current?.scrollToEnd({
+        animated: true
+      });
+    }
+  }, []);
+  return {
+    isAtBottom,
+    scrollToBottom,
+    onScroll,
+    onContentSizeChange,
+    ref
+  };
+}
+//# sourceMappingURL=useStickToBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useStickToBottom","options","threshold","ref","useRef","isAtBottom","setIsAtBottom","useState","onScroll","useCallback","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","distanceFromBottom","height","y","scrollToBottom","current","scrollToEnd","animated","isAtBottomRef","onContentSizeChange"],"sourceRoot":"../../../src","sources":["hooks/useStickToBottom.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAC9BC,OAAgC,GAAG,CAAC,CAAC,EACV;EAC3B,MAAM;IAAEC,SAAS,GAAG;EAAG,CAAC,GAAGD,OAAO;EAClC,MAAME,GAAG,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EACrC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAElD,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,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;IAEjEX,aAAa,CAACS,kBAAkB,IAAIb,SAAS,CAAC;EAChD,CAAC,EACD,CAACA,SAAS,CACZ,CAAC;EAED,MAAMgB,cAAc,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACvCN,GAAG,CAACgB,OAAO,EAAEC,WAAW,CAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA,MAAMC,aAAa,GAAG,IAAAlB,aAAM,EAACC,UAAU,CAAC;EACxCiB,aAAa,CAACH,OAAO,GAAGd,UAAU;EAElC,MAAMkB,mBAAmB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAC5C,IAAIa,aAAa,CAACH,OAAO,EAAE;MACzBhB,GAAG,CAACgB,OAAO,EAAEC,WAAW,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IAC9C;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEhB,UAAU;IAAEa,cAAc;IAAEV,QAAQ;IAAEe,mBAAmB;IAAEpB;EAAI,CAAC;AAC3E","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,257 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AIElementsProvider", {
+  enumerable: true,
+  get: function () {
+    return _theme.AIElementsProvider;
+  }
+});
+Object.defineProperty(exports, "AIImage", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.AIImage;
+  }
+});
+Object.defineProperty(exports, "Attachments", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Attachments;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _primitives.Badge;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _primitives.Button;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _primitives.Card;
+  }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CardContent;
+  }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CardDescription;
+  }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CardFooter;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CardHeader;
+  }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CardTitle;
+  }
+});
+Object.defineProperty(exports, "ChatErrorBoundary", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ChatErrorBoundary;
+  }
+});
+Object.defineProperty(exports, "ChatMessageItem", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ChatMessageItem;
+  }
+});
+Object.defineProperty(exports, "Collapsible", {
+  enumerable: true,
+  get: function () {
+    return _primitives.Collapsible;
+  }
+});
+Object.defineProperty(exports, "CollapsibleContent", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CollapsibleContent;
+  }
+});
+Object.defineProperty(exports, "CollapsibleTrigger", {
+  enumerable: true,
+  get: function () {
+    return _primitives.CollapsibleTrigger;
+  }
+});
+Object.defineProperty(exports, "Conversation", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Conversation;
+  }
+});
+Object.defineProperty(exports, "ConversationScrollButton", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ConversationScrollButton;
+  }
+});
+Object.defineProperty(exports, "Message", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Message;
+  }
+});
+Object.defineProperty(exports, "MessageActions", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.MessageActions;
+  }
+});
+Object.defineProperty(exports, "MessageAvatar", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.MessageAvatar;
+  }
+});
+Object.defineProperty(exports, "MessageContent", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.MessageContent;
+  }
+});
+Object.defineProperty(exports, "PromptInput", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.PromptInput;
+  }
+});
+Object.defineProperty(exports, "Reasoning", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Reasoning;
+  }
+});
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () {
+    return _primitives.ScrollArea;
+  }
+});
+Object.defineProperty(exports, "Shimmer", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Shimmer;
+  }
+});
+Object.defineProperty(exports, "Sources", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Sources;
+  }
+});
+Object.defineProperty(exports, "StreamingMarkdown", {
+  enumerable: true,
+  get: function () {
+    return _streaming.StreamingMarkdown;
+  }
+});
+Object.defineProperty(exports, "Suggestion", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Suggestion;
+  }
+});
+Object.defineProperty(exports, "Tool", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.Tool;
+  }
+});
+Object.defineProperty(exports, "ToolArgs", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ToolArgs;
+  }
+});
+Object.defineProperty(exports, "ToolHeader", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ToolHeader;
+  }
+});
+Object.defineProperty(exports, "ToolResult", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.ToolResult;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.darkTheme;
+  }
+});
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.lightTheme;
+  }
+});
+Object.defineProperty(exports, "uiMessageToChatMessageData", {
+  enumerable: true,
+  get: function () {
+    return _chatbot.uiMessageToChatMessageData;
+  }
+});
+Object.defineProperty(exports, "useAIElementsTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.useAIElementsTheme;
+  }
+});
+Object.defineProperty(exports, "useAutoScroll", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useAutoScroll;
+  }
+});
+Object.defineProperty(exports, "useClipboard", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useClipboard;
+  }
+});
+Object.defineProperty(exports, "useCollapsible", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useCollapsible;
+  }
+});
+Object.defineProperty(exports, "useStickToBottom", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useStickToBottom;
+  }
+});
+var _theme = require("./theme");
+var _primitives = require("./primitives");
+var _streaming = require("./streaming");
+var _hooks = require("./hooks");
+var _chatbot = require("./chatbot");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_theme","require","_primitives","_streaming","_hooks","_chatbot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAiBA,IAAAC,WAAA,GAAAD,OAAA;AAiCA,IAAAE,UAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAiBA,IAAAI,QAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/primitives/Badge.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Badge = Badge;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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
+        }
+      };
+  }
+}
+function Badge({
+  variant = 'default',
+  children,
+  style
+}) {
+  const theme = (0, _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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.base, {
+      borderRadius: theme.radius.full
+    }, variantStyles.container, style],
+    children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: textStyle,
+      children: children
+    }) : children
+  });
+}
+const styles = _reactNative.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/commonjs/primitives/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_jsxRuntime","e","__esModule","default","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","useAIElementsTheme","variantStyles","textStyle","fontSize","typography","xs","fontWeight","semibold","fontFamily","textAlignVertical","includeFontPadding","jsx","View","styles","base","borderRadius","radius","full","Text","StyleSheet","create","alignSelf","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","minHeight"],"sourceRoot":"../../../src","sources":["primitives/Badge.tsx"],"mappings":"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","ignoreList":[]}