Import changes to test branch

README.md

@@ -1,52 +1,29 @@
-# create-svelte
-
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
+# Vermeer (for Svelte 4)
 
 ## Developing
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+Install dependencies with `pnpm install` (or `npm install` or `yarn`), start a development storybook server:
 
 ```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
+pnpm storybook
 ```
 
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+Everything inside `src/lib` is part of the library. Every story is inside `src/stories`.
 
 ## Building
 
-To build your library:
+To build your library (output should be inside `dist`):
 
 ```bash
-npm run package
+pnpm package
 ```
 
-To create a production version of your showcase app:
+To create a production version of the storybook app (output should be inside `storybook-static`):
 
 ```bash
-npm run build
+pnpm build-storybook
 ```
 
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-
 ## Publishing
 
 Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

package.json

@@ -1,6 +1,7 @@
 {
-  "name": "vermeer",
-  "version": "0.0.1",
+  "name": "vermeer-ui",
+  "version": "0.5.1",
+  "keywords": ["svelte", "sveltekit", "library", "fluent", "ui/ux", "components"],
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",
@@ -27,21 +28,21 @@
     "svelte": "^4.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "1.6.1",
-    "@storybook/addon-essentials": "^8.2.7",
-    "@storybook/addon-interactions": "^8.2.7",
-    "@storybook/addon-links": "^8.2.7",
-    "@storybook/addon-svelte-csf": "4.1.4",
-    "@storybook/blocks": "^8.2.7",
-    "@storybook/svelte": "^8.2.7",
-    "@storybook/sveltekit": "^8.2.7",
-    "@storybook/test": "^8.2.7",
+    "@chromatic-com/storybook": "^2.0.2",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-svelte-csf": "^4.1.7",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/svelte": "^8.3.5",
+    "@storybook/sveltekit": "^8.3.5",
+    "@storybook/test": "^8.3.5",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "publint": "^0.1.9",
-    "storybook": "^8.2.7",
+    "storybook": "^8.3.5",
     "svelte": "^4.2.7",
     "svelte-check": "^3.6.0",
     "typescript": "^5.0.0",
@@ -52,5 +53,6 @@
   "type": "module",
   "dependencies": {
     "@fontsource/merriweather-sans": "^5.0.13"
-  }
+  },
+  "packageManager": "pnpm@9.12.1"
 }