@viraui/react 2026.3.11 → 2026.4.0

package/dist/components/surface/surface.guide.json

@@ -1,115 +0,0 @@
-{
-  "name": "Surface",
-  "structure": "<Surface>…</Surface>",
-  "summary": "Presentational container with token background, optional border, radius, and padding; `data-vibrant` frosts the fill even without `color` (page shell via `--global-background`); nested surfaces use radius=\"auto\" for concentric corners; optionally enables a named CSS container query context (`surface`) via `enableContainer`.",
-  "whenToUse": [
-    "Group content with base-level background and contrast border",
-    "Frosted glass panels with `data-vibrant` — omit `color` for page-level shell or pass `color` for a tinted fill",
-    "Popup or card chrome with optional hover background",
-    "Compose with Elevator for animated elevation transitions",
-    "Set radius to a token on the outermost Surface that needs rounded corners",
-    "Set radius to a four-value tuple [top-left, top-right, bottom-right, bottom-left] when corners need different token radii",
-    "Set radius=\"auto\" on a nested Surface when its parent Surface has a radius so each corner subtracts the nearest ancestor padding and stays concentric",
-    "Stack nested auto-radius Surfaces recursively; context still resolves through wrapper layout such as Stack",
-    "Set overflow=\"hidden\" (or scroll/auto) when Surface must clip or scroll inner content with radius or padding",
-    "Style descendants with `@container surface` queries when layout or typography should respond to the Surface's own inline-size instead of the viewport (set `enableContainer` on the Surface you're querying)"
-  ],
-  "whenNotToUse": [
-    "Interactive control semantics without an appropriate render root",
-    "Expecting hover background on touch-primary devices",
-    "Using radius=\"auto\" on the outermost Surface when no ancestor Surface provides a radius context"
-  ],
-  "accessibility": [
-    "Surface is presentational — pair with headings or labels so grouped content is discoverable",
-    "Choose render roots with correct roles when Surface wraps interactive content",
-    "Do not rely on hover-only background changes as the only state indicator"
-  ],
-  "antiPatterns": [
-    "Overwriting transition shorthand without composing box-shadow when data-elevation is present",
-    "Assuming hoverColor applies on touch devices",
-    "Reusing the parent token radius on nested Surfaces instead of radius=\"auto\" when concentric corners are required",
-    "Expecting radius=\"auto\" to inherit a token when the nearest ancestor Surface has no radius set",
-    "Using viewport media queries when @container surface queries against the rendered Surface inline-size would match the design intent"
-  ],
-  "related": ["Elevator", "Stack"],
-  "properties": {
-    "react": {
-      "border": {
-        "description": "Applies the shared contrast border on one or more sides (`all`, `top`, `right`, `bottom`, `left`). Pass a single side or a list (e.g. `[\"bottom\", \"left\"]`). Omit for no border."
-      },
-      "enableContainer": {
-        "description": "Opt-in named CSS container query context for this Surface (enables `container: surface / inline-size` on the root). Required for `@container surface (min-width: ...)` rules to react to this Surface inline-size. Warning: inline-size containment can affect nested layout (e.g. cards inside Masonry). Use only when you need container queries against this specific Surface."
-      },
-      "borderStyle": {
-        "description": "Sets the CSS border style when `border` is set."
-      },
-      "color": {
-        "description": "Sets the resting background using a base ramp layer (`1`–`3`), a literal CSS color value, or the named token `primary` (`data-surface-color=\"primary\"`; CSS owns light/dark opacity via `--global-primary`)."
-      },
-      "hoverColor": {
-        "description": "Sets the hover background on hover-capable pointers using a base ramp layer (`1`–`3`), a literal CSS value, or the named token `primary` (`data-surface-hover-color=\"primary\"`; CSS owns light/dark opacity via `--global-primary`)."
-      },
-      "hPadding": {
-        "description": "Sets inline padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "overflow": {
-        "description": "Sets root overflow through the `--vui-surface-overflow` custom property.",
-        "refCss": "overflow"
-      },
-      "radius": {
-        "description": "Sets corner radius from the Vira radius token scale, a per-corner `[top-left, top-right, bottom-right, bottom-left]` tuple (`0` for square corners), or `auto` for concentric radii from the nearest ancestor Surface."
-      },
-      "ref": {
-        "description": "Ref forwarded to the rendered surface root element."
-      },
-      "render": {
-        "description": "Replaces the default `div` root using Base UI render semantics."
-      },
-      "vPadding": {
-        "description": "Sets block padding using one token for both sides or a `[start, end]` tuple."
-      }
-    },
-    "css": {
-      "background": {
-        "description": "Resting surface background on the root."
-      },
-      "background-hover": {
-        "description": "Hover surface background on the root."
-      },
-      "border-radius": {
-        "description": "Uniform corner radius when radius is a single token."
-      },
-      "border-radius-bottom-left": {
-        "description": "Bottom-left corner radius; radius tuple or auto resolves per corner."
-      },
-      "border-radius-bottom-right": {
-        "description": "Bottom-right corner radius; radius tuple or auto resolves per corner."
-      },
-      "border-radius-top-left": {
-        "description": "Top-left corner radius; radius tuple or auto resolves per corner."
-      },
-      "border-radius-top-right": {
-        "description": "Top-right corner radius; radius tuple or auto resolves per corner."
-      },
-      "border-style": {
-        "description": "Border style when border is enabled."
-      },
-      "overflow": {
-        "description": "Root overflow behavior.",
-        "refReact": "overflow"
-      },
-      "padding-block-end": {
-        "description": "Block-end padding when padding is enabled."
-      },
-      "padding-block-start": {
-        "description": "Block-start padding when padding is enabled."
-      },
-      "padding-inline-end": {
-        "description": "Inline-end padding when padding is enabled."
-      },
-      "padding-inline-start": {
-        "description": "Inline-start padding when padding is enabled."
-      }
-    }
-  }
-}

