Add bulk of components and stories.

Author: aidanCQ

.github/workflows/release.yml

@@ -0,0 +1,34 @@
+name: Release library
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install NPM dependencies
+        run: npm ci
+
+      - name: Test with Jest
+        run: npm run test
+
+      - name: Build library
+        run: npm run build
+
+      - name: Build storybook
+        run: npm run build-storybook
+
+      - name: Publish storybook build to github pages
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release
+
+      - name: Publish library to github packages
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release

.github/workflows/test.yml

@@ -0,0 +1,22 @@
+name: Test library
+on:
+  pull_request:
+    branches:
+      - "main"
+    paths:
+      - src/**
+jobs:
+  build_and_test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Install NPM dependencies
+        run: npm ci
+
+      - name: Test with Jest
+        run: npm run test
+
+      - name: Build library
+        run: npm run build

.gitignore

@@ -1 +1,3 @@
 node_modules
+build
+storybook.log

.storybook/main.ts

@@ -0,0 +1,17 @@
+const config = {
+  stories: ["../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,14 @@
+import "../src/styles.css";
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

README.md

@@ -1,2 +1,23 @@
 # quantinuum-ui
-Quantinuum design tokens.
+Quantinuum design tokens and React components.
+
+Based on [shadcn](https://ui.shadcn.com/), an opinionated tailwind / radix-ui theme. Shadcn isn't a direct dependency but has a CLI tool to generate components into this repo based on `components.json`.
+
+Run storybook and tailwind compiler in watch mode
+```bash
+npm run dev
+```
+
+Run jest unit tests
+```
+npm run test
+```
+
+Build library with rollup
+```bash
+npm run build
+```
+
+
+
+

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "src/tailwind.config.ts",
+    "css": "src/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "src/components",
+    "utils": "src/utils"
+  }
+}