docs: disable controlled example source code

.storybook/manager.ts

@@ -1,13 +1,5 @@
 import { addons } from "@storybook/manager-api";
-import { create } from "@storybook/theming/create";
-import { name } from "../package.json";
-
-const theme = create({
-  base: "light",
-  brandTitle: name,
-  brandImage: "https://assets.ubuntu.com/v1/142ae045-Canonical%20MAAS.png",
-  brandTarget: "_self",
-});
+import { theme } from "./theme";
 
 addons.setConfig({
   theme,

.storybook/preview.js

@@ -1,6 +1,7 @@
 /** @type { import('@storybook/react').Preview } */
 import "./preview.scss";
 import DocumentationTemplate from "./DocumentationTemplate.mdx";
+import { theme } from "./theme";
 
 const preview = {
   parameters: {

.storybook/theme.ts

@@ -0,0 +1,9 @@
+import { create } from "@storybook/theming/create";
+import { name } from "../package.json";
+
+export const theme = create({
+  base: "light",
+  brandTitle: name,
+  brandImage: "https://assets.ubuntu.com/v1/142ae045-Canonical%20MAAS.png",
+  brandTarget: "_self",
+});

src/lib/components/NestedFormGroup/NestedFormGroup.stories.tsx

@@ -61,4 +61,13 @@ const meta: Meta<typeof NestedFormGroup> = {
 export default meta;
 
 export const Example = { args: { "aria-hidden": false } };
-export const ControlledExample = ControlledTemplate;
+export const ControlledExample = {
+  render: ControlledTemplate,
+  parameters: {
+    docs: {
+      source: {
+        code: null,
+      },
+    },
+  },
+};