feat: add Nano RP2040 Connect

Author: AriellaE

src/index.ts

@@ -35,3 +35,4 @@ export { TiltSwitchElement } from './tilt-switch-element';
 export { FlameSensorElement } from './flame-sensor-element';
 export { GasSensorElement } from './gas-sensor-element';
 export { FranzininhoElement } from './franzininho-element';
+export { NanoRP2040ConnectElement } from './nano-rp2040-connect-element';

src/nano-rp2040-connect-element.stories.ts

@@ -0,0 +1,32 @@
+import { html } from 'lit-html';
+import './nano-rp2040-connect-element';
+
+export default {
+  title: 'Nano RP2040 Connect',
+  component: 'wokwi-nano-rp2040-connect',
+  argTypes: {
+    ledPower: { control: { type: 'boolean' } },
+    ledBuiltIn: { control: { type: 'boolean' } },
+    ledRed: { control: { type: 'number' } },
+    ledGreen: { control: { type: 'number' } },
+    ledBlue: { control: { type: 'number' } },
+  },
+  args: {
+    ledPower: false,
+    ledBuiltIn: false,
+    ledRed: 0,
+    ledGreen: 0,
+    ledBlue: 0,
+  },
+};
+
+const Template = ({ ledPower, ledBuiltIn, ledRed, ledGreen, ledBlue }) =>
+  html` <wokwi-nano-rp2040-connect
+    .ledPower=${ledPower}
+    .ledBuiltIn=${ledBuiltIn}
+    .ledRed=${ledRed}
+    .ledGreen=${ledGreen}
+    .ledBlue=${ledBlue}
+  ></wokwi-nano-rp2040-connect>`;
+
+export const Default = Template.bind({});