bleam 0.0.12 → 0.0.14

package/dist/elements.cjs

@@ -0,0 +1,1031 @@
+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);
+	if (Array.isArray(children)) return children.filter((child) => typeof child === "string" || typeof child === "number").join("");
+}
+function styleFromProps(style) {
+	return react_native.StyleSheet.flatten(style);
+}
+function colorFromHex(hex) {
+	const value = hex.trim().replace(/^#/, "");
+	const normalized = value.length === 3 ? value.split("").map((part) => `${part}${part}`).join("") : value;
+	if (!/^[\da-f]{6}$/i.test(normalized)) return;
+	const number = Number.parseInt(normalized, 16);
+	const red = (number >> 16 & 255) / 255;
+	const green = (number >> 8 & 255) / 255;
+	const blue = (number & 255) / 255;
+	return UIColor.colorWithRedGreenBlueAlpha(red, green, blue, 1);
+}
+function colorFromStyle(value) {
+	if (value == null) return;
+	if (typeof value === "string") {
+		const hexColor = colorFromHex(value);
+		if (hexColor) return hexColor;
+	}
+	const color = (0, react_native.processColor)(value);
+	if (typeof color !== "number") return;
+	const alpha = (color >>> 24 & 255) / 255;
+	const red = (color >>> 16 & 255) / 255;
+	const green = (color >>> 8 & 255) / 255;
+	const blue = (color & 255) / 255;
+	return UIColor.colorWithRedGreenBlueAlpha(red, green, blue, alpha);
+}
+function fontFromStyle(style) {
+	if (typeof style?.fontSize !== "number") return;
+	if (style.fontWeight === "700" || style.fontWeight === "bold") return UIFont.boldSystemFontOfSize(style.fontSize);
+	return UIFont.systemFontOfSize(style.fontSize);
+}
+
+//#endregion
+//#region src/elements/blur-view.tsx
+function blurStyle(intensity, colorScheme) {
+	const scheme = colorScheme ?? "auto";
+	const level = intensity ?? "regular";
+	if (scheme === "light") switch (level) {
+		case "ultraThin": return UIBlurEffectStyle.SystemUltraThinMaterialLight;
+		case "thin": return UIBlurEffectStyle.SystemThinMaterialLight;
+		case "thick": return UIBlurEffectStyle.SystemThickMaterialLight;
+		case "chrome": return UIBlurEffectStyle.SystemChromeMaterialLight;
+		default: return UIBlurEffectStyle.SystemMaterialLight;
+	}
+	if (scheme === "dark") switch (level) {
+		case "ultraThin": return UIBlurEffectStyle.SystemUltraThinMaterialDark;
+		case "thin": return UIBlurEffectStyle.SystemThinMaterialDark;
+		case "thick": return UIBlurEffectStyle.SystemThickMaterialDark;
+		case "chrome": return UIBlurEffectStyle.SystemChromeMaterialDark;
+		default: return UIBlurEffectStyle.SystemMaterialDark;
+	}
+	switch (level) {
+		case "ultraThin": return UIBlurEffectStyle.SystemUltraThinMaterial;
+		case "thin": return UIBlurEffectStyle.SystemThinMaterial;
+		case "thick": return UIBlurEffectStyle.SystemThickMaterial;
+		case "chrome": return UIBlurEffectStyle.SystemChromeMaterial;
+		default: return UIBlurEffectStyle.SystemMaterial;
+	}
+}
+function createEffectHost(effect) {
+	const rootView = UIVisualEffectView.alloc().initWithEffect(effect);
+	rootView.backgroundColor = UIColor.clearColor;
+	rootView.contentView.backgroundColor = UIColor.clearColor;
+	rootView.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight;
+	rootView.contentView.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight;
+	return {
+		rootView,
+		childrenView: rootView.contentView
+	};
+}
+function applyContainerStyle(view, style) {
+	const borderRadius = style?.borderRadius;
+	if (typeof borderRadius === "number") view.layer.cornerRadius = borderRadius;
+	view.clipsToBounds = style?.overflow === "hidden" || typeof borderRadius === "number";
+}
+function updateBlurEffect(view, props) {
+	view.effect = UIBlurEffect.effectWithStyle(blurStyle(props.intensity, props.colorScheme));
+}
+const BlurView = require_native_runtime.ensureNativeScript().defineUIKitContainer({
+	name: "BlurView",
+	layout: {
+		sizing: "fill",
+		defaultSize: {
+			width: 0,
+			height: 0
+		}
+	},
+	create() {
+		return createEffectHost(UIBlurEffect.effectWithStyle(UIBlurEffectStyle.SystemMaterial));
+	},
+	update(view, props, _previousProps, ctx) {
+		updateBlurEffect(view.rootView, props);
+		applyContainerStyle(view.rootView, styleFromProps(props.style));
+		ctx?.invalidateLayout();
+	}
+});
+
+//#endregion
+//#region src/elements/button-state.ts
+function buttonDisabled(disabled, loading) {
+	return disabled || loading;
+}
+function buttonOpacity(options) {
+	if (buttonDisabled(options.disabled, options.loading)) return .45;
+	if (!options.pressed) return 1;
+	return Math.min(1, Math.max(0, options.activeOpacity));
+}
+function buttonAccessibilityState(state, disabled, loading) {
+	return {
+		...state,
+		disabled: buttonDisabled(disabled, loading),
+		busy: loading
+	};
+}
+
+//#endregion
+//#region src/elements/glass-shared.ts
+function glassStyleValue(style) {
+	return typeof style === "object" ? style.style : style ?? "regular";
+}
+function glassEffect(style) {
+	if (style === "none") return null;
+	return UIGlassEffect.effectWithStyle(style === "clear" ? UIGlassEffectStyle.Clear : UIGlassEffectStyle.Regular);
+}
+function createGlassHost(effect) {
+	const rootView = UIVisualEffectView.alloc().initWithEffect(effect);
+	const childrenView = UIView.new();
+	rootView.backgroundColor = UIColor.clearColor;
+	rootView.contentView.backgroundColor = UIColor.clearColor;
+	childrenView.backgroundColor = UIColor.clearColor;
+	rootView.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight;
+	rootView.contentView.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight;
+	childrenView.translatesAutoresizingMaskIntoConstraints = false;
+	rootView.contentView.addSubview(childrenView);
+	const constraints = {
+		top: childrenView.topAnchor.constraintEqualToAnchorConstant(rootView.contentView.topAnchor, 0),
+		right: rootView.contentView.rightAnchor.constraintEqualToAnchorConstant(childrenView.rightAnchor, 0),
+		bottom: rootView.contentView.bottomAnchor.constraintEqualToAnchorConstant(childrenView.bottomAnchor, 0),
+		left: childrenView.leftAnchor.constraintEqualToAnchorConstant(rootView.contentView.leftAnchor, 0)
+	};
+	NSLayoutConstraint.activateConstraints([
+		constraints.top,
+		constraints.right,
+		constraints.bottom,
+		constraints.left
+	]);
+	return {
+		rootView,
+		childrenView
+	};
+}
+function applyGlassShape(view, style) {
+	const radius = typeof style?.cornerRadius === "number" ? style.cornerRadius : 0;
+	view.layer.cornerRadius = radius;
+	view.contentView.layer.cornerRadius = radius;
+	view.layer.cornerCurve = kCACornerCurveContinuous;
+	view.contentView.layer.cornerCurve = kCACornerCurveContinuous;
+	view.clipsToBounds = radius > 0;
+	view.contentView.clipsToBounds = radius > 0;
+	view.layer.masksToBounds = radius > 0;
+	view.contentView.layer.masksToBounds = radius > 0;
+	view.layer.borderWidth = typeof style?.borderWidth === "number" ? style.borderWidth : 0;
+	const borderColor = colorFromStyle(style?.borderColor);
+	view.layer.borderColor = borderColor?.CGColor ?? null;
+}
+function updateGlassEffect(view, props) {
+	const style = glassStyleValue(props.glassEffectStyle);
+	const effect = glassEffect(style);
+	if (style !== "none") {
+		const tintColor = props.tintColor ? colorFromHex(props.tintColor) : void 0;
+		const glass = effect;
+		glass.interactive = props.isInteractive ?? false;
+		if (tintColor) glass.tintColor = tintColor;
+	}
+	if (typeof props.glassEffectStyle === "object" && props.glassEffectStyle.animate) UIView.animateWithDurationAnimations(props.glassEffectStyle.animationDuration ?? .35, () => {
+		view.effect = effect;
+	});
+	else view.effect = effect;
+}
+function updateGlassContainerEffect(view, spacing) {
+	const effect = UIGlassContainerEffect.new();
+	effect.spacing = spacing ?? 0;
+	view.effect = effect;
+}
+
+//#endregion
+//#region src/elements/glass-view.tsx
+const GlassView = require_native_runtime.ensureNativeScript().defineUIKitContainer({
+	name: "GlassView",
+	layout: {
+		sizing: "fill",
+		defaultSize: {
+			width: 0,
+			height: 0
+		}
+	},
+	create() {
+		return createGlassHost(glassEffect("regular"));
+	},
+	update(view, props, _previousProps, ctx) {
+		updateGlassEffect(view.rootView, props);
+		applyGlassShape(view.rootView, props.glassStyle);
+		ctx?.invalidateLayout();
+	}
+});
+
+//#endregion
+//#region src/elements/button.tsx
+const sizeStyles = {
+	small: {
+		minHeight: 28,
+		minWidth: 28,
+		paddingHorizontal: 10
+	},
+	regular: {
+		minHeight: 36,
+		minWidth: 36,
+		paddingHorizontal: 14
+	},
+	large: {
+		minHeight: 44,
+		minWidth: 44,
+		paddingHorizontal: 18
+	}
+};
+const labelSizeStyles = {
+	small: { fontSize: 13 },
+	regular: { fontSize: 15 },
+	large: { fontSize: 17 }
+};
+const glassCornerRadius = {
+	small: 8,
+	regular: 10,
+	large: 12
+};
+function resolveStyle$2(style, state) {
+	return typeof style === "function" ? style(state) : style;
+}
+function ButtonContent({ icon, label, labelStyle, loading, size, variant }) {
+	const indicatorColor = variant === "primary" ? "#ffffff" : (0, react_native.PlatformColor)("systemBlue");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.ActivityIndicator, {
+		accessibilityElementsHidden: true,
+		color: indicatorColor,
+		size: "small"
+	}) : icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		accessibilityElementsHidden: true,
+		children: icon
+	}) : null, label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+		numberOfLines: 1,
+		style: [
+			styles$3.label,
+			labelSizeStyles[size],
+			variant ? labelVariantStyles[variant] : styles$3.glassLabel,
+			labelStyle
+		],
+		children: label
+	}) : null] });
+}
+function Button({ accessibilityRole = "button", accessibilityState, activeOpacity = .2, disabled = false, icon, label, labelStyle, loading = false, size = "regular", style, variant = "primary",...props }) {
+	const inactive = buttonDisabled(disabled, loading);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+		...props,
+		accessibilityRole,
+		accessibilityState: buttonAccessibilityState(accessibilityState, disabled, loading),
+		disabled: inactive,
+		style: (state) => [
+			styles$3.button,
+			sizeStyles[size],
+			buttonVariantStyles[variant],
+			resolveStyle$2(style, state),
+			{ opacity: buttonOpacity({
+				...state,
+				disabled,
+				loading,
+				activeOpacity
+			}) }
+		],
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			pointerEvents: "none",
+			style: styles$3.content,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContent, {
+				icon,
+				label,
+				labelStyle,
+				loading,
+				size,
+				variant
+			})
+		})
+	});
+}
+function GlassButton({ accessibilityRole = "button", accessibilityState, activeOpacity = .2, disabled = false, glassEffectStyle, glassStyle, icon, label, labelStyle, loading = false, size = "regular", style, tintColor,...props }) {
+	const inactive = buttonDisabled(disabled, loading);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Pressable, {
+		...props,
+		accessibilityRole,
+		accessibilityState: buttonAccessibilityState(accessibilityState, disabled, loading),
+		disabled: inactive,
+		style: (state) => [
+			styles$3.button,
+			sizeStyles[size],
+			styles$3.glassButton,
+			resolveStyle$2(style, state),
+			{ opacity: buttonOpacity({
+				...state,
+				disabled,
+				loading,
+				activeOpacity
+			}) }
+		],
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			pointerEvents: "none",
+			style: styles$3.glassBackground,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlassView, {
+				glassEffectStyle,
+				glassStyle: {
+					cornerRadius: glassCornerRadius[size],
+					...glassStyle
+				},
+				isInteractive: false,
+				style: styles$3.glass,
+				tintColor
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			pointerEvents: "none",
+			style: styles$3.content,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContent, {
+				icon,
+				label,
+				labelStyle,
+				loading,
+				size
+			})
+		})]
+	});
+}
+const styles$3 = react_native.StyleSheet.create({
+	button: {
+		alignItems: "center",
+		borderRadius: 10,
+		justifyContent: "center"
+	},
+	glassButton: { backgroundColor: "transparent" },
+	glass: { flex: 1 },
+	glassBackground: {
+		bottom: 0,
+		left: 0,
+		position: "absolute",
+		right: 0,
+		top: 0
+	},
+	content: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 7,
+		justifyContent: "center"
+	},
+	label: { fontWeight: "600" },
+	glassLabel: { color: (0, react_native.PlatformColor)("label") }
+});
+const buttonVariantStyles = react_native.StyleSheet.create({
+	primary: { backgroundColor: (0, react_native.PlatformColor)("systemBlue") },
+	secondary: { backgroundColor: (0, react_native.PlatformColor)("secondarySystemFill") },
+	plain: { backgroundColor: "transparent" }
+});
+const labelVariantStyles = react_native.StyleSheet.create({
+	primary: { color: "#ffffff" },
+	secondary: { color: (0, react_native.PlatformColor)("label") },
+	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({
+	name: "GlassContainer",
+	layout: {
+		sizing: "fill",
+		defaultSize: {
+			width: 0,
+			height: 0
+		}
+	},
+	create() {
+		const host = createGlassHost(UIGlassContainerEffect.new());
+		updateGlassContainerEffect(host.rootView, void 0);
+		return host;
+	},
+	update(view, props, _previousProps, ctx) {
+		updateGlassContainerEffect(view.rootView, props.spacing);
+		applyGlassShape(view.rootView, props.glassStyle);
+		ctx?.invalidateLayout();
+	}
+});
+
+//#endregion
+//#region src/elements/label.tsx
+function labelText(props) {
+	return props.text ?? textFromChildren(props.children) ?? "";
+}
+function defaultLabelColor(tone) {
+	if (tone === "secondary") return UIColor.secondaryLabelColor;
+	if (tone === "tertiary") return UIColor.tertiaryLabelColor;
+	return UIColor.labelColor;
+}
+const Label = require_native_runtime.ensureNativeScript().defineUIKitView({
+	name: "Label",
+	layout: {
+		sizing: "intrinsic",
+		defaultSize: {
+			width: 1,
+			height: 24
+		}
+	},
+	create() {
+		const label = UILabel.new();
+		label.adjustsFontForContentSizeCategory = true;
+		return label;
+	},
+	update(label, props, _previousProps, ctx) {
+		const style = styleFromProps(props.style);
+		label.text = labelText(props);
+		label.textColor = colorFromStyle(style?.color) ?? defaultLabelColor(props.tone);
+		label.font = fontFromStyle(style) ?? UIFont.preferredFontForTextStyle(UIFontTextStyleBody);
+		label.numberOfLines = props.numberOfLines ?? 0;
+		if (style?.textAlign === "center") label.textAlignment = NSTextAlignment.Center;
+		else if (style?.textAlign === "right") label.textAlignment = NSTextAlignment.Right;
+		else label.textAlignment = NSTextAlignment.Left;
+		ctx?.invalidateLayout();
+	}
+});
+
+//#endregion
+//#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 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 PromptInputHeader({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.header, style],
+		children
+	});
+}
+function PromptInputBody({ children, style,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		...props,
+		style: [styles.body, style],
+		children
+	});
+}
+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
+	},
+	header: { gap: 8 },
+	body: { gap: 8 },
+	footer: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 8,
+		justifyContent: "space-between"
+	},
+	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.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;