package/dist/components/switch/switch.guide.json

@@ -1,71 +0,0 @@
-{
-  "name": "Switch",
-  "baseUIApi": "https://base-ui.com/react/components/switch#api-reference",
-  "structure": "<Switch label=\"…\" />",
-  "summary": "Field-wrapped toggle control with medium or small track and optional field copy.",
-  "whenToUse": [
-    "Boolean on/off settings with optional label and helper text",
-    "Compact small or medium track sizes",
-    "Invalid and disabled states with Textfield-parity focus treatment"
-  ],
-  "whenNotToUse": [
-    "Unlabeled switch without aria-label on the root",
-    "Expecting size or variant beyond medium and small"
-  ],
-  "accessibility": [
-    "Provide visible label or aria-label so the switch has an accessible name",
-    "Checked state must map to the native switch semantics exposed by the control",
-    "Surface invalid state and error copy through the shared field pattern"
-  ],
-  "antiPatterns": [
-    "Rendering a switch without label and without aria-label",
-    "Expecting description to stay visible when invalid without an error message"
-  ],
-  "related": ["Textfield", "Stack", "Text"],
-  "properties": {
-    "react": {
-      "description": {
-        "description": "Helper copy rendered with `Field.Description` and `Text` while the field is valid."
-      },
-      "error": {
-        "description": "Error copy rendered with `Field.Error` and `Text` in the same slot as `description`. Replaces description while the field is invalid and dirty."
-      },
-      "hPadding": {
-        "description": "Sets inline padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "label": {
-        "description": "Visible label rendered with shared internal `FieldLabel`."
-      },
-      "size": {
-        "description": "Controls the visual switch size.",
-        "refCss": "track-block-size"
-      },
-      "vPadding": {
-        "description": "Sets block padding using one token for both sides or a `[start, end]` tuple."
-      }
-    },
-    "css": {
-      "thumb-background": {
-        "description": "Switch thumb background color."
-      },
-      "thumb-inset": {
-        "description": "Inset between thumb and track edges."
-      },
-      "thumb-size": {
-        "description": "Switch thumb size derived from track block size.",
-        "refReact": "size"
-      },
-      "track-background": {
-        "description": "Switch track background color."
-      },
-      "track-block-size": {
-        "description": "Switch track block size; size presets adjust track and thumb.",
-        "refReact": "size"
-      },
-      "track-radius": {
-        "description": "Switch track corner radius.",
-        "refReact": "size"
-      }
-    }
-  }
-}

package/dist/components/tabs/tabs.guide.json

