@vvedantb/native-ui 0.17.2 → 0.18.0

package/dist/examples/ParityGallery.jsx

@@ -0,0 +1,1307 @@
+import { c as _c } from "react/compiler-runtime";
+// Reference screen for the components that mirror `@vvedantb/ui`. Render it in
+// an Expo route to compare against the web: it needs the same NativeWind setup
+// as the rest of the package and a `SafeAreaProvider` above it. It always
+// renders the default sizes (larger text off), as the web does. Prices, names
+// and figures below are placeholders, not real data.
+import { useState } from "react";
+import { ScrollView, Text, View } from "react-native";
+import { IconCopy, IconDots, IconInbox, IconPencil, IconPhoto, IconRefresh, IconTrash, IconX } from "@tabler/icons-react-native";
+import { APP_ICONS, APP_NAMES, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AmbientBackground, AppMark, AppWordmark, BulkActionBar, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Avatar, AvatarFallback, Badge, Button, CaptureButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CenteredSpinner, Checkbox, ColorSwatches, ConfirmDialog, DateTimeField, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, EmptyState, FromProjectV, GoogleMark, IconButton, Input, Label, LabeledSwitchRow, ListRow, MoreFromProjectV, NEUTRAL_900, NativeUiProvider, PageHeader, PageIndicator, PageTitle, PricingModal, Progress, SearchInput, SectionLabel, Select, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetRow, SheetTitle, SheetTrigger, Skeleton, Spinner, StackPageHeader, StatGrid, StatusDot, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, Toaster, UpgradeToProCard, initials, palette, toast, tokens, useNativeUi } from "../index";
+import { typeStyle } from "../controlStyles";
+import { useScheme } from "../useScheme";
+import { ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, ConversationEmptyState, Suggestion, Suggestions } from "../ai";
+import { AiChatSamples } from "./AiChatGallery";
+const BUTTON_VARIANTS = ["default", "secondary", "outline", "destructive", "ghost", "link"];
+const BADGE_VARIANTS = ["default", "secondary", "destructive", "destructive-soft", "outline", "success", "warning"];
+const STATUS_TONES = ["progress", "business-review", "code-review", "done", "cancelled", "active", "critical", "info", "neutral"];
+const SWATCHES = ["#db2777", "#2563eb", "#16a34a", "#f59e0b", "#181818", "#ffffff"];
+const SWATCH_LABELS = ["Pink", "Blue", "Green", "Amber", "Black", "White"];
+
+// Space after the last section, so Card, Upgrade and Overlays can scroll to the
+// top of an 844-tall phone for screenshot crops.
+const GALLERY_END_SPACE = 720;
+const PLANS = [{
+  id: "free",
+  name: "Free",
+  price: {
+    month: "£0",
+    year: "£0"
+  },
+  current: true,
+  benefits: [{
+    label: "Core features"
+  }]
+}, {
+  id: "pro",
+  name: "V Pro",
+  price: {
+    month: "£X",
+    year: "£Y"
+  },
+  featured: true,
+  intro: "Everything in Free, and:"
+}];
+
+/** Body text in the scheme's foreground (a style, so it reads in dark mode too). */
+function GalleryText(t0) {
+  const $ = _c(13);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  const scheme = useScheme();
+  const t1 = className ?? "font-instrument-sans text-base";
+  const t2 = tokens.color.foreground[scheme];
+  let t3;
+  if ($[4] !== t2) {
+    t3 = {
+      color: t2
+    };
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== style || $[7] !== t3) {
+    t4 = [t3, style];
+    $[6] = style;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props || $[10] !== t1 || $[11] !== t4) {
+    t5 = <Text className={t1} style={t4} {...props} />;
+    $[9] = props;
+    $[10] = t1;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+function Section(t0) {
+  const $ = _c(6);
+  const {
+    title,
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = typeStyle("semibold");
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== title) {
+    t2 = <GalleryText accessibilityRole="header" className="font-instrument-sans-semibold text-lg" style={t1}>{title}</GalleryText>;
+    $[1] = title;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== children || $[4] !== t2) {
+    t3 = <View className="gap-3">{t2}{children}</View>;
+    $[3] = children;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+export function ParityGallery() {
+  const $ = _c(3);
+  const {
+    accentColor
+  } = useNativeUi();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <GalleryScreen />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== accentColor) {
+    t1 = <NativeUiProvider largerText={false} accentColor={accentColor}>{t0}</NativeUiProvider>;
+    $[1] = accentColor;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function GalleryScreen() {
+  const $ = _c(191);
+  const [checked, setChecked] = useState("indeterminate");
+  const [switchOn, setSwitchOn] = useState(true);
+  const [colour, setColour] = useState(undefined);
+  const [emptySearch, setEmptySearch] = useState("");
+  const [search, setSearch] = useState("Pink");
+  const [progress, setProgress] = useState(40);
+  const [pricingOpen, setPricingOpen] = useState(false);
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [swatch, setSwatch] = useState(SWATCHES[0]);
+  const [due, setDue] = useState(null);
+  const [when, setWhen] = useState(_temp);
+  const [muted, setMuted] = useState(false);
+  const [sort, setSort] = useState("newest");
+  const [page, setPage] = useState(0);
+  const [menuSort, setMenuSort] = useState("newest");
+  const [picked, setPicked] = useState(2);
+  const scheme = useScheme();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      paddingBottom: GALLERY_END_SPACE
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <PageTitle>Updates</PageTitle>;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <PageHeader title="Apps" safeTop={false} className="px-0" action={<Button variant="ghost" size="sm" fullWidth={false} onPress={_temp2}>Update all</Button>} />;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <Section title="Page title">{t1}{t2}<PageHeader title="Settings" safeTop={false} className="px-0" action={<ThemeToggle />} /></Section>;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = ["vibot", "verve", "velth", "vmem", "vhub"];
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = t4.map(_temp3);
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = <View className="flex-row flex-wrap items-center gap-3">{APP_NAMES.map(_temp4)}<AppMark app="vibot" variant="tile" size={40} /><AppMark app="vibot" variant="tile-light" size={40} /><GoogleMark size={28} /></View>;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = <Section title="Brand">{t5}{t6}<Button variant="outline" leftIcon={<GoogleMark />} onPress={_temp5}>Continue with Google</Button></Section>;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  let t8;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = BUTTON_VARIANTS.map(_temp6);
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  let t9;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = <View className="gap-2">{t8}<View className="flex-row gap-2"><Button size="sm" fullWidth={false} loading={true}>Saving</Button><Button size="sm" fullWidth={false} disabled={true}>Disabled</Button></View></View>;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  let t10;
+  let t11;
+  let t12;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = <Button size="sm" fullWidth={false}>Small</Button>;
+    t11 = <Button fullWidth={false}>Default</Button>;
+    t12 = <Button size="lg" fullWidth={false}>Large</Button>;
+    $[10] = t10;
+    $[11] = t11;
+    $[12] = t12;
+  } else {
+    t10 = $[10];
+    t11 = $[11];
+    t12 = $[12];
+  }
+  const t13 = tokens.color.foreground[scheme];
+  let t14;
+  if ($[13] !== t13) {
+    t14 = <View className="flex-row flex-wrap items-center gap-2">{t10}{t11}{t12}<Button size="icon" variant="outline" accessibilityLabel="Copy" onPress={_temp7}><IconCopy size={16} color={t13} /></Button></View>;
+    $[13] = t13;
+    $[14] = t14;
+  } else {
+    t14 = $[14];
+  }
+  let t15;
+  let t16;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = <Button shape="rounded" size="sm" fullWidth={false}>Rounded</Button>;
+    t16 = <Button shape="rounded" variant="secondary" fullWidth={false}>Rounded</Button>;
+    $[15] = t15;
+    $[16] = t16;
+  } else {
+    t15 = $[15];
+    t16 = $[16];
+  }
+  const t17 = tokens.color.foreground[scheme];
+  let t18;
+  if ($[17] !== t17) {
+    t18 = <View className="flex-row flex-wrap items-center gap-2">{t15}{t16}<Button shape="rounded" size="icon" variant="outline" accessibilityLabel="Copy" onPress={_temp8}><IconCopy size={16} color={t17} /></Button></View>;
+    $[17] = t17;
+    $[18] = t18;
+  } else {
+    t18 = $[18];
+  }
+  let t19;
+  if ($[19] !== t14 || $[20] !== t18) {
+    t19 = <Section title="Button">{t9}{t14}{t18}</Section>;
+    $[19] = t14;
+    $[20] = t18;
+    $[21] = t19;
+  } else {
+    t19 = $[21];
+  }
+  let t20;
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = <Section title="Badge"><View className="flex-row flex-wrap gap-2">{BADGE_VARIANTS.map(_temp9)}</View></Section>;
+    $[22] = t20;
+  } else {
+    t20 = $[22];
+  }
+  let t21;
+  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = <Section title="StatusDot"><View className="flex-row flex-wrap items-center gap-3">{STATUS_TONES.map(_temp0)}</View></Section>;
+    $[23] = t21;
+  } else {
+    t21 = $[23];
+  }
+  let t22;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = <View className="gap-2"><Label nativeID="gallery-name">Name</Label><Input placeholder="Your name" accessibilityLabel="Name" /></View>;
+    $[24] = t22;
+  } else {
+    t22 = $[24];
+  }
+  let t23;
+  if ($[25] !== emptySearch) {
+    t23 = <SearchInput value={emptySearch} onChange={setEmptySearch} />;
+    $[25] = emptySearch;
+    $[26] = t23;
+  } else {
+    t23 = $[26];
+  }
+  let t24;
+  if ($[27] !== search) {
+    t24 = <SearchInput value={search} onChange={setSearch} size="md" label="Search colours" />;
+    $[27] = search;
+    $[28] = t24;
+  } else {
+    t24 = $[28];
+  }
+  let t25;
+  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = <Textarea placeholder="Notes" accessibilityLabel="Notes" />;
+    $[29] = t25;
+  } else {
+    t25 = $[29];
+  }
+  let t26;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = [{
+      label: "Pink",
+      value: "pink"
+    }, {
+      label: "None",
+      value: null
+    }];
+    $[30] = t26;
+  } else {
+    t26 = $[30];
+  }
+  let t27;
+  if ($[31] !== colour) {
+    t27 = <Select value={colour} onValueChange={setColour} placeholder="Pick a colour" options={t26} />;
+    $[31] = colour;
+    $[32] = t27;
+  } else {
+    t27 = $[32];
+  }
+  let t28;
+  if ($[33] !== checked) {
+    t28 = <Checkbox checked={checked} onCheckedChange={setChecked} accessibilityLabel="Remember me" />;
+    $[33] = checked;
+    $[34] = t28;
+  } else {
+    t28 = $[34];
+  }
+  let t29;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t29 = <Label nativeID="gallery-remember">Remember me</Label>;
+    $[35] = t29;
+  } else {
+    t29 = $[35];
+  }
+  let t30;
+  if ($[36] !== switchOn) {
+    t30 = <Switch checked={switchOn} onCheckedChange={setSwitchOn} />;
+    $[36] = switchOn;
+    $[37] = t30;
+  } else {
+    t30 = $[37];
+  }
+  let t31;
+  if ($[38] !== t28 || $[39] !== t30) {
+    t31 = <View className="flex-row items-center gap-3">{t28}{t29}{t30}</View>;
+    $[38] = t28;
+    $[39] = t30;
+    $[40] = t31;
+  } else {
+    t31 = $[40];
+  }
+  let t32;
+  if ($[41] !== switchOn) {
+    t32 = <LabeledSwitchRow label="Reminders" description="A daily nudge at 9:00." checked={switchOn} onCheckedChange={setSwitchOn} />;
+    $[41] = switchOn;
+    $[42] = t32;
+  } else {
+    t32 = $[42];
+  }
+  let t33;
+  if ($[43] !== t23 || $[44] !== t24 || $[45] !== t27 || $[46] !== t31 || $[47] !== t32) {
+    t33 = <Section title="Fields">{t22}{t23}{t24}{t25}{t27}{t31}{t32}</Section>;
+    $[43] = t23;
+    $[44] = t24;
+    $[45] = t27;
+    $[46] = t31;
+    $[47] = t32;
+    $[48] = t33;
+  } else {
+    t33 = $[48];
+  }
+  let t34;
+  if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
+    t34 = <TabsList variant="segmented"><TabsTrigger value="one">One</TabsTrigger><TabsTrigger value="two">Two</TabsTrigger><TabsTrigger value="three" disabled={true}>Three</TabsTrigger></TabsList>;
+    $[49] = t34;
+  } else {
+    t34 = $[49];
+  }
+  let t35;
+  if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+    t35 = <TabsContent value="one"><GalleryText>First panel</GalleryText></TabsContent>;
+    $[50] = t35;
+  } else {
+    t35 = $[50];
+  }
+  let t36;
+  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+    t36 = <Section title="Tabs"><Tabs defaultValue="one">{t34}{t35}<TabsContent value="two"><GalleryText>Second panel</GalleryText></TabsContent></Tabs></Section>;
+    $[51] = t36;
+  } else {
+    t36 = $[51];
+  }
+  let t37;
+  if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
+    t37 = <Avatar><AvatarFallback>{initials("Ada Lovelace")}</AvatarFallback></Avatar>;
+    $[52] = t37;
+  } else {
+    t37 = $[52];
+  }
+  let t38;
+  if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+    t38 = <View className="flex-row items-center gap-3">{t37}<Avatar size={56}><AvatarFallback>{initials("vibot")}</AvatarFallback></Avatar><Spinner /><Spinner size="lg" /></View>;
+    $[53] = t38;
+  } else {
+    t38 = $[53];
+  }
+  let t39;
+  if ($[54] !== progress) {
+    t39 = <Progress value={progress} />;
+    $[54] = progress;
+    $[55] = t39;
+  } else {
+    t39 = $[55];
+  }
+  let t40;
+  let t41;
+  let t42;
+  if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+    t40 = <Button variant="secondary" size="sm" onPress={() => setProgress(_temp1)}>Step progress</Button>;
+    t41 = <Skeleton className="h-4 w-32" />;
+    t42 = <Separator />;
+    $[56] = t40;
+    $[57] = t41;
+    $[58] = t42;
+  } else {
+    t40 = $[56];
+    t41 = $[57];
+    t42 = $[58];
+  }
+  let t43;
+  if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+    t43 = <View className="h-24"><CenteredSpinner label="Loading list" /></View>;
+    $[59] = t43;
+  } else {
+    t43 = $[59];
+  }
+  let t44;
+  if ($[60] !== t39) {
+    t44 = <Section title="Avatar, Progress, Spinner, Skeleton">{t38}{t39}{t40}{t41}{t42}{t43}</Section>;
+    $[60] = t39;
+    $[61] = t44;
+  } else {
+    t44 = $[61];
+  }
+  let t45;
+  if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+    t45 = <Card title="Today" description="Card props, as before."><GalleryText>Body</GalleryText></Card>;
+    $[62] = t45;
+  } else {
+    t45 = $[62];
+  }
+  let t46;
+  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+    t46 = <Card title="Pressable" description="onPress makes the whole card a button." onPress={_temp10}><GalleryText>Tap anywhere on the card.</GalleryText></Card>;
+    $[63] = t46;
+  } else {
+    t46 = $[63];
+  }
+  let t47;
+  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    t47 = <CardHeader><CardTitle>Composed</CardTitle><CardDescription>Web part names inside the native card.</CardDescription></CardHeader>;
+    $[64] = t47;
+  } else {
+    t47 = $[64];
+  }
+  let t48;
+  if ($[65] === Symbol.for("react.memo_cache_sentinel")) {
+    t48 = <CardContent><GalleryText>Content</GalleryText></CardContent>;
+    $[65] = t48;
+  } else {
+    t48 = $[65];
+  }
+  let t49;
+  if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
+    t49 = <Section title="Card">{t45}{t46}<Card>{t47}{t48}<CardFooter><Button size="sm" fullWidth={false} variant="secondary">Later</Button><Button size="sm" fullWidth={false}>Save</Button></CardFooter></Card></Section>;
+    $[66] = t49;
+  } else {
+    t49 = $[66];
+  }
+  let t50;
+  if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
+    t50 = <UpgradeToProCard onUpgrade={() => setPricingOpen(true)} />;
+    $[67] = t50;
+  } else {
+    t50 = $[67];
+  }
+  let t51;
+  if ($[68] === Symbol.for("react.memo_cache_sentinel")) {
+    t51 = <Section title="Upgrade">{t50}<UpgradeToProCard collapsed={true} onUpgrade={() => setPricingOpen(true)} /></Section>;
+    $[68] = t51;
+  } else {
+    t51 = $[68];
+  }
+  let t52;
+  if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+    t52 = <DialogTrigger asChild={true}><Button variant="secondary">Open dialog</Button></DialogTrigger>;
+    $[69] = t52;
+  } else {
+    t52 = $[69];
+  }
+  let t53;
+  if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+    t53 = <DialogHeader><DialogTitle>Rename list</DialogTitle><DialogDescription>Pick a short name.</DialogDescription></DialogHeader>;
+    $[70] = t53;
+  } else {
+    t53 = $[70];
+  }
+  let t54;
+  if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
+    t54 = <DialogBody><Input placeholder="Name" accessibilityLabel="List name" /></DialogBody>;
+    $[71] = t54;
+  } else {
+    t54 = $[71];
+  }
+  let t55;
+  if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+    t55 = <DialogClose asChild={true}><Button variant="secondary" shadowType="flat" fullWidth={false}>Cancel</Button></DialogClose>;
+    $[72] = t55;
+  } else {
+    t55 = $[72];
+  }
+  let t56;
+  if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
+    t56 = <Dialog>{t52}<DialogContent>{t53}{t54}<DialogFooter>{t55}<DialogClose asChild={true}><Button shadowType="flat" fullWidth={false} onPress={_temp11}>Save</Button></DialogClose></DialogFooter></DialogContent></Dialog>;
+    $[73] = t56;
+  } else {
+    t56 = $[73];
+  }
+  let t57;
+  if ($[74] === Symbol.for("react.memo_cache_sentinel")) {
+    t57 = <AlertDialogTrigger asChild={true}><Button variant="secondary">Open alert dialog</Button></AlertDialogTrigger>;
+    $[74] = t57;
+  } else {
+    t57 = $[74];
+  }
+  let t58;
+  if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
+    t58 = <AlertDialogHeader><AlertDialogTitle>Delete this list?</AlertDialogTitle><AlertDialogDescription>This cannot be undone.</AlertDialogDescription></AlertDialogHeader>;
+    $[75] = t58;
+  } else {
+    t58 = $[75];
+  }
+  let t59;
+  if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
+    t59 = <AlertDialog>{t57}<AlertDialogContent>{t58}<AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction variant="destructive" onPress={_temp12}>Delete</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>;
+    $[76] = t59;
+  } else {
+    t59 = $[76];
+  }
+  let t60;
+  if ($[77] === Symbol.for("react.memo_cache_sentinel")) {
+    t60 = <Button variant="secondary" onPress={() => setConfirmOpen(true)}>Open confirm dialog</Button>;
+    $[77] = t60;
+  } else {
+    t60 = $[77];
+  }
+  let t61;
+  if ($[78] !== confirmOpen) {
+    t61 = <ConfirmDialog open={confirmOpen} onOpenChange={setConfirmOpen} title="Sign out?" description="You can sign back in at any time." confirmLabel="Sign out" variant="destructive" onConfirm={_temp13} />;
+    $[78] = confirmOpen;
+    $[79] = t61;
+  } else {
+    t61 = $[79];
+  }
+  let t62;
+  if ($[80] === Symbol.for("react.memo_cache_sentinel")) {
+    t62 = <SheetTrigger asChild={true}><Button variant="secondary">Open sheet</Button></SheetTrigger>;
+    $[80] = t62;
+  } else {
+    t62 = $[80];
+  }
+  let t63;
+  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
+    t63 = <SheetHeader><SheetTitle>Filters</SheetTitle><SheetDescription>Narrow the list.</SheetDescription></SheetHeader>;
+    $[81] = t63;
+  } else {
+    t63 = $[81];
+  }
+  let t64;
+  if ($[82] !== switchOn) {
+    t64 = <LabeledSwitchRow label="Done items" checked={switchOn} onCheckedChange={setSwitchOn} />;
+    $[82] = switchOn;
+    $[83] = t64;
+  } else {
+    t64 = $[83];
+  }
+  let t65;
+  if ($[84] === Symbol.for("react.memo_cache_sentinel")) {
+    t65 = <SheetFooter><Button shadowType="flat">Apply</Button></SheetFooter>;
+    $[84] = t65;
+  } else {
+    t65 = $[84];
+  }
+  let t66;
+  if ($[85] !== t64) {
+    t66 = <Sheet>{t62}<SheetContent>{t63}{t64}{t65}</SheetContent></Sheet>;
+    $[85] = t64;
+    $[86] = t66;
+  } else {
+    t66 = $[86];
+  }
+  let t67;
+  if ($[87] === Symbol.for("react.memo_cache_sentinel")) {
+    t67 = <View className="flex-row flex-wrap gap-2"><Button size="sm" fullWidth={false} onPress={_temp14}>Success</Button><Button size="sm" fullWidth={false} onPress={_temp15}>Warning</Button><Button size="sm" fullWidth={false} onPress={_temp16}>Loading</Button><Button size="sm" fullWidth={false} onPress={_temp18}>Action</Button></View>;
+    $[87] = t67;
+  } else {
+    t67 = $[87];
+  }
+  let t68;
+  if ($[88] !== t61 || $[89] !== t66) {
+    t68 = <Section title="Overlays and toast">{t56}{t59}{t60}{t61}{t66}{t67}</Section>;
+    $[88] = t61;
+    $[89] = t66;
+    $[90] = t68;
+  } else {
+    t68 = $[90];
+  }
+  const t69 = tokens.color.muted[scheme];
+  let t70;
+  if ($[91] !== t69) {
+    t70 = <DropdownMenuTrigger accessibilityLabel="List options" hitSlop={6} className="h-8 w-8 items-center justify-center"><IconDots size={18} color={t69} /></DropdownMenuTrigger>;
+    $[91] = t69;
+    $[92] = t70;
+  } else {
+    t70 = $[92];
+  }
+  let t71;
+  if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
+    t71 = <DropdownMenuLabel>Sort</DropdownMenuLabel>;
+    $[93] = t71;
+  } else {
+    t71 = $[93];
+  }
+  const t72 = menuSort === "newest";
+  let t73;
+  if ($[94] === Symbol.for("react.memo_cache_sentinel")) {
+    t73 = () => setMenuSort("newest");
+    $[94] = t73;
+  } else {
+    t73 = $[94];
+  }
+  let t74;
+  if ($[95] !== t72) {
+    t74 = <DropdownMenuRadioItem checked={t72} onSelect={t73}>Newest first</DropdownMenuRadioItem>;
+    $[95] = t72;
+    $[96] = t74;
+  } else {
+    t74 = $[96];
+  }
+  const t75 = menuSort === "oldest";
+  let t76;
+  if ($[97] === Symbol.for("react.memo_cache_sentinel")) {
+    t76 = () => setMenuSort("oldest");
+    $[97] = t76;
+  } else {
+    t76 = $[97];
+  }
+  let t77;
+  if ($[98] !== t75) {
+    t77 = <DropdownMenuRadioItem checked={t75} onSelect={t76}>Oldest first</DropdownMenuRadioItem>;
+    $[98] = t75;
+    $[99] = t77;
+  } else {
+    t77 = $[99];
+  }
+  let t78;
+  let t79;
+  let t80;
+  if ($[100] === Symbol.for("react.memo_cache_sentinel")) {
+    t78 = <DropdownMenuSeparator />;
+    t79 = <DropdownMenuItem icon={IconPencil} onSelect={_temp19}>Rename</DropdownMenuItem>;
+    t80 = <DropdownMenuItem icon={IconTrash} destructive={true} onSelect={_temp20}>Delete</DropdownMenuItem>;
+    $[100] = t78;
+    $[101] = t79;
+    $[102] = t80;
+  } else {
+    t78 = $[100];
+    t79 = $[101];
+    t80 = $[102];
+  }
+  let t81;
+  if ($[103] !== t74 || $[104] !== t77) {
+    t81 = <DropdownMenuContent align="end">{t71}{t74}{t77}{t78}{t79}{t80}</DropdownMenuContent>;
+    $[103] = t74;
+    $[104] = t77;
+    $[105] = t81;
+  } else {
+    t81 = $[105];
+  }
+  let t82;
+  if ($[106] !== t70 || $[107] !== t81) {
+    t82 = <View className="flex-row justify-end"><DropdownMenu>{t70}{t81}</DropdownMenu></View>;
+    $[106] = t70;
+    $[107] = t81;
+    $[108] = t82;
+  } else {
+    t82 = $[108];
+  }
+  let t83;
+  if ($[109] === Symbol.for("react.memo_cache_sentinel")) {
+    t83 = {
+      height: 88
+    };
+    $[109] = t83;
+  } else {
+    t83 = $[109];
+  }
+  let t84;
+  let t85;
+  let t86;
+  let t87;
+  let t88;
+  let t89;
+  if ($[110] === Symbol.for("react.memo_cache_sentinel")) {
+    t84 = () => setPicked(0);
+    t85 = () => setPicked(5);
+    t86 = () => setPicked(0);
+    t87 = [{
+      key: "copy",
+      label: "Copy items",
+      shortLabel: "Copy",
+      icon: IconCopy,
+      onClick: _temp21
+    }];
+    t88 = [{
+      key: "rename",
+      label: "Rename",
+      icon: IconPencil,
+      onClick: _temp22
+    }];
+    t89 = {
+      key: "delete",
+      label: "Delete items",
+      shortLabel: "Delete",
+      icon: IconTrash,
+      destructive: true,
+      onClick: _temp23
+    };
+    $[110] = t84;
+    $[111] = t85;
+    $[112] = t86;
+    $[113] = t87;
+    $[114] = t88;
+    $[115] = t89;
+  } else {
+    t84 = $[110];
+    t85 = $[111];
+    t86 = $[112];
+    t87 = $[113];
+    t88 = $[114];
+    t89 = $[115];
+  }
+  let t90;
+  if ($[116] !== picked) {
+    t90 = <View style={t83}><BulkActionBar isSelecting={true} selectedCount={picked} totalCount={5} bottomOffset={0} onExitSelect={t84} onSelectAll={t85} onClearSelection={t86} primaryActions={t87} moreActions={t88} destructiveAction={t89} /></View>;
+    $[116] = picked;
+    $[117] = t90;
+  } else {
+    t90 = $[117];
+  }
+  let t91;
+  if ($[118] !== t82 || $[119] !== t90) {
+    t91 = <Section title="DropdownMenu and BulkActionBar">{t82}{t90}</Section>;
+    $[118] = t82;
+    $[119] = t90;
+    $[120] = t91;
+  } else {
+    t91 = $[120];
+  }
+  let t92;
+  if ($[121] === Symbol.for("react.memo_cache_sentinel")) {
+    t92 = <EmptyState title="Nothing yet" description="Items you add show here." compact={true} />;
+    $[121] = t92;
+  } else {
+    t92 = $[121];
+  }
+  let t93;
+  if ($[122] === Symbol.for("react.memo_cache_sentinel")) {
+    t93 = <Section title="EmptyState">{t92}<EmptyState.Root variant="panel"><EmptyState.Icon icon={IconInbox} /><EmptyState.Title>No messages</EmptyState.Title><EmptyState.Description>New messages land here.</EmptyState.Description></EmptyState.Root></Section>;
+    $[122] = t93;
+  } else {
+    t93 = $[122];
+  }
+  let t94;
+  if ($[123] !== swatch) {
+    t94 = <Section title="ColorSwatches"><ColorSwatches value={swatch} onChange={setSwatch} colors={SWATCHES} labels={SWATCH_LABELS} accessibilityLabel="Accent colour" /><ColorSwatches value={swatch} onChange={setSwatch} colors={SWATCHES} labels={SWATCH_LABELS} accessibilityLabel="Accent colour" size="sm" disabled={true} /></Section>;
+    $[123] = swatch;
+    $[124] = t94;
+  } else {
+    t94 = $[124];
+  }
+  let t95;
+  if ($[125] === Symbol.for("react.memo_cache_sentinel")) {
+    t95 = () => setDue(null);
+    $[125] = t95;
+  } else {
+    t95 = $[125];
+  }
+  let t96;
+  if ($[126] !== due) {
+    t96 = <DateTimeField mode="date" value={due} onChange={setDue} placeholder="No due date" onClear={t95} />;
+    $[126] = due;
+    $[127] = t96;
+  } else {
+    t96 = $[127];
+  }
+  let t97;
+  if ($[128] !== when) {
+    t97 = <DateTimeField value={when} onChange={setWhen} />;
+    $[128] = when;
+    $[129] = t97;
+  } else {
+    t97 = $[129];
+  }
+  let t98;
+  if ($[130] !== t96 || $[131] !== t97) {
+    t98 = <Section title="DateTimeField">{t96}{t97}</Section>;
+    $[130] = t96;
+    $[131] = t97;
+    $[132] = t98;
+  } else {
+    t98 = $[132];
+  }
+  let t99;
+  if ($[133] === Symbol.for("react.memo_cache_sentinel")) {
+    t99 = <ListRow title="Ada Lovelace" meta="See you at nine" leading={<View><Avatar><AvatarFallback>{initials("Ada Lovelace")}</AvatarFallback></Avatar><StatusDot tone="info" size="md" className="absolute right-0 top-0" /></View>} titleEnd={<Badge variant="secondary">09:41</Badge>} accessibilityLabel="Ada Lovelace, unread, 09:41" onPress={_temp24} onLongPress={_temp25} />;
+    $[133] = t99;
+  } else {
+    t99 = $[133];
+  }
+  let t100;
+  if ($[134] !== muted) {
+    t100 = <Section title="ListRow">{t99}<ListRow title="Mute thread" meta="Tap the row or the switch" onPress={_temp26} control={<Switch checked={muted} onCheckedChange={setMuted} accessibilityLabel="Mute thread" />} /></Section>;
+    $[134] = muted;
+    $[135] = t100;
+  } else {
+    t100 = $[135];
+  }
+  let t101;
+  if ($[136] === Symbol.for("react.memo_cache_sentinel")) {
+    t101 = <SectionLabel>Today</SectionLabel>;
+    $[136] = t101;
+  } else {
+    t101 = $[136];
+  }
+  let t102;
+  let t103;
+  if ($[137] === Symbol.for("react.memo_cache_sentinel")) {
+    t102 = <StatGrid items={[{
+      label: "Done",
+      value: "6"
+    }, {
+      label: "This week",
+      value: "31"
+    }, {
+      label: "Streak",
+      value: "12 days"
+    }]} />;
+    t103 = <SectionLabel uppercase={true}>Library</SectionLabel>;
+    $[137] = t102;
+    $[138] = t103;
+  } else {
+    t102 = $[137];
+    t103 = $[138];
+  }
+  let t104;
+  if ($[139] === Symbol.for("react.memo_cache_sentinel")) {
+    t104 = <Section title="SectionLabel and StatGrid">{t101}{t102}{t103}<StatGrid columns={3} items={[{
+        label: "Books",
+        value: "24"
+      }, {
+        label: "Notes",
+        value: "130"
+      }, {
+        label: "Clips",
+        value: "8"
+      }]} /></Section>;
+    $[139] = t104;
+  } else {
+    t104 = $[139];
+  }
+  const t105 = palette.overlay[scheme];
+  let t106;
+  if ($[140] !== t105) {
+    t106 = {
+      backgroundColor: t105,
+      borderRadius: tokens.radius.lg
+    };
+    $[140] = t105;
+    $[141] = t106;
+  } else {
+    t106 = $[141];
+  }
+  let t107;
+  let t108;
+  if ($[142] === Symbol.for("react.memo_cache_sentinel")) {
+    t107 = <SheetRow icon={IconCopy} title="Copy link" onPress={_temp27} />;
+    t108 = <SheetRow icon={IconPhoto} title="Save image" detail="To your photo library" onPress={_temp28} />;
+    $[142] = t107;
+    $[143] = t108;
+  } else {
+    t107 = $[142];
+    t108 = $[143];
+  }
+  const t109 = sort === "newest";
+  let t110;
+  if ($[144] === Symbol.for("react.memo_cache_sentinel")) {
+    t110 = () => setSort("newest");
+    $[144] = t110;
+  } else {
+    t110 = $[144];
+  }
+  let t111;
+  if ($[145] !== t109) {
+    t111 = <SheetRow title="Newest first" active={t109} onPress={t110} />;
+    $[145] = t109;
+    $[146] = t111;
+  } else {
+    t111 = $[146];
+  }
+  const t112 = sort === "name";
+  let t113;
+  if ($[147] === Symbol.for("react.memo_cache_sentinel")) {
+    t113 = () => setSort("name");
+    $[147] = t113;
+  } else {
+    t113 = $[147];
+  }
+  let t114;
+  if ($[148] !== t112) {
+    t114 = <SheetRow title="By name" active={t112} onPress={t113} />;
+    $[148] = t112;
+    $[149] = t114;
+  } else {
+    t114 = $[149];
+  }
+  let t115;
+  let t116;
+  if ($[150] === Symbol.for("react.memo_cache_sentinel")) {
+    t115 = <SheetRow icon={IconPhoto} title="Export" detail="Needs V Pro" disabled={true} />;
+    t116 = <SheetRow icon={IconTrash} title="Delete" danger={true} onPress={_temp29} />;
+    $[150] = t115;
+    $[151] = t116;
+  } else {
+    t115 = $[150];
+    t116 = $[151];
+  }
+  let t117;
+  if ($[152] !== t106 || $[153] !== t111 || $[154] !== t114) {
+    t117 = <Section title="SheetRow"><View className="py-2" style={t106}>{t107}{t108}{t111}{t114}{t115}{t116}</View></Section>;
+    $[152] = t106;
+    $[153] = t111;
+    $[154] = t114;
+    $[155] = t117;
+  } else {
+    t117 = $[155];
+  }
+  let t118;
+  if ($[156] !== page) {
+    t118 = <Section title="PageIndicator"><PageIndicator count={4} index={page} /><PageIndicator count={4} index={page} onChange={setPage} /></Section>;
+    $[156] = page;
+    $[157] = t118;
+  } else {
+    t118 = $[157];
+  }
+  let t119;
+  if ($[158] === Symbol.for("react.memo_cache_sentinel")) {
+    t119 = <AmbientBackground className="flex-none overflow-hidden rounded-lg"><StackPageHeader title="Details" description="Edited 2 min ago" safeTop={false} onBack={_temp30} headerRight={<ThemeToggle />} /></AmbientBackground>;
+    $[158] = t119;
+  } else {
+    t119 = $[158];
+  }
+  let t120;
+  if ($[159] === Symbol.for("react.memo_cache_sentinel")) {
+    t120 = <Section title="StackPageHeader">{t119}<AmbientBackground className="flex-none overflow-hidden rounded-lg"><StackPageHeader title="A much longer page title that is cut off" safeTop={false} onBack={_temp31} /></AmbientBackground></Section>;
+    $[159] = t120;
+  } else {
+    t120 = $[159];
+  }
+  let t121;
+  if ($[160] === Symbol.for("react.memo_cache_sentinel")) {
+    t121 = <Section title="More from Project V"><MoreFromProjectV current="velth" onOpen={_temp32} /><FromProjectV /></Section>;
+    $[160] = t121;
+  } else {
+    t121 = $[160];
+  }
+  let t122;
+  if ($[161] === Symbol.for("react.memo_cache_sentinel")) {
+    t122 = {
+      backgroundColor: NEUTRAL_900
+    };
+    $[161] = t122;
+  } else {
+    t122 = $[161];
+  }
+  let t123;
+  if ($[162] === Symbol.for("react.memo_cache_sentinel")) {
+    t123 = <View className="flex-row justify-between"><IconButton variant="overlay" icon={IconX} label="Close camera" onPress={_temp33} /><IconButton variant="overlay" icon={IconRefresh} label="Flip camera" onPress={_temp34} /></View>;
+    $[162] = t123;
+  } else {
+    t123 = $[162];
+  }
+  let t124;
+  let t125;
+  if ($[163] === Symbol.for("react.memo_cache_sentinel")) {
+    t124 = <IconButton variant="overlay" size="lg" icon={IconPhoto} label="Open library" onPress={_temp35} />;
+    t125 = <CaptureButton onPress={_temp36} />;
+    $[163] = t124;
+    $[164] = t125;
+  } else {
+    t124 = $[163];
+    t125 = $[164];
+  }
+  let t126;
+  if ($[165] === Symbol.for("react.memo_cache_sentinel")) {
+    t126 = <View className="h-72 justify-between overflow-hidden rounded-lg p-4" style={t122}>{t123}<View className="flex-row items-center justify-between">{t124}{t125}<View style={{
+          width: 48
+        }} /></View></View>;
+    $[165] = t126;
+  } else {
+    t126 = $[165];
+  }
+  let t127;
+  if ($[166] === Symbol.for("react.memo_cache_sentinel")) {
+    t127 = <Section title="Camera chrome">{t126}<View className="flex-row items-center gap-3"><IconButton icon={IconCopy} label="Copy" size="sm" onPress={_temp37} /><IconButton icon={IconCopy} label="Copy" onPress={_temp38} /><IconButton icon={IconCopy} label="Copy" size="lg" onPress={_temp39} /><IconButton icon={IconTrash} label="Delete" disabled={true} /></View></Section>;
+    $[166] = t127;
+  } else {
+    t127 = $[166];
+  }
+  let t128;
+  if ($[167] === Symbol.for("react.memo_cache_sentinel")) {
+    t128 = <AiChatSamples />;
+    $[167] = t128;
+  } else {
+    t128 = $[167];
+  }
+  let t129;
+  if ($[168] === Symbol.for("react.memo_cache_sentinel")) {
+    t129 = <ChainOfThoughtHeader />;
+    $[168] = t129;
+  } else {
+    t129 = $[168];
+  }
+  let t130;
+  if ($[169] === Symbol.for("react.memo_cache_sentinel")) {
+    t130 = <ChainOfThoughtStep label="Read the question" />;
+    $[169] = t130;
+  } else {
+    t130 = $[169];
+  }
+  let t131;
+  if ($[170] === Symbol.for("react.memo_cache_sentinel")) {
+    t131 = <ChainOfThought defaultOpen={true}>{t129}<ChainOfThoughtContent>{t130}<ChainOfThoughtStep label="Search for sync options" status="active"><ChainOfThoughtSearchResults><ChainOfThoughtSearchResult>example.com</ChainOfThoughtSearchResult><ChainOfThoughtSearchResult>example.org</ChainOfThoughtSearchResult></ChainOfThoughtSearchResults></ChainOfThoughtStep><ChainOfThoughtStep label="Write the answer" status="pending" /></ChainOfThoughtContent></ChainOfThought>;
+    $[170] = t131;
+  } else {
+    t131 = $[170];
+  }
+  let t132;
+  if ($[171] === Symbol.for("react.memo_cache_sentinel")) {
+    t132 = <Section title="AI chat">{t128}{t131}<Suggestions><Suggestion suggestion="Summarise this thread" onPress={_temp40} /><Suggestion suggestion="Draft a reply" onPress={_temp41} /></Suggestions><ConversationEmptyState className="flex-none" /></Section>;
+    $[171] = t132;
+  } else {
+    t132 = $[171];
+  }
+  let t133;
+  if ($[172] !== t100 || $[173] !== t117 || $[174] !== t118 || $[175] !== t19 || $[176] !== t33 || $[177] !== t44 || $[178] !== t68 || $[179] !== t91 || $[180] !== t94 || $[181] !== t98) {
+    t133 = <ScrollView keyboardShouldPersistTaps="handled" contentContainerClassName="gap-8 px-4 pt-4" contentContainerStyle={t0}>{t3}{t7}{t19}{t20}{t21}{t33}{t36}{t44}{t49}{t51}{t68}{t91}{t93}{t94}{t98}{t100}{t104}{t117}{t118}{t120}{t121}{t127}{t132}</ScrollView>;
+    $[172] = t100;
+    $[173] = t117;
+    $[174] = t118;
+    $[175] = t19;
+    $[176] = t33;
+    $[177] = t44;
+    $[178] = t68;
+    $[179] = t91;
+    $[180] = t94;
+    $[181] = t98;
+    $[182] = t133;
+  } else {
+    t133 = $[182];
+  }
+  let t134;
+  if ($[183] === Symbol.for("react.memo_cache_sentinel")) {
+    t134 = () => setPricingOpen(false);
+    $[183] = t134;
+  } else {
+    t134 = $[183];
+  }
+  let t135;
+  if ($[184] === Symbol.for("react.memo_cache_sentinel")) {
+    t135 = ["vibot", "verve", "velth", "vmem", "vhub"];
+    $[184] = t135;
+  } else {
+    t135 = $[184];
+  }
+  let t136;
+  if ($[185] !== pricingOpen) {
+    t136 = <PricingModal open={pricingOpen} onClose={t134} title="Upgrade to V Pro" apps={t135} currentApp="vibot" headline="One plan. Every V app." plans={PLANS} finePrint="Placeholder prices for the gallery." onCheckout={_temp42} />;
+    $[185] = pricingOpen;
+    $[186] = t136;
+  } else {
+    t136 = $[186];
+  }
+  let t137;
+  if ($[187] === Symbol.for("react.memo_cache_sentinel")) {
+    t137 = <Toaster />;
+    $[187] = t137;
+  } else {
+    t137 = $[187];
+  }
+  let t138;
+  if ($[188] !== t133 || $[189] !== t136) {
+    t138 = <View className="flex-1">{t133}{t136}{t137}</View>;
+    $[188] = t133;
+    $[189] = t136;
+    $[190] = t138;
+  } else {
+    t138 = $[190];
+  }
+  return t138;
+}
+function _temp42(plan, period) {
+  return toast(`${plan.name} (${period})`);
+}
+function _temp41(text_0) {
+  return toast(text_0);
+}
+function _temp40(text) {
+  return toast(text);
+}
+function _temp39() {
+  return toast("Copied");
+}
+function _temp38() {
+  return toast("Copied");
+}
+function _temp37() {
+  return toast("Copied");
+}
+function _temp36() {
+  return toast.success("Captured");
+}
+function _temp35() {
+  return toast("Library");
+}
+function _temp34() {
+  return toast("Flip");
+}
+function _temp33() {
+  return toast("Close");
+}
+function _temp32(id_0, target) {
+  return toast(target ? `Opened ${id_0} (${target})` : `Could not open ${id_0}`);
+}
+function _temp31() {
+  return toast("Back");
+}
+function _temp30() {
+  return toast("Back");
+}
+function _temp29() {
+  return toast.error("Deleted");
+}
+function _temp28() {
+  return toast("Saved");
+}
+function _temp27() {
+  return toast("Copied");
+}
+function _temp26() {
+  return toast("Row pressed");
+}
+function _temp25() {
+  return toast("Thread actions");
+}
+function _temp24() {
+  return toast("Open thread");
+}
+function _temp23() {
+  return toast.error("Deleted");
+}
+function _temp22() {
+  return toast("Rename");
+}
+function _temp21() {
+  return toast("Copied");
+}
+function _temp20() {
+  return toast.error("Deleted");
+}
+function _temp19() {
+  return toast("Rename");
+}
+function _temp18() {
+  return toast("Archived", {
+    description: "Moved to the archive.",
+    action: {
+      label: "Undo",
+      onPress: _temp17
+    }
+  });
+}
+function _temp17() {
+  return toast.info("Restored");
+}
+function _temp16() {
+  const id = toast.loading("Syncing");
+  setTimeout(() => toast.success("Synced", {
+    id
+  }), 1500);
+}
+function _temp15() {
+  return toast.warning("Offline");
+}
+function _temp14() {
+  return toast.success("Saved");
+}
+function _temp13() {
+  return toast.success("Signed out");
+}
+function _temp12() {
+  return toast.error("Deleted");
+}
+function _temp11() {
+  return toast.success("Renamed");
+}
+function _temp10() {
+  return toast("Card pressed");
+}
+function _temp1(value) {
+  return (value + 20) % 120;
+}
+function _temp0(tone) {
+  return <StatusDot key={tone} tone={tone} size="md" />;
+}
+function _temp9(variant_0) {
+  return <Badge key={variant_0} variant={variant_0}>{variant_0}</Badge>;
+}
+function _temp8() {
+  return toast("Copied");
+}
+function _temp7() {
+  return toast("Copied");
+}
+function _temp6(variant) {
+  return <Button key={variant} variant={variant} onPress={() => toast(variant)}>{variant}</Button>;
+}
+function _temp5() {
+  return toast("Continue with Google");
+}
+function _temp4(app_0) {
+  const Icon = APP_ICONS[app_0];
+  return <Icon key={app_0} size={28} />;
+}
+function _temp3(app) {
+  return <AppWordmark key={app} app={app} />;
+}
+function _temp2() {
+  return toast("Updating all apps");
+}
+function _temp() {
+  return new Date();
+}