@agimon-ai/po-native-components 0.0.0-alpha.22 → 0.0.0-alpha.24

package/dist/components/AgentAvatar.d.mts

@@ -0,0 +1,14 @@
+//#region src/components/AgentAvatar.d.ts
+/** How an agent is doing, as the avatar's corner dot shows it. */
+export type AgentState = 'running' | 'waiting' | 'done' | 'failed';
+/** One letter for a first name, two for a hyphenated agent name (`po-developer` is PD). */
+export declare function agentInitials(name: string): string;
+/** An agent's face: its initials on a tint fixed by `seed`, with its state as a corner dot. */
+export declare function AgentAvatar({ name, seed, state, size }: {
+  name: string;
+  seed?: string;
+  state?: AgentState;
+  size?: 'sm' | 'md';
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=AgentAvatar.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentAvatar.d.mts","names":[],"sources":["../../src/components/AgentAvatar.tsx"],"mappings":";;YAQY;;wBAGI,cAAc;;wBA6Bd,cACd,MACA,MACA,OACA;EAEA;EACA;EACA,QAAQ;EACR;oBACD,IAAA"}

package/dist/components/AgentAvatar.mjs

@@ -0,0 +1,87 @@
+import { fontOf } from "../lib/fonts.mjs";
+import { Dot } from "./Dot.mjs";
+import { View } from "react-native-unistyles/components/native/View";
+import { Text } from "react-native-unistyles/components/native/Text";
+import { StyleSheet } from "react-native-unistyles";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/AgentAvatar.tsx
+/** One letter for a first name, two for a hyphenated agent name (`po-developer` is PD). */
+function agentInitials(name) {
+	return name.split(/[-_.\s]+/u).filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+const TINTS = [
+	"green",
+	"teal",
+	"blue",
+	"cyan",
+	"yellow",
+	"violet"
+];
+function tintFor(seed) {
+	let hash = 0;
+	for (const char of seed) hash = (hash * 31 + char.charCodeAt(0)) % 997;
+	return TINTS[hash % TINTS.length] ?? "green";
+}
+const RING = 2;
+const STATE_DOT = {
+	running: "green",
+	waiting: "yellow",
+	done: "neutral",
+	failed: "red"
+};
+/** An agent's face: its initials on a tint fixed by `seed`, with its state as a corner dot. */
+function AgentAvatar({ name, seed = name, state, size = "md" }) {
+	return /* @__PURE__ */ jsxs(View, {
+		accessible: true,
+		accessibilityRole: "image",
+		accessibilityLabel: state ? `${name}, ${state}` : name,
+		testID: "agent-avatar",
+		style: styles.frame,
+		children: [/* @__PURE__ */ jsx(View, {
+			style: styles.face(tintFor(seed), size === "sm" ? 24 : 32),
+			children: /* @__PURE__ */ jsx(Text, {
+				style: styles.initials,
+				children: agentInitials(name)
+			})
+		}), state ? /* @__PURE__ */ jsx(Dot, {
+			tone: STATE_DOT[state],
+			size: "md",
+			pulse: state === "running",
+			style: styles.dot
+		}) : null]
+	});
+}
+const styles = StyleSheet.create((theme) => ({
+	frame: { flexShrink: 0 },
+	face: (tint, side) => ({
+		width: side,
+		height: side,
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: theme.borderRadius.full,
+		backgroundColor: theme.colors[`tint-${tint}`],
+		uni__dependencies: [0]
+	}),
+	initials: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	dot: {
+		position: "absolute",
+		right: -4,
+		bottom: -4,
+		width: theme.spacing(2) + 4,
+		height: theme.spacing(2) + 4,
+		borderWidth: RING,
+		borderColor: theme.colors.panel,
+		uni__dependencies: [0]
+	}
+}));
+
+//#endregion
+export { AgentAvatar, agentInitials };
+//# sourceMappingURL=AgentAvatar.mjs.map

package/dist/components/AgentAvatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentAvatar.mjs","names":["DotTone","StyleSheet","fontOf","Dot","AgentState","agentInitials","name","split","filter","Boolean","slice","map","part","charAt","toUpperCase","join","TINTS","const","Tint","tintFor","seed","hash","char","charCodeAt","length","RING","STATE_DOT","Readonly","Record","running","waiting","done","failed","AgentAvatar","state","size","styles","frame","face","initials","dot","create","theme","flexShrink","tint","side","width","height","alignItems","justifyContent","borderRadius","full","backgroundColor","colors","uni__dependencies","fontFamily","sans","fontSize","sm","lineHeight","color","hi","position","right","bottom","spacing","borderWidth","borderColor","panel"],"sources":["../../src/components/AgentAvatar.tsx"],"sourcesContent":["import type { DotTone } from '@agimon-ai/po-web-components/nativeTheme';\nimport { Text, View } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\nimport { Dot } from './Dot';\n\n/** How an agent is doing, as the avatar's corner dot shows it. */\nexport type AgentState = 'running' | 'waiting' | 'done' | 'failed';\n\n/** One letter for a first name, two for a hyphenated agent name (`po-developer` is PD). */\nexport function agentInitials(name: string): string {\n  return name\n    .split(/[-_.\\s]+/u)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((part) => part.charAt(0).toUpperCase())\n    .join('');\n}\n\n// ponytail: mirrors po-web-components AgentAvatar's tint hash; keep the two in step so a seed reads the same tint.\nconst TINTS = ['green', 'teal', 'blue', 'cyan', 'yellow', 'violet'] as const;\ntype Tint = (typeof TINTS)[number];\n\nfunction tintFor(seed: string): Tint {\n  let hash = 0;\n  for (const char of seed) hash = (hash * 31 + char.charCodeAt(0)) % 997;\n  return TINTS[hash % TINTS.length] ?? 'green';\n}\n\nconst RING = 2;\n\nconst STATE_DOT: Readonly<Record<AgentState, DotTone>> = {\n  running: 'green',\n  waiting: 'yellow',\n  done: 'neutral',\n  failed: 'red',\n};\n\n/** An agent's face: its initials on a tint fixed by `seed`, with its state as a corner dot. */\nexport function AgentAvatar({\n  name,\n  seed = name,\n  state,\n  size = 'md',\n}: {\n  name: string;\n  seed?: string;\n  state?: AgentState;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <View\n      accessible\n      accessibilityRole=\"image\"\n      accessibilityLabel={state ? `${name}, ${state}` : name}\n      testID=\"agent-avatar\"\n      style={styles.frame}\n    >\n      <View style={styles.face(tintFor(seed), size === 'sm' ? 24 : 32)}>\n        <Text style={styles.initials}>{agentInitials(name)}</Text>\n      </View>\n      {state ? <Dot tone={STATE_DOT[state]} size=\"md\" pulse={state === 'running'} style={styles.dot} /> : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  frame: { flexShrink: 0 },\n  // `size-6` and `size-8`.\n  face: (tint: Tint, side: number) => ({\n    width: side,\n    height: side,\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: theme.borderRadius.full,\n    backgroundColor: theme.colors[`tint-${tint}`],\n  }),\n  initials: {\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeight.sm,\n    color: theme.colors.hi,\n  },\n  // `-right-0.5 -bottom-0.5 ring-2 ring-po-panel`: a ring sits outside the dot, a border inside, so the box grows by it.\n  dot: {\n    position: 'absolute',\n    right: -2 - RING,\n    bottom: -2 - RING,\n    width: theme.spacing(2) + 2 * RING,\n    height: theme.spacing(2) + 2 * RING,\n    borderWidth: RING,\n    borderColor: theme.colors.panel,\n  },\n}));\n"],"mappings":";;;;;;;;;AAWA,SAAgBK,cAAcC,MAAsB;CAClD,OAAOA,KACJC,MAAM,WAAW,CAAC,CAClBC,OAAOC,OAAO,CAAC,CACfC,MAAM,GAAG,CAAC,CAAC,CACXC,KAAKC,SAASA,KAAKC,OAAO,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAC3CC,KAAK,EAAE;AACZ;AAGA,MAAMC,QAAQ;CAAC;CAAS;CAAQ;CAAQ;CAAQ;CAAU;AAAQ;AAGlE,SAASG,QAAQC,MAAoB;CACnC,IAAIC,OAAO;CACX,KAAK,MAAMC,QAAQF,MAAMC,QAAQA,OAAO,KAAKC,KAAKC,WAAW,CAAC,KAAK;CACnE,OAAOP,MAAMK,OAAOL,MAAMQ,WAAW;AACvC;AAEA,MAAMC,OAAO;AAEb,MAAMC,YAAmD;CACvDG,SAAS;CACTC,SAAS;CACTC,MAAM;CACNC,QAAQ;AACV;;AAGA,SAAgBC,YAAY,EAC1B3B,MACAc,OAAOd,MACP4B,OACAC,OAAO,QAMN;CACD,OACE,qBAAC,MAAD;EACE;EACA,mBAAkB;EAClB,oBAAoBD,QAAQ,GAAG5B,KAAI,IAAK4B,UAAU5B;EAClD,QAAO;EACP,OAAO8B,OAAOC;YALhB,CAOE,oBAAC,MAAD;GAAM,OAAOD,OAAOE,KAAKnB,QAAQC,IAAI,GAAGe,SAAS,OAAO,KAAK,EAAE;aAC7D,oBAAC,MAAD;IAAM,OAAOC,OAAOG;cAAWlC,cAAcC,IAAI;GAAQ;EACrD,IACL4B,QAAQ,oBAAC,KAAD;GAAK,MAAMR,UAAUQ;GAAQ,MAAK;GAAK,OAAOA,UAAU;GAAW,OAAOE,OAAOI;EAAI,KAAM,IAChG;;AAEV;AAEA,MAAMJ,SAASnC,WAAWwC,QAAQC,WAAW;CAC3CL,OAAO,EAAEM,YAAY,EAAE;CAEvBL,OAAOM,MAAYC,UAAkB;EACnCC,OAAOD;EACPE,QAAQF;EACRG,YAAY;EACZC,gBAAgB;EAChBC,cAAcR,MAAMQ,aAAaC;EACjCC,iBAAiBV,MAAMW,OAAO,QAAQT;EAAOU,mBAAA,CAAA,CAAA;CAC/C;CACAf,UAAU;EACRgB,YAAYrD,OAAOwC,MAAMa,WAAWC,IAAI;EACxCC,UAAUf,MAAMe,SAASC;EACzBC,YAAYjB,MAAMiB,WAAWD;EAC7BE,OAAOlB,MAAMW,OAAOQ;EAAEP,mBAAA,CAAA,CAAA;CACxB;CAEAd,KAAK;EACHsB,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRlB,OAAOJ,MAAMuB,QAAQ,CAAC,IAAI;EAC1BlB,QAAQL,MAAMuB,QAAQ,CAAC,IAAI;EAC3BC,aAAazC;EACb0C,aAAazB,MAAMW,OAAOe;EAAKd,mBAAA,CAAA,CAAA;CACjC;AACF,EAAE"}

package/dist/components/Badge.d.mts

@@ -1,5 +1,5 @@
-import { ChipTone } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleProp, ViewProps, ViewStyle } from "react-native";
+import { ChipTone } from "@agimon-ai/po-web-components/nativeTheme";
 import { ReactNode } from "react";
 //#region src/components/Badge.d.ts
 export type BadgeTone = ChipTone;

package/dist/components/Badge.mjs

@@ -2,8 +2,8 @@ import { fontOf } from "../lib/fonts.mjs";
 import { CHIP_INK } from "../lib/tone.mjs";
 import { wrapText } from "../lib/wrapText.mjs";
 import { View } from "react-native-unistyles/components/native/View";
-import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Badge.tsx

package/dist/components/Button.mjs

@@ -3,8 +3,8 @@ import { wrapText } from "../lib/wrapText.mjs";
 import { IconColorContext } from "../icons/IconColorContext.mjs";
 import { impactLight } from "../lib/haptics.mjs";
 import { Spinner } from "./Spinner.mjs";
-import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
 

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.mts","names":[],"sources":["../../src/components/CodeBlock.tsx"],"mappings":";iBA4BiB;;EAEf;;EAEA;;wBAGc,YAAY,MAAM,YAAY,iCAAc,IAAA"}
+{"version":3,"file":"CodeBlock.d.mts","names":[],"sources":["../../src/components/CodeBlock.tsx"],"mappings":";iBAciB;;EAEf;;EAEA;;wBAGc,YAAY,MAAM,YAAY,iCAAc,IAAA"}

package/dist/components/CodeBlock.mjs

@@ -1,30 +1,13 @@
 import { fontOf } from "../lib/fonts.mjs";
-import { Button } from "./Button.mjs";
-import { CheckIcon, CopyIcon } from "../icons/icons.mjs";
+import { CopyButton } from "./CopyButton.mjs";
 import { View } from "react-native-unistyles/components/native/View";
-import { StyleSheet } from "react-native-unistyles";
 import { Text } from "react-native-unistyles/components/native/Text";
-import { useEffect, useState } from "react";
+import { StyleSheet } from "react-native-unistyles";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollView } from "react-native-unistyles/components/native/ScrollView";
-import { setStringAsync } from "expo-clipboard";
 
 //#region src/components/CodeBlock.tsx
-/** How long the control stays acknowledged before returning to its icon. */
-const FEEDBACK_MS = 1500;
-const LABELS = {
-	idle: "copy",
-	copied: "copied",
-	failed: "copying failed"
-};
 function CodeBlock({ text, language }) {
-	const [state, setState] = useState("idle");
-	useEffect(() => {
-		if (state === "idle") return void 0;
-		const timer = setTimeout(() => setState("idle"), FEEDBACK_MS);
-		return () => clearTimeout(timer);
-	}, [state]);
-	const label = LABELS[state];
 	return /* @__PURE__ */ jsxs(View, {
 		style: styles.block,
 		accessibilityLabel: language === void 0 ? void 0 : `${language} code`,
@@ -37,21 +20,9 @@ function CodeBlock({ text, language }) {
 				style: styles.code,
 				children: text
 			})
-		}), /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon",
-			accessibilityLabel: label,
-			onPress: () => {
-				setStringAsync(text).then((saved) => setState(saved ? "copied" : "failed"), () => setState("failed"));
-			},
-			style: styles.copy,
-			children: state === "copied" ? /* @__PURE__ */ jsx(CheckIcon, {
-				size: 12,
-				color: "green"
-			}) : /* @__PURE__ */ jsx(CopyIcon, {
-				size: 12,
-				color: "faint"
-			})
+		}), /* @__PURE__ */ jsx(CopyButton, {
+			text,
+			style: styles.copy
 		})]
 	});
 }