@@ -1,43 +0,0 @@
-{
-  "name": "Tabs",
-  "baseUIApi": "https://base-ui.com/react/components/tabs#api-reference",
-  "structure": "<Tabs>\n  <Tabs.List>\n    <Tabs.Tab value=\"a\">…</Tabs.Tab>\n  </Tabs.List>\n  <Tabs.Viewport>\n    <Tabs.Panel value=\"a\">…</Tabs.Panel>\n  </Tabs.Viewport>\n</Tabs>",
-  "summary": "Compound segmented tab control with Surface list chrome, moving indicator, and animated panels.",
-  "whenToUse": [
-    "Switching between related views in the same surface",
-    "Compact horizontal segmented navigation",
-    "Decorative start/end addons on tab labels without changing accessible names"
-  ],
-  "whenNotToUse": [
-    "Primary app navigation that should use links or routes directly",
-    "Vertical tab layouts in v1 styled targets"
-  ],
-  "accessibility": [
-    "Keep tab labels as visible text; addons are decorative and aria-hidden",
-    "Ensure each `Tabs.Panel` value matches a `Tabs.Tab` value",
-    "Disabled items cannot be activated through pointer or keyboard"
-  ],
-  "antiPatterns": [
-    "Using addons as the only visible label for a tab",
-    "Trying to compose a separate public `Tabs.Indicator`; the indicator is owned by `Tabs.List`"
-  ],
-  "related": ["Surface", "Stack", "Text"],
-  "properties": {
-    "react": {
-      "listAlignment": {
-        "description": "Horizontal alignment of tab list within root Stack."
-      },
-      "Tab.addon": {
-        "description": "Decorative addon rendered alongside the tab label."
-      },
-      "Tab.addonPosition": {
-        "description": "Controls whether the addon appears before or after the label."
-      }
-    },
-    "css": {
-      "translate-amount": {
-        "description": "Panel entry translate distance for tab transitions."
-      }
-    }
-  }
-}

package/dist/components/text/text.guide.json

@@ -1,152 +0,0 @@
-{
-  "name": "Text",
-  "structure": "<Text>…</Text>",
-  "summary": "Theme-aware body-copy primitive with tone, family, and responsive body sizing.",
-  "whenToUse": [
-    "Body copy with semantic tone (including brand `primary`) and token-backed typography",
-    "Helper, label, or inline copy inside other components",
-    "Mono or body family text with fluid clamp sizing"
-  ],
-  "whenNotToUse": [
-    "Headings or display typography — use Title",
-    "Heading semantics without an appropriate render root"
-  ],
-  "accessibility": [
-    "Use Text for body copy; do not substitute for heading elements in the document outline",
-    "Semantic tone supports meaning but does not replace explicit labels on controls",
-    "Choose render when the copy must live on a specific inline or block element"
-  ],
-  "antiPatterns": ["Using Text for headings instead of Title"],
-  "related": ["Title", "ClampText"],
-  "properties": {
-    "react": {
-      "align": {
-        "description": "Aligns text using logical alignment values.",
-        "refCss": "align"
-      },
-      "balanced": {
-        "description": "Enables balanced wrapping for block-like copy."
-      },
-      "color": {
-        "description": "Applies a literal color escape hatch when semantic `tone` is not used."
-      },
-      "family": {
-        "description": "Selects the semantic font family for body copy and inline code-like text."
-      },
-      "fontWidth": {
-        "description": "Overrides font width as a percentage (100 = normal); maps to `font-stretch` and `wdth`."
-      },
-      "hPadding": {
-        "description": "Sets inline padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "lineHeight": {
-        "description": "Controls line height through foundation leading tokens."
-      },
-      "maxWidth": {
-        "description": "Constrains the maximum inline size of the rendered text block."
-      },
-      "opticalSize": {
-        "description": "Overrides the optical size (`opsz`) axis on variable fonts; static fonts keep `font-optical-sizing: auto`."
-      },
-      "ref": {
-        "description": "Ref forwarded to the rendered text root element."
-      },
-      "render": {
-        "description": "Replaces the default `span` root using Base UI render semantics."
-      },
-      "selection": {
-        "description": "Enables text selection on the rendered copy."
-      },
-      "size": {
-        "description": "Selects a semantic body typography size from the active theme scale."
-      },
-      "tone": {
-        "description": "Sets the semantic text color role when no literal `color` override is used. `default` inherits; `primary` → `--global-primary`; `muted` → `--global-muted`; `interactive` → `--global-interactive-text`; `positive` / `informative` / `danger` / `warning` → `--highlight-green` / `--highlight-blue` / `--highlight-red` / `--highlight-yellow`."
-      },
-      "tracking": {
-        "description": "Sets letter spacing on the rendered copy.",
-        "refCss": "letter-spacing"
-      },
-      "transform": {
-        "description": "Applies a text-transform on the rendered copy.",
-        "refCss": "text-transform"
-      },
-      "trim": {
-        "description": "Trims text box whitespace at the chosen edge when the browser supports `text-box`. Pass `false` to disable text-box trim.",
-        "refCss": "trim"
-      },
-      "trimType": {
-        "description": "Selects the `text-box` trim basis when `trim` is active."
-      },
-      "vPadding": {
-        "description": "Sets block padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "weight": {
-        "description": "Selects a semantic weight keyword or a numeric weight (`font-weight` + `wght` axis)."
-      },
-      "whiteSpace": {
-        "description": "Controls white-space preservation and wrapping behavior."
-      }
-    },
-    "css": {
-      "align": {
-        "description": "Text alignment on the root.",
-        "refReact": "align"
-      },
-      "font-family": {
-        "description": "Font family; family prop presets via data attributes."
-      },
-      "font-opsz": {
-        "description": "Optical size axis on the root (variable fonts)."
-      },
-      "font-size": {
-        "description": "Body font size; size prop presets via data attributes."
-      },
-      "font-weight": {
-        "description": "Font weight on the root; keyword presets or numeric via weight prop."
-      },
-      "font-width": {
-        "description": "Font width percentage on the root (font-stretch + wdth)."
-      },
-      "line-height": {
-        "description": "Line height; lineHeight prop presets via data attributes."
-      },
-      "letter-spacing": {
-        "description": "Letter spacing on the root.",
-        "refReact": "tracking"
-      },
-      "literal-color": {
-        "description": "Literal color override on the root."
-      },
-      "max-width": {
-        "description": "Max inline size of the text root."
-      },
-      "padding-block-end": {
-        "description": "Block-end padding when padding is enabled."
-      },
-      "padding-block-start": {
-        "description": "Block-start padding when padding is enabled."
-      },
-      "padding-inline-end": {
-        "description": "Inline-end padding when padding is enabled."
-      },
-      "padding-inline-start": {
-        "description": "Inline-start padding when padding is enabled."
-      },
-      "trim": {
-        "description": "Text-box trim mode on the root.",
-        "refReact": "trim"
-      },
-      "trim-type": {
-        "description": "Text-box trim basis on the root."
-      },
-      "text-transform": {
-        "description": "Text transform on the root.",
-        "refReact": "transform"
-      },
-      "white-space": {
-        "description": "White-space behavior on the root."
-      }
-    }
-  }
-}

