@agimon-ai/po-native-components 0.0.0-alpha.49 → 0.0.0-alpha.50

package/dist/components/Sheet.d.mts

@@ -18,9 +18,11 @@ export interface SheetContentProps {
   children?: ReactNode;
   /** False when an embedded SheetList owns vertical scrolling. */
   scrollable?: boolean;
+  /** The sheet holds unsaved work: a prompt arriving in the conversation leaves it open with a note. */
+  keep?: boolean;
 }
 /** The sheet surface. Fields inside it switch to the sheet's own input so the keyboard lifts the sheet. */
-export declare function SheetContent({ children, scrollable }: SheetContentProps): import("react").JSX.Element;
+export declare function SheetContent({ children, scrollable, keep }: SheetContentProps): import("react").JSX.Element;
 export interface SheetPartProps extends Omit<ViewProps, 'children' | 'style'> {
   children?: ReactNode;
   style?: StyleProp<ViewStyle>;

package/dist/components/Sheet.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.mts","names":[],"sources":["../../src/components/Sheet.tsx"],"mappings":";;;;iBAwBiB;;EAEf;EACA;EACA,gBAAgB;EAChB,WAAW;;wBAGG,QAAQ,MAAM,aAAqB,cAAc,YAAY,6BAAU,IAAA;;wBAMvE,eAAe,YAAY,SAAS,8BAAW,IAAA;;wBAc/C,aAAa,YAAY,SAAS,8BAAW,IAAA;iBAa5C;EACf,WAAW;;EAEX;;;wBAIc,eAAe,UAAU,cAAqB,oCAAiB,IAAA;iBAS9D,uBAAuB,KAAK;EAC3C,WAAW;EACX,QAAQ,UAAU;;iBAGH,yBAAyB;;EAExC;;EAEA;;wBAGc,cAAc,aAAoB,YAAsB,OAAO,aAAa,SAAS,mCAAgB,IAAA;wBAoBrG,aAAa,UAAU,SAAS,4BAAS,IAAA;wBAIzC,mBAAmB,UAAU,SAAS,4BAAS,IAAA;;wBAK/C,YAAY,OAAO,aAAa,SAAS,iCAAc,IAAA;wBAQvD,cAAc,OAAO,aAAa,SAAS,iCAAc,IAAA"}
+{"version":3,"file":"Sheet.d.mts","names":[],"sources":["../../src/components/Sheet.tsx"],"mappings":";;;;iBAwBiB;;EAEf;EACA;EACA,gBAAgB;EAChB,WAAW;;wBAGG,QAAQ,MAAM,aAAqB,cAAc,YAAY,6BAAU,IAAA;;wBAMvE,eAAe,YAAY,SAAS,8BAAW,IAAA;;wBAc/C,aAAa,YAAY,SAAS,8BAAW,IAAA;iBAa5C;EACf,WAAW;;EAEX;;EAEA;;;wBAIc,eAAe,UAAU,YAAmB,QAAQ,oCAAiB,IAAA;iBASpE,uBAAuB,KAAK;EAC3C,WAAW;EACX,QAAQ,UAAU;;iBAGH,yBAAyB;;EAExC;;EAEA;;wBAGc,cAAc,aAAoB,YAAsB,OAAO,aAAa,SAAS,mCAAgB,IAAA;wBAoBrG,aAAa,UAAU,SAAS,4BAAS,IAAA;wBAIzC,mBAAmB,UAAU,SAAS,4BAAS,IAAA;;wBAK/C,YAAY,OAAO,aAAa,SAAS,iCAAc,IAAA;wBAQvD,cAAc,OAAO,aAAa,SAAS,iCAAc,IAAA"}

package/dist/components/Sheet.mjs

@@ -48,12 +48,13 @@ function SheetClose({ onPress, ...props }) {
 	});
 }
 /** The sheet surface. Fields inside it switch to the sheet's own input so the keyboard lifts the sheet. */
