Clean up unnecessary empty lines

docs/_snippets/addon-a11y-config-in-meta-and-story.md

@@ -576,7 +576,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     a11y: {
       /*

docs/_snippets/addon-a11y-parameter-example.md

@@ -288,7 +288,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     // 👇 Applies to all stories in this file
     a11y: { test: 'error' },

docs/_snippets/addon-a11y-parameter-todo-in-meta.md

@@ -156,7 +156,6 @@ import { DataTable } from './DataTable';
 
 const meta = preview.meta({
   component: DataTable,
-
   parameters: {
     // 👇 This component's accessibility tests will not fail
     //    Instead, they display warnings in the Storybook UI

docs/_snippets/addon-a11y-register.md

@@ -49,7 +49,6 @@ import { defineMain } from '@storybook/your-framework/node';
 export default defineMain({
   // Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
   framework: '@storybook/your-framework',
-
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
 
   addons: [

docs/_snippets/addon-actions-action-function.md

@@ -172,7 +172,6 @@ import Button from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   args: {
     // 👇 Create an action that appears when the onClick event is fired
     onClick: action('on-click'),

docs/_snippets/addon-backgrounds-define-globals.md

@@ -226,7 +226,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   globals: {
     // 👇 Set background value for all component stories
     backgrounds: { value: 'gray', grid: false },

docs/_snippets/addon-backgrounds-grid.md

@@ -230,7 +230,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     backgrounds: {
       grid: {

docs/_snippets/addon-backgrounds-options-in-meta.md

@@ -250,7 +250,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     backgrounds: {
       options: {

docs/_snippets/addon-viewport-configuration-in-meta.md

@@ -263,7 +263,6 @@ import { MyComponent } from './MyComponent';
 
 const meta = preview.meta({
   component: MyComponent,
-
   parameters: {
     viewport: {
       //👇 Set available viewports for every story in the file

docs/_snippets/addon-viewport-define-globals.md

@@ -224,7 +224,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   globals: {
     // 👇 Set viewport for all component stories
     viewport: { value: 'tablet', isRotated: false },

docs/_snippets/api-doc-block-argtypes-parameter.md

@@ -160,7 +160,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     docs: {
       controls: { exclude: ['style'] },

docs/_snippets/api-doc-block-controls-parameter.md

@@ -165,7 +165,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     docs: {
       controls: { exclude: ['style'] },

docs/_snippets/api-doc-block-description-example.md

@@ -368,7 +368,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     docs: {
       description: {

docs/_snippets/arg-types-control.md

@@ -210,7 +210,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     value: {
       control: {

docs/_snippets/arg-types-default-value.md

@@ -210,7 +210,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     value: {
       // ⛔️ Deprecated, do not use

docs/_snippets/arg-types-description.md

@@ -160,7 +160,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     value: {
       description: 'The value of the slider',

docs/_snippets/arg-types-if.md

@@ -380,7 +380,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     parent: { control: 'select', options: ['one', 'two', 'three'] },
 

docs/_snippets/arg-types-in-meta.md

@@ -180,7 +180,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     // 👇 All Button stories expect a label arg
     label: {

docs/_snippets/arg-types-mapping.md

@@ -197,7 +197,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     label: {
       control: { type: 'select' },

docs/_snippets/arg-types-name.md

@@ -160,7 +160,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     actualArgName: {
       name: 'Friendly name',

docs/_snippets/arg-types-options.md

@@ -171,7 +171,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     icon: {
       options: ['arrow-up', 'arrow-down', 'loading'],

docs/_snippets/arg-types-table.md

@@ -190,7 +190,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     value: {
       table: {

docs/_snippets/arg-types-type.md

@@ -140,7 +140,6 @@ import { Example } from './Example';
 
 const meta = preview.meta({
   component: Example,
-
   argTypes: {
     value: { type: 'number' },
   },

docs/_snippets/button-story-argtypes-with-categories.md

@@ -257,7 +257,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     // Assigns the argTypes to the Colors category
     backgroundColor: {

docs/_snippets/button-story-argtypes-with-subcategories.md

@@ -281,7 +281,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     // Assigns the argTypes to the Colors category
     backgroundColor: {

docs/_snippets/button-story-component-decorator.md

@@ -280,7 +280,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   decorators: [
     (Story) => (
       <div style={{ margin: '3em' }}>

docs/_snippets/button-story-controls-radio-group.md

@@ -170,7 +170,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     variant: {
       options: ['primary', 'secondary'],

docs/_snippets/button-story-default-export.md

@@ -184,7 +184,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Button',
-
   component: Button,
 });
 ```

docs/_snippets/button-story-disable-addon.md

@@ -102,9 +102,7 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Button',
-
   component: Button,
-
   parameters: {
     myAddon: { disable: true }, // Disables the addon
   },

docs/_snippets/button-story-grouped.md

@@ -156,7 +156,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
-
   component: Button,
 });
 ```

docs/_snippets/button-story-hoisted.md

@@ -112,7 +112,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
-
   component: ButtonComponent,
 });
 

docs/_snippets/button-story-with-addon-example.md

@@ -403,9 +403,7 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Button',
-
   component: Button,
-
   //👇 Creates specific parameters for the story
   parameters: {
     myAddon: {

docs/_snippets/checkbox-story-grouped.md

@@ -156,7 +156,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',
-
   component: CheckBox,
 });
 ```

docs/_snippets/code-panel-in-meta-and-story.md

@@ -448,7 +448,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   parameters: {
     docs: {
       // 👇 Enable Code panel for all stories in this file

docs/_snippets/component-story-conditional-controls-mutual-exclusion.md

@@ -220,7 +220,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     // Button can be passed a label or an image, not both
     label: {

docs/_snippets/component-story-conditional-controls-toggle.md

@@ -190,7 +190,6 @@ import { Button } from './Button';
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     label: { control: 'text' }, // Always shows the control
     advanced: { control: 'boolean' },

docs/_snippets/component-story-custom-args-mapping.md

@@ -314,7 +314,6 @@ const arrows = { ArrowUp, ArrowDown, ArrowLeft, ArrowRight };
 
 const meta = preview.meta({
   component: Button,
-
   argTypes: {
     arrow: {
       options: Object.keys(arrows), // An array of serializable values

docs/_snippets/component-story-disable-controls-alt.md

@@ -170,7 +170,6 @@ import { YourComponent } from './YourComponent';
 
 const meta = preview.meta({
   component: YourComponent,
-
   argTypes: {
     // foo is the property we want to remove from the UI
     foo: {

docs/_snippets/component-story-disable-controls.md

@@ -190,7 +190,6 @@ import { YourComponent } from './YourComponent';
 
 const meta = preview.meta({
   component: YourComponent,
-
   argTypes: {
     // foo is the property we want to remove from the UI
     foo: {

docs/_snippets/essential-feature-disable.md

@@ -46,7 +46,6 @@ import { defineMain } from '@storybook/your-framework/node';
 export default defineMain({
   // Replace your-framework with the framework you are using (e.g., react-vite, nextjs, nextjs-vite)
   framework: '@storybook/your-framework',
-
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
 
   features: {

docs/_snippets/foo-bar-baz-story.md

@@ -157,7 +157,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',
-
   component: Foo,
 });
 

docs/_snippets/gizmo-story-controls-customization.md

@@ -580,7 +580,6 @@ import { Gizmo } from './Gizmo';
 
 const meta = preview.meta({
   component: Gizmo,
-
   argTypes: {
     canRotate: {
       control: 'boolean',

docs/_snippets/interaction-test-fn-mock-spy.md

@@ -279,7 +279,6 @@ import { LoginForm } from './LoginForm';
 
 const meta = preview.meta({
   component: LoginForm,
-
   args: {
     // 👇 Use `fn` to spy on the onSubmit arg
     onSubmit: fn(),

docs/_snippets/list-story-template.md

@@ -594,7 +594,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'List',
-
   component: List,
 });
 

docs/_snippets/list-story-unchecked.md

@@ -314,7 +314,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'List',
-
   component: List,
 });
 

docs/_snippets/list-story-with-unchecked-children.md

@@ -136,7 +136,6 @@ const meta = preview.meta({
    * to learn how to generate automatic titles
    */
   title: 'List',
-
   component: List,
 });
 

docs/_snippets/msw-addon-configure-handlers-graphql.md

@@ -1075,7 +1075,6 @@ const TestData = {
 
 const meta = preview.meta({
   component: DocumentScreen,
-
   decorators: [
     (Story) => (
       <ApolloProvider client={mockedClient}>

docs/_snippets/my-component-disable-toc.md

@@ -191,7 +191,6 @@ import { MyComponent } from './MyComponent';
 const meta = preview.meta({
   component: MyComponent,
   tags: ['autodocs'],
-
   parameters: {
     docs: {
       toc: {

docs/_snippets/nextjs-app-directory-in-meta.md

@@ -51,7 +51,6 @@ import NavigationBasedComponent from './NavigationBasedComponent';
 
 const meta = preview.meta({
   component: NavigationBasedComponent,
-
   parameters: {
     nextjs: {
       appDirectory: true, // 👈 Set this