package/dist/components/textarea/textarea.guide.json

@@ -1,55 +0,0 @@
-{
-  "name": "Textarea",
-  "baseUIApi": "https://base-ui.com/react/components/field#api-reference",
-  "structure": "<Textarea />",
-  "summary": "Multi-line field control with shared field copy, optional resize, and optional content sizing.",
-  "whenToUse": [
-    "Multi-line text entry with label, description, and error",
-    "Optional native CSS resize (vertical, horizontal, both, and other valid resize values)",
-    "Content-sized growth via fitContent",
-    "Native textarea attributes through the field control",
-    "One or more Textareas inside Fieldset when they belong to a labeled form section with other fields"
-  ],
-  "whenNotToUse": [
-    "Single-line input — use Textfield",
-    "Addon slots like Textfield startAddon or endAddon",
-    "Wrapping a lone Textarea in Fieldset when its own label is sufficient"
-  ],
-  "accessibility": [
-    "Associate label with the textarea through the field label pattern",
-    "Expose validation and helper copy through description and error slots",
-    "Prefer resize modes that do not hide required content from keyboard users"
-  ],
-  "antiPatterns": ["Using Textarea for single-line values", "Expecting unsupported size or variant props"],
-  "related": ["Fieldset", "Textfield", "Text"],
-  "properties": {
-    "react": {
-      "description": {
-        "description": "Helper copy rendered with `Field.Description` and `Text` while the field is valid."
-      },
-      "error": {
-        "description": "Error copy rendered with `Field.Error` and `Text` in the same slot as `description`. Replaces description while the field is invalid and dirty. Validation messages from `validate` are shown by `Field.Error` even when this prop is omitted (also requires dirty)."
-      },
-      "fitContent": {
-        "description": "When `true`, sets `field-sizing: content` so the control grows with its value. Still respects `min-block-size` and `resize`. Omitted / `false` keeps the browser fixed default."
-      },
-      "label": {
-        "description": "Visible label rendered with shared internal `FieldLabel`."
-      },
-      "resize": {
-        "description": "Native CSS `resize` for the control, serialized to `data-resize`. Omitted keeps resize disabled (`none`); accepts any valid `CSSProperties['resize']` value such as `\"vertical\"`, `\"horizontal\"`, or `\"both\"`."
-      }
-    },
-    "css": {
-      "input-border-radius": {
-        "description": "Corner radius for the BasicInput textarea control (also drives field label/description inline padding)."
-      },
-      "min-block-size": {
-        "description": "Minimum block size of the BasicInput textarea control."
-      },
-      "padding-block": {
-        "description": "Block padding on the BasicInput textarea control."
-      }
-    }
-  }
-}

