feat: add MultiSelect component

.github/workflows/release.yml

@@ -0,0 +1,45 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  release:
+    permissions:
+      id-token: write
+      contents: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8.6.0
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
+          registry-url: 'https://registry.npmjs.org'
+
+      - run: npx changelogithub
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+
+      - name: Install Dependencies
+        run: pnpm i
+
+      - name: PNPM build
+        run: pnpm run build
+
+      - name: Publish to NPM
+        run: pnpm -r publish --access public --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+          NPM_CONFIG_PROVENANCE: true

.gitignore

@@ -1,2 +1,3 @@
+node_modules
 /.svelte-kit*
-/dist
+/dist

.vscode/settings.json

@@ -6,7 +6,7 @@
     "titleBar.inactiveForeground": "#e7e7e799"
   },
   "files.associations": {
-    "*.svx": "svelte"
+    "*.composition": "svelte"
   },
   "foam.edit.linkReferenceDefinitions": "withExtensions",
   "foam.files.ignore": [
@@ -48,6 +48,30 @@
   ],
   "eslint.experimental.useFlatConfig": true,
   "svelte.plugin.svelte.compilerWarnings": {
-    "a11y-click-events-have-key-events": "ignore"
-  }
+    "a11y-click-events-have-key-events": "ignore",
+    "a11y-aria-attributes": "ignore",
+    "a11y-incorrect-aria-attribute-type": "ignore",
+    "a11y-unknown-aria-attribute": "ignore",
+    "a11y-hidden": "ignore",
+    "a11y-misplaced-role": "ignore",
+    "a11y-unknown-role": "ignore",
+    "a11y-no-abstract-role": "ignore",
+    "a11y-no-redundant-roles": "ignore",
+    "a11y-role-has-required-aria-props": "ignore",
+    "a11y-accesskey": "ignore",
+    "a11y-autofocus": "ignore",
+    "a11y-misplaced-scope": "ignore",
+    "a11y-positive-tabindex": "ignore",
+    "a11y-invalid-attribute": "ignore",
+    "a11y-missing-attribute": "ignore",
+    "a11y-img-redundant-alt": "ignore",
+    "a11y-label-has-associated-control": "ignore",
+    "a11y-media-has-caption": "ignore",
+    "a11y-distracting-elements": "ignore",
+    "a11y-structure": "ignore",
+    "a11y-mouse-events-have-key-events": "ignore",
+    "a11y-missing-content": "ignore",
+    "a11y-no-static-element-interactions": "ignore",
+    "a11y-no-noninteractive-element-interactions": "ignore",
+  },
 }

README.md

@@ -1,5 +1,7 @@
 # Svelte-Pieces
+
 <a href="https://www.npmjs.com/package/svelte-pieces"><img src="https://img.shields.io/npm/v/svelte-pieces?color=729B1B&label="></a>
+[![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)
 
 [Read the Documentation and try out the components using Kitbook](https://svelte-pieces.vercel.app/) 
 
@@ -9,4 +11,5 @@
 - Import desired component, e.g. `import { Button } from 'svelte-pieces';` or `import Button from 'svelte-pieces/ui/Button.svelte';`
 
 ## Contributing
+
 - Start by running `pnpm i`, then `pnpm dev` - feel free to submit a pull request, though I advise creating an issue first to discuss your addition.

kitbook.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'kitbook/defineConfig'
+
+export default defineConfig({
+  title: 'Svelte Pieces',
+  description: 'Useful Svelte UI pieces for building web apps',
+  githubURL: 'https://github.com/jacob-8/svelte-pieces',
+  expandTree: true,
+  // viewports: [
+  //   {
+  //     name: 'Mobile',
+  //     width: 320,
+  //     height: 568,
+  //   },
+  //   {
+  //     name: 'Desktop',
+  //     width: 1024,
+  //     height: 768,
+  //   },
+  //   {
+  //     name: 'Tablet',
+  //     width: 768,
+  //     height: 1024,
+  //   },
+  // ],
+  kitbookRoute: '',
+})

package.json

@@ -53,7 +53,8 @@
     "prepublishOnly": "svelte-kit sync && vitest run && npm run package",
     "check": "svelte-check --tsconfig ./tsconfig.json --threshold error --diagnostic-sources js,svelte --compiler-warnings a11y-no-static-element-interactions:ignore",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --threshold warning --diagnostic-sources js,svelte --watch",
-    "test": "vitest"
+    "test": "vitest",
+    "release": "bumpp"
   },
   "svelte": "./dist/index.js",
   "peerDependencies": {
@@ -71,7 +72,8 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@types/youtube": "^0.0.47",
     "@unocss/svelte-scoped": "^0.55.7",
-    "kitbook": "1.0.0-alpha.36",
+    "bumpp": "^9.2.0",
+    "kitbook": "1.0.0-beta.4",
     "publint": "^0.2.2",
     "svelte": "^4.2.0",
     "svelte-check": "^3.5.1",