package/dist/components/CodeBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":["setStringAsync","useEffect","useState","StyleSheet","CheckIcon","CopyIcon","fontOf","Button","FEEDBACK_MS","CopyState","LABELS","Readonly","Record","idle","copied","failed","CodeBlockProps","text","language","CodeBlock","state","setState","undefined","timer","setTimeout","clearTimeout","label","styles","block","scroll","code","then","saved","copy","create","theme","borderRadius","DEFAULT","borderWidth","borderColor","colors","border","backgroundColor","deep","uni__dependencies","padding","spacing","paddingRight","color","fontFamily","mono","fontSize","sm","lineHeight","lineHeightRelaxed","position","top","right"],"sources":["../../src/components/CodeBlock.tsx"],"sourcesContent":["import { setStringAsync } from 'expo-clipboard';\nimport { useEffect, useState } from 'react';\nimport { ScrollView, Text, View } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { fontOf } from '../lib/fonts';\nimport { Button } from './Button';\n\n/*\n * A fenced code block: the source in selectable mono type that scrolls\n * sideways rather than wrapping, and a copy button that says when it worked.\n *\n * ponytail: no syntax colouring and no mermaid diagrams yet; a mermaid fence\n * shows its source, which is still the whole content.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying failed',\n};\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The fence's language word, such as `ts`; the web reads it from a `language-*` class. */\n  language?: string;\n}\n\nexport function CodeBlock({ text, language }: CodeBlockProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return undefined;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  const label = LABELS[state];\n  return (\n    <View style={styles.block} accessibilityLabel={language === undefined ? undefined : `${language} code`}>\n      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.scroll}>\n        <Text selectable style={styles.code}>\n          {text}\n        </Text>\n      </ScrollView>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        accessibilityLabel={label}\n        onPress={() => {\n          setStringAsync(text).then(\n            (saved) => setState(saved ? 'copied' : 'failed'),\n            () => setState('failed'),\n          );\n        }}\n        style={styles.copy}\n      >\n        {state === 'copied' ? <CheckIcon size={12} color=\"green\" /> : <CopyIcon size={12} color=\"faint\" />}\n      </Button>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  block: {\n    borderRadius: theme.borderRadius.DEFAULT,\n    borderWidth: 1,\n    borderColor: theme.colors.border,\n    backgroundColor: theme.colors.deep,\n  },\n  // The right padding keeps the first line clear of the copy button.\n  scroll: { padding: theme.spacing(2.5), paddingRight: theme.spacing(9) },\n  code: {\n    color: theme.colors.text,\n    fontFamily: fontOf(theme.fontFamily.mono),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeightRelaxed.sm,\n  },\n  copy: { position: 'absolute', top: theme.spacing(1.5), right: theme.spacing(1.5) },\n}));\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMQ,cAAc;AAIpB,MAAME,SAA8C;CAClDG,MAAM;CACNC,QAAQ;CACRC,QAAQ;AACV;AASA,SAAgBI,UAAU,EAAEF,MAAMC,YAA4B;CAC5D,MAAM,CAACE,OAAOC,YAAYnB,SAAoB,MAAM;CAEpDD,gBAAgB;EACd,IAAImB,UAAU,QAAQ,OAAOE;EAC7B,MAAMC,QAAQC,iBAAiBH,SAAS,MAAM,GAAGb,WAAW;EAC5D,aAAaiB,aAAaF,KAAK;CACjC,GAAG,CAACH,KAAK,CAAC;CAEV,MAAMM,QAAQhB,OAAOU;CACrB,OACE,qBAAC,MAAD;EAAM,OAAOO,OAAOC;EAAO,oBAAoBV,aAAaI,SAAYA,SAAY,GAAGJ,SAAQ;YAA/F,CACE,oBAAC,YAAD;GAAY;GAAW,gCAAgC;GAAO,uBAAuBS,OAAOE;aAC1F,oBAAC,MAAD;IAAM;IAAW,OAAOF,OAAOG;cAC5Bb;GACG;EACI,IACZ,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,oBAAoBS;GACpB,eAAe;IACb1B,eAAeiB,IAAI,CAAC,CAACc,MAClBC,UAAUX,SAASW,QAAQ,WAAW,QAAQ,SACzCX,SAAS,QAAQ,CACzB;GACF;GACA,OAAOM,OAAOM;aAEbb,UAAU,WAAW,oBAAC,WAAD;IAAW,MAAM;IAAI,OAAM;GAAO,KAAM,oBAAC,UAAD;IAAU,MAAM;IAAI,OAAM;GAAO;EACzF,EACJ;;AAEV;AAEA,MAAMO,SAASxB,WAAW+B,QAAQC,WAAW;CAC3CP,OAAO;EACLQ,cAAcD,MAAMC,aAAaC;EACjCC,aAAa;EACbC,aAAaJ,MAAMK,OAAOC;EAC1BC,iBAAiBP,MAAMK,OAAOG;EAAIC,mBAAA,CAAA,CAAA;CACpC;CAEAf,QAAQ;EAAEgB,SAASV,MAAMW,QAAQ,GAAG;EAAGC,cAAcZ,MAAMW,QAAQ,CAAC;EAACF,mBAAA,CAAA,CAAA;CAAC;CACtEd,MAAM;EACJkB,OAAOb,MAAMK,OAAOvB;EACpBgC,YAAY3C,OAAO6B,MAAMc,WAAWC,IAAI;EACxCC,UAAUhB,MAAMgB,SAASC;EACzBC,YAAYlB,MAAMmB,kBAAkBF;EAAER,mBAAA,CAAA,CAAA;CACxC;CACAX,MAAM;EAAEsB,UAAU;EAAYC,KAAKrB,MAAMW,QAAQ,GAAG;EAAGW,OAAOtB,MAAMW,QAAQ,GAAG;EAACF,mBAAA,CAAA,CAAA;CAAC;AACnF,EAAE"}
+{"version":3,"file":"CodeBlock.mjs","names":["StyleSheet","fontOf","CopyButton","CodeBlockProps","text","language","CodeBlock","styles","block","undefined","scroll","code","copy","create","theme","borderRadius","DEFAULT","borderWidth","borderColor","colors","border","backgroundColor","deep","uni__dependencies","padding","spacing","paddingRight","color","fontFamily","mono","fontSize","sm","lineHeight","lineHeightRelaxed","position","top","right"],"sources":["../../src/components/CodeBlock.tsx"],"sourcesContent":["import { ScrollView, Text, View } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\nimport { CopyButton } from './CopyButton';\n\n/*\n * A fenced code block: the source in selectable mono type that scrolls\n * sideways rather than wrapping, and a copy button that says when it worked.\n *\n * ponytail: no syntax colouring and no mermaid diagrams yet; a mermaid fence\n * shows its source, which is still the whole content.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The fence's language word, such as `ts`; the web reads it from a `language-*` class. */\n  language?: string;\n}\n\nexport function CodeBlock({ text, language }: CodeBlockProps) {\n  return (\n    <View style={styles.block} accessibilityLabel={language === undefined ? undefined : `${language} code`}>\n      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.scroll}>\n        <Text selectable style={styles.code}>\n          {text}\n        </Text>\n      </ScrollView>\n      <CopyButton text={text} style={styles.copy} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  block: {\n    borderRadius: theme.borderRadius.DEFAULT,\n    borderWidth: 1,\n    borderColor: theme.colors.border,\n    backgroundColor: theme.colors.deep,\n  },\n  // The right padding keeps the first line clear of the copy button.\n  scroll: { padding: theme.spacing(2.5), paddingRight: theme.spacing(9) },\n  code: {\n    color: theme.colors.text,\n    fontFamily: fontOf(theme.fontFamily.mono),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeightRelaxed.sm,\n  },\n  copy: { position: 'absolute', top: theme.spacing(1.5), right: theme.spacing(1.5) },\n}));\n"],"mappings":";;;;;;;;;AAqBA,SAAgBM,UAAU,EAAEF,MAAMC,YAA4B;CAC5D,OACE,qBAAC,MAAD;EAAM,OAAOE,OAAOC;EAAO,oBAAoBH,aAAaI,SAAYA,SAAY,GAAGJ,SAAQ;YAA/F,CACE,oBAAC,YAAD;GAAY;GAAW,gCAAgC;GAAO,uBAAuBE,OAAOG;aAC1F,oBAAC,MAAD;IAAM;IAAW,OAAOH,OAAOI;cAC5BP;GACG;EACI,IACZ,oBAAC,YAAD;GAAkBA;GAAM,OAAOG,OAAOK;EAAK,EACvC;;AAEV;AAEA,MAAML,SAASP,WAAWa,QAAQC,WAAW;CAC3CN,OAAO;EACLO,cAAcD,MAAMC,aAAaC;EACjCC,aAAa;EACbC,aAAaJ,MAAMK,OAAOC;EAC1BC,iBAAiBP,MAAMK,OAAOG;EAAIC,mBAAA,CAAA,CAAA;CACpC;CAEAb,QAAQ;EAAEc,SAASV,MAAMW,QAAQ,GAAG;EAAGC,cAAcZ,MAAMW,QAAQ,CAAC;EAACF,mBAAA,CAAA,CAAA;CAAC;CACtEZ,MAAM;EACJgB,OAAOb,MAAMK,OAAOf;EACpBwB,YAAY3B,OAAOa,MAAMc,WAAWC,IAAI;EACxCC,UAAUhB,MAAMgB,SAASC;EACzBC,YAAYlB,MAAMmB,kBAAkBF;EAAER,mBAAA,CAAA,CAAA;CACxC;CACAX,MAAM;EAAEsB,UAAU;EAAYC,KAAKrB,MAAMW,QAAQ,GAAG;EAAGW,OAAOtB,MAAMW,QAAQ,GAAG;EAACF,mBAAA,CAAA,CAAA;CAAC;AACnF,EAAE"}

package/dist/components/CopyButton.d.mts

@@ -0,0 +1,13 @@
+import { StyleProp, ViewStyle } from "react-native";
+//#region src/components/CopyButton.d.ts
+export interface CopyButtonProps {
+  /** The text the press puts on the clipboard. */
+  text: string;
+  /** What is copied, announced before the state, such as `path`. */
+  label?: string;
+  style?: StyleProp<ViewStyle>;
+}
+/** A quiet icon button that copies text and says, briefly, whether it worked. */
+export declare function CopyButton({ text, label, style }: CopyButtonProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CopyButton.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.mts","names":[],"sources":["../../src/components/CopyButton.tsx"],"mappings":";;iBAkBiB;;EAEf;;EAEA;EACA,QAAQ,UAAU;;;wBAIJ,aAAa,MAAM,OAAO,SAAS,kCAAe,IAAA"}

package/dist/components/CopyButton.mjs

@@ -0,0 +1,43 @@
+import { Button } from "./Button.mjs";
+import { CheckIcon, CopyIcon } from "../icons/icons.mjs";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { setStringAsync } from "expo-clipboard";
+
+//#region src/components/CopyButton.tsx
+/** How long the control stays acknowledged before returning to its icon. */
+const FEEDBACK_MS = 1500;
+const LABELS = {
+	idle: "copy",
+	copied: "copied",
+	failed: "copying failed"
+};
+/** A quiet icon button that copies text and says, briefly, whether it worked. */
+function CopyButton({ text, label, style }) {
+	const [state, setState] = useState("idle");
+	useEffect(() => {
+		if (state === "idle") return void 0;
+		const timer = setTimeout(() => setState("idle"), FEEDBACK_MS);
+		return () => clearTimeout(timer);
+	}, [state]);
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon",
+		accessibilityLabel: label === void 0 ? LABELS[state] : `${LABELS[state]} ${label}`,
+		onPress: () => {
+			setStringAsync(text).then((saved) => setState(saved ? "copied" : "failed"), () => setState("failed"));
+		},
+		style,
+		children: state === "copied" ? /* @__PURE__ */ jsx(CheckIcon, {
+			size: 12,
+			color: "green"
+		}) : /* @__PURE__ */ jsx(CopyIcon, {
+			size: 12,
+			color: "faint"
+		})
+	});
+}
+
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=CopyButton.mjs.map

