@agimon-ai/po-native-components 0.0.0-alpha.0

package/dist/lib/markdown.mjs

@@ -0,0 +1,271 @@
+//#region src/lib/markdown.ts
+const FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})[ \t]*([^\s`]*)/;
+const HEADING = /^ {0,3}(#{1,6})(?:[ \t]+(.*?))?(?:[ \t]+#+)?[ \t]*$/;
+const RULE = /^ {0,3}([-*_])(?:[ \t]*\1){2,}[ \t]*$/;
+const BULLET_ITEM = /^ {0,3}[-*+][ \t]+(.*)$/;
+const ORDERED_ITEM = /^ {0,3}(\d{1,9})[.)][ \t]+(.*)$/;
+const INDENTED = /^[ \t]+\S/;
+const ESCAPABLE = /[!-/:-@[-`{-~]/;
+const WORD_CHAR = /[\p{L}\p{N}]/u;
+function isBlank(line) {
+	return line.trim() === "";
+}
+/** Parses a Markdown document into blocks. */
+function parseMarkdown(source) {
+	const lines = source.replace(/\r\n?/g, "\n").split("\n");
+	const blocks = [];
+	let paragraph = [];
+	let list;
+	const flushParagraph = () => {
+		if (paragraph.length > 0) blocks.push({
+			type: "paragraph",
+			children: parseInline(paragraph.join("\n"))
+		});
+		paragraph = [];
+	};
+	const flushList = () => {
+		if (list !== void 0) blocks.push({
+			type: "list",
+			ordered: list.ordered,
+			start: list.start,
+			items: list.items.map(parseInline)
+		});
+		list = void 0;
+	};
+	const flush = () => {
+		flushParagraph();
+		flushList();
+	};
+	for (let index = 0; index < lines.length; index += 1) {
+		const line = lines[index];
+		const fence = FENCE_OPEN.exec(line);
+		if (fence !== null) {
+			flush();
+			const marker = fence[1];
+			const close = new RegExp(`^ {0,3}${marker[0] === "`" ? "`" : "~"}{${marker.length},}[ \\t]*$`);
+			const body = [];
+			index += 1;
+			while (index < lines.length && !close.test(lines[index])) {
+				body.push(lines[index]);
+				index += 1;
+			}
+			const language = fence[2] === void 0 || fence[2] === "" ? void 0 : fence[2];
+			blocks.push({
+				type: "code",
+				language,
+				text: body.join("\n")
+			});
+			continue;
+		}
+		if (isBlank(line)) {
+			flush();
+			continue;
+		}
+		const heading = HEADING.exec(line);
+		if (heading !== null) {
+			flush();
+			const level = heading[1].length;
+			blocks.push({
+				type: "heading",
+				level,
+				children: parseInline(heading[2] ?? "")
+			});
+			continue;
+		}
+		if (RULE.test(line)) {
+			flush();
+			blocks.push({ type: "rule" });
+			continue;
+		}
+		const bullet = BULLET_ITEM.exec(line);
+		const ordered = bullet === null ? ORDERED_ITEM.exec(line) : null;
+		if (bullet !== null || ordered !== null) {
+			flushParagraph();
+			const isOrdered = ordered !== null;
+			if (list === void 0 || list.ordered !== isOrdered) {
+				flushList();
+				list = {
+					ordered: isOrdered,
+					start: isOrdered ? Number(ordered[1]) : 1,
+					items: []
+				};
+			}
+			list.items.push(isOrdered ? ordered[2] : bullet[1]);
+			continue;
+		}
+		if (list !== void 0 && INDENTED.test(line)) {
+			const last = list.items.length - 1;
+			list.items[last] = `${list.items[last]}\n${line.trim()}`;
+			continue;
+		}
+		flushList();
+		paragraph.push(line);
+	}
+	flush();
+	return blocks;
+}
+/** Parses one run of inline Markdown. */
+function parseInline(source) {
+	const nodes = [];
+	let text = "";
+	const pushText = (value) => {
+		text += value;
+	};
+	const pushNode = (node) => {
+		if (text !== "") nodes.push({
+			type: "text",
+			text
+		});
+		text = "";
+		nodes.push(node);
+	};
+	let index = 0;
+	while (index < source.length) {
+		const char = source[index];
+		if (char === "\\" && index + 1 < source.length && ESCAPABLE.test(source[index + 1])) {
+			pushText(source[index + 1]);
+			index += 2;
+			continue;
+		}
+		if (char === "`") {
+			const span = readCodeSpan(source, index);
+			if (span !== void 0) {
+				pushNode({
+					type: "code",
+					text: span.text
+				});
+				index = span.end;
+				continue;
+			}
+			const run = /^`+/.exec(source.slice(index))[0];
+			pushText(run);
+			index += run.length;
+			continue;
+		}
+		if (char === "[") {
+			const link = readLink(source, index);
+			if (link !== void 0) {
+				pushNode({
+					type: "link",
+					href: link.href,
+					children: parseInline(link.label)
+				});
+				index = link.end;
+				continue;
+			}
+		}
+		if ((char === "*" || char === "_") && source[index + 1] === char) {
+			const strong = readDelimited(source, index, char.repeat(2));
+			if (strong !== void 0) {
+				pushNode({
+					type: "strong",
+					children: parseInline(strong.inner)
+				});
+				index = strong.end;
+				continue;
+			}
+			pushText(char.repeat(2));
+			index += 2;
+			continue;
+		}
+		if (char === "*" || char === "_") {
+			const em = readDelimited(source, index, char);
+			if (em !== void 0) {
+				pushNode({
+					type: "em",
+					children: parseInline(em.inner)
+				});
+				index = em.end;
+				continue;
+			}
+		}
+		pushText(char);
+		index += 1;
+	}
+	if (text !== "") nodes.push({
+		type: "text",
+		text
+	});
+	return nodes;
+}
+/** A code span opened by the backtick run at `start`, closed by a run of the same length. */
+function readCodeSpan(source, start) {
+	const run = /^`+/.exec(source.slice(start))[0];
+	let search = start + run.length;
+	while (search < source.length) {
+		const found = source.indexOf(run, search);
+		if (found === -1) return void 0;
+		const after = found + run.length;
+		if (source[after] === "`" || source[found - 1] === "`") {
+			search = after;
+			while (source[search] === "`") search += 1;
+			continue;
+		}
+		let text = source.slice(start + run.length, found).replace(/\n/g, " ");
+		if (text.length > 2 && text.startsWith(" ") && text.endsWith(" ") && text.trim() !== "") text = text.slice(1, -1);
+		return {
+			text,
+			end: after
+		};
+	}
+}
+/** `[label](href)` starting at the bracket; brackets in the label may nest. */
+function readLink(source, start) {
+	let depth = 0;
+	let close = -1;
+	for (let index = start; index < source.length; index += 1) {
+		const char = source[index];
+		if (char === "\\") {
+			index += 1;
+			continue;
+		}
+		if (char === "[") depth += 1;
+		if (char === "]") {
+			depth -= 1;
+			if (depth === 0) {
+				close = index;
+				break;
+			}
+		}
+	}
+	if (close === -1 || source[close + 1] !== "(") return void 0;
+	const target = /^\(\s*<?([^\s()<>]*)>?(?:\s+"[^"]*")?\s*\)/.exec(source.slice(close + 1));
+	if (target === null) return void 0;
+	return {
+		label: source.slice(start + 1, close),
+		href: target[1],
+		end: close + 1 + target[0].length
+	};
+}
+/**
+* Emphasis opened by `delimiter` at `start`: the inner text may not begin or
+* end with a space, and an underscore only counts at a word boundary, so
+* `snake_case_name` stays text.
+*/
+function readDelimited(source, start, delimiter) {
+	const underscore = delimiter[0] === "_";
+	if (underscore && start > 0 && WORD_CHAR.test(source[start - 1])) return void 0;
+	const open = start + delimiter.length;
+	if (open >= source.length || /\s/.test(source[open])) return void 0;
+	let search = open;
+	while (search < source.length) {
+		const found = source.indexOf(delimiter, search);
+		if (found === -1) return void 0;
+		const end = found + delimiter.length;
+		if (delimiter.length === 1 && source[end] === delimiter) {
+			search = end + 1;
+			continue;
+		}
+		const inner = source.slice(open, found);
+		const boundaryOk = !underscore || end >= source.length || !WORD_CHAR.test(source[end]);
+		if (inner !== "" && !/\s/.test(inner[inner.length - 1]) && boundaryOk) return {
+			inner,
+			end
+		};
+		search = found + 1;
+	}
+}
+
+//#endregion
+export { parseInline, parseMarkdown };
+//# sourceMappingURL=markdown.mjs.map

package/dist/lib/markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.mjs","names":[],"sources":["../../src/lib/markdown.ts"],"sourcesContent":["/*\n * A small Markdown parser for native message text: the subset an assistant\n * reply uses, parsed to plain data so the renderer and the tests share one\n * shape. Kept free of React Native so a unit test can run it in Node.\n *\n * Blocks: ATX headings, paragraphs, bullet and numbered lists, fenced code\n * (an unclosed fence runs to the end, so a streaming reply shows its code\n * before the closing fence arrives) and thematic breaks.\n * Inline: code spans, bold, italic, links and backslash escapes.\n *\n * ponytail: no tables, images, blockquotes, nested lists or setext headings\n * yet; their source falls through as paragraph text, so nothing is lost.\n */\n\nexport type MarkdownInline =\n  | { type: 'text'; text: string }\n  | { type: 'code'; text: string }\n  | { type: 'strong'; children: MarkdownInline[] }\n  | { type: 'em'; children: MarkdownInline[] }\n  | { type: 'link'; href: string; children: MarkdownInline[] };\n\nexport type MarkdownHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type MarkdownBlock =\n  | { type: 'heading'; level: MarkdownHeadingLevel; children: MarkdownInline[] }\n  | { type: 'paragraph'; children: MarkdownInline[] }\n  | { type: 'list'; ordered: boolean; start: number; items: MarkdownInline[][] }\n  | { type: 'code'; language: string | undefined; text: string }\n  | { type: 'rule' };\n\nconst FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})[ \\t]*([^\\s`]*)/;\nconst HEADING = /^ {0,3}(#{1,6})(?:[ \\t]+(.*?))?(?:[ \\t]+#+)?[ \\t]*$/;\nconst RULE = /^ {0,3}([-*_])(?:[ \\t]*\\1){2,}[ \\t]*$/;\nconst BULLET_ITEM = /^ {0,3}[-*+][ \\t]+(.*)$/;\nconst ORDERED_ITEM = /^ {0,3}(\\d{1,9})[.)][ \\t]+(.*)$/;\nconst INDENTED = /^[ \\t]+\\S/;\nconst ESCAPABLE = /[!-/:-@[-`{-~]/;\nconst WORD_CHAR = /[\\p{L}\\p{N}]/u;\n\nfunction isBlank(line: string): boolean {\n  return line.trim() === '';\n}\n\n/** Parses a Markdown document into blocks. */\nexport function parseMarkdown(source: string): MarkdownBlock[] {\n  const lines = source.replace(/\\r\\n?/g, '\\n').split('\\n');\n  const blocks: MarkdownBlock[] = [];\n  let paragraph: string[] = [];\n  let list: { ordered: boolean; start: number; items: string[] } | undefined;\n\n  const flushParagraph = () => {\n    if (paragraph.length > 0) blocks.push({ type: 'paragraph', children: parseInline(paragraph.join('\\n')) });\n    paragraph = [];\n  };\n  const flushList = () => {\n    if (list !== undefined)\n      blocks.push({ type: 'list', ordered: list.ordered, start: list.start, items: list.items.map(parseInline) });\n    list = undefined;\n  };\n  const flush = () => {\n    flushParagraph();\n    flushList();\n  };\n\n  for (let index = 0; index < lines.length; index += 1) {\n    const line = lines[index]!;\n\n    const fence = FENCE_OPEN.exec(line);\n    if (fence !== null) {\n      flush();\n      const marker = fence[1]!;\n      const close = new RegExp(`^ {0,3}${marker[0] === '`' ? '`' : '~'}{${marker.length},}[ \\\\t]*$`);\n      const body: string[] = [];\n      index += 1;\n      while (index < lines.length && !close.test(lines[index]!)) {\n        body.push(lines[index]!);\n        index += 1;\n      }\n      const language = fence[2] === undefined || fence[2] === '' ? undefined : fence[2];\n      blocks.push({ type: 'code', language, text: body.join('\\n') });\n      continue;\n    }\n\n    if (isBlank(line)) {\n      flush();\n      continue;\n    }\n\n    const heading = HEADING.exec(line);\n    if (heading !== null) {\n      flush();\n      const level = heading[1]!.length as MarkdownHeadingLevel;\n      blocks.push({ type: 'heading', level, children: parseInline(heading[2] ?? '') });\n      continue;\n    }\n\n    if (RULE.test(line)) {\n      flush();\n      blocks.push({ type: 'rule' });\n      continue;\n    }\n\n    const bullet = BULLET_ITEM.exec(line);\n    const ordered = bullet === null ? ORDERED_ITEM.exec(line) : null;\n    if (bullet !== null || ordered !== null) {\n      flushParagraph();\n      const isOrdered = ordered !== null;\n      if (list === undefined || list.ordered !== isOrdered) {\n        flushList();\n        list = { ordered: isOrdered, start: isOrdered ? Number(ordered[1]) : 1, items: [] };\n      }\n      list.items.push(isOrdered ? ordered[2]! : bullet![1]!);\n      continue;\n    }\n\n    if (list !== undefined && INDENTED.test(line)) {\n      const last = list.items.length - 1;\n      list.items[last] = `${list.items[last]!}\\n${line.trim()}`;\n      continue;\n    }\n\n    flushList();\n    paragraph.push(line);\n  }\n  flush();\n  return blocks;\n}\n\n/** Parses one run of inline Markdown. */\nexport function parseInline(source: string): MarkdownInline[] {\n  const nodes: MarkdownInline[] = [];\n  let text = '';\n  const pushText = (value: string) => {\n    text += value;\n  };\n  const pushNode = (node: MarkdownInline) => {\n    if (text !== '') nodes.push({ type: 'text', text });\n    text = '';\n    nodes.push(node);\n  };\n\n  let index = 0;\n  while (index < source.length) {\n    const char = source[index]!;\n\n    if (char === '\\\\' && index + 1 < source.length && ESCAPABLE.test(source[index + 1]!)) {\n      pushText(source[index + 1]!);\n      index += 2;\n      continue;\n    }\n\n    if (char === '`') {\n      const span = readCodeSpan(source, index);\n      if (span !== undefined) {\n        pushNode({ type: 'code', text: span.text });\n        index = span.end;\n        continue;\n      }\n      const run = /^`+/.exec(source.slice(index))![0];\n      pushText(run);\n      index += run.length;\n      continue;\n    }\n\n    if (char === '[') {\n      const link = readLink(source, index);\n      if (link !== undefined) {\n        pushNode({ type: 'link', href: link.href, children: parseInline(link.label) });\n        index = link.end;\n        continue;\n      }\n    }\n\n    if ((char === '*' || char === '_') && source[index + 1] === char) {\n      const strong = readDelimited(source, index, char.repeat(2));\n      if (strong !== undefined) {\n        pushNode({ type: 'strong', children: parseInline(strong.inner) });\n        index = strong.end;\n        continue;\n      }\n      pushText(char.repeat(2));\n      index += 2;\n      continue;\n    }\n\n    if (char === '*' || char === '_') {\n      const em = readDelimited(source, index, char);\n      if (em !== undefined) {\n        pushNode({ type: 'em', children: parseInline(em.inner) });\n        index = em.end;\n        continue;\n      }\n    }\n\n    pushText(char);\n    index += 1;\n  }\n  if (text !== '') nodes.push({ type: 'text', text });\n  return nodes;\n}\n\n/** A code span opened by the backtick run at `start`, closed by a run of the same length. */\nfunction readCodeSpan(source: string, start: number): { text: string; end: number } | undefined {\n  const run = /^`+/.exec(source.slice(start))![0];\n  let search = start + run.length;\n  while (search < source.length) {\n    const found = source.indexOf(run, search);\n    if (found === -1) return undefined;\n    const after = found + run.length;\n    // A longer run is not the closer; skip past all of it.\n    if (source[after] === '`' || source[found - 1] === '`') {\n      search = after;\n      while (source[search] === '`') search += 1;\n      continue;\n    }\n    let text = source.slice(start + run.length, found).replace(/\\n/g, ' ');\n    if (text.length > 2 && text.startsWith(' ') && text.endsWith(' ') && text.trim() !== '') text = text.slice(1, -1);\n    return { text, end: after };\n  }\n  return undefined;\n}\n\n/** `[label](href)` starting at the bracket; brackets in the label may nest. */\nfunction readLink(source: string, start: number): { label: string; href: string; end: number } | undefined {\n  let depth = 0;\n  let close = -1;\n  for (let index = start; index < source.length; index += 1) {\n    const char = source[index];\n    if (char === '\\\\') {\n      index += 1;\n      continue;\n    }\n    if (char === '[') depth += 1;\n    if (char === ']') {\n      depth -= 1;\n      if (depth === 0) {\n        close = index;\n        break;\n      }\n    }\n  }\n  if (close === -1 || source[close + 1] !== '(') return undefined;\n  const target = /^\\(\\s*<?([^\\s()<>]*)>?(?:\\s+\"[^\"]*\")?\\s*\\)/.exec(source.slice(close + 1));\n  if (target === null) return undefined;\n  return { label: source.slice(start + 1, close), href: target[1]!, end: close + 1 + target[0].length };\n}\n\n/**\n * Emphasis opened by `delimiter` at `start`: the inner text may not begin or\n * end with a space, and an underscore only counts at a word boundary, so\n * `snake_case_name` stays text.\n */\nfunction readDelimited(source: string, start: number, delimiter: string): { inner: string; end: number } | undefined {\n  const underscore = delimiter[0] === '_';\n  if (underscore && start > 0 && WORD_CHAR.test(source[start - 1]!)) return undefined;\n  const open = start + delimiter.length;\n  if (open >= source.length || /\\s/.test(source[open]!)) return undefined;\n  let search = open;\n  while (search < source.length) {\n    const found = source.indexOf(delimiter, search);\n    if (found === -1) return undefined;\n    const end = found + delimiter.length;\n    const single = delimiter.length === 1;\n    // A single delimiter skips over a double one (`*a **b** c*`), which belongs to nested bold.\n    if (single && source[end] === delimiter) {\n      search = end + 1;\n      continue;\n    }\n    const inner = source.slice(open, found);\n    const boundaryOk = !underscore || end >= source.length || !WORD_CHAR.test(source[end]!);\n    if (inner !== '' && !/\\s/.test(inner[inner.length - 1]!) && boundaryOk) return { inner, end };\n    search = found + 1;\n  }\n  return undefined;\n}\n"],"mappings":"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"}

package/dist/lib/tone.mjs

@@ -0,0 +1,50 @@
+//#region src/lib/tone.ts
+/**
+* The token each tone vocabulary reads as natively, the same pairs the web
+* components name as classes. Components index the Unistyles theme with these,
+* so a tone and its colour are named once.
+*/
+/** The ink of a chip tone; neutral is quiet `dim`, every accent is itself. */
+const CHIP_INK = {
+	neutral: "dim",
+	blue: "blue",
+	green: "green",
+	yellow: "yellow",
+	red: "red",
+	magenta: "magenta",
+	violet: "violet",
+	cyan: "cyan",
+	orange: "orange",
+	teal: "teal"
+};
+/** The ink and tinted fill of a status pill. Running stays yellow, matching the web. */
+const STATUS_COLORS = {
+	neutral: {
+		ink: "faint",
+		fill: "panel"
+	},
+	running: {
+		ink: "yellow",
+		fill: "tint-yellow"
+	},
+	ok: {
+		ink: "green",
+		fill: "tint-green"
+	},
+	error: {
+		ink: "red",
+		fill: "tint-red"
+	},
+	info: {
+		ink: "blue",
+		fill: "tint-blue"
+	},
+	accent: {
+		ink: "magenta",
+		fill: "tint-magenta"
+	}
+};
+
+//#endregion
+export { CHIP_INK, STATUS_COLORS };
+//# sourceMappingURL=tone.mjs.map

package/dist/lib/tone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone.mjs","names":[],"sources":["../../src/lib/tone.ts"],"sourcesContent":["import type { ChipTone, NativeColorToken, StatusTone } from '@agimon-ai/po-web-components/nativeTheme';\n\n/**\n * The token each tone vocabulary reads as natively, the same pairs the web\n * components name as classes. Components index the Unistyles theme with these,\n * so a tone and its colour are named once.\n */\n\n/** The ink of a chip tone; neutral is quiet `dim`, every accent is itself. */\nexport const CHIP_INK: Readonly<Record<ChipTone, NativeColorToken>> = {\n  neutral: 'dim',\n  blue: 'blue',\n  green: 'green',\n  yellow: 'yellow',\n  red: 'red',\n  magenta: 'magenta',\n  violet: 'violet',\n  cyan: 'cyan',\n  orange: 'orange',\n  teal: 'teal',\n};\n\n/** The ink and tinted fill of a status pill. Running stays yellow, matching the web. */\nexport const STATUS_COLORS: Readonly<Record<StatusTone, { ink: NativeColorToken; fill: NativeColorToken }>> = {\n  neutral: { ink: 'faint', fill: 'panel' },\n  running: { ink: 'yellow', fill: 'tint-yellow' },\n  ok: { ink: 'green', fill: 'tint-green' },\n  error: { ink: 'red', fill: 'tint-red' },\n  info: { ink: 'blue', fill: 'tint-blue' },\n  accent: { ink: 'magenta', fill: 'tint-magenta' },\n};\n"],"mappings":";;;;;;;AASA,MAAa,WAAyD;CACpE,SAAS;CACT,MAAM;CACN,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,MAAM;AACR;;AAGA,MAAa,gBAAiG;CAC5G,SAAS;EAAE,KAAK;EAAS,MAAM;CAAQ;CACvC,SAAS;EAAE,KAAK;EAAU,MAAM;CAAc;CAC9C,IAAI;EAAE,KAAK;EAAS,MAAM;CAAa;CACvC,OAAO;EAAE,KAAK;EAAO,MAAM;CAAW;CACtC,MAAM;EAAE,KAAK;EAAQ,MAAM;CAAY;CACvC,QAAQ;EAAE,KAAK;EAAW,MAAM;CAAe;AACjD"}

package/dist/lib/useControllable.mjs

@@ -0,0 +1,22 @@
+import { useState } from "react";
+
+//#region src/lib/useControllable.ts
+/**
+* Controlled-or-uncontrolled state, the Radix convention every compound
+* component follows: given `value` the caller owns it, otherwise the
+* component keeps its own copy seeded from `defaultValue`. `onChange` fires
+* either way.
+*/
+function useControllable(value, defaultValue, onChange) {
+	const [own, setOwn] = useState(defaultValue);
+	const current = value === void 0 ? own : value;
+	const set = (next) => {
+		if (value === void 0) setOwn(next);
+		onChange?.(next);
+	};
+	return [current, set];
+}
+
+//#endregion
+export { useControllable };
+//# sourceMappingURL=useControllable.mjs.map

package/dist/lib/useControllable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllable.mjs","names":[],"sources":["../../src/lib/useControllable.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * Controlled-or-uncontrolled state, the Radix convention every compound\n * component follows: given `value` the caller owns it, otherwise the\n * component keeps its own copy seeded from `defaultValue`. `onChange` fires\n * either way.\n */\nexport function useControllable<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange: ((next: T) => void) | undefined,\n): [T, (next: T) => void] {\n  const [own, setOwn] = useState(defaultValue);\n  const current = value === undefined ? own : value;\n  const set = (next: T) => {\n    if (value === undefined) setOwn(next);\n    onChange?.(next);\n  };\n  return [current, set];\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,gBACd,OACA,cACA,UACwB;CACxB,MAAM,CAAC,KAAK,UAAU,SAAS,YAAY;CAC3C,MAAM,UAAU,UAAU,SAAY,MAAM;CAC5C,MAAM,OAAO,SAAY;EACvB,IAAI,UAAU,QAAW,OAAO,IAAI;EACpC,WAAW,IAAI;CACjB;CACA,OAAO,CAAC,SAAS,GAAG;AACtB"}

package/dist/lib/wrapText.mjs

@@ -0,0 +1,20 @@
+import { Text } from "react-native-unistyles/components/native/Text";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/lib/wrapText.tsx
+/**
+* React Native renders a string only inside <Text>, and a View passes no text
+* style down. A component that accepts loose children wraps each bare string
+* or number in a Text carrying its own type style, and leaves elements alone.
+*/
+function wrapText(children, style) {
+	return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx(Text, {
+		style,
+		children: child
+	}) : child);
+}
+
+//#endregion
+export { wrapText };
+//# sourceMappingURL=wrapText.mjs.map

package/dist/lib/wrapText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapText.mjs","names":["Children","ReactNode","StyleProp","TextStyle","wrapText","children","style","map","child"],"sources":["../../src/lib/wrapText.tsx"],"sourcesContent":["import { Children, type ReactNode } from 'react';\nimport { type StyleProp, Text, type TextStyle } from 'react-native';\n\n/**\n * React Native renders a string only inside <Text>, and a View passes no text\n * style down. A component that accepts loose children wraps each bare string\n * or number in a Text carrying its own type style, and leaves elements alone.\n */\nexport function wrapText(children: ReactNode, style: StyleProp<TextStyle>): ReactNode {\n  return Children.map(children, (child) =>\n    typeof child === 'string' || typeof child === 'number' ? <Text style={style}>{child}</Text> : child,\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,SAAgBI,SAASC,UAAqBC,OAAwC;CACpF,OAAON,SAASO,IAAIF,WAAWG,UAC7B,OAAOA,UAAU,YAAY,OAAOA,UAAU,WAAW,oBAAC,MAAD;EAAaF;YAAQE;CAAY,KAAIA,KAChG;AACF"}

package/llms.txt

@@ -0,0 +1,8 @@
+# @agimon-ai/po-native-components
+
+Package-owned guidance for the Po React Native component library.
+
+## Resources
+
+- [Package README](./README.md): What the library ships, where `PoNativeProvider` goes, each
+  component's web counterpart, and why the API only ever grows.

package/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "@agimon-ai/po-native-components",
+  "version": "0.0.0-alpha.0",
+  "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 Doom palette.",
+  "keywords": [
+    "ai",
+    "coding-agent",
+    "components",
+    "design-system",
+    "developer-tools",
+    "expo",
+    "po",
+    "react",
+    "react-native",
+    "theme",
+    "unistyles"
+  ],
+  "homepage": "https://agimon.ai",
+  "bugs": {
+    "url": "https://github.com/AgiFlow/po/issues"
+  },
+  "license": "MIT",
+  "author": "Vuong Ngo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AgiFlow/po.git",
+    "directory": "packages/core/po-native-components"
+  },
+  "files": [
+    "dist",
+    "llms.txt",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@agimon-ai/po-web-components": "0.0.0-alpha.0"
+  },
+  "devDependencies": {
+    "@agimon-ai/po-build": "0.0.0-alpha.0",
+    "@agimon-ai/vibe-lint-plugin-doom-web": "0.0.0-alpha.0",
+    "@babel/core": "7.29.7",
+    "@expo/vector-icons": "15.1.1",
+    "@gorhom/bottom-sheet": "5.2.14",
+    "@react-native-segmented-control/segmented-control": "2.5.7",
+    "@shopify/flash-list": "2.0.2",
+    "@types/node": "26.6.4",
+    "@types/react": "19.3.0",
+    "expo": "57.0.27",
+    "expo-clipboard": "~57.0.2",
+    "expo-font": "~57.0.4",
+    "expo-haptics": "~57.0.3",
+    "expo-modules-core": "57.0.21",
+    "expo-symbols": "~57.0.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-reanimated": "4.5.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-unistyles": "3.5.2",
+    "react-native-worklets": "0.10.1",
+    "tsdown": "0.23.0",
+    "typescript": "7.0.2",
+    "vitest": "5.0.3"
+  },
+  "peerDependencies": {
+    "@expo/vector-icons": "^15.0.0",
+    "@gorhom/bottom-sheet": "^5.2.0",
+    "@react-native-segmented-control/segmented-control": "^2.5.0",
+    "@shopify/flash-list": "^2.0.0",
+    "expo-clipboard": "^57.0.0",
+    "expo-font": "^57.0.0",
+    "expo-haptics": "^57.0.0",
+    "expo-symbols": "^57.0.0",
+    "react": "^19.0.0",
+    "react-native": "^0.86.0",
+    "react-native-gesture-handler": "^2.32.0",
+    "react-native-reanimated": "^4.5.0",
+    "react-native-safe-area-context": "^5.7.0",
+    "react-native-unistyles": "^3.5.0"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest --run",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint . && oxfmt . --check",
+    "fixcode": "oxlint . --fix && oxfmt ."
+  }
+}