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

package/dist/components/Tabs.d.mts

@@ -0,0 +1,44 @@
+import { StyleProp, ViewProps, ViewStyle } from "react-native";
+import { ReactNode } from "react";
+//#region src/components/Tabs.d.ts
+export interface TabsProps extends Omit<ViewProps, 'children' | 'style'> {
+  /** Controlled mode; pair with onValueChange. Omit it and the tabs keep their own state. */
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  children?: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+export declare function Tabs({ value, defaultValue, onValueChange, children, style, ...props }: TabsProps): import("react").JSX.Element;
+export interface TabsListProps {
+  children?: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+/** The tab strip; it scrolls sideways when the tabs outgrow it. */
+export declare function TabsList({ children, style }: TabsListProps): import("react").JSX.Element;
+export interface TabsTriggerProps {
+  value: string;
+  disabled?: boolean;
+  /** The label; a bare string is drawn in the tab's type, and a TabBadge may follow it. */
+  children?: ReactNode;
+  accessibilityLabel?: string;
+  style?: StyleProp<ViewStyle>;
+}
+export declare function TabsTrigger({ value, disabled, children, accessibilityLabel, style }: TabsTriggerProps): import("react").JSX.Element;
+export interface TabsContentProps extends Omit<ViewProps, 'children' | 'style'> {
+  value: string;
+  children?: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+/** The panel for one tab; only the active one renders. */
+export declare function TabsContent({ value, children, style, ...props }: TabsContentProps): import("react").JSX.Element | null;
+export interface TabBadgeProps {
+  /** Defaults to the enclosing tab's state: it inverts on the active tab so it stays readable on the tint. */
+  active?: boolean;
+  children?: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+/** The count beside a tab's label. */
+export declare function TabBadge({ active, children, style }: TabBadgeProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Tabs.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.mts","names":[],"sources":["../../src/components/Tabs.tsx"],"mappings":";;;iBA8BiB,kBAAkB,KAAK;;EAEtC;EACA;EACA,iBAAiB;EACjB,WAAW;EACX,QAAQ,UAAU;;wBAGJ,OAAO,OAAO,cAAc,eAAe,UAAU,UAAU,SAAS,4BAAS,IAAA;iBAehF;EACf,WAAW;EACX,QAAQ,UAAU;;;wBAIJ,WAAW,UAAU,SAAS,gCAAa,IAAA;iBAc1C;EACf;EACA;;EAEA,WAAW;EACX;EACA,QAAQ,UAAU;;wBAGJ,cAAc,OAAO,UAAkB,UAAU,oBAAoB,SAAS,mCAAgB,IAAA;iBA2B7F,yBAAyB,KAAK;EAC7C;EACA,WAAW;EACX,QAAQ,UAAU;;;wBAIJ,cAAc,OAAO,UAAU,UAAU,SAAS,mCAAgB,IAAA;iBAUjE;;EAEf;EACA,WAAW;EACX,QAAQ,UAAU;;;wBAIJ,WAAW,QAAQ,UAAU,SAAS,gCAAa,IAAA"}

package/dist/components/Tabs.mjs

@@ -0,0 +1,197 @@
+import { fontOf } from "../lib/fonts.mjs";
+import { wrapText } from "../lib/wrapText.mjs";
+import { selectionTick } from "../lib/haptics.mjs";
+import { useControllable } from "../lib/useControllable.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 { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Pressable } from "react-native-unistyles/components/native/Pressable";
+import { ScrollView } from "react-native-unistyles/components/native/ScrollView";
+
+//#region src/components/Tabs.tsx
+/** `min-h-6`, padded to Apple's 44pt tap target by hitSlop. */
+const TAB_HEIGHT = 24;
+const DISABLED_OPACITY = .4;
+const BADGE_SIZE = 15;
+const TabsContext = createContext({
+	value: void 0,
+	setValue: () => void 0
+});
+/** Whether the enclosing trigger is active, so a TabBadge inverts without being told. */
+const TabActiveContext = createContext(false);
+function Tabs({ value, defaultValue, onValueChange, children, style, ...props }) {
+	const [current, setValue] = useControllable(value, defaultValue, onValueChange);
+	return /* @__PURE__ */ jsx(TabsContext.Provider, {
+		value: {
+			value: current,
+			setValue
+		},
+		children: /* @__PURE__ */ jsx(View, {
+			style: [styles.tabs, style],
+			...props,
+			children
+		})
+	});
+}
+/** The tab strip; it scrolls sideways when the tabs outgrow it. */
+function TabsList({ children, style }) {
+	return /* @__PURE__ */ jsx(ScrollView, {
+		horizontal: true,
+		showsHorizontalScrollIndicator: false,
+		accessibilityRole: "tablist",
+		style: styles.listScroll,
+		contentContainerStyle: [styles.list, style],
+		children
+	});
+}
+function TabsTrigger({ value, disabled = false, children, accessibilityLabel, style }) {
+	const tabs = useContext(TabsContext);
+	const active = tabs.value === value;
+	const _styles = styles;
+	{
+		const styles = _styles.useVariants({ active });
+		return /* @__PURE__ */ jsx(Pressable, {
+			accessibilityRole: "tab",
+			accessibilityLabel,
+			accessibilityState: {
+				selected: active,
+				disabled
+			},
+			disabled,
+			hitSlop: 10,
+			onPress: () => {
+				if (active) return;
+				selectionTick();
+				tabs.setValue(value);
+			},
+			style: ({ pressed }) => [
+				styles.tab,
+				pressed && !active && styles.pressed,
+				disabled && styles.disabled,
+				style
+			],
+			children: ({ pressed }) => /* @__PURE__ */ jsx(TabActiveContext.Provider, {
+				value: active,
+				children: wrapText(children, [styles.label, pressed && !active && styles.labelPressed])
+			})
+		});
+	}
+}
+/** The panel for one tab; only the active one renders. */
+function TabsContent({ value, children, style, ...props }) {
+	if (useContext(TabsContext).value !== value) return null;
+	return /* @__PURE__ */ jsx(View, {
+		style: [styles.content, style],
+		...props,
+		children: wrapText(children, styles.contentText)
+	});
+}
+/** The count beside a tab's label. */
+function TabBadge({ active, children, style }) {
+	const inherited = useContext(TabActiveContext);
+	const _styles2 = styles;
+	{
+		const styles = _styles2.useVariants({ badge: active ?? inherited ? "active" : "idle" });
+		return /* @__PURE__ */ jsx(View, {
+			style: [styles.badge, style],
+			children: /* @__PURE__ */ jsx(Text, {
+				style: styles.badgeText,
+				children
+			})
+		});
+	}
+}
+const styles = StyleSheet.create((theme) => ({
+	tabs: {
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	listScroll: { flexGrow: 0 },
+	list: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(1),
+		uni__dependencies: [0]
+	},
+	tab: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: theme.spacing(1.5),
+		minHeight: TAB_HEIGHT,
+		minWidth: TAB_HEIGHT,
+		borderRadius: theme.borderRadius.DEFAULT,
+		paddingHorizontal: theme.spacing(2),
+		paddingVertical: theme.spacing(1),
+		variants: { active: {
+			true: { backgroundColor: theme.colors["tint-green"] },
+			false: {}
+		} },
+		uni__dependencies: [0, 4]
+	},
+	pressed: {
+		backgroundColor: theme.colors.panel,
+		uni__dependencies: [0]
+	},
+	disabled: { opacity: DISABLED_OPACITY },
+	label: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.base,
+		lineHeight: theme.lineHeight.base,
+		variants: { active: {
+			true: {
+				color: theme.colors.green,
+				fontWeight: theme.fontWeight.semibold
+			},
+			false: {
+				color: theme.colors.dim,
+				fontWeight: theme.fontWeight.medium
+			}
+		} },
+		uni__dependencies: [0, 4]
+	},
+	labelPressed: {
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	},
+	content: {
+		flexGrow: 1,
+		minHeight: 0
+	},
+	contentText: {
+		color: theme.colors.dim,
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		uni__dependencies: [0]
+	},
+	badge: {
+		alignItems: "center",
+		justifyContent: "center",
+		height: BADGE_SIZE,
+		minWidth: BADGE_SIZE,
+		borderRadius: theme.borderRadius.full,
+		paddingHorizontal: theme.spacing(1),
+		variants: { badge: {
+			active: { backgroundColor: theme.colors.green },
+			idle: { backgroundColor: theme.colors.panel }
+		} },
+		uni__dependencies: [0, 4]
+	},
+	badgeText: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize["2xs"],
+		lineHeight: theme.lineHeight["2xs"],
+		fontWeight: theme.fontWeight.semibold,
+		variants: { badge: {
+			active: { color: theme.colors.rail },
+			idle: { color: theme.colors.dim }
+		} },
+		uni__dependencies: [0, 4]
+	}
+}));
+
+//#endregion
+export { TabBadge, Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/components/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","names":["createContext","ReactNode","useContext","StyleProp","ViewProps","ViewStyle","StyleSheet","fontOf","selectionTick","useControllable","wrapText","TAB_HEIGHT","MIN_TAP_TARGET","DISABLED_OPACITY","BADGE_SIZE","TabsState","value","setValue","TabsContext","undefined","TabActiveContext","TabsProps","Omit","defaultValue","onValueChange","children","style","Tabs","props","current","next","styles","tabs","TabsListProps","TabsList","listScroll","list","TabsTriggerProps","disabled","accessibilityLabel","TabsTrigger","active","_styles","useVariants","selected","pressed","tab","label","labelPressed","TabsContentProps","TabsContent","content","contentText","TabBadgeProps","TabBadge","inherited","_styles2","badge","badgeText","create","theme","gap","spacing","uni__dependencies","flexGrow","flexDirection","alignItems","minHeight","minWidth","borderRadius","DEFAULT","paddingHorizontal","paddingVertical","variants","true","backgroundColor","colors","false","panel","opacity","fontFamily","sans","fontSize","base","lineHeight","color","green","fontWeight","semibold","dim","medium","hi","sm","justifyContent","height","full","idle","rail"],"sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from 'react';\nimport { Pressable, ScrollView, type StyleProp, Text, View, type ViewProps, type ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\nimport { selectionTick } from '../lib/haptics';\nimport { useControllable } from '../lib/useControllable';\nimport { wrapText } from '../lib/wrapText';\n\n/*\n * The web Tabs on a horizontal ScrollView: a strip that scrolls when the tabs\n * outgrow the screen, the active tab in a green tint, and a selection tick on\n * each change. The panels swap in place.\n */\n\n/** `min-h-6`, padded to Apple's 44pt tap target by hitSlop. */\nconst TAB_HEIGHT = 24;\nconst MIN_TAP_TARGET = 44;\nconst DISABLED_OPACITY = 0.4;\nconst BADGE_SIZE = 15;\n\ninterface TabsState {\n  value: string | undefined;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsState>({ value: undefined, setValue: () => undefined });\n/** Whether the enclosing trigger is active, so a TabBadge inverts without being told. */\nconst TabActiveContext = createContext(false);\n\nexport interface TabsProps extends Omit<ViewProps, 'children' | 'style'> {\n  /** Controlled mode; pair with onValueChange. Omit it and the tabs keep their own state. */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function Tabs({ value, defaultValue, onValueChange, children, style, ...props }: TabsProps) {\n  const [current, setValue] = useControllable<string | undefined>(\n    value,\n    defaultValue,\n    onValueChange as ((next: string | undefined) => void) | undefined,\n  );\n  return (\n    <TabsContext.Provider value={{ value: current, setValue }}>\n      <View style={[styles.tabs, style]} {...props}>\n        {children}\n      </View>\n    </TabsContext.Provider>\n  );\n}\n\nexport interface TabsListProps {\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\n/** The tab strip; it scrolls sideways when the tabs outgrow it. */\nexport function TabsList({ children, style }: TabsListProps) {\n  return (\n    <ScrollView\n      horizontal\n      showsHorizontalScrollIndicator={false}\n      accessibilityRole=\"tablist\"\n      style={styles.listScroll}\n      contentContainerStyle={[styles.list, style]}\n    >\n      {children}\n    </ScrollView>\n  );\n}\n\nexport interface TabsTriggerProps {\n  value: string;\n  disabled?: boolean;\n  /** The label; a bare string is drawn in the tab's type, and a TabBadge may follow it. */\n  children?: ReactNode;\n  accessibilityLabel?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function TabsTrigger({ value, disabled = false, children, accessibilityLabel, style }: TabsTriggerProps) {\n  const tabs = useContext(TabsContext);\n  const active = tabs.value === value;\n  styles.useVariants({ active });\n  return (\n    <Pressable\n      accessibilityRole=\"tab\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ selected: active, disabled }}\n      disabled={disabled}\n      hitSlop={(MIN_TAP_TARGET - TAB_HEIGHT) / 2}\n      onPress={() => {\n        if (active) return;\n        selectionTick();\n        tabs.setValue(value);\n      }}\n      style={({ pressed }) => [styles.tab, pressed && !active && styles.pressed, disabled && styles.disabled, style]}\n    >\n      {({ pressed }) => (\n        <TabActiveContext.Provider value={active}>\n          {wrapText(children, [styles.label, pressed && !active && styles.labelPressed])}\n        </TabActiveContext.Provider>\n      )}\n    </Pressable>\n  );\n}\n\nexport interface TabsContentProps extends Omit<ViewProps, 'children' | 'style'> {\n  value: string;\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\n/** The panel for one tab; only the active one renders. */\nexport function TabsContent({ value, children, style, ...props }: TabsContentProps) {\n  const tabs = useContext(TabsContext);\n  if (tabs.value !== value) return null;\n  return (\n    <View style={[styles.content, style]} {...props}>\n      {wrapText(children, styles.contentText)}\n    </View>\n  );\n}\n\nexport interface TabBadgeProps {\n  /** Defaults to the enclosing tab's state: it inverts on the active tab so it stays readable on the tint. */\n  active?: boolean;\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\n/** The count beside a tab's label. */\nexport function TabBadge({ active, children, style }: TabBadgeProps) {\n  const inherited = useContext(TabActiveContext);\n  styles.useVariants({ badge: (active ?? inherited) ? 'active' : 'idle' });\n  return (\n    <View style={[styles.badge, style]}>\n      <Text style={styles.badgeText}>{children}</Text>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  tabs: { gap: theme.spacing(2) },\n  listScroll: { flexGrow: 0 },\n  list: { flexDirection: 'row', alignItems: 'center', gap: theme.spacing(1) },\n  tab: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n    minHeight: TAB_HEIGHT,\n    minWidth: TAB_HEIGHT,\n    borderRadius: theme.borderRadius.DEFAULT,\n    paddingHorizontal: theme.spacing(2),\n    paddingVertical: theme.spacing(1),\n    variants: {\n      active: {\n        true: { backgroundColor: theme.colors['tint-green'] },\n        false: {},\n      },\n    },\n  },\n  pressed: { backgroundColor: theme.colors.panel },\n  disabled: { opacity: DISABLED_OPACITY },\n  label: {\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.base,\n    lineHeight: theme.lineHeight.base,\n    variants: {\n      active: {\n        true: { color: theme.colors.green, fontWeight: theme.fontWeight.semibold },\n        false: { color: theme.colors.dim, fontWeight: theme.fontWeight.medium },\n      },\n    },\n  },\n  labelPressed: { color: theme.colors.hi },\n  content: { flexGrow: 1, minHeight: 0 },\n  contentText: {\n    color: theme.colors.dim,\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize.sm,\n    lineHeight: theme.lineHeight.sm,\n  },\n  badge: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: BADGE_SIZE,\n    minWidth: BADGE_SIZE,\n    borderRadius: theme.borderRadius.full,\n    paddingHorizontal: theme.spacing(1),\n    variants: {\n      badge: {\n        active: { backgroundColor: theme.colors.green },\n        idle: { backgroundColor: theme.colors.panel },\n      },\n    },\n  },\n  badgeText: {\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize['2xs'],\n    lineHeight: theme.lineHeight['2xs'],\n    fontWeight: theme.fontWeight.semibold,\n    variants: {\n      badge: {\n        active: { color: theme.colors.rail },\n        idle: { color: theme.colors.dim },\n      },\n    },\n  },\n}));\n"],"mappings":"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"}

package/dist/components/Textarea.d.mts

@@ -0,0 +1,10 @@
+import { InputProps } from "./Input.mjs";
+//#region src/components/Textarea.d.ts
+export interface TextareaProps extends Omit<InputProps, 'multiline'> {
+  /** Visible lines before the field scrolls; sets the minimum height. */
+  rows?: number;
+}
+/** The multi-line field, styled as the Input; `bare` drops the well for a composer that draws its own. */
+export declare function Textarea({ rows, size, style, ...props }: TextareaProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Textarea.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.mts","names":[],"sources":["../../src/components/Textarea.tsx"],"mappings":";;iBAIiB,sBAAsB,KAAK;;EAE1C;;;wBAMc,WAAW,MAAqB,MAAa,UAAU,SAAS,gCAAa,IAAA"}

package/dist/components/Textarea.mjs

@@ -0,0 +1,29 @@
+import { Input } from "./Input.mjs";
+import { StyleSheet } from "react-native-unistyles";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Textarea.tsx
+const DEFAULT_ROWS = 2;
+/** The multi-line field, styled as the Input; `bare` drops the well for a composer that draws its own. */
+function Textarea({ rows = DEFAULT_ROWS, size = "md", style, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		multiline: true,
+		numberOfLines: rows,
+		size,
+		textAlignVertical: "top",
+		style: [styles.area(rows, size), style],
+		...props
+	});
+}
+const styles = StyleSheet.create((theme) => ({ area: (rows, size) => {
+	const step = size === "xs" || size === "sm" ? "sm" : "base";
+	return {
+		minHeight: Math.max(44, rows * theme.lineHeight[step] + theme.spacing(3)),
+		lineHeight: theme.lineHeight[step],
+		uni__dependencies: [0]
+	};
+} }));
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=Textarea.mjs.map

package/dist/components/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","names":["StyleSheet","Input","InputProps","TextareaProps","Omit","rows","DEFAULT_ROWS","Textarea","size","style","props","styles","area","create","theme","NonNullable","step","minHeight","Math","max","lineHeight","spacing","uni__dependencies"],"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["import { StyleSheet } from 'react-native-unistyles';\n\nimport { Input, type InputProps } from './Input';\n\nexport interface TextareaProps extends Omit<InputProps, 'multiline'> {\n  /** Visible lines before the field scrolls; sets the minimum height. */\n  rows?: number;\n}\n\nconst DEFAULT_ROWS = 2;\n\n/** The multi-line field, styled as the Input; `bare` drops the well for a composer that draws its own. */\nexport function Textarea({ rows = DEFAULT_ROWS, size = 'md', style, ...props }: TextareaProps) {\n  return (\n    <Input\n      multiline\n      numberOfLines={rows}\n      size={size}\n      textAlignVertical=\"top\"\n      style={[styles.area(rows, size), style]}\n      {...props}\n    />\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  area: (rows: number, size: NonNullable<InputProps['size']>) => {\n    const step = size === 'xs' || size === 'sm' ? 'sm' : 'base';\n    return {\n      minHeight: Math.max(44, rows * theme.lineHeight[step] + theme.spacing(3)),\n      lineHeight: theme.lineHeight[step],\n    };\n  },\n}));\n"],"mappings":";;;;;AASA,MAAMM,eAAe;;AAGrB,SAAgBC,SAAS,EAAEF,OAAOC,cAAcE,OAAO,MAAMC,OAAO,GAAGC,SAAwB;CAC7F,OACE,oBAAC,OAAD;EACE;EACA,eAAeL;EACTG;EACN,mBAAkB;EAClB,OAAO,CAACG,OAAOC,KAAKP,MAAMG,IAAI,GAAGC,KAAK;EACtC,GAAIC;CAAM;AAGhB;AAEA,MAAMC,SAASX,WAAWa,QAAQC,WAAW,EAC3CF,OAAOP,MAAcG,SAA0C;CAC7D,MAAMQ,OAAOR,SAAS,QAAQA,SAAS,OAAO,OAAO;CACrD,OAAO;EACLS,WAAWC,KAAKC,IAAI,IAAId,OAAOS,MAAMM,WAAWJ,QAAQF,MAAMO,QAAQ,CAAC,CAAC;EACxED,YAAYN,MAAMM,WAAWJ;EAAKM,mBAAA,CAAA,CAAA;CACpC;AACF,EACF,EAAE"}

package/dist/icons/IconColorContext.d.mts

@@ -0,0 +1,10 @@
+import { NativeColorToken } from "@agimon-ai/po-web-components/nativeTheme";
+//#region src/icons/IconColorContext.d.ts
+/**
+ * The ink an icon takes when its caller names none. A web icon inherits
+ * `currentColor`; a native one cannot, so a Button provides its label colour
+ * here and an icon inside it matches the label without being told.
+ */
+export declare const IconColorContext: import("react").Context<NativeColorToken | undefined>;
+//#endregion
+//# sourceMappingURL=IconColorContext.d.mts.map

package/dist/icons/IconColorContext.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorContext.d.mts","names":[],"sources":["../../src/icons/IconColorContext.ts"],"mappings":";;;;;;;qBAQa,kCAAgB,QAAA"}

package/dist/icons/IconColorContext.mjs

@@ -0,0 +1,13 @@
+import { createContext } from "react";
+
+//#region src/icons/IconColorContext.ts
+/**
+* The ink an icon takes when its caller names none. A web icon inherits
+* `currentColor`; a native one cannot, so a Button provides its label colour
+* here and an icon inside it matches the label without being told.
+*/
+const IconColorContext = createContext(void 0);
+
+//#endregion
+export { IconColorContext };
+//# sourceMappingURL=IconColorContext.mjs.map

package/dist/icons/IconColorContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorContext.mjs","names":[],"sources":["../../src/icons/IconColorContext.ts"],"sourcesContent":["import type { NativeColorToken } from '@agimon-ai/po-web-components/nativeTheme';\nimport { createContext } from 'react';\n\n/**\n * The ink an icon takes when its caller names none. A web icon inherits\n * `currentColor`; a native one cannot, so a Button provides its label colour\n * here and an icon inside it matches the label without being told.\n */\nexport const IconColorContext = createContext<NativeColorToken | undefined>(undefined);\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmB,cAA4C,MAAS"}

package/dist/icons/iconGlyphs.d.mts

@@ -0,0 +1,120 @@
+//#region src/icons/iconGlyphs.d.ts
+/**
+ * The curated native icon set: the same names the web library re-exports from
+ * lucide, each drawn with the platform's own family. iOS gets an SF Symbol,
+ * Android and web get a Material Icons glyph. Kept free of React Native so a
+ * unit test can check every glyph against the installed glyph map.
+ */
+export declare const ICON_GLYPHS: {
+  readonly Check: {
+    readonly sf: 'checkmark';
+    readonly material: 'check';
+  };
+  readonly ChevronDown: {
+    readonly sf: 'chevron.down';
+    readonly material: 'expand-more';
+  };
+  readonly ChevronRight: {
+    readonly sf: 'chevron.right';
+    readonly material: 'chevron-right';
+  };
+  readonly Alert: {
+    readonly sf: 'exclamationmark.circle';
+    readonly material: 'error-outline';
+  };
+  readonly Copy: {
+    readonly sf: 'doc.on.doc';
+    readonly material: 'content-copy';
+  };
+  readonly Message: {
+    readonly sf: 'message';
+    readonly material: 'chat-bubble-outline';
+  };
+  readonly Kebab: {
+    readonly sf: 'ellipsis';
+    readonly material: 'more-vert';
+  };
+  readonly Edit: {
+    readonly sf: 'pencil';
+    readonly material: 'edit';
+  };
+  readonly Gear: {
+    readonly sf: 'gearshape';
+    readonly material: 'settings';
+  };
+  readonly Send: {
+    readonly sf: 'paperplane';
+    readonly material: 'send';
+  };
+  readonly Task: {
+    readonly sf: 'checkmark.square';
+    readonly material: 'check-box';
+  };
+  readonly Trash: {
+    readonly sf: 'trash';
+    readonly material: 'delete-outline';
+  };
+  readonly Wrench: {
+    readonly sf: 'wrench.and.screwdriver';
+    readonly material: 'build';
+  };
+  readonly Close: {
+    readonly sf: 'xmark';
+    readonly material: 'close';
+  };
+  readonly Folder: {
+    readonly sf: 'folder';
+    readonly material: 'folder';
+  };
+  readonly Branch: {
+    readonly sf: 'arrow.triangle.branch';
+    readonly material: 'call-split';
+  };
+  readonly Home: {
+    readonly sf: 'house';
+    readonly material: 'home';
+  };
+  readonly Activity: {
+    readonly sf: 'waveform.path.ecg';
+    readonly material: 'monitor-heart';
+  };
+  readonly ArrowRight: {
+    readonly sf: 'arrow.right';
+    readonly material: 'arrow-forward';
+  };
+  readonly Plus: {
+    readonly sf: 'plus';
+    readonly material: 'add';
+  };
+  readonly Users: {
+    readonly sf: 'person.2';
+    readonly material: 'group';
+  };
+  readonly PlayCircle: {
+    readonly sf: 'play.circle';
+    readonly material: 'play-circle-outline';
+  };
+  readonly Workflow: {
+    readonly sf: 'flowchart';
+    readonly material: 'account-tree';
+  };
+  readonly Palette: {
+    readonly sf: 'paintpalette';
+    readonly material: 'palette';
+  };
+  readonly Lightbulb: {
+    readonly sf: 'lightbulb';
+    readonly material: 'lightbulb-outline';
+  };
+  readonly Sparkles: {
+    readonly sf: 'sparkles';
+    readonly material: 'auto-awesome';
+  };
+  readonly Lock: {
+    readonly sf: 'lock';
+    readonly material: 'lock-outline';
+  };
+};
+export type IconName = keyof typeof ICON_GLYPHS;
+//#endregion
+//# sourceMappingURL=iconGlyphs.d.mts.map

package/dist/icons/iconGlyphs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconGlyphs.d.mts","names":[],"sources":["../../src/icons/iconGlyphs.ts"],"mappings":";;;;;;;qBAMa;WACX;aAAS;aAAiB;;WAC1B;aAAe;aAAoB;;WACnC;aAAgB;aAAqB;;WACrC;aAAS;aAA8B;;WACvC;aAAQ;aAAkB;;WAC1B;aAAW;aAAe;;WAE1B;aAAS;aAAgB;;WACzB;aAAQ;aAAc;;WACtB;aAAQ;aAAiB;;WACzB;aAAQ;aAAkB;;WAC1B;aAAQ;aAAwB;;WAChC;aAAS;aAAa;;WACtB;aAAU;aAA8B;;WACxC;aAAS;aAAa;;WACtB;aAAU;aAAc;;WACxB;aAAU;aAA6B;;WACvC;aAAQ;aAAa;;WACrB;aAAY;aAAyB;;WACrC;aAAc;aAAmB;;WACjC;aAAQ;aAAY;;WACpB;aAAS;aAAgB;;WACzB;aAAc;aAAmB;;WACjC;aAAY;aAAiB;;WAC7B;aAAW;aAAoB;;WAC/B;aAAa;aAAiB;;WAC9B;aAAY;aAAgB;;WAC5B;aAAQ;aAAY;;;YAGV,wBAAwB"}

package/dist/icons/iconGlyphs.mjs

@@ -0,0 +1,121 @@
+//#region src/icons/iconGlyphs.ts
+/**
+* The curated native icon set: the same names the web library re-exports from
+* lucide, each drawn with the platform's own family. iOS gets an SF Symbol,
+* Android and web get a Material Icons glyph. Kept free of React Native so a
+* unit test can check every glyph against the installed glyph map.
+*/
+const ICON_GLYPHS = {
+	Check: {
+		sf: "checkmark",
+		material: "check"
+	},
+	ChevronDown: {
+		sf: "chevron.down",
+		material: "expand-more"
+	},
+	ChevronRight: {
+		sf: "chevron.right",
+		material: "chevron-right"
+	},
+	Alert: {
+		sf: "exclamationmark.circle",
+		material: "error-outline"
+	},
+	Copy: {
+		sf: "doc.on.doc",
+		material: "content-copy"
+	},
+	Message: {
+		sf: "message",
+		material: "chat-bubble-outline"
+	},
+	Kebab: {
+		sf: "ellipsis",
+		material: "more-vert"
+	},
+	Edit: {
+		sf: "pencil",
+		material: "edit"
+	},
+	Gear: {
+		sf: "gearshape",
+		material: "settings"
+	},
+	Send: {
+		sf: "paperplane",
+		material: "send"
+	},
+	Task: {
+		sf: "checkmark.square",
+		material: "check-box"
+	},
+	Trash: {
+		sf: "trash",
+		material: "delete-outline"
+	},
+	Wrench: {
+		sf: "wrench.and.screwdriver",
+		material: "build"
+	},
+	Close: {
+		sf: "xmark",
+		material: "close"
+	},
+	Folder: {
+		sf: "folder",
+		material: "folder"
+	},
+	Branch: {
+		sf: "arrow.triangle.branch",
+		material: "call-split"
+	},
+	Home: {
+		sf: "house",
+		material: "home"
+	},
+	Activity: {
+		sf: "waveform.path.ecg",
+		material: "monitor-heart"
+	},
+	ArrowRight: {
+		sf: "arrow.right",
+		material: "arrow-forward"
+	},
+	Plus: {
+		sf: "plus",
+		material: "add"
+	},
+	Users: {
+		sf: "person.2",
+		material: "group"
+	},
+	PlayCircle: {
+		sf: "play.circle",
+		material: "play-circle-outline"
+	},
+	Workflow: {
+		sf: "flowchart",
+		material: "account-tree"
+	},
+	Palette: {
+		sf: "paintpalette",
+		material: "palette"
+	},
+	Lightbulb: {
+		sf: "lightbulb",
+		material: "lightbulb-outline"
+	},
+	Sparkles: {
+		sf: "sparkles",
+		material: "auto-awesome"
+	},
+	Lock: {
+		sf: "lock",
+		material: "lock-outline"
+	}
+};
+
+//#endregion
+export { ICON_GLYPHS };
+//# sourceMappingURL=iconGlyphs.mjs.map

package/dist/icons/iconGlyphs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconGlyphs.mjs","names":[],"sources":["../../src/icons/iconGlyphs.ts"],"sourcesContent":["/**\n * The curated native icon set: the same names the web library re-exports from\n * lucide, each drawn with the platform's own family. iOS gets an SF Symbol,\n * Android and web get a Material Icons glyph. Kept free of React Native so a\n * unit test can check every glyph against the installed glyph map.\n */\nexport const ICON_GLYPHS = {\n  Check: { sf: 'checkmark', material: 'check' },\n  ChevronDown: { sf: 'chevron.down', material: 'expand-more' },\n  ChevronRight: { sf: 'chevron.right', material: 'chevron-right' },\n  Alert: { sf: 'exclamationmark.circle', material: 'error-outline' },\n  Copy: { sf: 'doc.on.doc', material: 'content-copy' },\n  Message: { sf: 'message', material: 'chat-bubble-outline' },\n  // Each platform's own overflow mark: a horizontal ellipsis on iOS, vertical dots on Android.\n  Kebab: { sf: 'ellipsis', material: 'more-vert' },\n  Edit: { sf: 'pencil', material: 'edit' },\n  Gear: { sf: 'gearshape', material: 'settings' },\n  Send: { sf: 'paperplane', material: 'send' },\n  Task: { sf: 'checkmark.square', material: 'check-box' },\n  Trash: { sf: 'trash', material: 'delete-outline' },\n  Wrench: { sf: 'wrench.and.screwdriver', material: 'build' },\n  Close: { sf: 'xmark', material: 'close' },\n  Folder: { sf: 'folder', material: 'folder' },\n  Branch: { sf: 'arrow.triangle.branch', material: 'call-split' },\n  Home: { sf: 'house', material: 'home' },\n  Activity: { sf: 'waveform.path.ecg', material: 'monitor-heart' },\n  ArrowRight: { sf: 'arrow.right', material: 'arrow-forward' },\n  Plus: { sf: 'plus', material: 'add' },\n  Users: { sf: 'person.2', material: 'group' },\n  PlayCircle: { sf: 'play.circle', material: 'play-circle-outline' },\n  Workflow: { sf: 'flowchart', material: 'account-tree' },\n  Palette: { sf: 'paintpalette', material: 'palette' },\n  Lightbulb: { sf: 'lightbulb', material: 'lightbulb-outline' },\n  Sparkles: { sf: 'sparkles', material: 'auto-awesome' },\n  Lock: { sf: 'lock', material: 'lock-outline' },\n} as const;\n\nexport type IconName = keyof typeof ICON_GLYPHS;\n"],"mappings":";;;;;;;AAMA,MAAa,cAAc;CACzB,OAAO;EAAE,IAAI;EAAa,UAAU;CAAQ;CAC5C,aAAa;EAAE,IAAI;EAAgB,UAAU;CAAc;CAC3D,cAAc;EAAE,IAAI;EAAiB,UAAU;CAAgB;CAC/D,OAAO;EAAE,IAAI;EAA0B,UAAU;CAAgB;CACjE,MAAM;EAAE,IAAI;EAAc,UAAU;CAAe;CACnD,SAAS;EAAE,IAAI;EAAW,UAAU;CAAsB;CAE1D,OAAO;EAAE,IAAI;EAAY,UAAU;CAAY;CAC/C,MAAM;EAAE,IAAI;EAAU,UAAU;CAAO;CACvC,MAAM;EAAE,IAAI;EAAa,UAAU;CAAW;CAC9C,MAAM;EAAE,IAAI;EAAc,UAAU;CAAO;CAC3C,MAAM;EAAE,IAAI;EAAoB,UAAU;CAAY;CACtD,OAAO;EAAE,IAAI;EAAS,UAAU;CAAiB;CACjD,QAAQ;EAAE,IAAI;EAA0B,UAAU;CAAQ;CAC1D,OAAO;EAAE,IAAI;EAAS,UAAU;CAAQ;CACxC,QAAQ;EAAE,IAAI;EAAU,UAAU;CAAS;CAC3C,QAAQ;EAAE,IAAI;EAAyB,UAAU;CAAa;CAC9D,MAAM;EAAE,IAAI;EAAS,UAAU;CAAO;CACtC,UAAU;EAAE,IAAI;EAAqB,UAAU;CAAgB;CAC/D,YAAY;EAAE,IAAI;EAAe,UAAU;CAAgB;CAC3D,MAAM;EAAE,IAAI;EAAQ,UAAU;CAAM;CACpC,OAAO;EAAE,IAAI;EAAY,UAAU;CAAQ;CAC3C,YAAY;EAAE,IAAI;EAAe,UAAU;CAAsB;CACjE,UAAU;EAAE,IAAI;EAAa,UAAU;CAAe;CACtD,SAAS;EAAE,IAAI;EAAgB,UAAU;CAAU;CACnD,WAAW;EAAE,IAAI;EAAa,UAAU;CAAoB;CAC5D,UAAU;EAAE,IAAI;EAAY,UAAU;CAAe;CACrD,MAAM;EAAE,IAAI;EAAQ,UAAU;CAAe;AAC/C"}