@oxyhq/bloom 0.2.3 → 0.3.0

package/lib/typescript/module/fonts/apply-font-faces.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Inject @font-face rules and font CSS variables onto :root.
+ *
+ * No-op on native and when `document` is unavailable (SSR). Idempotent —
+ * safe to call multiple times; subsequent calls early-return after the
+ * `<style id="bloom-fonts">` tag has been mounted.
+ *
+ * Follows the same shape as `applyDarkClass` / `applyColorPresetVars`: a
+ * single file with an internal `Platform.OS` check rather than a `.web.ts` /
+ * `.native.ts` split. Bundlers strip the unreachable web import code path
+ * on native because the function body short-circuits before referencing the
+ * woff2 URLs.
+ */
+export declare function applyFontFaces(): void;
+//# sourceMappingURL=apply-font-faces.d.ts.map

package/lib/typescript/module/fonts/apply-font-faces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-font-faces.d.ts","sourceRoot":"","sources":["../../../../src/fonts/apply-font-faces.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAkBrC"}

package/lib/typescript/module/fonts/font-assets.d.ts

@@ -0,0 +1,7 @@
+export declare const FONT_ASSETS: {
+    readonly BlomusModernus: any;
+    readonly 'BlomusModernus-Bold': any;
+    readonly Inter: any;
+    readonly 'Geist Mono': any;
+};
+//# sourceMappingURL=font-assets.d.ts.map

package/lib/typescript/module/fonts/font-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-assets.d.ts","sourceRoot":"","sources":["../../../../src/fonts/font-assets.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/lib/typescript/module/fonts/index.d.ts

@@ -0,0 +1,7 @@
+export { fontFamilies, fontCssVars } from './tokens';
+export type { FontFamilyName } from './tokens';
+export { applyFontFaces } from './apply-font-faces';
+export { FONT_ASSETS } from './font-assets';
+export { FontLoader } from './FontLoader';
+export type { FontLoaderProps } from './FontLoader';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/fonts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fonts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACrD,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/module/fonts/tokens.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Font family tokens for the Bloom design system.
+ *
+ * `fontFamilies` resolves to CSS-style stacks (with system fallbacks) and is
+ * used to populate the `:root` custom properties on web and as the literal
+ * `fontFamily` string source on native.
+ *
+ * `fontCssVars` is the inverse map: name -> CSS custom property name.
+ */
+export declare const fontFamilies: {
+    readonly display: "BlomusModernus, Georgia, \"Times New Roman\", serif";
+    readonly sans: "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+    readonly mono: "\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, monospace";
+};
+export declare const fontCssVars: {
+    readonly display: "--bloom-font-display";
+    readonly sans: "--bloom-font-sans";
+    readonly mono: "--bloom-font-mono";
+};
+export type FontFamilyName = keyof typeof fontFamilies;
+//# sourceMappingURL=tokens.d.ts.map

package/lib/typescript/module/fonts/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/fonts/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/lib/typescript/module/icons/common.d.ts