package/dist/components/CopyButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","names":["setStringAsync","useEffect","useState","StyleProp","ViewStyle","CheckIcon","CopyIcon","Button","FEEDBACK_MS","CopyState","LABELS","Readonly","Record","idle","copied","failed","CopyButtonProps","text","label","style","CopyButton","state","setState","undefined","timer","setTimeout","clearTimeout","then","saved"],"sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import { setStringAsync } from 'expo-clipboard';\nimport { useEffect, useState } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { Button } from './Button';\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying failed',\n};\n\nexport interface CopyButtonProps {\n  /** The text the press puts on the clipboard. */\n  text: string;\n  /** What is copied, announced before the state, such as `path`. */\n  label?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\n/** A quiet icon button that copies text and says, briefly, whether it worked. */\nexport function CopyButton({ text, label, style }: CopyButtonProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return undefined;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      accessibilityLabel={label === undefined ? LABELS[state] : `${LABELS[state]} ${label}`}\n      onPress={() => {\n        setStringAsync(text).then(\n          (saved) => setState(saved ? 'copied' : 'failed'),\n          () => setState('failed'),\n        );\n      }}\n      style={style}\n    >\n      {state === 'copied' ? <CheckIcon size={12} color=\"green\" /> : <CopyIcon size={12} color=\"faint\" />}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAQA,MAAMQ,cAAc;AAIpB,MAAME,SAA8C;CAClDG,MAAM;CACNC,QAAQ;CACRC,QAAQ;AACV;;AAWA,SAAgBK,WAAW,EAAEH,MAAMC,OAAOC,SAA0B;CAClE,MAAM,CAACE,OAAOC,YAAYpB,SAAoB,MAAM;CAEpDD,gBAAgB;EACd,IAAIoB,UAAU,QAAQ,OAAOE;EAC7B,MAAMC,QAAQC,iBAAiBH,SAAS,MAAM,GAAGd,WAAW;EAC5D,aAAakB,aAAaF,KAAK;CACjC,GAAG,CAACH,KAAK,CAAC;CAEV,OACE,oBAAC,QAAD;EACE,SAAQ;EACR,MAAK;EACL,oBAAoBH,UAAUK,SAAYb,OAAOW,SAAS,GAAGX,OAAOW,OAAM,GAAIH;EAC9E,eAAe;GACblB,eAAeiB,IAAI,CAAC,CAACU,MAClBC,UAAUN,SAASM,QAAQ,WAAW,QAAQ,SACzCN,SAAS,QAAQ,CACzB;EACF;EACOH;YAENE,UAAU,WAAW,oBAAC,WAAD;GAAW,MAAM;GAAI,OAAM;EAAO,KAAM,oBAAC,UAAD;GAAU,MAAM;GAAI,OAAM;EAAO;CACzF;AAEZ"}