package/dist/components/textfield/textfield.guide.json

@@ -1,70 +0,0 @@
-{
-  "name": "Textfield",
-  "baseUIApi": "https://base-ui.com/react/components/input#api-reference",
-  "structure": "<Textfield />",
-  "summary": "Single-line field input with control-group chrome and optional addons.",
-  "whenToUse": [
-    "Single-line text, email, password, or similar native input types",
-    "Start or end addon slots inside the shared control group",
-    "Label, description, and error copy with validation states",
-    "Several related Textfields grouped under one section legend as Fieldset children (e.g. billing details)"
-  ],
-  "whenNotToUse": [
-    "Multi-line entry — use Textarea",
-    "Custom size or variant props — fixed medium treatment",
-    "Wrapping a lone Textfield in Fieldset when its own label is sufficient — Fieldset is for multi-field sections or shared legends",
-    "Using Fieldset instead of the Textfield label for a single control"
-  ],
-  "accessibility": [
-    "Associate label with the input through the field label pattern",
-    "Surface validation errors in the shared description slot or Field.Error",
-    "Addon buttons must keep type=\"button\" and their own accessible names"
-  ],
-  "antiPatterns": [
-    "Passing unsupported size or variant props",
-    "Expecting a focus ring when focus is only on addon controls"
-  ],
-  "related": ["Autocomplete", "Fieldset", "Textarea", "Select", "Text"],
-  "properties": {
-    "react": {
-      "description": {
-        "description": "Helper copy rendered with `Field.Description` and `Text` while the field is valid."
-      },
-      "endAddon": {
-        "description": "Trailing decoration (icon, button). Buttons must use `type=\"button\"`."
-      },
-      "error": {
-        "description": "Error copy rendered with `Field.Error` and `Text` in the same slot as `description`. Replaces description while the field is invalid and dirty. Validation messages from `validate` are shown by `Field.Error` even when this prop is omitted (also requires dirty)."
-      },
-      "fitContent": {
-        "description": "When `true`, sets `field-sizing: content` so the control grows inline with its value. Block chrome stays `var(--vui-textfield-input-height)`. Omitted / `false` keeps the browser fixed default."
-      },
-      "fullWidth": {
-        "description": "When `true`, root and control group take `inline-size: 100%`."
-      },
-      "label": {
-        "description": "Visible label rendered with shared internal `FieldLabel`."
-      },
-      "startAddon": {
-        "description": "Leading decoration (prefix text, icon). Not a second field control."
-      }
-    },
-    "css": {
-      "control-group-background": {
-        "description": "Textfield control group background."
-      },
-      "control-group-border-color": {
-        "description": "Textfield control group border color."
-      },
-      "control-group-border-radius": {
-        "description": "Textfield control group corner radius."
-      },
-      "control-group-color": {
-        "description": "Textfield control group foreground color."
-      },
-      "input-height": {
-        "description": "Textfield control group block size."
-      }
-    }
-  }
-}

package/dist/components/title/title.guide.json

