diff --git a/packages/quack-ui/.gitignore b/packages/quack-ui/.gitignore new file mode 100644 index 0000000..1eae0cf --- /dev/null +++ b/packages/quack-ui/.gitignore @@ -0,0 +1,2 @@ +dist/ +node_modules/ diff --git a/packages/quack-ui/README.md b/packages/quack-ui/README.md new file mode 100644 index 0000000..fc22eb3 --- /dev/null +++ b/packages/quack-ui/README.md @@ -0,0 +1,3 @@ +# Quack UI + +Quack UI is the official UI toolkit of Gaylord McDuck Enterprises. diff --git a/packages/quack-ui/package.json b/packages/quack-ui/package.json new file mode 100644 index 0000000..0e0f8f5 --- /dev/null +++ b/packages/quack-ui/package.json @@ -0,0 +1,38 @@ +{ + "name": "@gaylordmcduck/quack-ui", + "version": "1.0.0", + "description": "Quack UI", + "license": "MIT", + "type": "module", + "main": "./dist/index.js", + "types": "./dist/index.d.ts", + "files": [ + "dist" + ], + "exports": { + "./style.css": "./dist/style.css", + ".": { + "import": "./dist/index.js" + } + }, + "scripts": { + "build": "tsc && vite build", + "dev": "pnpm run build --watch" + }, + "devDependencies": { + "@rollup/plugin-typescript": "^11.1.6", + "@types/react": "^18.3.1", + "@types/react-dom": "^18.3.0", + "@vitejs/plugin-react": "^4.2.1", + "rollup-plugin-node-externals": "^7.1.1", + "typescript": "^5.4.5", + "vite": "^5.2.10", + "react": ">= 18.3.1", + "react-dom": ">= 18.3.1" + }, + "dependencies": {}, + "peerDependencies": { + "react": ">= 18.3.1", + "react-dom": ">= 18.3.1" + } +} diff --git a/packages/quack-ui/src/components/Button.module.css b/packages/quack-ui/src/components/Button.module.css new file mode 100644 index 0000000..5c28117 --- /dev/null +++ b/packages/quack-ui/src/components/Button.module.css @@ -0,0 +1,4 @@ +.button { + border: 10px solid rgb(0 0 0); + padding: 2rem; +} diff --git a/packages/quack-ui/src/components/Button.tsx b/packages/quack-ui/src/components/Button.tsx new file mode 100644 index 0000000..4fe386e --- /dev/null +++ b/packages/quack-ui/src/components/Button.tsx @@ -0,0 +1,10 @@ +import { ComponentProps, FC } from "react"; +import styles from "./Button.module.css"; + +type Props = ComponentProps<"button">; + +const Button: FC = (props) => { + return