package/dist/components/Dialog.mjs

@@ -4,14 +4,14 @@ import { Button } from "./Button.mjs";
 import { CloseIcon } from "../icons/icons.mjs";
 import { useControllable } from "../lib/useControllable.mjs";
 import { View } from "react-native-unistyles/components/native/View";
-import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
+import { Text } from "react-native-unistyles/components/native/Text";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { Easing, Modal, Platform } from "react-native";
-import { Text } from "react-native-unistyles/components/native/Text";
+import { Animated } from "react-native-unistyles/components/native/Animated";
+import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { createContext, useContext, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
-import { Animated } from "react-native-unistyles/components/native/Animated";
 
 //#region src/components/Dialog.tsx
 /** `bg-po-deep/70`. */

package/dist/components/Dot.d.mts

@@ -1,5 +1,5 @@
-import { DotTone } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleProp, ViewStyle } from "react-native";
+import { DotTone } from "@agimon-ai/po-web-components/nativeTheme";
 //#region src/components/Dot.d.ts
 type DotTone$1 = DotTone;
 export type DotSize = 'xs' | 'sm' | 'md' | 'lg';

package/dist/components/Dot.mjs

@@ -1,8 +1,8 @@
-import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { Animated } from "react-native-unistyles/components/native/Animated";
+import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Animated } from "react-native-unistyles/components/native/Animated";
 
 //#region src/components/Dot.tsx
 /** `bg-po-faint/40`: a thing that exists but is not live. */