@@ -34,6 +34,7 @@ export declare const sizes: {
 };
 export declare function useCommonSVGProps(props: Props): {
     style: false | "" | IconStyle | import("react-native").RecursiveArray<import("react-native").Falsy | IconStyle> | null;
+    title?: string | undefined;
     children?: React.ReactNode;
     filter?: string | undefined;
     pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
@@ -142,7 +143,6 @@ export declare function useCommonSVGProps(props: Props): {
     height?: import("react-native-svg").NumberProp | undefined;
     viewBox?: string | undefined;
     preserveAspectRatio?: string | undefined;
-    title?: string | undefined;
     opacity?: import("react-native-svg").NumberProp | undefined;
     fillOpacity?: import("react-native-svg").NumberProp | undefined;
     fillRule?: import("react-native-svg").FillRule | undefined;

package/lib/typescript/module/index.d.ts

@@ -45,4 +45,6 @@ export * as Menu from './menu';
 export * as Tooltip from './tooltip';
 export * as Select from './select';
 export * as ContextMenu from './context-menu';
+export * as Code from './code';
+export * as Fonts from './fonts';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/lib/typescript/module/index.web.d.ts

@@ -45,4 +45,6 @@ export * as Menu from './menu/index.web';
 export * as Tooltip from './tooltip/index.web';
 export * as Select from './select/index.web';
 export * as ContextMenu from './context-menu/index.web';
+export * as Code from './code';
+export * as Fonts from './fonts';
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,oBAAoB,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAG3C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,oBAAoB,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAG3C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AAGxD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/lib/typescript/module/theme/BloomThemeProvider.d.ts

@@ -16,9 +16,21 @@ export interface BloomThemeProviderProps {
     colorPreset?: AppColorName;
     onModeChange?: (mode: ThemeMode) => void;
     onColorPresetChange?: (preset: AppColorName) => void;
+    /**
+     * Load and inject the Bloom font system (BlomusModernus + Inter Variable
+     * + Geist Mono Variable). Default true. Set to false to opt out — e.g.
+     * apps that already ship their own font loader.
+     */
+    fonts?: boolean;
+    /**
+     * Rendered while native fonts load. Ignored on web. Useful for matching
+     * an app-level splash screen so consumers don't see a system-font flash
+     * before the bundled fonts resolve.
+     */
+    onFontsLoading?: React.ReactNode;
     children: React.ReactNode;
 }
-export declare function BloomThemeProvider({ mode: controlledMode, colorPreset: controlledPreset, onModeChange, onColorPresetChange, children, }: BloomThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function BloomThemeProvider({ mode: controlledMode, colorPreset: controlledPreset, onModeChange, onColorPresetChange, fonts, onFontsLoading, children, }: BloomThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Scoped color override for a subtree.
  * Inherits mode/dark from the parent BloomThemeProvider but overrides the color preset.

package/lib/typescript/module/theme/BloomThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BloomThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theme/BloomThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EAAE,KAAK,EAAe,SAAS,EAAE,MAAM,SAAS,CAAC;AAmB7D,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,UAAU,GAAE,OAAe,GAAG,KAAK,CAuEjH;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EAAE,cAAc,EACpB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,EAAE,uBAAuB,2CAyDzB;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,YAAY,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAoB9E"}
+{"version":3,"file":"BloomThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theme/BloomThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKvE,OAAO,KAAK,EAAE,KAAK,EAAe,SAAS,EAAE,MAAM,SAAS,CAAC;AAmB7D,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,UAAU,GAAE,OAAe,GAAG,KAAK,CAuEjH;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EAAE,cAAc,EACpB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EACZ,mBAAmB,EACnB,KAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,uBAAuB,2CA2DzB;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,YAAY,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAoB9E"}

package/lib/typescript/module/toast/index.d.ts

@@ -11,22 +11,22 @@ export declare function ToastOutlet(): import("react/jsx-runtime").JSX.Element;
 /**
  * Access the full Sonner API
  */
-export declare const api: ((message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+export declare const api: ((message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
     id?: string | number;
 }) => string | number) & {
-    success: (message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    success: (message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
-    info: (message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    info: (message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
-    error: (message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    error: (message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
-    warning: (message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    warning: (message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
-    custom: (jsx: React.ReactElement, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    custom: (jsx: React.ReactElement, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
     promise: <T>(promise: Promise<T>, options: Omit<{
@@ -40,7 +40,7 @@ export declare const api: ((message: string, data?: Omit<import("sonner-native")
             error?: import("sonner-native").ToastStyles;
         };
     }, "promise">) => string | number;
-    loading: (message: string, data?: Omit<import("sonner-native").ToastProps, "id" | "title" | "type" | "variant" | "jsx" | "promise"> & {
+    loading: (message: string, data?: Omit<import("sonner-native").ToastProps, "title" | "id" | "type" | "variant" | "jsx" | "promise"> & {
         id?: string | number;
     }) => string | number;
     dismiss: (id?: string | number) => string | number | undefined;

package/lib/typescript/module/typography/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type TextProps as RNTextProps } from 'react-native';
+import { fontFamilies } from '../fonts/tokens';
 export type TextProps = RNTextProps;
 export declare const Text: React.MemoExoticComponent<({ children, style, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element>;
 export { Text as Span };
@@ -13,4 +14,5 @@ export declare function P({ style, ...rest }: TextProps): import("react/jsx-runt
 export declare namespace P {
     var displayName: string;
 }
+export { fontFamilies };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,KAAK,SAAS,IAAI,WAAW,EAI9B,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AAiBpC,eAAO,MAAM,IAAI,2DAZiD,SAAS,6CAYpC,CAAC;AAGxC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC;AAYxB,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAGrD,wBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAU9C;yBAVe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,KAAK,SAAS,IAAI,WAAW,EAI9B,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AAsCpC,eAAO,MAAM,IAAI,2DAZiD,SAAS,6CAYpC,CAAC;AAGxC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC;AAiBxB,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAErD,eAAO,MAAM,EAAE,uBAAqC,CAAC;AAGrD,wBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAU9C;yBAVe,CAAC;;;AAajB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -514,11 +514,34 @@
         "default": "./lib/commonjs/settings-list/index.js"
       }
     },
+    "./code": {
+      "react-native": "./src/code/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/code/index.d.ts",
+        "default": "./lib/module/code/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/code/index.d.ts",
+        "default": "./lib/commonjs/code/index.js"
+      }
+    },
+    "./fonts": {
+      "react-native": "./src/fonts/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/fonts/index.d.ts",
+        "default": "./lib/module/fonts/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/fonts/index.d.ts",
+        "default": "./lib/commonjs/fonts/index.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "files": [
     "src",
-    "lib"
+    "lib",
+    "assets"
   ],
   "keywords": [
     "react-native",
@@ -555,6 +578,8 @@
     "tabs",
     "checkbox",
     "accordion",
+    "code",
+    "fonts",
     "ai"
   ],
   "repository": {
@@ -579,7 +604,9 @@
     "@types/react": "~19.1.0",
     "@types/react-dom": "^19.2.3",
     "@types/react-native": "*",
+    "expo-font": "^56.0.5",
     "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.4.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-native": "0.83.2",
@@ -597,6 +624,8 @@
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=5.0.0",
+    "expo": "*",
+    "expo-font": "*",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-native": ">=0.73.0",
@@ -611,6 +640,12 @@
     "@gorhom/bottom-sheet": {
       "optional": true
     },
+    "expo": {
+      "optional": true
+    },
+    "expo-font": {
+      "optional": true
+    },
     "react-dom": {
       "optional": true
     },

package/src/__tests__/BloomThemeProvider.fonts-web.test.tsx

@@ -0,0 +1,42 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import React from 'react';
+import { Platform, Text } from 'react-native';
+import { render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+
+describe('BloomThemeProvider — font injection on web', () => {
+  const originalOS = Platform.OS;
+
+  beforeEach(() => {
+    document.head.innerHTML = '';
+    document.body.innerHTML = '';
+    Platform.OS = 'web';
+  });
+
+  afterAll(() => {
+    Platform.OS = originalOS;
+  });
+
+  it('injects <style id="bloom-fonts"> by default', () => {
+    expect(document.getElementById('bloom-fonts')).toBeNull();
+    render(
+      <BloomThemeProvider>
+        <Text>hi</Text>
+      </BloomThemeProvider>,
+    );
+    expect(document.getElementById('bloom-fonts')).not.toBeNull();
+  });
+
+  it('does not inject the style tag when fonts={false}', () => {
+    render(
+      <BloomThemeProvider fonts={false}>
+        <Text>hi</Text>
+      </BloomThemeProvider>,
+    );
+    expect(document.getElementById('bloom-fonts')).toBeNull();
+  });
+});

package/src/__tests__/BloomThemeProvider.test.tsx

@@ -158,3 +158,25 @@ describe('useBloomTheme', () => {
     spy.mockRestore();
   });
 });
+
+describe('BloomThemeProvider font integration', () => {
+  it('still renders children when fonts default is enabled', () => {
+    const { getByTestId } = render(
+      <BloomThemeProvider>
+        <ThemeDisplay />
+      </BloomThemeProvider>,
+    );
+    // In the node test environment without document, applyFontFaces is a
+    // no-op but the FontLoader still passes children through.
+    expect(getByTestId('mode').props.children).toBe('light');
+  });
+
+  it('still renders children when fonts={false}', () => {
+    const { getByTestId } = render(
+      <BloomThemeProvider fonts={false}>
+        <ThemeDisplay />
+      </BloomThemeProvider>,
+    );
+    expect(getByTestId('mode').props.children).toBe('light');
+  });
+});

package/src/__tests__/Code.test.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import { Code } from '../code';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(<BloomThemeProvider mode="light">{ui}</BloomThemeProvider>);
+}
+
+describe('Code', () => {
+  it('renders children', () => {
+    const { getByText } = renderWithTheme(<Code>const x = 1</Code>);
+    expect(getByText('const x = 1')).toBeTruthy();
+  });
+
+  it('applies the Geist Mono font family on native', () => {
+    const { getByText } = renderWithTheme(<Code>foo</Code>);
+    const node = getByText('foo');
+    const flat = Array.isArray(node.props.style)
+      ? Object.assign({}, ...node.props.style.filter(Boolean))
+      : node.props.style;
+    expect(flat.fontFamily).toBe('Geist Mono');
+  });
+});

package/src/__tests__/FontLoader.native.test.tsx

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { render } from '@testing-library/react-native';
+
+type UseFontsResult = readonly [boolean, Error | null];
+
+let mockUseFontsResult: UseFontsResult = [true, null];
+
+jest.mock('expo-font', () => ({
+  useFonts: () => mockUseFontsResult,
+}));
+
+import { FontLoader } from '../fonts/FontLoader.native';
+
+function setUseFontsResult(result: UseFontsResult): void {
+  mockUseFontsResult = result;
+}
+
+describe('FontLoader (native)', () => {
+  afterEach(() => {
+    setUseFontsResult([true, null]);
+  });
+
+  it('renders children when fonts are loaded and enabled', () => {
+    setUseFontsResult([true, null]);
+    const { getByText, queryByText } = render(
+      <FontLoader enabled fallback={<Text>fallback</Text>}>
+        <Text>content</Text>
+      </FontLoader>,
+    );
+    expect(getByText('content')).toBeTruthy();
+    expect(queryByText('fallback')).toBeNull();
+  });
+
+  it('renders fallback while fonts are loading and enabled', () => {
+    setUseFontsResult([false, null]);
+    const { getByText, queryByText } = render(
+      <FontLoader enabled fallback={<Text>fallback</Text>}>
+        <Text>content</Text>
+      </FontLoader>,
+    );
+    expect(getByText('fallback')).toBeTruthy();
+    expect(queryByText('content')).toBeNull();
+  });
+
+  it('renders null fallback by default while loading', () => {
+    setUseFontsResult([false, null]);
+    const { queryByText } = render(
+      <FontLoader enabled>
+        <Text>content</Text>
+      </FontLoader>,
+    );
+    expect(queryByText('content')).toBeNull();
+  });
+
+  it('renders children when disabled, regardless of load state', () => {
+    setUseFontsResult([false, null]);
+    const { getByText } = render(
+      <FontLoader enabled={false} fallback={<Text>fallback</Text>}>
+        <Text>content</Text>
+      </FontLoader>,
+    );
+    expect(getByText('content')).toBeTruthy();
+  });
+
+  it('renders children when disabled even with a loaded result', () => {
+    setUseFontsResult([true, null]);
+    const { getByText } = render(
+      <FontLoader enabled={false}>
+        <Text>content</Text>
+      </FontLoader>,
+    );
+    expect(getByText('content')).toBeTruthy();
+  });
+});

package/src/__tests__/Pre.test.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import { Pre } from '../code';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(<BloomThemeProvider mode="light">{ui}</BloomThemeProvider>);
+}
+
+describe('Pre', () => {
+  it('renders children', () => {
+    const { getByText } = renderWithTheme(<Pre>{`function foo() {}`}</Pre>);
+    expect(getByText('function foo() {}')).toBeTruthy();
+  });
+
+  it('applies the Geist Mono font family on native', () => {
+    const { getByText } = renderWithTheme(<Pre>bar</Pre>);
+    const node = getByText('bar');
+    const flat = Array.isArray(node.props.style)
+      ? Object.assign({}, ...node.props.style.filter(Boolean))
+      : node.props.style;
+    expect(flat.fontFamily).toBe('Geist Mono');
+  });
+});

package/src/__tests__/apply-font-faces.test.ts

@@ -0,0 +1,59 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { Platform } from 'react-native';
+import { applyFontFaces } from '../fonts/apply-font-faces';
+
+describe('applyFontFaces', () => {
+  const originalOS = Platform.OS;
+
+  beforeEach(() => {
+    document.head.innerHTML = '';
+    document.body.innerHTML = '';
+    Platform.OS = 'web';
+  });
+
+  afterAll(() => {
+    Platform.OS = originalOS;
+  });
+
+  it('injects a <style id="bloom-fonts"> element on first call', () => {
+    expect(document.getElementById('bloom-fonts')).toBeNull();
+    applyFontFaces();
+    const style = document.getElementById('bloom-fonts');
+    expect(style).not.toBeNull();
+    expect(style?.tagName).toBe('STYLE');
+  });
+
+  it('is idempotent — calling twice does not duplicate the <style>', () => {
+    applyFontFaces();
+    applyFontFaces();
+    applyFontFaces();
+    const styles = document.querySelectorAll('style#bloom-fonts');
+    expect(styles.length).toBe(1);
+  });
+
+  it('emits four @font-face rules', () => {
+    applyFontFaces();
+    const cssText = document.getElementById('bloom-fonts')?.textContent ?? '';
+    const matches = cssText.match(/@font-face\s*{/g) ?? [];
+    expect(matches.length).toBe(4);
+  });
+
+  it('declares the three Bloom font CSS variables on :root', () => {
+    applyFontFaces();
+    const cssText = document.getElementById('bloom-fonts')?.textContent ?? '';
+    expect(cssText).toMatch(/--bloom-font-display:/);
+    expect(cssText).toMatch(/--bloom-font-sans:/);
+    expect(cssText).toMatch(/--bloom-font-mono:/);
+  });
+
+  it('references all four font families by name', () => {
+    applyFontFaces();
+    const cssText = document.getElementById('bloom-fonts')?.textContent ?? '';
+    expect(cssText).toMatch(/font-family: 'BlomusModernus'/);
+    expect(cssText).toMatch(/font-family: 'Inter'/);
+    expect(cssText).toMatch(/font-family: 'Geist Mono'/);
+  });
+});

package/src/assets.d.ts

@@ -24,3 +24,23 @@ declare module '*.webp' {
   const value: number;
   export default value;
 }
+
+declare module '*.woff2' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.woff' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.ttf' {
+  const value: number;
+  export default value;
+}
+
+declare module '*.otf' {
+  const value: number;
+  export default value;
+}

package/src/code/Code.tsx

@@ -0,0 +1,52 @@
+import React, { memo } from 'react';
+import {
+  Text as RNText,
+  type TextProps as RNTextProps,
+  Platform,
+  type StyleProp,
+  type TextStyle,
+} from 'react-native';
+
+import { useTheme } from '../theme/use-theme';
+
+export interface CodeProps extends RNTextProps {
+  style?: StyleProp<TextStyle>;
+}
+
+/**
+ * Inline monospace text — render as `<code>` on web (CSS var family) and
+ * `<Text fontFamily="Geist Mono">` on native.
+ */
+const CodeComponent = function Code({ children, style, ...rest }: CodeProps) {
+  const { colors } = useTheme();
+
+  if (Platform.OS === 'web') {
+    return React.createElement(
+      'code',
+      {
+        ...rest,
+        style: {
+          fontFamily: 'var(--bloom-font-mono)',
+          fontSize: '0.92em',
+          color: colors.text,
+          ...(style as object | undefined),
+        },
+      },
+      children,
+    );
+  }
+
+  return (
+    <RNText
+      {...rest}
+      style={[
+        { fontFamily: 'Geist Mono', fontSize: 13, color: colors.text },
+        style,
+      ]}>
+      {children}
+    </RNText>
+  );
+};
+
+export const Code = memo(CodeComponent);
+Code.displayName = 'Code';