Enhance CMSSlider component with improved accessibility features

[viratatwebflow]

• Add New CMS Map Example
• Added ARIA attributes to the CMSSlider and SlideItem components to improve accessibility for screen readers.
• Updated the keyboard navigation logic to ensure a better user experience for keyboard users.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​webflow/​react@​1.0.4
	@​webflow/​data-types@​1.0.4
	typescript-eslint@​8.49.0
	@​types/​react-dom@​19.2.3
	@​types/​react@​19.2.7
	@​types/​node@​24.10.2
	@​webflow/​webflow-cli@​1.8.51
	vite@​7.2.7
	react@​19.2.1
	globals@​16.5.0
	eslint-plugin-react-refresh@​0.4.24
	mapbox-gl@​3.17.0
	typescript@​5.9.3
	react-dom@​19.2.1
	@​eslint/​js@​9.39.1
	eslint@​9.39.1
	eslint-plugin-react-hooks@​7.0.1
	@​vitejs/​plugin-react@​5.1.2

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		License policy violation: npm caniuse-lite under CC-BY-4.0 Location: Package overview From: cms-map/pnpm-lock.yaml → npm/eslint-plugin-react-hooks@7.0.1 → npm/@webflow/webflow-cli@1.8.51 → npm/@vitejs/plugin-react@5.1.2 → npm/caniuse-lite@1.0.30001760 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/caniuse-lite@1.0.30001760. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		License policy violation: npm robust-predicates under Unlicense Location: Package overview From: cms-map/pnpm-lock.yaml → npm/mapbox-gl@3.17.0 → npm/robust-predicates@2.0.4 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/robust-predicates@2.0.4. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		License policy violation: npm typescript License: LicenseRef-W3C-Community-Final-Specification-Agreement - the applicable license policy does not allow this license (4) (package/ThirdPartyNoticeText.txt) From: cms-map/package.json → npm/typescript@5.9.3 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/typescript@5.9.3. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		License policy violation: npm vite Location: Package overview From: cms-map/package.json → npm/vite@7.2.7 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/vite@7.2.7. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

[zplata]

Can we tweak the README to align similar to the other examples in the repo (getting it up and running in Webflow, removing boilerplate README details)

[viratatwebflow]

Done!

[zplata]

Any disclaimers we need to make with this API key on client side?

[viratatwebflow]

This is public key safe to expose on client side. I'll add info folks need to setup the mapbox account

[zplata]

Lgtm! Let's just make sure README is aligned with others but super excited to get this one in