feat: create main manager wrapper

Author: abelflopes

packages/utils/manager/README.md

@@ -0,0 +1,29 @@
+# RCK | React Manager Package
+
+> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.
+
+This component is the main wrapper of your application when using the components of this library. It will provide theme context to the components and also manage visual layers.
+
+### Installation 
+
+To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.
+
+Wrap your app root with the manager provider to properly use the components:
+
+```tsx
+import { ManagerProvider } from "@react-ck/manager";
+import { Button } from "@react-ck/button";
+
+const myApp = () => (
+    <Manager>
+        Your app
+        <Button ... />
+    </Manager>
+);
+```
+
+<!-- storybook-ignore -->
+
+---
+
+Check the documentation website - [react-ck.js.org](https://react-ck.js.org).

packages/utils/manager/index.ts

@@ -0,0 +1,2 @@
+// Hack for module resolution of non built packages
+export * from "./src/index";

packages/utils/manager/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@react-ck/manager",
+  "private": false,
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "homepage": "https://github.com/abelflopes/react-ck/tree/master/packages/utils/manager#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/abelflopes/react-ck.git"
+  },
+  "scripts": {
+    "build": "NODE_ENV=production webpack",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "@react-ck/typescript-config": "^1.0.0",
+    "@react-ck/webpack-config": "^1.0.0",
+    "@types/react": "^18.2.33"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
+  "dependencies": {
+    "@react-ck/theme": "^1.4.0"
+  }
+}

packages/utils/manager/src/index.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { ThemeProvider, type ThemeProviderProps } from "@react-ck/theme";
+
+export interface ManagerProps {
+  theme?: Omit<ThemeProviderProps, "children">;
+  children: React.ReactNode;
+}
+
+export const Manager = ({ theme, children }: Readonly<ManagerProps>): React.ReactElement => (
+  <ThemeProvider {...theme}>{children}</ThemeProvider>
+);

packages/utils/manager/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@react-ck/typescript-config/tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./dist"
+  },
+  "include": ["./*.d.ts", "./src/**/*", "./src/index.ts*"]
+}

packages/utils/manager/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@react-ck/typescript-config/tsconfig.json",
+  "include": ["./**/*"]
+}

packages/utils/manager/webpack.config.ts

@@ -0,0 +1,6 @@
+import { getWebpackConfig } from "@react-ck/webpack-config";
+import packageJson from "./package.json";
+
+export default getWebpackConfig({
+  cssHashSalt: packageJson.name,
+});