refactor: 🎨 Separação de responsabilidades do monorepo

Separado os workspaces e testado story de button do documentation/react

Author: kevinDsousa

.gitignore

@@ -147,4 +147,8 @@ dist
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
-.pnp.*
+.pnp.*
+
+# dist ignore
+**/*.dist
+**/dist/

packages/react/.eslintrc.json renamed to applications/react/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "name": "@saturn/react",
+  "name": "@saturn/app-react",
   "version": "1.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -14,9 +14,9 @@
   "license": "MIT",
   "description": "",
   "devDependencies": {
-    "@saturn/eslint": "*",
-    "@saturn/tokens": "*",
-    "@saturn/tsconfig": "*",
+    "@saturn/pack-eslint": "*",
+    "@saturn/pack-tokens": "*",
+    "@saturn/pack-tsconfig": "*",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "react": "^18.3.1",

packages/react/package.json renamed to applications/react/package.json

@@ -0,0 +1,26 @@
+import { styled } from "./styles";
+
+export const Button = styled("button", {
+  backgroundColor: "$gray900",
+  borderRadius: "$sm",
+  border: 0,
+  fontWeight: "$bold",
+  color: "$white",
+
+  variants: {
+    size: {
+      small: {
+        fontSize: 14,
+        padding: "$2 $4",
+      },
+      big: {
+        fontSize: 16,
+        padding: "$3 $6",
+      },
+    },
+  },
+
+  defaultVariants: {
+    size: "small",
+  },
+});

applications/react/src/index.tsx

@@ -7,7 +7,7 @@ import {
   lineHeights,
   radii,
   space,
-} from "@saturn/tokens";
+} from "@saturn/pack-tokens";
 
 export const {
   styled,

packages/react/src/styles/index.ts renamed to applications/react/src/styles/index.ts

@@ -0,0 +1,4 @@
+{
+  "extends": "@saturn/pack-tsconfig/react.json",
+  "include": ["src"]
+}

applications/react/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@saturn/eslint"
+}