feat: Update Switch Code Connect with proper Figma mappings

[beaucalvez]

Summary

• Fixed Switch.figma.tsx to use local DS component instead of Mantine directly
• Added proper property mappings for all Figma properties
• Implemented conditional spread to optimize prop output
• Successfully tested with both populated and empty inner labels

What Changed

1. Import fix: Changed from @mantine/core to ./Switch (local DS component)
2. Size mapping: Added all 5 size variants (xs, sm, md, lg, xl)
3. Property mapping: Added label, checked, onLabel, offLabel from Figma
4. Conditional spread: Only include onLabel/offLabel when they have values
5. Node ID update: Updated to point to correct Figma component (5449-1439)

Code Optimization

Uses conditional spread operators to omit empty props:

{...(props.onLabel && { onLabel: props.onLabel })}
{...(props.offLabel && { offLabel: props.offLabel })}

When onLabel="" and offLabel="", the generated code is:

<Switch size="lg" label="Enable feature" checked />

When onLabel="ON" and offLabel="OFF", the generated code is:

<Switch size="lg" label="Enable feature" checked onLabel="ON" offLabel="OFF" />

Test Plan

• Tested with Figma component with onLabel/offLabel populated
• Tested with Figma component with empty onLabel/offLabel
• Verified conditional spread works correctly
• Published to Figma successfully
• Code Connect shows correct React code in Figma Dev Resources

Made with Cursor