implement code connect for segmentedControl

packages/react/package.json

@@ -129,7 +129,7 @@
     "@babel/plugin-transform-modules-commonjs": "7.24.1",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
-    "@figma/code-connect": "1.0.4",
+    "@figma/code-connect": "1.0.5",
     "@primer/css": "^21.0.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.4",
@@ -250,4 +250,4 @@
       "optional": true
     }
   }
-}
+}

packages/react/src/SegmentedControl/SegmentedControl.figma.tsx

@@ -0,0 +1,58 @@
+import React from 'react'
+import {SegmentedControl} from './SegmentedControl'
+import figma from '@figma/code-connect'
+
+/**
+ * -- This file was auto-generated by `figma connect create` --
+ * `props` includes a mapping from Figma properties and variants to
+ * suggested values. You should update this to match the props of your
+ * code component, and update the `example` function to return the
+ * code example you'd like to see in Figma
+ */
+
+figma.connect(
+  SegmentedControl,
+  'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=16122-79604&t=LhKEppN9LJfzQQ49-4',
+  {
+    props: {
+      items: figma.children(['SegmentedControl.Button']),
+      size: figma.enum('size', {
+        medium: 'medium',
+        small: 'small',
+      }),
+    },
+    example: ({size, items}) => <SegmentedControl size={size}>{items}</SegmentedControl>,
+  },
+)
+
+figma.connect(
+  SegmentedControl.Button,
+  'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=16121-61223&m=dev',
+  {
+    props: {
+      label: figma.string('label'),
+      selected: figma.enum('state', {selected: true}),
+      leadingIcon: figma.boolean('leadingIcon?', {
+        true: figma.instance('icon'),
+        false: undefined,
+      }),
+    },
+    example: ({selected, label, leadingIcon}) => (
+      <SegmentedControl.Button selected={selected} leadingIcon={leadingIcon}>
+        {label}
+      </SegmentedControl.Button>
+    ),
+  },
+)
+
+figma.connect(
+  SegmentedControl.IconButton,
+  'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=16231-63571&m=dev',
+  {
+    props: {
+      selected: figma.enum('state', {selected: true}),
+      leadingIcon: figma.instance('icon'),
+    },
+    example: ({selected, leadingIcon}) => <SegmentedControl.IconButton selected={selected} icon={leadingIcon} />,
+  },
+)