feat(chip): modernize MD3 API

[draggie]

Motivation

Refactors Chip toward the v6/MD3 API and implementation direction.

This change introduces an explicit label prop, extracts Chip-specific tokens, simplifies the internal layout, and removes press-time elevation
animation overhead. It also updates selected, outlined, disabled, icon/avatar, close icon, touch target, and state layer/ripple handling to better align
with Material Design 3.

The example app has been updated to showcase the new API and MD3-oriented Chip states.

Related issue

Closes #4931

Test plan

• Verified Chip examples in the example app.
• Verified Android example build:
  • cd example/android
  • ./gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64- v8a
• Ran TypeScript:
  • yarn typescript
• Ran lint:
  • yarn lint-no-fix
• Ran tests:
  • yarn test --runInBand --watchman=false
• Ran docs build:
  • yarn docs build

[Copilot]

Pull request overview

This PR refactors the Chip component toward the v6/MD3 API direction by introducing an explicit label prop, extracting Chip-specific MD3 tokens, and simplifying layout/color/state-layer handling to better match Material Design 3 behavior.

Changes:

• Added label prop (with deprecated children fallback) and updated examples/tests to use the new API.
• Introduced ChipTokens and refactored chip color/state-layer logic (getChipColors) to be token-driven.
• Simplified Chip layout (leading/avatar/close handling) and removed press-time elevation animation overhead.

Reviewed changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
src/components/Chip/tokens.ts	Adds Chip-specific MD3 dimension/color/opacity/elevation tokens used by the new implementation.
src/components/Chip/helpers.tsx	Refactors color calculations (container/border/label/icons/ripple) to use ChipTokens and MD3 state layer behavior.
src/components/Chip/Chip.tsx	Updates public API (label), simplifies layout/press handling, and adopts tokenized sizing/padding and ripple/state layer behavior.
src/components/tests/ListItem.test.tsx	Updates Chip usage to the new label prop.
src/components/tests/Chip.test.tsx	Updates Chip tests for label, adds coverage for label-vs-children precedence, and adds ripple/platform-color fallback test.
src/components/tests/snapshots/ListItem.test.tsx.snap	Snapshot updates reflecting new Chip layout/styling.
src/components/tests/snapshots/Chip.test.tsx.snap	Snapshot updates reflecting new Chip layout/styling and close button structure.
example/src/Examples/TooltipExample.tsx	Updates Chip usage to label.
example/src/Examples/TeamDetails.tsx	Updates Chip usage to label and refreshes chip row examples.
example/src/Examples/ListSectionExample.tsx	Updates Chip usage to label.
example/src/Examples/FABExample.tsx	Updates Chip usage to label.
example/src/Examples/ChipExample.tsx	Reworks Chip example screen to showcase MD3-oriented chip types/states using the new API.
example/src/Examples/CardExample.tsx	Updates Chip usage to label.

[satya164]

Please remove old props and code entirely instead of deprecating them.

[satya164]

Revert this. There shouldn't be unnecessary breaking changes.

[satya164]

This hasn't been addressed. I see it's removing children and changing it to label prop unnecessarily.

[draggie]

@satya164 fixed

[satya164]

The chips don't match the MD3 guidelines. I don't see a border around the chips:

The elevated chips have a gap around the press/ripple effect instead of extending to the edge

When chip with close button is pressed, the press/ripple effect doesn't cover the area behind the close button. It should span the entire chip. The close button should have a circular press effect like in https://material-web.dev/components/chip/