From cad79664c35543de67f528e4b2197e7fbccb3f79 Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:57:11 +0200
Subject: [PATCH] Add typography helpers

---
 app/src/components/MonoText.tsx | 15 +++++++++++++++
 app/src/lib/typography.ts       |  2 ++
 2 files changed, 17 insertions(+)
 create mode 100644 app/src/components/MonoText.tsx
 create mode 100644 app/src/lib/typography.ts

diff --git a/app/src/components/MonoText.tsx b/app/src/components/MonoText.tsx
new file mode 100644
index 0000000..eb1c413
--- /dev/null
+++ b/app/src/components/MonoText.tsx
@@ -0,0 +1,15 @@
+import type { ComponentProps, JSX } from "react";
+import { Typography } from "heroui-native";
+
+type MonoTextProps = ComponentProps<typeof Typography>;
+
+export function MonoText({ className, style, ...props }: MonoTextProps): JSX.Element {
+  return (
+    <Typography
+      type="code"
+      className={`self-auto bg-transparent px-0 py-0 ${className ?? ""}`}
+      style={[{ fontFamily: "DMMono_500Medium" }, style]}
+      {...props}
+    />
+  );
+}
diff --git a/app/src/lib/typography.ts b/app/src/lib/typography.ts
new file mode 100644
index 0000000..b0d0fed
--- /dev/null
+++ b/app/src/lib/typography.ts
@@ -0,0 +1,2 @@
+export const MICRO_LABEL_CLASS =
+  "text-[11px] font-semibold uppercase tracking-wider text-subtle";