@@ -1,149 +0,0 @@
-{
-  "name": "Title",
-  "structure": "<Title>…</Title>",
-  "summary": "Theme-aware heading and display typography primitive.",
-  "whenToUse": [
-    "Headings and display text with title presets",
-    "Semantic heading tags chosen explicitly through render",
-    "Size and render paired together for most heading use cases",
-    "Fluid clamp sizing across title appearance presets"
-  ],
-  "whenNotToUse": ["Body copy — use Text", "Body or mono family typography"],
-  "accessibility": [
-    "Title renders a span by default, so choose render to match the correct heading level for the page outline",
-    "Visual size presets do not replace picking the right h1–h6 element",
-    "Use size for appearance and render for semantics; pair them unless you intentionally need a visual mismatch",
-    "Keep heading hierarchy sequential; do not skip outline levels for styling alone"
-  ],
-  "antiPatterns": [
-    "Assuming size changes the HTML tag automatically",
-    "Letting size force the HTML tag instead of choosing render explicitly",
-    "Using Title for long body paragraphs"
-  ],
-  "related": ["Text", "ClampText"],
-  "properties": {
-    "react": {
-      "align": {
-        "description": "Aligns text using logical alignment values.",
-        "refCss": "align"
-      },
-      "balanced": {
-        "description": "Enables balanced wrapping for block-like titles."
-      },
-      "color": {
-        "description": "Applies a literal color escape hatch."
-      },
-      "fontWidth": {
-        "description": "Overrides font width as a percentage (100 = normal); maps to `font-stretch` and `wdth`."
-      },
-      "hPadding": {
-        "description": "Sets inline padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "lineHeight": {
-        "description": "Controls line height through foundation leading tokens."
-      },
-      "maxWidth": {
-        "description": "Constrains the maximum inline size of the rendered text block."
-      },
-      "opticalSize": {
-        "description": "Overrides the optical size (`opsz`) axis on variable fonts; static fonts keep `font-optical-sizing: auto`."
-      },
-      "ref": {
-        "description": "Ref forwarded to the rendered title root element."
-      },
-      "render": {
-        "description": "Replaces the default `span` root using Base UI render semantics. Pair this with `size` for most headings so DOM semantics and visual preset stay intentionally aligned."
-      },
-      "selection": {
-        "description": "Enables text selection on the rendered copy."
-      },
-      "size": {
-        "description": "Selects a heading or display typography preset from the active theme scale. This controls only the visual preset. Semantic heading choice remains owned by `render`, because `Title` keeps a `span` root unless `render` replaces it."
-      },
-      "tracking": {
-        "description": "Sets letter spacing on the rendered copy. Overrides size preset letter-spacing when set.",
-        "refCss": "letter-spacing"
-      },
-      "transform": {
-        "description": "Applies a text-transform on the rendered copy.",
-        "refCss": "text-transform"
-      },
-      "trim": {
-        "description": "Trims text box whitespace at the chosen edge when the browser supports `text-box`. Pass `false` to disable text-box trim.",
-        "refCss": "trim"
-      },
-      "trimType": {
-        "description": "Selects the `text-box` trim basis when `trim` is active."
-      },
-      "vPadding": {
-        "description": "Sets block padding using one token for both sides or a `[start, end]` tuple."
-      },
-      "weight": {
-        "description": "Overrides the size preset weight (`font-weight` + `wght` axis)."
-      },
-      "whiteSpace": {
-        "description": "Controls white-space preservation and wrapping behavior."
-      }
-    },
-    "css": {
-      "align": {
-        "description": "Title alignment on the root.",
-        "refReact": "align"
-      },
-      "font-family": {
-        "description": "Heading font family on the root."
-      },
-      "font-opsz": {
-        "description": "Optical size axis on the root (variable fonts)."
-      },
-      "font-size": {
-        "description": "Heading font size; size prop presets via data attributes."
-      },
-      "font-weight": {
-        "description": "Font weight on the root."
-      },
-      "font-width": {
-        "description": "Font width percentage on the root (font-stretch + wdth)."
-      },
-      "letter-spacing": {
-        "description": "Public letter spacing from the `tracking` prop when set.",
-        "refReact": "tracking"
-      },
-      "line-height": {
-        "description": "Line height; lineHeight prop presets via data attributes."
-      },
-      "literal-color": {
-        "description": "Literal color override on the root."
-      },
-      "max-width": {
-        "description": "Max inline size of the title root."
-      },
-      "padding-block-end": {
-        "description": "Block-end padding when padding is enabled."
-      },
-      "padding-block-start": {
-        "description": "Block-start padding when padding is enabled."
-      },
-      "padding-inline-end": {
-        "description": "Inline-end padding when padding is enabled."
-      },
-      "padding-inline-start": {
-        "description": "Inline-start padding when padding is enabled."
-      },
-      "trim": {
-        "description": "Text-box trim mode on the root.",
-        "refReact": "trim"
-      },
-      "trim-type": {
-        "description": "Text-box trim basis on the root."
-      },
-      "text-transform": {
-        "description": "Text transform on the root.",
-        "refReact": "transform"
-      },
-      "white-space": {
-        "description": "White-space behavior on the root."
-      }
-    }
-  }
-}