Enable autodoc in Storybook

sparkle/.storybook/main.ts

@@ -38,8 +38,5 @@ const config: StorybookConfig = {
     name: "@storybook/react-webpack5",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
 };
 export default config;

sparkle/src/stories/Avatar.stories.tsx

@@ -6,6 +6,7 @@ import { Avatar } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Avatar",
   component: Avatar,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Avatar>;
 
 export default meta;

sparkle/src/stories/BarHeader.stories.tsx

@@ -8,6 +8,7 @@ import { Avatar, BarHeader, PageHeader } from "../index_with_tw_base";
 const meta = {
   title: "Molecule/BarHeader",
   component: BarHeader,
+  tags: ["autodocs"],
 } satisfies Meta<typeof BarHeader>;
 
 export default meta;

sparkle/src/stories/Button.stories.tsx

@@ -6,6 +6,7 @@ import { Button, Cog6ToothIcon } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Button",
   component: Button,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Button>;
 
 export default meta;

sparkle/src/stories/Checkbox.stories.tsx

@@ -5,6 +5,7 @@ import { Checkbox } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Checkbox",
   component: Checkbox,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Checkbox>;
 
 export default meta;

sparkle/src/stories/Chip.stories.tsx

@@ -6,6 +6,7 @@ import { Chip } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Chip",
   component: Chip,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Chip>;
 
 export default meta;

sparkle/src/stories/Collapsible.stories.tsx

@@ -6,6 +6,7 @@ import { Collapsible } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Collapsible",
   component: Collapsible,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Collapsible>;
 
 export default meta;

sparkle/src/stories/ContextItem.stories.tsx

@@ -18,6 +18,7 @@ import {
 const meta = {
   title: "Molecule/ContextItem",
   component: ContextItem,
+  tags: ["autodocs"],
 } satisfies Meta<typeof ContextItem>;
 
 export default meta;

sparkle/src/stories/DropdownMenu.stories.tsx

@@ -15,6 +15,7 @@ import {
 const meta = {
   title: "Atoms/DropdownMenu",
   component: DropdownMenu,
+  tags: ["autodocs"],
 } satisfies Meta<typeof DropdownMenu>;
 
 export default meta;

sparkle/src/stories/Icon.stories.tsx

@@ -5,6 +5,7 @@ import { ChatBubbleBottomCenterTextIcon, Icon } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Icon",
   component: Icon,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Icon>;
 
 export default meta;

sparkle/src/stories/IconButton.stories.tsx

@@ -5,6 +5,7 @@ import { Cog6ToothIcon, IconButton } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/IconButton",
   component: IconButton,
+  tags: ["autodocs"],
 } satisfies Meta<typeof IconButton>;
 
 export default meta;

sparkle/src/stories/IconToggleButton.stories.tsx

@@ -9,6 +9,7 @@ import {
 const meta = {
   title: "Atoms/IconToggleButton",
   component: IconToggleButton,
+  tags: ["autodocs"],
 } satisfies Meta<typeof IconToggleButton>;
 
 export default meta;

sparkle/src/stories/Input.stories.tsx

@@ -6,6 +6,7 @@ import { Input } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Input",
   component: Input,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Input>;
 
 export default meta;

sparkle/src/stories/Item.stories.tsx

@@ -7,6 +7,7 @@ import { Cog6ToothIcon } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Item",
   component: Item,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Item>;
 
 export default meta;

sparkle/src/stories/Modal.stories.tsx

@@ -6,6 +6,7 @@ import { Button, Modal } from "../index_with_tw_base";
 const meta = {
   title: "Molecule/Modal",
   component: Modal,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Modal>;
 
 export default meta;

sparkle/src/stories/Page.stories.tsx

@@ -14,6 +14,7 @@ import {
 const meta = {
   title: "Template/Page",
   component: Page,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Page>;
 
 export default meta;

sparkle/src/stories/PageHeader.stories.tsx

@@ -8,6 +8,7 @@ import {
 const meta = {
   title: "DEPRECATED/PageHeader",
   component: PageHeader,
+  tags: ["autodocs"],
 } satisfies Meta<typeof PageHeader>;
 
 export default meta;

sparkle/src/stories/Searchbar.stories.tsx

@@ -6,6 +6,7 @@ import { Searchbar } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Searchbar",
   component: Searchbar,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Searchbar>;
 
 export default meta;

sparkle/src/stories/SectionHeader.stories.tsx

@@ -8,6 +8,7 @@ import {
 const meta = {
   title: "DEPRECATED/SectionHeader",
   component: SectionHeader,
+  tags: ["autodocs"],
 } satisfies Meta<typeof SectionHeader>;
 
 export default meta;

sparkle/src/stories/SliderToggle.stories.tsx

@@ -5,6 +5,7 @@ import { SliderToggle } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/SliderToggle",
   component: SliderToggle,
+  tags: ["autodocs"],
 } satisfies Meta<typeof SliderToggle>;
 
 export default meta;

sparkle/src/stories/Spinner.stories.tsx

@@ -5,6 +5,7 @@ import { Spinner } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Spinner",
   component: Spinner,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Spinner>;
 
 export default meta;

sparkle/src/stories/Tab.stories.tsx

@@ -10,6 +10,7 @@ import {
 const meta = {
   title: "Atoms/Tab",
   component: Tab,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Tab>;
 
 export default meta;

sparkle/src/stories/Tooltip.stories.tsx

@@ -6,6 +6,7 @@ import { Tooltip } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Tooltip",
   component: Tooltip,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Tooltip>;
 
 export default meta;

sparkle/src/stories/Tree.stories.tsx

@@ -6,6 +6,7 @@ import { Tree } from "../index_with_tw_base";
 const meta = {
   title: "Atoms/Tree",
   component: Tree,
+  tags: ["autodocs"],
 } satisfies Meta<typeof Tree>;
 
 export default meta;