@agimon-ai/po-native-components 0.0.0-alpha.72 → 0.0.0-alpha.74

package/dist/components/CountBadge.d.mts

@@ -0,0 +1,15 @@
+import { StyleProp, ViewStyle } from "react-native";
+//#region src/components/CountBadge.d.ts
+export interface CountBadgeProps {
+  /** Things waiting for the person; zero or less renders nothing. */
+  count: number;
+  /** Placement, usually absolute on an icon's top-right; `borderColor` matches the surface behind it. */
+  style?: StyleProp<ViewStyle>;
+}
+/**
+ * The rose count of things waiting for the person, worn on an icon or avatar corner.
+ * A gentle ask, so it is rose, never red. Hidden from screen readers: the owner names the count.
+ */
+export declare function CountBadge({ count, style }: CountBadgeProps): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=CountBadge.d.mts.map

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

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

package/dist/components/CountBadge.mjs

@@ -0,0 +1,49 @@
+import { fontOf } from "../lib/fonts.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 } from "react/jsx-runtime";
+
+//#region src/components/CountBadge.tsx
+/**
+* The rose count of things waiting for the person, worn on an icon or avatar corner.
+* A gentle ask, so it is rose, never red. Hidden from screen readers: the owner names the count.
+*/
+function CountBadge({ count, style }) {
+	if (count <= 0) return null;
+	return /* @__PURE__ */ jsx(View, {
+		accessible: false,
+		importantForAccessibility: "no-hide-descendants",
+		style: [styles.badge, style],
+		children: /* @__PURE__ */ jsx(Text, {
+			style: styles.text,
+			children: count > 9 ? "9+" : String(count)
+		})
+	});
+}
+const styles = StyleSheet.create((theme) => ({
+	badge: {
+		minWidth: 16,
+		height: 16,
+		paddingHorizontal: 4,
+		borderRadius: 8,
+		alignItems: "center",
+		justifyContent: "center",
+		backgroundColor: theme.colors.magenta,
+		borderWidth: 1.5,
+		borderColor: theme.colors.panel,
+		uni__dependencies: [0]
+	},
+	text: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize["2xs"],
+		lineHeight: 12,
+		fontWeight: theme.fontWeight.semibold,
+		color: theme.colors.bg,
+		uni__dependencies: [0]
+	}
+}));
+
+//#endregion
+export { CountBadge };
+//# sourceMappingURL=CountBadge.mjs.map

package/dist/components/CountBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.mjs","names":["StyleProp","ViewStyle","StyleSheet","fontOf","CountBadgeProps","count","style","CountBadge","styles","badge","text","String","create","theme","minWidth","height","paddingHorizontal","borderRadius","alignItems","justifyContent","backgroundColor","colors","magenta","borderWidth","borderColor","panel","uni__dependencies","fontFamily","sans","fontSize","lineHeight","fontWeight","semibold","color","bg"],"sources":["../../src/components/CountBadge.tsx"],"sourcesContent":["import { type StyleProp, Text, View, type ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport { fontOf } from '../lib/fonts';\n\nexport interface CountBadgeProps {\n  /** Things waiting for the person; zero or less renders nothing. */\n  count: number;\n  /** Placement, usually absolute on an icon's top-right; `borderColor` matches the surface behind it. */\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n * The rose count of things waiting for the person, worn on an icon or avatar corner.\n * A gentle ask, so it is rose, never red. Hidden from screen readers: the owner names the count.\n */\nexport function CountBadge({ count, style }: CountBadgeProps) {\n  if (count <= 0) return null;\n  return (\n    <View accessible={false} importantForAccessibility=\"no-hide-descendants\" style={[styles.badge, style]}>\n      <Text style={styles.text}>{count > 9 ? '9+' : String(count)}</Text>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create((theme) => ({\n  badge: {\n    minWidth: 16,\n    height: 16,\n    paddingHorizontal: 4,\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: theme.colors.magenta,\n    borderWidth: 1.5,\n    borderColor: theme.colors.panel,\n  },\n  text: {\n    fontFamily: fontOf(theme.fontFamily.sans),\n    fontSize: theme.fontSize['2xs'],\n    lineHeight: 12,\n    fontWeight: theme.fontWeight.semibold,\n    color: theme.colors.bg,\n  },\n}));\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgBO,WAAW,EAAEF,OAAOC,SAA0B;CAC5D,IAAID,SAAS,GAAG,OAAO;CACvB,OACE,oBAAC,MAAD;EAAM,YAAY;EAAO,2BAA0B;EAAsB,OAAO,CAACG,OAAOC,OAAOH,KAAK;YAClG,oBAAC,MAAD;GAAM,OAAOE,OAAOE;aAAOL,QAAQ,IAAI,OAAOM,OAAON,KAAK;EAAQ;CAC9D;AAEV;AAEA,MAAMG,SAASN,WAAWU,QAAQC,WAAW;CAC3CJ,OAAO;EACLK,UAAU;EACVC,QAAQ;EACRC,mBAAmB;EACnBC,cAAc;EACdC,YAAY;EACZC,gBAAgB;EAChBC,iBAAiBP,MAAMQ,OAAOC;EAC9BC,aAAa;EACbC,aAAaX,MAAMQ,OAAOI;EAAKC,mBAAA,CAAA,CAAA;CACjC;CACAhB,MAAM;EACJiB,YAAYxB,OAAOU,MAAMc,WAAWC,IAAI;EACxCC,UAAUhB,MAAMgB,SAAS;EACzBC,YAAY;EACZC,YAAYlB,MAAMkB,WAAWC;EAC7BC,OAAOpB,MAAMQ,OAAOa;EAAER,mBAAA,CAAA,CAAA;CACxB;AACF,EAAE"}

package/dist/index.d.mts

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

package/dist/index.mjs

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

package/package.json

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