devex: storybook for UI Package (#4984)

* add storybook

* clean up stories

* small fix

* add stories for all components

* add vintl

* default to dark mode

* fix  teleport

* add theme addon

* add new modal story

* delete broken stories

* move all stories to central stories folder

* fix paths

* add pnpm run storybook

* remove chromatic

* add add-stories.md

* fix types

* fix unncessary args field

* cover more addordion states

* pt2

* remove old vintl

* fix: missing style + ctx

---------

Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

packages/ui/src/stories/base/Chips.stories.ts

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import Chips from '../../components/base/Chips.vue'
+
+const meta = {
+	title: 'Base/Chips',
+	// @ts-ignore - error comes from generically typed component
+	component: Chips,
+} satisfies Meta<typeof Chips>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+	args: {
+		items: ['Option 1', 'Option 2', 'Option 3'],
+	},
+}
+
+export const Small: Story = {
+	args: {
+		items: ['Option 1', 'Option 2', 'Option 3'],
+		size: 'small',
+	},
+}
+
+export const AllowEmpty: Story = {
+	args: {
+		items: ['Option 1', 'Option 2', 'Option 3'],
+		neverEmpty: false,
+	},
+}
+
+export const NoCapitalize: Story = {
+	args: {
+		items: ['Option 1', 'Option 2', 'Option 3'],
+		capitalize: false,
+	},
+}
+
+export const ManyItems: Story = {
+	args: {
+		items: ['Alpha', 'Beta', 'Gamma', 'Delta', 'Epsilon', 'Zeta'],
+	},
+}