bleam 0.0.13 → 0.0.14

package/dist/elements.cjs

@@ -1,10 +1,63 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_native_runtime = require('./native-runtime-CsXnXkQn.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
 let react_native = require("react-native");
 react_native = require_chunk.__toESM(react_native);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
+//#region src/elements/ai-status.ts
+function messageStatusDisplay(status) {
+	switch (status) {
+		case "queued": return {
+			symbol: "clock",
+			label: "Queued",
+			color: "systemGray"
+		};
+		case "generating": return {
+			symbol: "ellipsis",
+			label: "Generating",
+			color: "systemBlue"
+		};
+		case "canceling": return {
+			symbol: "xmark.circle",
+			label: "Canceling",
+			color: "systemOrange"
+		};
+		case "failed": return {
+			symbol: "exclamationmark.triangle",
+			label: "Failed",
+			color: "systemRed"
+		};
+		case "canceled": return {
+			symbol: "xmark.circle",
+			label: "Canceled",
+			color: "systemOrange"
+		};
+		default: return {
+			symbol: "checkmark",
+			label: "Completed",
+			color: "systemGray"
+		};
+	}
+}
+function promptStatusGenerating(status) {
+	return status === "queued" || status === "generating" || status === "canceling";
+}
+function promptStatusSymbol(status, generating) {
+	if (generating) return "stop.fill";
+	if (status === "failed" || status === "canceled") return "exclamationmark.arrow.triangle.2.circlepath";
+	return "arrow.up";
+}
+function promptStatusLabel(status, generating) {
+	if (generating) return "Stop generating";
+	if (status === "failed") return "Send after failure";
+	if (status === "canceled") return "Send after cancellation";
+	return "Send message";
+}
+
+//#endregion
 //#region src/elements/shared.ts
 function textFromChildren(children) {
 	if (typeof children === "string" || typeof children === "number") return String(children);
@@ -246,7 +299,7 @@ const glassCornerRadius = {
 	regular: 10,
 	large: 12
 };
-function resolveStyle(style, state) {
+function resolveStyle$2(style, state) {
 	return typeof style === "function" ? style(state) : style;
 }
 function ButtonContent({ icon, label, labelStyle, loading, size, variant }) {
@@ -261,9 +314,9 @@ function ButtonContent({ icon, label, labelStyle, loading, size, variant }) {
 	}) : null, label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
 		numberOfLines: 1,
 		style: [
-			styles.label,
+			styles$3.label,
 			labelSizeStyles[size],
-			variant ? labelVariantStyles[variant] : styles.glassLabel,
+			variant ? labelVariantStyles[variant] : styles$3.glassLabel,
 			labelStyle
 		],
 		children: label
@@ -277,10 +330,10 @@ function Button({ accessibilityRole = "button", accessibilityState, activeOpacit
 		accessibilityState: buttonAccessibilityState(accessibilityState, disabled, loading),
 		disabled: inactive,
 		style: (state) => [
-			styles.button,
+			styles$3.button,
 			sizeStyles[size],
 			buttonVariantStyles[variant],
-			resolveStyle(style, state),
+			resolveStyle$2(style, state),
 			{ opacity: buttonOpacity({
 				...state,
 				disabled,
@@ -290,7 +343,7 @@ function Button({ accessibilityRole = "button", accessibilityState, activeOpacit
 		],
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 			pointerEvents: "none",
-			style: styles.content,
+			style: styles$3.content,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContent, {
 				icon,
 				label,
@@ -310,10 +363,10 @@ function GlassButton({ accessibilityRole = "button", accessibilityState, activeO
 		accessibilityState: buttonAccessibilityState(accessibilityState, disabled, loading),
 		disabled: inactive,
 		style: (state) => [
-			styles.button,
+			styles$3.button,
 			sizeStyles[size],
-			styles.glassButton,
-			resolveStyle(style, state),
+			styles$3.glassButton,
+			resolveStyle$2(style, state),
 			{ opacity: buttonOpacity({
 				...state,
 				disabled,
@@ -323,7 +376,7 @@ function GlassButton({ accessibilityRole = "button", accessibilityState, activeO
 		],
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 			pointerEvents: "none",
-			style: styles.glassBackground,
+			style: styles$3.glassBackground,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlassView, {
 				glassEffectStyle,
 				glassStyle: {
@@ -331,12 +384,12 @@ function GlassButton({ accessibilityRole = "button", accessibilityState, activeO
 					...glassStyle
 				},
 				isInteractive: false,
-				style: styles.glass,
+				style: styles$3.glass,
 				tintColor
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 			pointerEvents: "none",
-			style: styles.content,
+			style: styles$3.content,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContent, {
 				icon,
 				label,
@@ -347,7 +400,7 @@ function GlassButton({ accessibilityRole = "button", accessibilityState, activeO
 		})]
 	});
 }
-const styles = react_native.StyleSheet.create({
+const styles$3 = react_native.StyleSheet.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 10,
@@ -382,6 +435,242 @@ const labelVariantStyles = react_native.StyleSheet.create({
 	plain: { color: (0, react_native.PlatformColor)("systemBlue") }
 });
 
+//#endregion
+//#region src/elements/symbol.tsx
+function symbolWeight(weight) {
+	switch (weight) {
+		case "ultraLight": return UIImageSymbolWeight.UltraLight;
+		case "thin": return UIImageSymbolWeight.Thin;
+		case "light": return UIImageSymbolWeight.Light;
+		case "medium": return UIImageSymbolWeight.Medium;
+		case "semibold": return UIImageSymbolWeight.Semibold;
+		case "bold": return UIImageSymbolWeight.Bold;
+		case "heavy": return UIImageSymbolWeight.Heavy;
+		case "black": return UIImageSymbolWeight.Black;
+		default: return UIImageSymbolWeight.Regular;
+	}
+}
+function symbolScale(scale) {
+	if (scale === "small") return UIImageSymbolScale.Small;
+	if (scale === "large") return UIImageSymbolScale.Large;
+	return UIImageSymbolScale.Medium;
+}
+function symbolConfiguration(props, style) {
+	const size = props.size ?? style?.fontSize ?? 17;
+	return UIImageSymbolConfiguration.configurationWithPointSizeWeightScale(size, symbolWeight(props.weight), symbolScale(props.scale));
+}
+function symbolImage(name, configuration) {
+	if (configuration) return UIImage.systemImageNamedWithConfiguration(name, configuration);
+	return UIImage.systemImageNamed(name);
+}
+const SFSymbol = require_native_runtime.ensureNativeScript().defineUIKitView({
+	name: "SFSymbol",
+	layout: {
+		sizing: "intrinsic",
+		defaultSize: {
+			width: 17,
+			height: 17
+		}
+	},
+	create() {
+		const imageView = UIImageView.new();
+		imageView.contentMode = UIViewContentMode.ScaleAspectFit;
+		return imageView;
+	},
+	update(imageView, props, _previousProps, ctx) {
+		const style = styleFromProps(props.style);
+		const configuration = symbolConfiguration(props, style);
+		imageView.image = symbolImage(props.symbol, configuration);
+		imageView.tintColor = colorFromStyle(props.color) ?? colorFromStyle(style?.tintColor) ?? colorFromStyle(style?.color) ?? UIColor.labelColor;
+		ctx?.invalidateLayout();
+	}
+});
+
+//#endregion
+//#region src/elements/conversation.tsx
+const ConversationContext = (0, react.createContext)(null);
+const scrollEndThreshold = 48;
+function useConversation() {
+	const context = (0, react.useContext)(ConversationContext);
+	if (!context) throw new Error("Conversation elements must be rendered inside <Conversation>");
+	return context;
+}
+function Conversation({ children, defaultFollowOutput = true, followOutput, onFollowOutputChange, style,...props }) {
+	const controlled = followOutput !== void 0;
+	const generation = (0, react.useRef)(0);
+	const [internalFollowing, setInternalFollowing] = (0, react.useState)(defaultFollowOutput);
+	const [isAtBottom, setIsAtBottom] = (0, react.useState)(true);
+	const [followGeneration, setFollowGeneration] = (0, react.useState)(0);
+	const following = controlled ? followOutput : internalFollowing;
+	const setFollowing = (0, react.useCallback)((value) => {
+		if (!controlled) setInternalFollowing(value);
+		onFollowOutputChange?.(value);
+	}, [controlled, onFollowOutputChange]);
+	const updateAtBottom = (0, react.useCallback)((value) => {
+		setIsAtBottom(value);
+		if (following !== value) setFollowing(value);
+	}, [following, setFollowing]);
+	const requestFollow = (0, react.useCallback)(() => {
+		generation.current += 1;
+		setFollowGeneration(generation.current);
+		setFollowing(true);
+	}, [setFollowing]);
+	const context = (0, react.useMemo)(() => ({
+		followGeneration,
+		following,
+		isAtBottom,
+		updateAtBottom,
+		requestFollow
+	}), [
+		followGeneration,
+		following,
+		isAtBottom,
+		updateAtBottom,
+		requestFollow
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConversationContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			...props,
+			style: [styles$2.conversation, style],
+			children
+		})
+	});
+}
+function ConversationContent({ contentContainerStyle, data, keyboardShouldPersistTaps = "handled", onContentSizeChange, onScroll, renderItem, scrollEventThrottle = 16,...props }) {
+	const context = useConversation();
+	const list = (0, react.useRef)(null);
+	const following = (0, react.useRef)(context.following);
+	const previousHeight = (0, react.useRef)(0);
+	const previousFollowGeneration = (0, react.useRef)(context.followGeneration);
+	following.current = context.following;
+	(0, react.useEffect)(() => {
+		if (context.following && context.followGeneration > previousFollowGeneration.current) {
+			previousFollowGeneration.current = context.followGeneration;
+			list.current?.scrollToEnd({ animated: true });
+		}
+	}, [context.followGeneration, context.following]);
+	const handleScroll = (0, react.useCallback)((event) => {
+		const { contentOffset, contentSize, layoutMeasurement } = event.nativeEvent;
+		const distance = contentSize.height - (contentOffset.y + layoutMeasurement.height);
+		context.updateAtBottom(distance <= scrollEndThreshold);
+		onScroll?.(event);
+	}, [context, onScroll]);
+	const handleContentSizeChange = (0, react.useCallback)((width, height) => {
+		const newFollowRequested = context.followGeneration > previousFollowGeneration.current;
+		const shouldScroll = following.current && (previousHeight.current === 0 || height > previousHeight.current || newFollowRequested);
+		previousHeight.current = height;
+		previousFollowGeneration.current = context.followGeneration;
+		if (shouldScroll) list.current?.scrollToEnd({ animated: true });
+		onContentSizeChange?.(width, height);
+	}, [context.followGeneration, onContentSizeChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.FlatList, {
+		...props,
+		data,
+		keyboardShouldPersistTaps,
+		onContentSizeChange: handleContentSizeChange,
+		onScroll: handleScroll,
+		ref: list,
+		renderItem,
+		scrollEventThrottle,
+		style: [styles$2.content, props.style],
+		contentContainerStyle: [styles$2.contentContainer, contentContainerStyle]
+	});
+}
+function ConversationEmptyState({ children, description = "Start a conversation to see messages here.", descriptionStyle, icon, style, title = "No messages yet", titleStyle,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		...props,
+		style: [styles$2.emptyState, style],
+		children: [
+			icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+				accessibilityElementsHidden: true,
+				style: styles$2.emptyIcon,
+				children: icon
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+				style: [styles$2.emptyTitle, titleStyle],
+				children: title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+				style: [styles$2.emptyDescription, descriptionStyle],
+				children: description
+			}),
+			children
+		]
+	});
+}
+function ConversationScrollButton({ accessibilityLabel = "Scroll to latest message", activeOpacity = .2, children, onPress, style,...props }) {
+	const context = useConversation();
+	if (context.isAtBottom) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+		...props,
+		accessibilityLabel,
+		accessibilityRole: "button",
+		onPress: () => {
+			context.requestFollow();
+			onPress?.();
+		},
+		style: (state) => [
+			styles$2.scrollButton,
+			resolveStyle$1(style, state),
+			state.pressed && { opacity: activeOpacity }
+		],
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SFSymbol, {
+			color: (0, react_native.PlatformColor)("systemBlue"),
+			size: 16,
+			symbol: "arrow.down"
+		})
+	});
+}
+function resolveStyle$1(style, state) {
+	return typeof style === "function" ? style(state) : style;
+}
+const styles$2 = react_native.StyleSheet.create({
+	conversation: {
+		flex: 1,
+		minHeight: 0,
+		position: "relative"
+	},
+	content: { flex: 1 },
+	contentContainer: {
+		gap: 16,
+		padding: 16
+	},
+	emptyState: {
+		alignItems: "center",
+		alignSelf: "center",
+		gap: 8,
+		justifyContent: "center",
+		maxWidth: 320,
+		padding: 32
+	},
+	emptyIcon: { marginBottom: 8 },
+	emptyTitle: {
+		color: (0, react_native.PlatformColor)("label"),
+		fontSize: 17,
+		fontWeight: "600",
+		textAlign: "center"
+	},
+	emptyDescription: {
+		color: (0, react_native.PlatformColor)("secondaryLabel"),
+		fontSize: 15,
+		textAlign: "center"
+	},
+	scrollButton: {
+		alignItems: "center",
+		backgroundColor: (0, react_native.PlatformColor)("secondarySystemBackground"),
+		borderColor: (0, react_native.PlatformColor)("separator"),
+		borderRadius: 18,
+		borderWidth: react_native.StyleSheet.hairlineWidth,
+		bottom: 16,
+		height: 36,
+		justifyContent: "center",
+		position: "absolute",
+		right: 16,
+		width: 36
+	}
+});
+
 //#endregion
 //#region src/elements/glass-container.tsx
 const GlassContainer = require_native_runtime.ensureNativeScript().defineUIKitContainer({
@@ -443,61 +732,300 @@ const Label = require_native_runtime.ensureNativeScript().defineUIKitView({
 });
 
 //#endregion
-//#region src/elements/symbol.tsx
-function symbolWeight(weight) {
-	switch (weight) {
-		case "ultraLight": return UIImageSymbolWeight.UltraLight;
-		case "thin": return UIImageSymbolWeight.Thin;
-		case "light": return UIImageSymbolWeight.Light;
-		case "medium": return UIImageSymbolWeight.Medium;
-		case "semibold": return UIImageSymbolWeight.Semibold;
-		case "bold": return UIImageSymbolWeight.Bold;
-		case "heavy": return UIImageSymbolWeight.Heavy;
-		case "black": return UIImageSymbolWeight.Black;
-		default: return UIImageSymbolWeight.Regular;
+//#region src/elements/message.tsx
+function Message({ children, from = "assistant", style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [
+			styles$1.message,
+			from === "user" ? styles$1.userMessage : styles$1.assistantMessage,
+			style
+		],
+		children
+	});
+}
+function MessageContent({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles$1.content, style],
+		children
+	});
+}
+function MessageText({ style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+		...props,
+		style: [styles$1.text, style]
+	});
+}
+function MessageStatus({ label, showSymbol = true, status, style,...props }) {
+	const display = messageStatusDisplay(status);
+	const color = (0, react_native.PlatformColor)(display.color);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		style: styles$1.status,
+		children: [showSymbol ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SFSymbol, {
+			color,
+			size: 12,
+			symbol: display.symbol
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			...props,
+			style: [
+				styles$1.statusText,
+				{ color },
+				style
+			],
+			children: label ?? display.label
+		})]
+	});
+}
+function MessageActions({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles$1.actions, style],
+		children
+	});
+}
+const styles$1 = react_native.StyleSheet.create({
+	message: {
+		gap: 6,
+		maxWidth: "85%"
+	},
+	userMessage: { alignSelf: "flex-end" },
+	assistantMessage: { alignSelf: "stretch" },
+	content: {
+		backgroundColor: (0, react_native.PlatformColor)("secondarySystemFill"),
+		borderRadius: 16,
+		paddingHorizontal: 14,
+		paddingVertical: 10
+	},
+	text: {
+		color: (0, react_native.PlatformColor)("label"),
+		fontSize: 15,
+		lineHeight: 21
+	},
+	status: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 5
+	},
+	statusText: {
+		fontSize: 12,
+		fontWeight: "500"
+	},
+	actions: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		gap: 8
 	}
+});
+
+//#endregion
+//#region src/elements/prompt-input.tsx
+const PromptInputContext = (0, react.createContext)(null);
+function usePromptInput() {
+	const context = (0, react.useContext)(PromptInputContext);
+	if (!context) throw new Error("Prompt input elements must be rendered inside <PromptInput>");
+	return context;
 }
-function symbolScale(scale) {
-	if (scale === "small") return UIImageSymbolScale.Small;
-	if (scale === "large") return UIImageSymbolScale.Large;
-	return UIImageSymbolScale.Medium;
+function PromptInput({ children, defaultValue = "", disabled = false, onChangeText, onSubmit, status, style, value,...props }) {
+	const controlled = value !== void 0;
+	const [internalText, setInternalText] = (0, react.useState)(defaultValue);
+	const text = controlled ? value : internalText;
+	const setText = (0, react.useCallback)((nextText) => {
+		if (!controlled) setInternalText(nextText);
+		onChangeText?.(nextText);
+	}, [controlled, onChangeText]);
+	const submit = (0, react.useCallback)(() => {
+		if (disabled) return;
+		onSubmit?.({ text });
+	}, [
+		disabled,
+		onSubmit,
+		text
+	]);
+	const context = (0, react.useMemo)(() => ({
+		disabled,
+		generating: promptStatusGenerating(status),
+		setText,
+		status,
+		submit,
+		text
+	}), [
+		disabled,
+		setText,
+		status,
+		submit,
+		text
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptInputContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			...props,
+			style: [styles.input, style],
+			children
+		})
+	});
 }
-function symbolConfiguration(props, style) {
-	const size = props.size ?? style?.fontSize ?? 17;
-	return UIImageSymbolConfiguration.configurationWithPointSizeWeightScale(size, symbolWeight(props.weight), symbolScale(props.scale));
+function PromptInputHeader({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.header, style],
+		children
+	});
 }
-function symbolImage(name, configuration) {
-	if (configuration) return UIImage.systemImageNamedWithConfiguration(name, configuration);
-	return UIImage.systemImageNamed(name);
+function PromptInputBody({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.body, style],
+		children
+	});
 }
-const SFSymbol = require_native_runtime.ensureNativeScript().defineUIKitView({
-	name: "Symbol",
-	layout: {
-		sizing: "intrinsic",
-		defaultSize: {
-			width: 17,
-			height: 17
-		}
+function PromptInputFooter({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.footer, style],
+		children
+	});
+}
+function PromptInputTools({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.tools, style],
+		children
+	});
+}
+function PromptInputTextarea({ multiline = true, onChangeText, onSubmitEditing, placeholder = "Send a message", placeholderTextColor = (0, react_native.PlatformColor)("placeholderText"), returnKeyType = "send", style, submitOnEnter = !multiline, value,...props }) {
+	const context = usePromptInput();
+	const text = value !== void 0 ? value : context.text;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TextInput, {
+		...props,
+		editable: !context.disabled && props.editable !== false,
+		multiline,
+		onChangeText: (nextText) => {
+			context.setText(nextText);
+			onChangeText?.(nextText);
+		},
+		onSubmitEditing: (event) => {
+			onSubmitEditing?.(event);
+			if (submitOnEnter) context.submit();
+		},
+		placeholder,
+		placeholderTextColor,
+		returnKeyType,
+		style: [styles.textarea, style],
+		submitBehavior: multiline && !submitOnEnter ? "newline" : "submit",
+		value: text
+	});
+}
+function PromptInputSubmit({ accessibilityLabel, accessibilityState, activeOpacity = .2, children, disabled: disabledProp, generating, loading = false, onPress, status, style,...props }) {
+	const context = usePromptInput();
+	const resolvedStatus = status ?? context.status;
+	const resolvedGenerating = generating ?? loading ?? promptStatusGenerating(resolvedStatus);
+	const disabled = context.disabled || buttonDisabled(disabledProp === true, loading);
+	const resolvedChildren = typeof children === "function" ? children({ generating: resolvedGenerating }) : children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+		...props,
+		accessibilityLabel: accessibilityLabel ?? promptStatusLabel(resolvedStatus, resolvedGenerating),
+		accessibilityRole: "button",
+		accessibilityState: {
+			...accessibilityState,
+			busy: resolvedGenerating,
+			disabled
+		},
+		disabled,
+		onPress: () => {
+			if (onPress) onPress({ text: context.text });
+			else context.submit();
+		},
+		style: (state) => [
+			styles.submit,
+			resolveStyle(style, state),
+			{ opacity: buttonOpacity({
+				...state,
+				disabled,
+				loading,
+				activeOpacity
+			}) }
+		],
+		children: resolvedChildren ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SFSymbol, {
+			color: "#ffffff",
+			size: 16,
+			symbol: promptStatusSymbol(resolvedStatus, resolvedGenerating),
+			weight: "semibold"
+		})
+	});
+}
+function resolveStyle(style, state) {
+	return typeof style === "function" ? style(state) : style;
+}
+const styles = react_native.StyleSheet.create({
+	input: {
+		backgroundColor: (0, react_native.PlatformColor)("secondarySystemBackground"),
+		borderColor: (0, react_native.PlatformColor)("separator"),
+		borderRadius: 18,
+		borderWidth: react_native.StyleSheet.hairlineWidth,
+		gap: 8,
+		padding: 10
 	},
-	create() {
-		const imageView = UIImageView.new();
-		imageView.contentMode = UIViewContentMode.ScaleAspectFit;
-		return imageView;
+	header: { gap: 8 },
+	body: { gap: 8 },
+	footer: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 8,
+		justifyContent: "space-between"
 	},
-	update(imageView, props, _previousProps, ctx) {
-		const style = styleFromProps(props.style);
-		const configuration = symbolConfiguration(props, style);
-		imageView.image = symbolImage(props.symbol, configuration);
-		imageView.tintColor = colorFromStyle(props.color) ?? colorFromStyle(style?.tintColor) ?? colorFromStyle(style?.color) ?? UIColor.labelColor;
-		ctx?.invalidateLayout();
+	tools: {
+		alignItems: "center",
+		flexDirection: "row",
+		flex: 1,
+		flexWrap: "wrap",
+		gap: 8
+	},
+	textarea: {
+		color: (0, react_native.PlatformColor)("label"),
+		fontSize: 15,
+		minHeight: 40,
+		padding: 4
+	},
+	submit: {
+		alignItems: "center",
+		alignSelf: "flex-end",
+		backgroundColor: (0, react_native.PlatformColor)("systemBlue"),
+		borderRadius: 18,
+		height: 36,
+		justifyContent: "center",
+		minWidth: 36,
+		paddingHorizontal: 9
 	}
 });
 
 //#endregion
 exports.BlurView = BlurView;
 exports.Button = Button;
+exports.Conversation = Conversation;
+exports.ConversationContent = ConversationContent;
+exports.ConversationEmptyState = ConversationEmptyState;
+exports.ConversationScrollButton = ConversationScrollButton;
 exports.GlassButton = GlassButton;
 exports.GlassContainer = GlassContainer;
 exports.GlassView = GlassView;
 exports.Label = Label;
-exports.Symbol = SFSymbol;
+exports.Message = Message;
+exports.MessageActions = MessageActions;
+exports.MessageContent = MessageContent;
+exports.MessageStatus = MessageStatus;
+exports.MessageText = MessageText;
+exports.PromptInput = PromptInput;
+exports.PromptInputBody = PromptInputBody;
+exports.PromptInputFooter = PromptInputFooter;
+exports.PromptInputHeader = PromptInputHeader;
+exports.PromptInputSubmit = PromptInputSubmit;
+exports.PromptInputTextarea = PromptInputTextarea;
+exports.PromptInputTools = PromptInputTools;
+exports.SFSymbol = SFSymbol;
+exports.messageStatusDisplay = messageStatusDisplay;
+exports.promptStatusGenerating = promptStatusGenerating;
+exports.promptStatusLabel = promptStatusLabel;
+exports.promptStatusSymbol = promptStatusSymbol;
+exports.useConversation = useConversation;
+exports.usePromptInput = usePromptInput;