-function SheetContent({ children, scrollable = true }) {
+function SheetContent({ children, scrollable = true, keep }) {
 	const { open, setOpen } = useContext(SheetContext);
 	return /* @__PURE__ */ jsx(SheetFrame, {
 		open,
 		onClose: () => setOpen(false),
 		scrollable,
+		keep,
 		children: /* @__PURE__ */ jsx(SheetContext.Provider, {
 			value: {
 				open,

package/dist/components/Sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.mjs","names":["createContext","ReactNode","useContext","StyleProp","TextProps","ViewProps","ViewStyle","StyleSheet","CloseIcon","fontOf","useControllable","wrapText","Button","ButtonProps","SheetFrame","SheetState","open","setOpen","SheetContext","undefined","SheetProps","defaultOpen","onOpenChange","children","Sheet","current","SheetTrigger","onPress","props","event","SheetClose","SheetContentProps","scrollable","SheetContent","SheetPartProps","Omit","style","SheetHeaderProps","dismissible","closeLabel","SheetHeader","styles","header","close","SheetTitle","title","SheetDescription","description","SheetBody","body","SheetFooter","footer","hint","create","theme","flexDirection","alignItems","gap","spacing","minWidth","height","borderBottomWidth","borderBottomColor","colors","border","paddingHorizontal","uni__dependencies","marginLeft","flexShrink","color","hi","fontFamily","sans","fontSize","lg","lineHeight","fontWeight","semibold","dim","sm","lineHeightRelaxed","paddingVertical","flexWrap","justifyContent","minHeight","borderTopWidth","borderTopColor","backgroundColor","deep","faint"],"sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from 'react';\nimport { type StyleProp, Text, type TextProps, View, type ViewProps, type ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { CloseIcon } from '../icons/icons';\nimport { fontOf } from '../lib/fonts';\nimport { useControllable } from '../lib/useControllable';\nimport { wrapText } from '../lib/wrapText';\nimport { Button, type ButtonProps } from './Button';\nimport { SheetFrame } from './SheetFrame';\n\n/*\n * The web Sheet as a bottom sheet: the native shape for a detail view or a\n * short form over what the reader was looking at. `side` and `width` are\n * dropped; a phone sheet rises from the bottom edge and takes the width.\n */\n\ninterface SheetState {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const SheetContext = createContext<SheetState>({ open: false, setOpen: () => undefined });\n\nexport interface SheetProps {\n  /** Controlled mode; pair with onOpenChange. Omit it and the sheet keeps its own state. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nexport function Sheet({ open, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [current, setOpen] = useControllable(open, defaultOpen, onOpenChange);\n  return <SheetContext.Provider value={{ open: current, setOpen }}>{children}</SheetContext.Provider>;\n}\n\n/** A Button that opens the enclosing sheet. */\nexport function SheetTrigger({ onPress, ...props }: ButtonProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <Button\n      onPress={(event) => {\n        onPress?.(event);\n        setOpen(true);\n      }}\n      {...props}\n    />\n  );\n}\n\n/** A Button that closes the enclosing sheet. */\nexport function SheetClose({ onPress, ...props }: ButtonProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <Button\n      onPress={(event) => {\n        onPress?.(event);\n        setOpen(false);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface SheetContentProps {\n  children?: ReactNode;\n  /** False when an embedded SheetList owns vertical scrolling. */\n  scrollable?: boolean;\n}\n\n/** The sheet surface. Fields inside it switch to the sheet's own input so the keyboard lifts the sheet. */\nexport function SheetContent({ children, scrollable = true }: SheetContentProps) {\n  const { open, setOpen } = useContext(SheetContext);\n  return (\n    <SheetFrame open={open} onClose={() => setOpen(false)} scrollable={scrollable}>\n      <SheetContext.Provider value={{ open, setOpen }}>{children}</SheetContext.Provider>\n    </SheetFrame>\n  );\n}\n\nexport interface SheetPartProps extends Omit<ViewProps, 'children' | 'style'> {\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport interface SheetHeaderProps extends SheetPartProps {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({ dismissible = true, closeLabel = 'close', style, children, ...props }: SheetHeaderProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <View style={[styles.header, style]} {...props}>\n      {children}\n      {dismissible ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          accessibilityLabel={closeLabel}\n          onPress={() => setOpen(false)}\n          style={styles.close}\n        >\n          <CloseIcon size={12} color=\"faint\" />\n        </Button>\n      ) : null}\n    </View>\n  );\n}\n\nexport function SheetTitle({ style, ...props }: TextProps) {\n  return <Text accessibilityRole=\"header\" numberOfLines={1} style={[styles.title, style]} {...props} />;\n}\n\nexport function SheetDescription({ style, ...props }: TextProps) {\n  return <Text style={[styles.description, style]} {...props} />;\n}\n\n/** The scrolling middle; the sheet itself scrolls, so this only spaces its children. */\nexport function SheetBody({ style, children, ...props }: SheetPartProps) {\n  return (\n    <View style={[styles.body, style]} {...props}>\n      {wrapText(children, styles.description)}\n    </View>\n  );\n}\n\nexport function SheetFooter({ style, children, ...props }: SheetPartProps) {\n  return (\n    <View style={[styles.footer, style]} {...props}>\n      {wrapText(children, styles.hint)}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: theme.spacing(2.5),\n    minWidth: 0,\n    height: theme.spacing(11),\n    borderBottomWidth: 1,\n    borderBottomColor: theme.colors.border,\n    paddingHorizontal: theme.spacing(4),\n  },\n  close: { marginLeft: 'auto' },\n  title: {\n    flexShrink: 1,\n    color: theme.colors.hi,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.lg,\n    lineHeight: theme.lineHeight.lg,\n    fontWeight: theme.fontWeight.semibold,\n  },\n  description: {\n    color: theme.colors.dim,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeightRelaxed.sm,\n  },\n  body: {\n    gap: theme.spacing(3),\n    paddingHorizontal: theme.spacing(4),\n    paddingVertical: theme.spacing(3),\n  },\n  footer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(2),\n    minHeight: 34,\n    borderTopWidth: 1,\n    borderTopColor: theme.colors['border-soft'],\n    backgroundColor: theme.colors.deep,\n    paddingHorizontal: theme.spacing(4),\n    paddingVertical: theme.spacing(1.5),\n  },\n  hint: {\n    color: theme.colors.faint,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize['2xs'],\n    lineHeight: theme.lineHeight['2xs'],\n  },\n}));\n"],"mappings":"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"}
+{"version":3,"file":"Sheet.mjs","names":["createContext","ReactNode","useContext","StyleProp","TextProps","ViewProps","ViewStyle","StyleSheet","CloseIcon","fontOf","useControllable","wrapText","Button","ButtonProps","SheetFrame","SheetState","open","setOpen","SheetContext","undefined","SheetProps","defaultOpen","onOpenChange","children","Sheet","current","SheetTrigger","onPress","props","event","SheetClose","SheetContentProps","scrollable","keep","SheetContent","SheetPartProps","Omit","style","SheetHeaderProps","dismissible","closeLabel","SheetHeader","styles","header","close","SheetTitle","title","SheetDescription","description","SheetBody","body","SheetFooter","footer","hint","create","theme","flexDirection","alignItems","gap","spacing","minWidth","height","borderBottomWidth","borderBottomColor","colors","border","paddingHorizontal","uni__dependencies","marginLeft","flexShrink","color","hi","fontFamily","sans","fontSize","lg","lineHeight","fontWeight","semibold","dim","sm","lineHeightRelaxed","paddingVertical","flexWrap","justifyContent","minHeight","borderTopWidth","borderTopColor","backgroundColor","deep","faint"],"sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from 'react';\nimport { type StyleProp, Text, type TextProps, View, type ViewProps, type ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { CloseIcon } from '../icons/icons';\nimport { fontOf } from '../lib/fonts';\nimport { useControllable } from '../lib/useControllable';\nimport { wrapText } from '../lib/wrapText';\nimport { Button, type ButtonProps } from './Button';\nimport { SheetFrame } from './SheetFrame';\n\n/*\n * The web Sheet as a bottom sheet: the native shape for a detail view or a\n * short form over what the reader was looking at. `side` and `width` are\n * dropped; a phone sheet rises from the bottom edge and takes the width.\n */\n\ninterface SheetState {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const SheetContext = createContext<SheetState>({ open: false, setOpen: () => undefined });\n\nexport interface SheetProps {\n  /** Controlled mode; pair with onOpenChange. Omit it and the sheet keeps its own state. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nexport function Sheet({ open, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [current, setOpen] = useControllable(open, defaultOpen, onOpenChange);\n  return <SheetContext.Provider value={{ open: current, setOpen }}>{children}</SheetContext.Provider>;\n}\n\n/** A Button that opens the enclosing sheet. */\nexport function SheetTrigger({ onPress, ...props }: ButtonProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <Button\n      onPress={(event) => {\n        onPress?.(event);\n        setOpen(true);\n      }}\n      {...props}\n    />\n  );\n}\n\n/** A Button that closes the enclosing sheet. */\nexport function SheetClose({ onPress, ...props }: ButtonProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <Button\n      onPress={(event) => {\n        onPress?.(event);\n        setOpen(false);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface SheetContentProps {\n  children?: ReactNode;\n  /** False when an embedded SheetList owns vertical scrolling. */\n  scrollable?: boolean;\n  /** The sheet holds unsaved work: a prompt arriving in the conversation leaves it open with a note. */\n  keep?: boolean;\n}\n\n/** The sheet surface. Fields inside it switch to the sheet's own input so the keyboard lifts the sheet. */\nexport function SheetContent({ children, scrollable = true, keep }: SheetContentProps) {\n  const { open, setOpen } = useContext(SheetContext);\n  return (\n    <SheetFrame open={open} onClose={() => setOpen(false)} scrollable={scrollable} keep={keep}>\n      <SheetContext.Provider value={{ open, setOpen }}>{children}</SheetContext.Provider>\n    </SheetFrame>\n  );\n}\n\nexport interface SheetPartProps extends Omit<ViewProps, 'children' | 'style'> {\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport interface SheetHeaderProps extends SheetPartProps {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({ dismissible = true, closeLabel = 'close', style, children, ...props }: SheetHeaderProps) {\n  const { setOpen } = useContext(SheetContext);\n  return (\n    <View style={[styles.header, style]} {...props}>\n      {children}\n      {dismissible ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          accessibilityLabel={closeLabel}\n          onPress={() => setOpen(false)}\n          style={styles.close}\n        >\n          <CloseIcon size={12} color=\"faint\" />\n        </Button>\n      ) : null}\n    </View>\n  );\n}\n\nexport function SheetTitle({ style, ...props }: TextProps) {\n  return <Text accessibilityRole=\"header\" numberOfLines={1} style={[styles.title, style]} {...props} />;\n}\n\nexport function SheetDescription({ style, ...props }: TextProps) {\n  return <Text style={[styles.description, style]} {...props} />;\n}\n\n/** The scrolling middle; the sheet itself scrolls, so this only spaces its children. */\nexport function SheetBody({ style, children, ...props }: SheetPartProps) {\n  return (\n    <View style={[styles.body, style]} {...props}>\n      {wrapText(children, styles.description)}\n    </View>\n  );\n}\n\nexport function SheetFooter({ style, children, ...props }: SheetPartProps) {\n  return (\n    <View style={[styles.footer, style]} {...props}>\n      {wrapText(children, styles.hint)}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: theme.spacing(2.5),\n    minWidth: 0,\n    height: theme.spacing(11),\n    borderBottomWidth: 1,\n    borderBottomColor: theme.colors.border,\n    paddingHorizontal: theme.spacing(4),\n  },\n  close: { marginLeft: 'auto' },\n  title: {\n    flexShrink: 1,\n    color: theme.colors.hi,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.lg,\n    lineHeight: theme.lineHeight.lg,\n    fontWeight: theme.fontWeight.semibold,\n  },\n  description: {\n    color: theme.colors.dim,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeightRelaxed.sm,\n  },\n  body: {\n    gap: theme.spacing(3),\n    paddingHorizontal: theme.spacing(4),\n    paddingVertical: theme.spacing(3),\n  },\n  footer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(2),\n    minHeight: 34,\n    borderTopWidth: 1,\n    borderTopColor: theme.colors['border-soft'],\n    backgroundColor: theme.colors.deep,\n    paddingHorizontal: theme.spacing(4),\n    paddingVertical: theme.spacing(1.5),\n  },\n  hint: {\n    color: theme.colors.faint,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize['2xs'],\n    lineHeight: theme.lineHeight['2xs'],\n  },\n}));\n"],"mappings":"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"}

package/dist/components/SheetFrame.d.mts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+//#region src/components/SheetFrame.d.ts
+/** True while a prompt in the conversation holds the screen: a sheet should not open over it on its own. */
+export declare function sheetsYielded(): boolean;
+/**
+ * Clear the screen for a prompt in the conversation: close sheets from the top down, as a backdrop tap
+ * would. The first sheet that keeps unsaved work stops the walk, and it and every sheet under it stay
+ * open showing `note`, since closing a sheet also unmounts the sheets opened inside it. Undefined clears
+ * the note and closes nothing.
+ */
+export declare function yieldSheets(note: string | undefined): void;
+//#endregion
+//# sourceMappingURL=SheetFrame.d.mts.map

package/dist/components/SheetFrame.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetFrame.d.mts","names":[],"sources":["../../src/components/SheetFrame.tsx"],"mappings":";;;wBAwCgB;;;;;;;wBAUA,YAAY"}

package/dist/components/SheetFrame.mjs

@@ -1,38 +1,91 @@
+import { fontOf } from "../lib/fonts.mjs";
 import { InsideSheetContext } from "../lib/insideSheet.mjs";
+import { Text } from "react-native-unistyles/components/native/Text";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { BackHandler, Keyboard } from "react-native";
 import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
-import { useCallback, useContext, useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BottomSheetBackdrop, BottomSheetModal, BottomSheetScrollView } from "@gorhom/bottom-sheet";
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 
 //#region src/components/SheetFrame.tsx
 /** `bg-po-deep/70`, the overlay every web sheet and dialog draws. */
 const BACKDROP_ALPHA_PERCENT = 70;
+/** Presented sheets, oldest first: one opened from inside another sits after it. */
+const openSheets = [];
+let yielded = false;
+/** True while a prompt in the conversation holds the screen: a sheet should not open over it on its own. */
+function sheetsYielded() {
+	return yielded;
+}
+/**
+* Clear the screen for a prompt in the conversation: close sheets from the top down, as a backdrop tap
+* would. The first sheet that keeps unsaved work stops the walk, and it and every sheet under it stay
+* open showing `note`, since closing a sheet also unmounts the sheets opened inside it. Undefined clears
+* the note and closes nothing.
+*/
+function yieldSheets(note) {
+	yielded = note !== void 0;
+	if (note === void 0) {
+		for (const sheet of openSheets) sheet.setNote(void 0);
+		return;
+	}
+	for (let index = openSheets.length - 1; index >= 0; index -= 1) {
+		if (openSheets[index].keep()) {
+			for (const sheet of openSheets.slice(0, index + 1)) sheet.setNote(note);
+			return;
+		}
+		openSheets[index].close();
+	}
+}
 /**
 * The bottom sheet both Sheet and DropdownMenu sit in: a drag handle, sized
 * to its content, closed by dragging down, tapping the backdrop or Android
 * back, clear of the safe area and lifted by the keyboard. Private: the public
 * parts keep bottom-sheet types out of the package API.
 */
-function SheetFrame({ open, onClose, children, scrollable = true }) {
+function SheetFrame({ open, onClose, children, scrollable = true, keep = false }) {
 	const { theme } = useUnistyles();
 	const insets = useContext(SafeAreaInsetsContext);
 	const sheet = useRef(null);
 	const openRef = useRef(open);
 	const presented = useRef(false);
+	const [note, setNote] = useState();
+	const latest = useRef({
+		keep,
+		onClose
+	});
+	latest.current = {
+		keep,
+		onClose
+	};
+	const entry = useRef({
+		keep: () => latest.current.keep,
+		close: () => latest.current.onClose(),
+		setNote
+	});
 	useEffect(() => {
 		openRef.current = open;
+		const listed = openSheets.indexOf(entry.current);
 		if (open) {
 			presented.current = true;
+			if (listed < 0) openSheets.push(entry.current);
 			Keyboard.dismiss();
 			sheet.current?.present();
-		} else if (presented.current) {
-			presented.current = false;
-			sheet.current?.dismiss();
+		} else {
+			if (listed >= 0) openSheets.splice(listed, 1);
+			setNote(void 0);
+			if (presented.current) {
+				presented.current = false;
+				sheet.current?.dismiss();
+			}
 		}
 	}, [open]);
+	useEffect(() => () => {
+		const listed = openSheets.indexOf(entry.current);
+		if (listed >= 0) openSheets.splice(listed, 1);
+	}, []);
 	useEffect(() => {
 		if (!open) return void 0;
 		const subscription = BackHandler.addEventListener("hardwareBackPress", () => {
@@ -68,21 +121,40 @@ function SheetFrame({ open, onClose, children, scrollable = true }) {
 			presented.current = false;
 			if (openRef.current) onClose();
 		},
-		children: scrollable ? /* @__PURE__ */ jsx(BottomSheetScrollView, {
+		children: scrollable ? /* @__PURE__ */ jsxs(BottomSheetScrollView, {
 			keyboardShouldPersistTaps: "handled",
 			contentContainerStyle: [styles.content, { paddingBottom: insets?.bottom ?? 0 }],
-			children: /* @__PURE__ */ jsx(InsideSheetContext.Provider, {
+			children: [note ? /* @__PURE__ */ jsx(SheetNote, { note }) : null, /* @__PURE__ */ jsx(InsideSheetContext.Provider, {
 				value: true,
 				children
-			})
-		}) : /* @__PURE__ */ jsx(InsideSheetContext.Provider, {
+			})]
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [note ? /* @__PURE__ */ jsx(SheetNote, { note }) : null, /* @__PURE__ */ jsx(InsideSheetContext.Provider, {
 			value: true,
 			children
-		})
+		})] })
+	});
+}
+/** A gentle rose line: the person is asked something below, never told to hurry. */
+function SheetNote({ note }) {
+	return /* @__PURE__ */ jsx(Text, {
+		style: styles.note,
+		accessibilityRole: "alert",
+		children: note
 	});
 }
-const styles = StyleSheet.create({ content: { flexGrow: 1 } });
+const styles = StyleSheet.create((theme) => ({
+	content: { flexGrow: 1 },
+	note: {
+		marginHorizontal: theme.spacing(4),
+		marginBottom: theme.spacing(2),
+		color: theme.colors.magenta,
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		uni__dependencies: [0]
+	}
+}));
 
 //#endregion
-export { SheetFrame };
+export { SheetFrame, sheetsYielded, yieldSheets };
 //# sourceMappingURL=SheetFrame.mjs.map

package/dist/components/SheetFrame.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SheetFrame.mjs","names":["withAlpha","BottomSheetBackdrop","BottomSheetBackdropProps","BottomSheetModal","BottomSheetScrollView","ReactNode","useCallback","useContext","useEffect","useRef","BackHandler","Keyboard","SafeAreaInsetsContext","StyleSheet","useUnistyles","InsideSheetContext","BACKDROP_ALPHA_PERCENT","SheetFrameProps","open","onClose","children","scrollable","SheetFrame","theme","insets","sheet","openRef","presented","current","dismiss","present","undefined","subscription","addEventListener","remove","backdropColor","colors","deep","renderBackdrop","props","style","backgroundColor","top","rail","borderRadius","lg","border","styles","content","paddingBottom","bottom","create","flexGrow"],"sources":["../../src/components/SheetFrame.tsx"],"sourcesContent":["import { withAlpha } from '@agimon-ai/po-web-components/nativeTheme';\nimport {\n  BottomSheetBackdrop,\n  type BottomSheetBackdropProps,\n  BottomSheetModal,\n  BottomSheetScrollView,\n} from '@gorhom/bottom-sheet';\nimport { type ReactNode, useCallback, useContext, useEffect, useRef } from 'react';\nimport { BackHandler, Keyboard } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StyleSheet, useUnistyles } from 'react-native-unistyles';\n\nimport { InsideSheetContext } from '../lib/insideSheet';\n\n/** `bg-po-deep/70`, the overlay every web sheet and dialog draws. */\nconst BACKDROP_ALPHA_PERCENT = 70;\n\nexport interface SheetFrameProps {\n  open: boolean;\n  /** The sheet asked to close: a drag down, a backdrop tap or Android back. */\n  onClose: () => void;\n  children?: ReactNode;\n  /** False when the content supplies its own Gorhom virtualized scroll owner. */\n  scrollable?: boolean;\n}\n\n/**\n * The bottom sheet both Sheet and DropdownMenu sit in: a drag handle, sized\n * to its content, closed by dragging down, tapping the backdrop or Android\n * back, clear of the safe area and lifted by the keyboard. Private: the public\n * parts keep bottom-sheet types out of the package API.\n */\nexport function SheetFrame({ open, onClose, children, scrollable = true }: SheetFrameProps) {\n  const { theme } = useUnistyles();\n  const insets = useContext(SafeAreaInsetsContext);\n  const sheet = useRef<BottomSheetModal>(null);\n  const openRef = useRef(open);\n  const presented = useRef(false);\n\n  useEffect(() => {\n    openRef.current = open;\n    if (open) {\n      presented.current = true;\n      // The keyboard of the field behind would cover the sheet; a field inside it focuses after this.\n      Keyboard.dismiss();\n      sheet.current?.present();\n    } else if (presented.current) {\n      // Only a presented sheet is dismissed. Dismissing one that never opened leaves bottom-sheet's\n      // modal stuck in its dismissing status, and the next present() then never draws.\n      presented.current = false;\n      sheet.current?.dismiss();\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return undefined;\n    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n      onClose();\n      return true;\n    });\n    return () => subscription.remove();\n  }, [open, onClose]);\n\n  const backdropColor = withAlpha(theme.colors.deep, BACKDROP_ALPHA_PERCENT);\n  const renderBackdrop = useCallback(\n    (props: BottomSheetBackdropProps) => (\n      <BottomSheetBackdrop\n        {...props}\n        appearsOnIndex={0}\n        disappearsOnIndex={-1}\n        opacity={1}\n        pressBehavior=\"close\"\n        style={[props.style, { backgroundColor: backdropColor }]}\n      />\n    ),\n    [backdropColor],\n  );\n\n  return (\n    <BottomSheetModal\n      ref={sheet}\n      stackBehavior=\"push\"\n      enablePanDownToClose\n      topInset={insets?.top ?? 0}\n      keyboardBehavior=\"interactive\"\n      keyboardBlurBehavior=\"restore\"\n      android_keyboardInputMode=\"adjustResize\"\n      backdropComponent={renderBackdrop}\n      backgroundStyle={{ backgroundColor: theme.colors.rail, borderRadius: theme.borderRadius.lg }}\n      handleIndicatorStyle={{ backgroundColor: theme.colors.border }}\n      // A sheet the caller closed is already shut; only a close the sheet started is reported.\n      onDismiss={() => {\n        // Already shut, so the close the parent answers with must not dismiss it a second time.\n        presented.current = false;\n        if (openRef.current) onClose();\n      }}\n    >\n      {scrollable ? (\n        <BottomSheetScrollView\n          keyboardShouldPersistTaps=\"handled\"\n          contentContainerStyle={[styles.content, { paddingBottom: insets?.bottom ?? 0 }]}\n        >\n          <InsideSheetContext.Provider value>{children}</InsideSheetContext.Provider>\n        </BottomSheetScrollView>\n      ) : (\n        <InsideSheetContext.Provider value>{children}</InsideSheetContext.Provider>\n      )}\n    </BottomSheetModal>\n  );\n}\n\nconst styles = StyleSheet.create({ content: { flexGrow: 1 } });\n"],"mappings":";;;;;;;;;;;AAeA,MAAMgB,yBAAyB;;;;;;;AAiB/B,SAAgBM,WAAW,EAAEJ,MAAMC,SAASC,UAAUC,aAAa,QAAyB;CAC1F,MAAM,EAAEE,UAAUT,aAAa;CAC/B,MAAMU,SAASjB,WAAWK,qBAAqB;CAC/C,MAAMa,QAAQhB,OAAyB,IAAI;CAC3C,MAAMiB,UAAUjB,OAAOS,IAAI;CAC3B,MAAMS,YAAYlB,OAAO,KAAK;CAE9BD,gBAAgB;EACdkB,QAAQE,UAAUV;EAClB,IAAIA,MAAM;GACRS,UAAUC,UAAU;GAEpBjB,SAASkB,QAAQ;GACjBJ,MAAMG,SAASE,QAAQ;EACzB,OAAO,IAAIH,UAAUC,SAAS;GAG5BD,UAAUC,UAAU;GACpBH,MAAMG,SAASC,QAAQ;EACzB;CACF,GAAG,CAACX,IAAI,CAAC;CAETV,gBAAgB;EACd,IAAI,CAACU,MAAM,OAAOa;EAClB,MAAMC,eAAetB,YAAYuB,iBAAiB,2BAA2B;GAC3Ed,QAAQ;GACR,OAAO;EACT,CAAC;EACD,aAAaa,aAAaE,OAAO;CACnC,GAAG,CAAChB,MAAMC,OAAO,CAAC;CAElB,MAAMgB,gBAAgBnC,UAAUuB,MAAMa,OAAOC,MAAMrB,sBAAsB;CACzE,MAAMsB,iBAAiBhC,aACpBiC,UACC,oBAAC,qBAAD;EACE,GAAIA;EACJ,gBAAgB;EAChB,mBAAmB;EACnB,SAAS;EACT,eAAc;EACd,OAAO,CAACA,MAAMC,OAAO,EAAEC,iBAAiBN,cAAc,CAAC;CAAE,IAG7D,CAACA,aAAa,CAChB;CAEA,OACE,oBAAC,kBAAD;EACE,KAAKV;EACL,eAAc;EACd;EACA,UAAUD,QAAQkB,OAAO;EACzB,kBAAiB;EACjB,sBAAqB;EACrB,2BAA0B;EAC1B,mBAAmBJ;EACnB,iBAAiB;GAAEG,iBAAiBlB,MAAMa,OAAOO;GAAMC,cAAcrB,MAAMqB,aAAaC;EAAG;EAC3F,sBAAsB,EAAEJ,iBAAiBlB,MAAMa,OAAOU,OAAO;EAE7D,iBAAiB;GAEfnB,UAAUC,UAAU;GACpB,IAAIF,QAAQE,SAAST,QAAQ;EAC/B;YAECE,aACC,oBAAC,uBAAD;GACE,2BAA0B;GAC1B,uBAAuB,CAAC0B,OAAOC,SAAS,EAAEC,eAAezB,QAAQ0B,UAAU,EAAE,CAAC;aAE9E,oBAAC,mBAAmB,UAApB;IAA6B;IAAO9B;GAAsC;EACrD,KAEvB,oBAAC,mBAAmB,UAApB;GAA6B;GAAOA;EAAsC;CAE5D;AAEtB;AAEA,MAAM2B,SAASlC,WAAWsC,OAAO,EAAEH,SAAS,EAAEI,UAAU,EAAE,EAAE,CAAC"}
+{"version":3,"file":"SheetFrame.mjs","names":["withAlpha","BottomSheetBackdrop","BottomSheetBackdropProps","BottomSheetModal","BottomSheetScrollView","ReactNode","useCallback","useContext","useEffect","useRef","useState","BackHandler","Keyboard","SafeAreaInsetsContext","StyleSheet","useUnistyles","fontOf","InsideSheetContext","BACKDROP_ALPHA_PERCENT","SheetFrameProps","open","onClose","children","scrollable","keep","OpenSheet","close","setNote","note","openSheets","yielded","sheetsYielded","yieldSheets","undefined","sheet","index","length","slice","SheetFrame","theme","insets","openRef","presented","latest","current","entry","listed","indexOf","push","dismiss","present","splice","subscription","addEventListener","remove","backdropColor","colors","deep","renderBackdrop","props","style","backgroundColor","top","rail","borderRadius","lg","border","styles","content","paddingBottom","bottom","SheetNote","create","flexGrow","marginHorizontal","spacing","marginBottom","color","magenta","fontFamily","sans","fontSize","sm","lineHeight","uni__dependencies"],"sources":["../../src/components/SheetFrame.tsx"],"sourcesContent":["import { withAlpha } from '@agimon-ai/po-web-components/nativeTheme';\nimport {\n  BottomSheetBackdrop,\n  type BottomSheetBackdropProps,\n  BottomSheetModal,\n  BottomSheetScrollView,\n} from '@gorhom/bottom-sheet';\nimport { type ReactNode, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { BackHandler, Keyboard, Text } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StyleSheet, useUnistyles } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\nimport { InsideSheetContext } from '../lib/insideSheet';\n\n/** `bg-po-deep/70`, the overlay every web sheet and dialog draws. */\nconst BACKDROP_ALPHA_PERCENT = 70;\n\nexport interface SheetFrameProps {\n  open: boolean;\n  /** The sheet asked to close: a drag down, a backdrop tap or Android back. */\n  onClose: () => void;\n  children?: ReactNode;\n  /** False when the content supplies its own Gorhom virtualized scroll owner. */\n  scrollable?: boolean;\n  /** The sheet holds work not yet saved, so a prompt arriving leaves it open with a note instead of closing it. */\n  keep?: boolean;\n}\n\ninterface OpenSheet {\n  keep: () => boolean;\n  close: () => void;\n  setNote: (note: string | undefined) => void;\n}\n\n/** Presented sheets, oldest first: one opened from inside another sits after it. */\nconst openSheets: OpenSheet[] = [];\nlet yielded = false;\n\n/** True while a prompt in the conversation holds the screen: a sheet should not open over it on its own. */\nexport function sheetsYielded(): boolean {\n  return yielded;\n}\n\n/**\n * Clear the screen for a prompt in the conversation: close sheets from the top down, as a backdrop tap\n * would. The first sheet that keeps unsaved work stops the walk, and it and every sheet under it stay\n * open showing `note`, since closing a sheet also unmounts the sheets opened inside it. Undefined clears\n * the note and closes nothing.\n */\nexport function yieldSheets(note: string | undefined) {\n  yielded = note !== undefined;\n  if (note === undefined) {\n    for (const sheet of openSheets) sheet.setNote(undefined);\n    return;\n  }\n  for (let index = openSheets.length - 1; index >= 0; index -= 1) {\n    if (openSheets[index].keep()) {\n      for (const sheet of openSheets.slice(0, index + 1)) sheet.setNote(note);\n      return;\n    }\n    openSheets[index].close();\n  }\n}\n\n/**\n * The bottom sheet both Sheet and DropdownMenu sit in: a drag handle, sized\n * to its content, closed by dragging down, tapping the backdrop or Android\n * back, clear of the safe area and lifted by the keyboard. Private: the public\n * parts keep bottom-sheet types out of the package API.\n */\nexport function SheetFrame({ open, onClose, children, scrollable = true, keep = false }: SheetFrameProps) {\n  const { theme } = useUnistyles();\n  const insets = useContext(SafeAreaInsetsContext);\n  const sheet = useRef<BottomSheetModal>(null);\n  const openRef = useRef(open);\n  const presented = useRef(false);\n  const [note, setNote] = useState<string>();\n  const latest = useRef({ keep, onClose });\n  latest.current = { keep, onClose };\n  const entry = useRef<OpenSheet>({\n    keep: () => latest.current.keep,\n    close: () => latest.current.onClose(),\n    setNote,\n  });\n\n  useEffect(() => {\n    openRef.current = open;\n    const listed = openSheets.indexOf(entry.current);\n    if (open) {\n      presented.current = true;\n      if (listed < 0) openSheets.push(entry.current);\n      // The keyboard of the field behind would cover the sheet; a field inside it focuses after this.\n      Keyboard.dismiss();\n      sheet.current?.present();\n    } else {\n      if (listed >= 0) openSheets.splice(listed, 1);\n      setNote(undefined);\n      if (presented.current) {\n        // Only a presented sheet is dismissed. Dismissing one that never opened leaves bottom-sheet's\n        // modal stuck in its dismissing status, and the next present() then never draws.\n        presented.current = false;\n        sheet.current?.dismiss();\n      }\n    }\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      const listed = openSheets.indexOf(entry.current);\n      if (listed >= 0) openSheets.splice(listed, 1);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (!open) return undefined;\n    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n      onClose();\n      return true;\n    });\n    return () => subscription.remove();\n  }, [open, onClose]);\n\n  const backdropColor = withAlpha(theme.colors.deep, BACKDROP_ALPHA_PERCENT);\n  const renderBackdrop = useCallback(\n    (props: BottomSheetBackdropProps) => (\n      <BottomSheetBackdrop\n        {...props}\n        appearsOnIndex={0}\n        disappearsOnIndex={-1}\n        opacity={1}\n        pressBehavior=\"close\"\n        style={[props.style, { backgroundColor: backdropColor }]}\n      />\n    ),\n    [backdropColor],\n  );\n\n  return (\n    <BottomSheetModal\n      ref={sheet}\n      stackBehavior=\"push\"\n      enablePanDownToClose\n      topInset={insets?.top ?? 0}\n      keyboardBehavior=\"interactive\"\n      keyboardBlurBehavior=\"restore\"\n      android_keyboardInputMode=\"adjustResize\"\n      backdropComponent={renderBackdrop}\n      backgroundStyle={{ backgroundColor: theme.colors.rail, borderRadius: theme.borderRadius.lg }}\n      handleIndicatorStyle={{ backgroundColor: theme.colors.border }}\n      // A sheet the caller closed is already shut; only a close the sheet started is reported.\n      onDismiss={() => {\n        // Already shut, so the close the parent answers with must not dismiss it a second time.\n        presented.current = false;\n        if (openRef.current) onClose();\n      }}\n    >\n      {scrollable ? (\n        <BottomSheetScrollView\n          keyboardShouldPersistTaps=\"handled\"\n          contentContainerStyle={[styles.content, { paddingBottom: insets?.bottom ?? 0 }]}\n        >\n          {note ? <SheetNote note={note} /> : null}\n          <InsideSheetContext.Provider value>{children}</InsideSheetContext.Provider>\n        </BottomSheetScrollView>\n      ) : (\n        <>\n          {note ? <SheetNote note={note} /> : null}\n          <InsideSheetContext.Provider value>{children}</InsideSheetContext.Provider>\n        </>\n      )}\n    </BottomSheetModal>\n  );\n}\n\n/** A gentle rose line: the person is asked something below, never told to hurry. */\nfunction SheetNote({ note }: { note: string }) {\n  return (\n    <Text style={styles.note} accessibilityRole=\"alert\">\n      {note}\n    </Text>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  content: { flexGrow: 1 },\n  note: {\n    marginHorizontal: theme.spacing(4),\n    marginBottom: theme.spacing(2),\n    color: theme.colors.magenta,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeight.sm,\n  },\n}));\n"],"mappings":"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"}

package/dist/components/SheetList.d.mts

@@ -5,8 +5,10 @@ export interface SheetListProps<T> extends FlatListProps<T> {
   embedded?: boolean;
   /** Reset the list without replacing its modal owner. */
   listKey?: string;
+  /** The sheet holds unsaved work: a prompt arriving in the conversation leaves it open with a note. */
+  keep?: boolean;
 }
 /** A sheet's only vertical scroll owner. Put headings and controls in its header/footer. */
-export declare function SheetList<T>({ contentContainerStyle, embedded, listKey, ...props }: SheetListProps<T>): import("react").JSX.Element;
+export declare function SheetList<T>({ contentContainerStyle, embedded, listKey, keep, ...props }: SheetListProps<T>): import("react").JSX.Element;
 //#endregion
 //# sourceMappingURL=SheetList.d.mts.map

package/dist/components/SheetList.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetList.d.mts","names":[],"sources":["../../src/components/SheetList.tsx"],"mappings":";;iBASiB,eAAe,WAAW,cAAc;;EAEvD;;EAEA;;;wBAMc,UAAU,KAAK,uBAAuB,UAAkB,YAAY,SAAS,eAAe,qBAAE,IAAA"}
+{"version":3,"file":"SheetList.d.mts","names":[],"sources":["../../src/components/SheetList.tsx"],"mappings":";;iBASiB,eAAe,WAAW,cAAc;;EAEvD;;EAEA;;EAEA;;;wBAMc,UAAU,KAAK,uBAAuB,UAAkB,SAAS,SAAS,SAAS,eAAe,qBAAE,IAAA"}

package/dist/components/SheetList.mjs

@@ -9,7 +9,7 @@ import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 //#region src/components/SheetList.tsx
 const ThemedSheetFlatList = withUnistyles(BottomSheetFlatList);
 /** A sheet's only vertical scroll owner. Put headings and controls in its header/footer. */
-function SheetList({ contentContainerStyle, embedded = false, listKey, ...props }) {
+function SheetList({ contentContainerStyle, embedded = false, listKey, keep, ...props }) {
 	const state = useContext(SheetContext);
 	const insets = useContext(SafeAreaInsetsContext);
 	const list = /* @__PURE__ */ jsx(SheetContext.Provider, {
@@ -24,6 +24,7 @@ function SheetList({ contentContainerStyle, embedded = false, listKey, ...props
 		open: state.open,
 		onClose: () => state.setOpen(false),
 		scrollable: false,
+		keep,
 		children: list
 	});
 }

package/dist/components/SheetList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SheetList.mjs","names":["BottomSheetFlatList","useContext","FlatListProps","SafeAreaInsetsContext","withUnistyles","SheetContext","SheetFrame","SheetListProps","T","embedded","listKey","ThemedSheetFlatList","SheetList","contentContainerStyle","props","state","insets","list","paddingBottom","bottom","open","setOpen"],"sources":["../../src/components/SheetList.tsx"],"sourcesContent":["import { BottomSheetFlatList } from '@gorhom/bottom-sheet';\nimport { useContext } from 'react';\nimport type { FlatListProps } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { withUnistyles } from 'react-native-unistyles';\n\nimport { SheetContext } from './Sheet';\nimport { SheetFrame } from './SheetFrame';\n\nexport interface SheetListProps<T> extends FlatListProps<T> {\n  /** Use inside a persistent SheetContent with scrollable={false}. */\n  embedded?: boolean;\n  /** Reset the list without replacing its modal owner. */\n  listKey?: string;\n}\n\n// Gorhom normalizes scroll styles internally; resolve Unistyles before that boundary.\nconst ThemedSheetFlatList = withUnistyles(BottomSheetFlatList) as typeof BottomSheetFlatList;\n/** A sheet's only vertical scroll owner. Put headings and controls in its header/footer. */\nexport function SheetList<T>({ contentContainerStyle, embedded = false, listKey, ...props }: SheetListProps<T>) {\n  const state = useContext(SheetContext);\n  const insets = useContext(SafeAreaInsetsContext);\n  const list = (\n    <SheetContext.Provider value={state}>\n      <ThemedSheetFlatList<T>\n        key={listKey}\n        keyboardShouldPersistTaps=\"handled\"\n        {...props}\n        contentContainerStyle={[{ paddingBottom: insets?.bottom ?? 0 }, contentContainerStyle]}\n      />\n    </SheetContext.Provider>\n  );\n  return embedded ? (\n    list\n  ) : (\n    <SheetFrame open={state.open} onClose={() => state.setOpen(false)} scrollable={false}>\n      {list}\n    </SheetFrame>\n  );\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAMW,sBAAsBP,cAAcJ,mBAAmB;;AAE7D,SAAgBY,UAAa,EAAEC,uBAAuBJ,WAAW,OAAOC,SAAS,GAAGI,SAA4B;CAC9G,MAAMC,QAAQd,WAAWI,YAAY;CACrC,MAAMW,SAASf,WAAWE,qBAAqB;CAC/C,MAAMc,OACJ,oBAAC,aAAa,UAAd;EAAuB,OAAOF;YAC5B,oBAAC,qBAAD;GAEE,2BAA0B;GAC1B,GAAID;GACJ,uBAAuB,CAAC,EAAEI,eAAeF,QAAQG,UAAU,EAAE,GAAGN,qBAAqB;EAAE,GAHlFH,OAGkF;CAEpE;CAEzB,OAAOD,WACLQ,OAEA,oBAAC,YAAD;EAAY,MAAMF,MAAMK;EAAM,eAAeL,MAAMM,QAAQ,KAAK;EAAG,YAAY;YAC5EJ;CACS;AAEhB"}
+{"version":3,"file":"SheetList.mjs","names":["BottomSheetFlatList","useContext","FlatListProps","SafeAreaInsetsContext","withUnistyles","SheetContext","SheetFrame","SheetListProps","T","embedded","listKey","keep","ThemedSheetFlatList","SheetList","contentContainerStyle","props","state","insets","list","paddingBottom","bottom","open","setOpen"],"sources":["../../src/components/SheetList.tsx"],"sourcesContent":["import { BottomSheetFlatList } from '@gorhom/bottom-sheet';\nimport { useContext } from 'react';\nimport type { FlatListProps } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { withUnistyles } from 'react-native-unistyles';\n\nimport { SheetContext } from './Sheet';\nimport { SheetFrame } from './SheetFrame';\n\nexport interface SheetListProps<T> extends FlatListProps<T> {\n  /** Use inside a persistent SheetContent with scrollable={false}. */\n  embedded?: boolean;\n  /** Reset the list without replacing its modal owner. */\n  listKey?: string;\n  /** The sheet holds unsaved work: a prompt arriving in the conversation leaves it open with a note. */\n  keep?: boolean;\n}\n\n// Gorhom normalizes scroll styles internally; resolve Unistyles before that boundary.\nconst ThemedSheetFlatList = withUnistyles(BottomSheetFlatList) as typeof BottomSheetFlatList;\n/** A sheet's only vertical scroll owner. Put headings and controls in its header/footer. */\nexport function SheetList<T>({ contentContainerStyle, embedded = false, listKey, keep, ...props }: SheetListProps<T>) {\n  const state = useContext(SheetContext);\n  const insets = useContext(SafeAreaInsetsContext);\n  const list = (\n    <SheetContext.Provider value={state}>\n      <ThemedSheetFlatList<T>\n        key={listKey}\n        keyboardShouldPersistTaps=\"handled\"\n        {...props}\n        contentContainerStyle={[{ paddingBottom: insets?.bottom ?? 0 }, contentContainerStyle]}\n      />\n    </SheetContext.Provider>\n  );\n  return embedded ? (\n    list\n  ) : (\n    <SheetFrame open={state.open} onClose={() => state.setOpen(false)} scrollable={false} keep={keep}>\n      {list}\n    </SheetFrame>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAMY,sBAAsBR,cAAcJ,mBAAmB;;AAE7D,SAAgBa,UAAa,EAAEC,uBAAuBL,WAAW,OAAOC,SAASC,MAAM,GAAGI,SAA4B;CACpH,MAAMC,QAAQf,WAAWI,YAAY;CACrC,MAAMY,SAAShB,WAAWE,qBAAqB;CAC/C,MAAMe,OACJ,oBAAC,aAAa,UAAd;EAAuB,OAAOF;YAC5B,oBAAC,qBAAD;GAEE,2BAA0B;GAC1B,GAAID;GACJ,uBAAuB,CAAC,EAAEI,eAAeF,QAAQG,UAAU,EAAE,GAAGN,qBAAqB;EAAE,GAHlFJ,OAGkF;CAEpE;CAEzB,OAAOD,WACLS,OAEA,oBAAC,YAAD;EAAY,MAAMF,MAAMK;EAAM,eAAeL,MAAMM,QAAQ,KAAK;EAAG,YAAY;EAAaX;YACzFO;CACS;AAEhB"}

package/dist/index.d.mts

@@ -21,6 +21,7 @@ import { PoNativeProvider, PoNativeProviderProps } from "./components/PoNativePr
 import { SectionLabel } from "./components/SectionLabel.mjs";
 import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./components/SegmentedControl.mjs";
 import { Sheet, SheetBody, SheetClose, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetHeaderProps, SheetPartProps, SheetProps, SheetTitle, SheetTrigger } from "./components/Sheet.mjs";
+import { sheetsYielded, yieldSheets } from "./components/SheetFrame.mjs";
 import { SheetList, SheetListProps } from "./components/SheetList.mjs";
 import { ShowMore, ShowMoreProps } from "./components/ShowMore.mjs";
 import { Spinner, SpinnerProps } from "./components/Spinner.mjs";
@@ -34,4 +35,4 @@ import { fontOf } from "./lib/fonts.mjs";
 import { IconColorContext } from "./icons/IconColorContext.mjs";
 import { impactLight, selectionTick } from "./lib/haptics.mjs";
 import { AnsiSpan, PresentedLine, ReviewComment, ansiSpans, buildReviewPrompt, collapseLines, hashlineBody, resultTextLines } from "@agimon-ai/po-web-components/text";
-export { ActivityIcon, AgentAvatar, type AgentState, AlertIcon, type AnnotationMark, AnnotationSurface, type AnnotationSurfaceProps, type AnsiSpan, ArrowRightIcon, Badge, type BadgeProps, type BadgeSize, type BadgeTone, BranchIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps, CopyIcon, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, type DialogFooterVariant, DialogHeader, type DialogHeaderProps, type DialogPartProps, type DialogProps, DialogTitle, DialogTrigger, type DialogWidth, Dot, type DotProps, type DotSize, type DotTone, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuPartProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditIcon, EmptyState, type EmptyStateProps, type FieldSize, type FieldVariant, FileIcon, type FileLinkHandler, FolderIcon, ForkIcon, GearIcon, GlobeIcon, HashlineLines, type HashlineLinesProps, HomeIcon, IconColorContext, type IconName, type IconProps, ImageIcon, Input, type InputProps, KebabIcon, Label, type LabelProps, LightbulbIcon, List, type ListProps, ListRow, type ListRowProps, LiveDuration, type LiveDurationProps, type LiveDurationReading, LockIcon, Markdown, type MarkdownImageLoader, type MarkdownProps, MessageIcon, MessageItem, MessageItemBody, MessageItemGroup, type MessageItemGroupProps, MessageItemHeader, type MessageItemHeaderProps, type MessageItemPartProps, type MessageItemProps, type MessageItemState, MessageItemStatus, type MessageItemStatusProps, MicIcon, PaletteIcon, Panel, PanelBody, PanelHeader, type PanelPartProps, PlayCircleIcon, PlusIcon, PoNativeProvider, type PoNativeProviderProps, type PresentedLine, type ReviewComment, STATUS_EDGE, STATUS_GLYPH, STATUS_LABEL, SearchIcon, SectionLabel, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SendIcon, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetHeaderProps, SheetList, type SheetListProps, type SheetPartProps, type SheetProps, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SlidersIcon, SparklesIcon, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusTone, StopIcon, SyntaxLine, type SyntaxLineProps, TabBadge, type TabBadgeProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TaskIcon, Textarea, type TextareaProps, ToolPathLink, type ToolPathLinkProps, TrashIcon, UsersIcon, WorkflowIcon, WrenchIcon, agentInitials, ansiSpans, buildReviewPrompt, collapseLines, fontOf, hashlineBody, impactLight, resultTextLines, selectionTick, toolTone, useMessageItem, useSyntaxLines };
+export { ActivityIcon, AgentAvatar, type AgentState, AlertIcon, type AnnotationMark, AnnotationSurface, type AnnotationSurfaceProps, type AnsiSpan, ArrowRightIcon, Badge, type BadgeProps, type BadgeSize, type BadgeTone, BranchIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps, CopyIcon, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, type DialogFooterVariant, DialogHeader, type DialogHeaderProps, type DialogPartProps, type DialogProps, DialogTitle, DialogTrigger, type DialogWidth, Dot, type DotProps, type DotSize, type DotTone, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuPartProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditIcon, EmptyState, type EmptyStateProps, type FieldSize, type FieldVariant, FileIcon, type FileLinkHandler, FolderIcon, ForkIcon, GearIcon, GlobeIcon, HashlineLines, type HashlineLinesProps, HomeIcon, IconColorContext, type IconName, type IconProps, ImageIcon, Input, type InputProps, KebabIcon, Label, type LabelProps, LightbulbIcon, List, type ListProps, ListRow, type ListRowProps, LiveDuration, type LiveDurationProps, type LiveDurationReading, LockIcon, Markdown, type MarkdownImageLoader, type MarkdownProps, MessageIcon, MessageItem, MessageItemBody, MessageItemGroup, type MessageItemGroupProps, MessageItemHeader, type MessageItemHeaderProps, type MessageItemPartProps, type MessageItemProps, type MessageItemState, MessageItemStatus, type MessageItemStatusProps, MicIcon, PaletteIcon, Panel, PanelBody, PanelHeader, type PanelPartProps, PlayCircleIcon, PlusIcon, PoNativeProvider, type PoNativeProviderProps, type PresentedLine, type ReviewComment, STATUS_EDGE, STATUS_GLYPH, STATUS_LABEL, SearchIcon, SectionLabel, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SendIcon, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetHeaderProps, SheetList, type SheetListProps, type SheetPartProps, type SheetProps, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SlidersIcon, SparklesIcon, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusTone, StopIcon, SyntaxLine, type SyntaxLineProps, TabBadge, type TabBadgeProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TaskIcon, Textarea, type TextareaProps, ToolPathLink, type ToolPathLinkProps, TrashIcon, UsersIcon, WorkflowIcon, WrenchIcon, agentInitials, ansiSpans, buildReviewPrompt, collapseLines, fontOf, hashlineBody, impactLight, resultTextLines, selectionTick, sheetsYielded, toolTone, useMessageItem, useSyntaxLines, yieldSheets };

package/dist/index.mjs

@@ -12,6 +12,7 @@ import { CopyButton } from "./components/CopyButton.mjs";
 import { ShowMore } from "./components/ShowMore.mjs";
 import { CodeBlock } from "./components/CodeBlock.mjs";
 import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./components/Dialog.mjs";
+import { sheetsYielded, yieldSheets } from "./components/SheetFrame.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "./components/DropdownMenu.mjs";
 import { EmptyState } from "./components/EmptyState.mjs";
 import { SyntaxLine, useSyntaxLines } from "./components/SyntaxLine.mjs";
@@ -34,4 +35,4 @@ import { Textarea } from "./components/Textarea.mjs";
 import { ToolPathLink } from "./components/ToolPathLink.mjs";
 import { ansiSpans, buildReviewPrompt, collapseLines, hashlineBody, resultTextLines } from "@agimon-ai/po-web-components/text";
 
-export { ActivityIcon, AgentAvatar, AlertIcon, AnnotationSurface, ArrowRightIcon, Badge, BranchIcon, Button, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CodeBlock, CopyButton, CopyIcon, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Dot, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditIcon, EmptyState, FileIcon, FolderIcon, ForkIcon, GearIcon, GlobeIcon, HashlineLines, HomeIcon, IconColorContext, ImageIcon, Input, KebabIcon, Label, LightbulbIcon, List, ListRow, LiveDuration, LockIcon, Markdown, MessageIcon, MessageItem, MessageItemBody, MessageItemGroup, MessageItemHeader, MessageItemStatus, MicIcon, PaletteIcon, Panel, PanelBody, PanelHeader, PlayCircleIcon, PlusIcon, PoNativeProvider, STATUS_EDGE, STATUS_GLYPH, STATUS_LABEL, SearchIcon, SectionLabel, SegmentedControl, SendIcon, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetTitle, SheetTrigger, ShowMore, SlidersIcon, SparklesIcon, Spinner, StatusBadge, StopIcon, SyntaxLine, TabBadge, Tabs, TabsContent, TabsList, TabsTrigger, TaskIcon, Textarea, ToolPathLink, TrashIcon, UsersIcon, WorkflowIcon, WrenchIcon, agentInitials, ansiSpans, buildReviewPrompt, collapseLines, fontOf, hashlineBody, impactLight, resultTextLines, selectionTick, toolTone, useMessageItem, useSyntaxLines };
+export { ActivityIcon, AgentAvatar, AlertIcon, AnnotationSurface, ArrowRightIcon, Badge, BranchIcon, Button, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CodeBlock, CopyButton, CopyIcon, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Dot, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditIcon, EmptyState, FileIcon, FolderIcon, ForkIcon, GearIcon, GlobeIcon, HashlineLines, HomeIcon, IconColorContext, ImageIcon, Input, KebabIcon, Label, LightbulbIcon, List, ListRow, LiveDuration, LockIcon, Markdown, MessageIcon, MessageItem, MessageItemBody, MessageItemGroup, MessageItemHeader, MessageItemStatus, MicIcon, PaletteIcon, Panel, PanelBody, PanelHeader, PlayCircleIcon, PlusIcon, PoNativeProvider, STATUS_EDGE, STATUS_GLYPH, STATUS_LABEL, SearchIcon, SectionLabel, SegmentedControl, SendIcon, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetTitle, SheetTrigger, ShowMore, SlidersIcon, SparklesIcon, Spinner, StatusBadge, StopIcon, SyntaxLine, TabBadge, Tabs, TabsContent, TabsList, TabsTrigger, TaskIcon, Textarea, ToolPathLink, TrashIcon, UsersIcon, WorkflowIcon, WrenchIcon, agentInitials, ansiSpans, buildReviewPrompt, collapseLines, fontOf, hashlineBody, impactLight, resultTextLines, selectionTick, sheetsYielded, toolTone, useMessageItem, useSyntaxLines, yieldSheets };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/po-native-components",
-  "version": "0.0.0-alpha.49",
+  "version": "0.0.0-alpha.50",
   "description": "Shared React Native components for Po and its native plugins: the web component library's look and API on native parts, tuned to the Po palette.",
   "keywords": [
     "ai",
@@ -45,11 +45,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@agimon-ai/po-web-components": "0.0.0-alpha.49"
+    "@agimon-ai/po-web-components": "0.0.0-alpha.50"
   },
   "devDependencies": {
-    "@agimon-ai/po-build": "0.0.0-alpha.49",
-    "@agimon-ai/vibe-lint-plugin-po-web": "0.0.0-alpha.49",
+    "@agimon-ai/po-build": "0.0.0-alpha.50",
+    "@agimon-ai/vibe-lint-plugin-po-web": "0.0.0-alpha.50",
     "@babel/core": "7.29.7",
     "@expo/vector-icons": "15.1.1",
     "@fontsource-variable/ibm-plex-sans": "5.3.0",