Bileşenler

Provider

İçindeki her şey için dil, yazı yönü ve hareket tercihini belirler; yerleşimi değiştirmez.

Durumlar

Provider görsel bir bileşen değildir; durumları ayar kombinasyonlarıdır.

Ayar	Değerler	Etki
`locale`	`tr-TR` (varsayılan), `en-GB`	`lang` değeri ve kütüphane metinlerinin dili
`direction`	`ltr` (varsayılan), `rtl`	`dir` değeri ve Base UI yön bağlamı
`reducedMotion`	`system` (varsayılan), `reduce`	`reduce` iken `data-motion="reduce"` ve `useReducedMotion()` `true`

Provider’ın ölçüsü yoktur. Kapsayıcı <div> display: contents olduğu için kutu oluşturmaz; içindeki öğeler sanki Provider yokmuş gibi yerleşir.

Özellik	Değer
Kapsayıcı	Tek `<div class="contents">`
Boyut, boşluk, kenarlık	Yok

Provider kendi token’ını kullanmaz. data-motion="reduce" yalnızca token paketinin azaltılmış değer tanımlayan hareket token’larını devreye alır.

Token	Normal	Azaltılmış
`motion-press-scale`	0.97	1
`motion-feedback-scale`	0.6	1

Azaltılmış değeri olan tüm hareket token’ları aynı şekilde değişir; liste Hareket sayfasında.

Etkileşim	Hareket	Azaltılmış hareket
Provider’ın kendisi	Yok: hareket etmez, çizim yapmaz	Azaltılacak bir şey yok
`reducedMotion="reduce"`	Kapsayıcıya `data-motion="reduce"`; token CSS’i azaltılmış değerlere geçer	Hareket azalır: ölçek hareketleri 1’e iner, süreler kısalır
`useReducedMotion()`	Sunucu çıktısında `true` varsayılır; istemcide işletim sistemi ayarı, belge kökündeki `data-motion="reduce"` ya da bir Provider okunur	Üçünden biri hareketi azaltıyorsa `true`

Hiçbir ayar hareketi geri açmaz (MOT-03). Ayrıntılar için Hareket sayfasına bakın.