chore: initial commit

.browserslistrc

@@ -0,0 +1 @@
+defaults

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": ["@changesets/changelog-github", { "repo": "kripod/juvo" }],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.json

@@ -0,0 +1,10 @@
+{
+  "root": true,
+  "extends": [
+    "@wise/eslint-config/base-strict",
+    "@wise/eslint-config/typescript-strict",
+    "@wise/eslint-config/react",
+    "@wise/eslint-config/storybook",
+    "plugin:tailwindcss/recommended"
+  ]
+}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/ci.yaml

@@ -0,0 +1,35 @@
+name: CI
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
+
+jobs:
+  build-lint-test:
+    name: Build, lint, test, release
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v2
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: pnpm
+      - run: pnpm install
+      - run: pnpm run build
+      - run: pnpm run lint
+      - run: pnpm run --if-present test
+      - if: ${{ github.ref == 'refs/heads/main' }}
+        uses: changesets/action@v1
+        with:
+          publish: pnpm exec changeset publish
+          commit: "chore: release"
+          title: "chore: release"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,8 @@
+node_modules/
+dist/
+storybook-static/
+*.tsbuildinfo
+*.log*
+.env.local
+.env.*.local
+.DS_Store

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+pnpm exec nano-staged

.nano-staged.json

@@ -0,0 +1,4 @@
+{
+  "*": "prettier --write --ignore-unknown",
+  "*.{js,jsx,cjs,ts,tsx}": "eslint --fix"
+}

.nvmrc

@@ -0,0 +1 @@
+lts/iron

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindFunctions": ["clsx"]
+}

.storybook/main.ts

@@ -0,0 +1,18 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+export default {
+  framework: {
+    name: "@storybook/react-vite",
+    options: {
+      strictMode: true,
+    },
+  },
+  stories: ["../src/"],
+  addons: [
+    "@storybook/addon-a11y",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/addon-links",
+    "@storybook/addon-themes",
+  ],
+} satisfies StorybookConfig;

.storybook/preview.ts

@@ -0,0 +1,27 @@
+import "./styles.css";
+
+import type { Preview } from "@storybook/react";
+
+export default {
+  parameters: {
+    backgrounds: {
+      default: "neutral-0",
+      values: [
+        {
+          name: "neutral-0",
+          value: "oklch(var(--color-neutral-0))",
+        },
+      ],
+      grid: {
+        cellSize: 8,
+        cellAmount: 4,
+      },
+    },
+    controls: {
+      matchers: {
+        color: /(background|color)$/iu,
+        date: /date$/iu,
+      },
+    },
+  },
+} satisfies Preview;

.storybook/styles.css

@@ -0,0 +1,7 @@
+@import "../src/styles.css";
+
+@layer base {
+  body {
+    @apply text-xs text-ui-neutral-2;
+  }
+}

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "csstools.postcss",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode",
+    "GitHub.vscode-github-actions",
+    "webben.browserslist"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "tailwindCSS.experimental.classRegex": [["clsx\\(([^)]*)\\)", "\"([^\"]*)\""]]
+}

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 Kristóf Poduszló
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,3 @@
+# juvo
+
+A design system based upon Tailwind CSS.

babel.config.cjs

@@ -0,0 +1,17 @@
+const pkg = require("./package.json");
+
+/** @type {import("@babel/core").TransformOptions} */
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { bugfixes: true }],
+    ["@babel/preset-react", { runtime: "automatic" }],
+    "@babel/preset-typescript",
+  ],
+  plugins: [
+    ["babel-plugin-optimize-clsx", { functionNames: ["clsx"] }],
+    [
+      "@babel/plugin-transform-runtime",
+      { version: pkg.dependencies["@babel/runtime"] },
+    ],
+  ],
+};

package.json

@@ -0,0 +1,98 @@
+{
+  "name": "juvo",
+  "version": "0.0.0",
+  "description": "A design system based upon Tailwind CSS.",
+  "keywords": [
+    "design-system",
+    "tailwindcss"
+  ],
+  "homepage": "https://github.com/kripod/juvo#readme",
+  "bugs": "https://github.com/kripod/juvo/issues",
+  "repository": "kripod/juvo",
+  "license": "MIT",
+  "author": "Kristóf Poduszló (https://www.kripod.dev/)",
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "exports": "./dist/mod.js",
+  "files": [
+    "dist/",
+    "src/",
+    "!**/*.tsbuildinfo"
+  ],
+  "scripts": {
+    "prepare": "husky install",
+    "dev": "storybook dev --port 6006",
+    "build": "npm-run-all --parallel build:*",
+    "build:lib": "rollup --config --sourcemap",
+    "build:lib:watch": "pnpm run build:lib --watch",
+    "build:stories": "storybook build",
+    "clean": "git clean --interactive -dx --exclude .env.local --exclude .env.*.local --exclude node_modules/ --exclude .husky/",
+    "lint": "npm-run-all --parallel lint:js+ts lint:format lint:types",
+    "lint:js+ts": "eslint --ext .js,.jsx,.cjs,.ts,.tsx --ignore-path .gitignore .",
+    "lint:format": "prettier --check .",
+    "lint:types": "tsc --noEmit",
+    "lint:fix": "npm-run-all --serial lint:fix:*",
+    "lint:fix:js+ts": "pnpm run lint:js+ts --fix",
+    "lint:fix:format": "prettier --write ."
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.23.5",
+    "clsx": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.23.5",
+    "@babel/plugin-transform-runtime": "7.23.4",
+    "@babel/preset-env": "7.23.5",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@changesets/changelog-github": "0.5.0",
+    "@changesets/cli": "2.27.1",
+    "@evilmartians/harmony": "1.2.0",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-typescript": "11.1.5",
+    "@storybook/addon-a11y": "7.6.4",
+    "@storybook/addon-essentials": "7.6.4",
+    "@storybook/addon-interactions": "7.6.4",
+    "@storybook/addon-links": "7.6.4",
+    "@storybook/addon-themes": "7.6.4",
+    "@storybook/blocks": "7.6.4",
+    "@storybook/react": "7.6.4",
+    "@storybook/react-vite": "7.6.4",
+    "@storybook/test": "7.6.4",
+    "@tsconfig/recommended": "1.0.3",
+    "@types/babel__core": "7.20.5",
+    "@types/node": "20.10.4",
+    "@types/react": "18.2.42",
+    "@types/react-dom": "18.2.17",
+    "@wise/eslint-config": "9.2.1",
+    "babel-plugin-optimize-clsx": "2.6.2",
+    "eslint": "8.55.0",
+    "eslint-plugin-tailwindcss": "3.13.0",
+    "husky": "8.0.3",
+    "nano-staged": "0.8.0",
+    "npm-run-all": "4.1.5",
+    "postcss-import": "15.1.0",
+    "postcss-preset-env": "9.3.0",
+    "prettier": "3.1.0",
+    "prettier-plugin-tailwindcss": "0.5.9",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rollup": "4.7.0",
+    "storybook": "7.6.4",
+    "tailwindcss": "3.3.6",
+    "typescript": "5.3.3"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "typescript": ">=4.5"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "packageManager": "[email protected]"
+}