Style Engine: Export public TypeScript types

packages/style-engine/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   Export the `Style`, `StyleOptions`, and `GeneratedCSSRule` TypeScript types so that consumers of the public API can type their usage of `compileCSS` and `getCSSRules`.
+
 ## 2.48.0 (2026-06-10)
 
 ### Code Quality

packages/style-engine/README.md

@@ -241,6 +241,10 @@ _Changelog_
 
 `6.1.0` Introduced in WordPress core.
 
+### GeneratedCSSRule
+
+A single generated CSS rule, as returned by `getCSSRules`.
+
 ### getCSSRules
 
 Returns a JSON representation of the generated CSS rules.
@@ -276,6 +280,14 @@ _Returns_
 
 -   `StyleValue`: A CSS custom var value if the incoming style value is a preset value.
 
+### Style
+
+A style object, for example the value of a block's `attributes.style` object or the top-level styles in `theme.json`. Passed to `compileCSS` and `getCSSRules` to generate CSS.
+
+### StyleOptions
+
+Options that adjust how styles are generated by `compileCSS` and `getCSSRules`.
+
 <!-- END TOKEN(Autogenerated API docs) -->
 
 ## Glossary

packages/style-engine/src/index.ts

@@ -14,6 +14,24 @@ import type {
 } from './types';
 import { styleDefinitions } from './styles';
 
+/**
+ * A style object, for example the value of a block's `attributes.style` object
+ * or the top-level styles in `theme.json`. Passed to `compileCSS` and
+ * `getCSSRules` to generate CSS.
+ */
+export type { Style } from './types';
+
+/**
+ * Options that adjust how styles are generated by `compileCSS` and
+ * `getCSSRules`.
+ */
+export type { StyleOptions } from './types';
+
+/**
+ * A single generated CSS rule, as returned by `getCSSRules`.
+ */
+export type { GeneratedCSSRule } from './types';
+
 /**
  * Generates a stylesheet for a given style object and selector.
  *

packages/style-engine/src/types.ts

@@ -20,6 +20,11 @@ export interface BorderIndividualStyles< T extends BoxEdge > {
 	width?: CSSProperties[ `border${ Capitalize< T > }Width` ];
 }
 
+/**
+ * A style object, for example the value of a block's `attributes.style` object
+ * or the top-level styles in `theme.json`. Passed to `compileCSS` and
+ * `getCSSRules` to generate CSS.
+ */
 export interface Style {
 	background?: {
 		backgroundImage?:
@@ -89,13 +94,20 @@ export interface CssRulesKeys {
 	individual: string;
 }
 
+/**
+ * Options that adjust how styles are generated by `compileCSS` and
+ * `getCSSRules`.
+ */
 export interface StyleOptions {
 	/**
 	 * CSS selector for the generated style.
 	 */
 	selector?: string;
 }
 
+/**
+ * A single generated CSS rule, as returned by `getCSSRules`.
+ */
 export interface GeneratedCSSRule {
 	selector?: string;
 	value: string | unknown;