j3w1/theme implementation brief — tree
theme: j3w1-theme 1.1.0  profile: default  sourceDigest: sha256-C+iD5Q7l0XPU/boMj003wPbPLBOq3C3ZM7s4OfzJ6mc=
pin: https://raw.githubusercontent.com/j3w1/theme/v1.1.0/exports/components/tree.json
spec: spec/components/tree.md  site: https://j3w1.github.io/theme/reference/#c-tree
maturity: stable  priority: R2

Summary: Hierarchical navigation with explicit expansion and one roving tab stop.

Use the pinned approved default profile. Pending roles in that profile use-and-report their decision IDs; this does not approve them. Proposed profiles are preview-only and blocked for delivery. Heritage profiles are historical-only. Deprecated or heritage roles are blocked for new approved-profile mappings. Consume roles within their documented scope, never primitives. Release numbering does not approve profiles or tokens.
Tokens (resolved):
  root.bg                                             #100c0c  ({color.surface.default})  use
  root.text                                           #e99499  ({color.text.default})  use
  root.border                                         #a3676b  ({color.border.control})  use-and-report (D-007)
  heading.text                                        #ffa2a7  ({color.text.bright})  use
  secondary.text                                      #bd787d  ({color.text.muted})  use
  control.bg                                          #000000  ({color.surface.input})  use
  control.focus                                       #e53935  ({color.interaction.focus.ring})  use
  dependency.role-border-width-default                1px  ({border.width.default})  use
  dependency.role-border-width-emphasis               2px  ({border.width.emphasis})  use
  dependency.role-color-border-selected-indicator     #e53935  ({color.border.selected-indicator})  use
  dependency.role-color-interaction-selection-bg      #531310  ({color.interaction.selection.bg})  use
  dependency.role-color-interaction-selection-text    #f4eeee  ({color.interaction.selection.text})  use
  dependency.role-color-text-disabled                 #8a5559  ({color.text.disabled})  use
  dependency.role-density-comfortable-control-height  32px  ({density.comfortable.control-height})  use
  dependency.role-density-compact-control-height      24px  ({density.compact.control-height})  use
  dependency.role-radius-none                         0px  ({radius.none})  use
  dependency.role-space-12                            12px  ({space.12})  use
  dependency.role-space-16                            16px  ({space.16})  use
  dependency.role-space-2                             2px  ({space.2})  use
  dependency.role-space-8                             8px  ({space.8})  use
State dependency disclosures: D-007

States: default, selected, expanded, collapsed, focus-visible, disabled
  default: Visible named tree items. [Tree and group hierarchy.]
  selected: Selected fill, text and start indicator. [aria-selected.]
  expanded: Downward marker and visible children. [aria-expanded=true.]
  collapsed: Side marker and hidden children. [aria-expanded=false; children leave focus order.]
  focus-visible: Dashed ring on the item's own label. [Roving native focus.]
  disabled: Disabled text at full opacity. [aria-disabled blocks selection.]

Keyboard:
  Up / Down / Home / End: Move through visible items in source order.
  Right / Left: Expand or enter a parent, collapse it or return to its parent. Mirror these keys in RTL.
  Enter / Space: Select the focused enabled item.
  Typing: Move to the next visible label starting with the character.

ARIA: treeview (https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
Responsive: Wrap labels and actions without changing source order. Use logical spacing in RTL. Preserve native target sizes at both densities; only bounded data regions may scroll horizontally.
Portability: Navigate hierarchical items with explicit expansion and a single roving tab stop. Selection differs from expansion. Caller-supplied nodes represent identities; activation emits an event and never invents file access.
  native: Use equivalent native semantics and approved roles; record any unsupported behavior as a mapping deviation.

Rules: use only these values; no invented colours; radius 0; borders 1px (2px emphasis); focus is a 1px dashed ring, selection is a fill;
do not restyle unrelated elements; report deviations per agents/consume.md; record theme.lock.json at the pinned revision.