package/dist/components/DropdownMenu.mjs

@@ -6,8 +6,8 @@ import { CheckIcon } from "../icons/icons.mjs";
 import { useControllable } from "../lib/useControllable.mjs";
 import { SheetFrame } from "./SheetFrame.mjs";
 import { View } from "react-native-unistyles/components/native/View";
-import { StyleSheet } from "react-native-unistyles";
 import { Text } from "react-native-unistyles/components/native/Text";
+import { StyleSheet } from "react-native-unistyles";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable } from "react-native-unistyles/components/native/Pressable";

package/dist/components/HashlineLines.d.mts

@@ -0,0 +1,13 @@
+import { PresentedLine } from "@agimon-ai/po-web-components/text";
+import { ViewProps } from "react-native";
+//#region src/components/HashlineLines.d.ts
+export interface HashlineLinesProps extends Omit<ViewProps, 'children'> {
+  lines: readonly PresentedLine[];
+  /** Width of the line-number column, in characters, from `hashlineBody`. */
+  gutter: number;
+  /** The file a body of bare anchored lines came from, for highlighting. */
+  path?: string | undefined;
+}
+export declare function HashlineLines({ lines, gutter, path, style, ...props }: HashlineLinesProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=HashlineLines.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.d.mts","names":[],"sources":["../../src/components/HashlineLines.tsx"],"mappings":";;;iBA0BiB,2BAA2B,KAAK;EAC/C,gBAAgB;;EAEhB;;EAEA;;wBAsCc,gBAAgB,OAAO,QAAQ,MAAM,UAAU,SAAS,qCAAkB,IAAA"}

package/dist/components/HashlineLines.mjs

@@ -0,0 +1,137 @@
+import { fontOf } from "../lib/fonts.mjs";
+import { SyntaxLine } from "./SyntaxLine.mjs";
+import { detectGrammar, hashlineGroups, hashlineGroupsKey, highlightToLines } from "@agimon-ai/po-web-components/text";
+import { View } from "react-native-unistyles/components/native/View";
+import { Text } from "react-native-unistyles/components/native/Text";
+import { StyleSheet } from "react-native-unistyles";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/HashlineLines.tsx
+const NO_SPANS = /* @__PURE__ */ new Map();
+/** Spans per presented-line index, kept with the body they belong to, as the web's hook. */
+function useHashlineSpans(lines, path) {
+	const groups = useMemo(() => hashlineGroups(lines, path), [lines, path]);
+	const key = hashlineGroupsKey(groups);
+	const [done, setDone] = useState();
+	useEffect(() => {
+		let live = true;
+		const next = /* @__PURE__ */ new Map();
+		const work = groups.map(async (group) => {
+			const grammar = detectGrammar({
+				path: group.path,
+				text: group.text
+			});
+			if (grammar === void 0) return;
+			const highlighted = await highlightToLines(group.text, grammar);
+			if (highlighted === void 0) return;
+			for (const [offset, index] of group.indices.entries()) {
+				const line = highlighted[offset];
+				if (line !== void 0) next.set(index, line);
+			}
+		});
+		Promise.allSettled(work).then(() => {
+			if (live && next.size > 0) setDone({
+				key,
+				spans: next
+			});
+		});
+		return () => {
+			live = false;
+		};
+	}, [key]);
+	return done?.key === key ? done.spans : NO_SPANS;
+}
+function HashlineLines({ lines, gutter, path, style, ...props }) {
+	const spans = useHashlineSpans(lines, path);
+	return /* @__PURE__ */ jsx(View, {
+		style,
+		...props,
+		children: lines.map((line, index) => {
+			if (line.type === "file") return /* @__PURE__ */ jsx(Text, {
+				numberOfLines: 1,
+				style: [
+					styles.mono,
+					styles.faint,
+					index > 0 && styles.fileGap
+				],
+				children: line.path
+			}, index);
+			if (line.type === "plain") return /* @__PURE__ */ jsx(Text, {
+				selectable: true,
+				style: [styles.mono, styles.dim],
+				children: line.text
+			}, index);
+			const { value } = line;
+			const match = value.marker === "match";
+			return /* @__PURE__ */ jsxs(View, {
+				style: styles.row,
+				children: [
+					value.marker !== void 0 ? /* @__PURE__ */ jsx(Text, {
+						style: [styles.mono, match ? styles.marker : styles.faint],
+						children: match ? ">>" : "  "
+					}) : null,
+					/* @__PURE__ */ jsx(Text, {
+						style: [styles.mono, styles.faint],
+						children: String(value.line).padStart(gutter)
+					}),
+					/* @__PURE__ */ jsx(SyntaxLine, {
+						selectable: true,
+						spans: spans.get(index),
+						text: value.content,
+						style: [
+							styles.mono,
+							styles.content,
+							match ? styles.hi : styles.text
+						]
+					})
+				]
+			}, index);
+		})
+	});
+}
+const styles = StyleSheet.create((theme) => ({
+	row: {
+		flexDirection: "row",
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	fileGap: {
+		marginTop: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	mono: {
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeightRelaxed.sm,
+		uni__dependencies: [0]
+	},
+	content: {
+		flex: 1,
+		minWidth: 0
+	},
+	marker: {
+		color: theme.colors.blue,
+		uni__dependencies: [0]
+	},
+	faint: {
+		color: theme.colors.faint,
+		uni__dependencies: [0]
+	},
+	dim: {
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	text: {
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	hi: {
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	}
+}));
+
+//#endregion
+export { HashlineLines };
+//# sourceMappingURL=HashlineLines.mjs.map

package/dist/components/HashlineLines.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.mjs","names":["detectGrammar","hashlineGroups","hashlineGroupsKey","highlightToLines","PresentedLine","SyntaxSpan","useEffect","useMemo","useState","ViewProps","StyleSheet","fontOf","SyntaxLine","HashlineLinesProps","Omit","lines","gutter","path","NO_SPANS","ReadonlyMap","Map","useHashlineSpans","groups","key","done","setDone","spans","live","next","work","map","group","grammar","text","undefined","highlighted","offset","index","indices","entries","line","set","Promise","allSettled","then","size","HashlineLines","style","props","type","styles","mono","faint","fileGap","dim","value","match","marker","row","String","padStart","get","content","hi","create","theme","flexDirection","gap","spacing","uni__dependencies","marginTop","fontFamily","fontSize","sm","lineHeight","lineHeightRelaxed","flex","minWidth","color","colors","blue"],"sources":["../../src/components/HashlineLines.tsx"],"sourcesContent":["import {\n  detectGrammar,\n  hashlineGroups,\n  hashlineGroupsKey,\n  highlightToLines,\n  type PresentedLine,\n  type SyntaxSpan,\n} from '@agimon-ai/po-web-components/text';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Text, View, type ViewProps } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\nimport { SyntaxLine } from './SyntaxLine';\n\n/*\n * The anchored body shared by hashline results, as the web's HashlineLines: a\n * file heading per group, a right-aligned line-number gutter, and a `>>`\n * marker on grep matches. Mono type makes a padded number the gutter, so the\n * column needs no measuring.\n *\n * The anchored lines are coloured with the web's grammars and palette when the\n * body names a file, or when `path` names one. Colour arrives late and never\n * blocks the text: an unhighlighted body is the same body without the colours.\n */\n\nexport interface HashlineLinesProps extends Omit<ViewProps, 'children'> {\n  lines: readonly PresentedLine[];\n  /** Width of the line-number column, in characters, from `hashlineBody`. */\n  gutter: number;\n  /** The file a body of bare anchored lines came from, for highlighting. */\n  path?: string | undefined;\n}\n\nconst NO_SPANS: ReadonlyMap<number, readonly SyntaxSpan[]> = new Map();\n\n/** Spans per presented-line index, kept with the body they belong to, as the web's hook. */\nfunction useHashlineSpans(lines: readonly PresentedLine[], path: string | undefined) {\n  const groups = useMemo(() => hashlineGroups(lines, path), [lines, path]);\n  const key = hashlineGroupsKey(groups);\n  const [done, setDone] = useState<{ key: string; spans: ReadonlyMap<number, readonly SyntaxSpan[]> }>();\n\n  useEffect(() => {\n    let live = true;\n    const next = new Map<number, readonly SyntaxSpan[]>();\n    const work = groups.map(async (group) => {\n      const grammar = detectGrammar({ path: group.path, text: group.text });\n      if (grammar === undefined) return;\n      const highlighted = await highlightToLines(group.text, grammar);\n      if (highlighted === undefined) return;\n      for (const [offset, index] of group.indices.entries()) {\n        const line = highlighted[offset];\n        if (line !== undefined) next.set(index, line);\n      }\n    });\n    // A grammar that fails to load leaves its run plain: colour is decoration.\n    void Promise.allSettled(work).then(() => {\n      if (live && next.size > 0) setDone({ key, spans: next });\n    });\n    return () => {\n      live = false;\n    };\n    // The groups are rebuilt with the lines; their key is what actually changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return done?.key === key ? done.spans : NO_SPANS;\n}\n\nexport function HashlineLines({ lines, gutter, path, style, ...props }: HashlineLinesProps) {\n  const spans = useHashlineSpans(lines, path);\n  return (\n    <View style={style} {...props}>\n      {lines.map((line, index) => {\n        if (line.type === 'file') {\n          return (\n            <Text key={index} numberOfLines={1} style={[styles.mono, styles.faint, index > 0 && styles.fileGap]}>\n              {line.path}\n            </Text>\n          );\n        }\n        if (line.type === 'plain') {\n          return (\n            <Text key={index} selectable style={[styles.mono, styles.dim]}>\n              {line.text}\n            </Text>\n          );\n        }\n        const { value } = line;\n        const match = value.marker === 'match';\n        return (\n          <View key={index} style={styles.row}>\n            {value.marker !== undefined ? (\n              <Text style={[styles.mono, match ? styles.marker : styles.faint]}>{match ? '>>' : '  '}</Text>\n            ) : null}\n            <Text style={[styles.mono, styles.faint]}>{String(value.line).padStart(gutter)}</Text>\n            <SyntaxLine\n              selectable\n              spans={spans.get(index)}\n              text={value.content}\n              style={[styles.mono, styles.content, match ? styles.hi : styles.text]}\n            />\n          </View>\n        );\n      })}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  row: { flexDirection: 'row', gap: theme.spacing(2) },\n  fileGap: { marginTop: theme.spacing(1) },\n  mono: {\n    fontFamily: fontOf(theme.fontFamily.mono),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeightRelaxed.sm,\n  },\n  content: { flex: 1, minWidth: 0 },\n  marker: { color: theme.colors.blue },\n  faint: { color: theme.colors.faint },\n  dim: { color: theme.colors.dim },\n  text: { color: theme.colors.text },\n  hi: { color: theme.colors.hi },\n}));\n"],"mappings":"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"}

package/dist/components/Input.mjs

@@ -1,7 +1,7 @@
 import { fontOf } from "../lib/fonts.mjs";
 import { useInsideSheet } from "../lib/insideSheet.mjs";
-import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { StyleSheet, useUnistyles, withUnistyles } from "react-native-unistyles";
+import { withAlpha } from "@agimon-ai/po-web-components/nativeTheme";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { BottomSheetTextInput } from "@gorhom/bottom-sheet";

package/dist/components/Label.mjs

@@ -1,6 +1,6 @@
 import { fontOf } from "../lib/fonts.mjs";
-import { StyleSheet } from "react-native-unistyles";
 import { Text } from "react-native-unistyles/components/native/Text";
+import { StyleSheet } from "react-native-unistyles";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Label.tsx

package/dist/components/List.mjs

@@ -1,9 +1,9 @@
 import { fontOf } from "../lib/fonts.mjs";
 import { ChevronRightIcon } from "../icons/icons.mjs";
 import { View } from "react-native-unistyles/components/native/View";
+import { Text } from "react-native-unistyles/components/native/Text";
 import { StyleSheet } from "react-native-unistyles";
 import { Platform } from "react-native";
-import { Text } from "react-native-unistyles/components/native/Text";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
 import { FlashList } from "@shopify/flash-list";

package/dist/components/Markdown.d.mts

@@ -5,11 +5,18 @@
  * contract as the web Markdown's handler.
  */
 export type FileLinkHandler = (text: string, explicit?: boolean) => (() => void) | undefined;
+/** Loads a relative image path from the host; the same contract as the web Markdown's `loadImage`. */
+export type MarkdownImageLoader = (path: string) => Promise<{
+  url: string;
+  dispose(): void;
+}>;
 export interface MarkdownProps {
   text: string;
   onFileLink?: FileLinkHandler;
+  /** Loads relative image paths; without it they show as unavailable. */
+  loadImage?: MarkdownImageLoader;
 }
 /** Markdown in Po's shared presentation, parsed by the package's own small parser. */
-export declare function Markdown({ text, onFileLink }: MarkdownProps): import("react").JSX.Element;
+export declare function Markdown({ text, onFileLink, loadImage }: MarkdownProps): import("react").JSX.Element;
 //#endregion
 //# sourceMappingURL=Markdown.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.mts","names":[],"sources":["../../src/components/Markdown.tsx"],"mappings":";;;;;;YAqBY,mBAAmB,cAAc;iBAgH5B;EACf;EACA,aAAa;;;wBAIC,WAAW,MAAM,cAAc,gCAAa,IAAA"}
+{"version":3,"file":"Markdown.d.mts","names":[],"sources":["../../src/components/Markdown.tsx"],"mappings":";;;;;;YAoBY,mBAAmB,cAAc;;YAMjC,uBAAuB,iBAAiB;EAAU;EAAa;;iBA0O1D;EACf;EACA,aAAa;;EAEb,YAAY;;;wBAIE,WAAW,MAAM,YAAY,aAAa,gCAAa,IAAA"}