feat(@react-ui/core): add initial setting for @react-ui/core package

packages/ui/react/core/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   extends: ['custom/typescript'],
-  ignorePatterns: [],
+  ignorePatterns: ['babel.config.js'],
 };

packages/ui/react/core/babel.config.js

@@ -0,0 +1,19 @@
+import styleXPlugin from '@stylexjs/babel-plugin';
+
+const config = {
+  plugins: [
+    [
+      styleXPlugin,
+      {
+        dev: true,
+        test: false,
+        unstable_moduleResolution: {
+          type: 'commonJS',
+          rootDir: __dirname,
+        },
+      },
+    ],
+  ],
+};
+
+export default config;

packages/ui/react/core/package.json

@@ -10,8 +10,19 @@
     "lint": "eslint .",
     "clean": ""
   },
+  "peerDependencies": {
+    "react": ">=18"
+  },
   "devDependencies": {
+    "@storybook/react": "^7.6.0",
+    "@stylexjs/babel-plugin": "0.2.0-beta.27",
+    "@types/react": "^18.2.39",
     "eslint-config-custom": "workspace:*",
     "tsconfig": "workspace:*"
+  },
+  "dependencies": {
+    "@stylexjs/shared": "0.1.0-beta.1",
+    "@stylexjs/stylex": "0.2.0-beta.27",
+    "react": "^18.2.0"
   }
 }

packages/ui/react/core/src/core/core.factory.ts

@@ -0,0 +1,20 @@
+import { type DOMElements } from '../utils';
+import { styled } from './core.styled';
+
+class VigorFactory {
+  private readonly _cache = new Map<DOMElements, DOMElements>();
+
+  public init = (): any => {
+    return new Proxy(styled, {
+      get: (_, element: DOMElements) => {
+        if (!this._cache.has(element)) this._cache.set(element, element);
+
+        return this._cache.get(element);
+      },
+    });
+  };
+}
+
+const vigorFactory = new VigorFactory();
+
+export const vigor = vigorFactory.init();

packages/ui/react/core/src/core/core.styled.ts

@@ -0,0 +1 @@
+export function styled(): void {}

packages/ui/react/core/src/core/index.ts

@@ -0,0 +1 @@
+export * from './core.factory';

packages/ui/react/core/src/index.ts

@@ -1 +1 @@
-console.log('sdf');
+export * from './core';

packages/ui/react/core/src/stories/core.stories.tsx

@@ -0,0 +1,13 @@
+import { type Meta } from '@storybook/react';
+import { vigor } from '../core';
+
+const meta: Meta = {
+  title: 'React UI Component/Core',
+  tags: ['autodocs'],
+};
+
+export const RenderElement = (): any => (
+  <vigor.p>The mind is everything. What we think, we become.</vigor.p>
+);
+
+export default meta;

packages/ui/react/core/src/stories/overview.mdx

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/blocks';
+
+<Meta title="React UI Component/Overview" />
+
+작업중...

packages/ui/react/core/src/utils/index.ts

@@ -0,0 +1 @@
+export * from './util.dom.type';

packages/ui/react/core/src/utils/util.dom.type.ts

@@ -0,0 +1 @@
+export type DOMElements = keyof JSX.IntrinsicElements;

packages/ui/react/core/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "display": "React UI Tsocnfig",
-  "extends": "tsconfig/tsconfig.node.json",
+  "extends": "tsconfig/tsconfig.react.json",
   "exclude": ["node_modules", "dist"],
   "compilerOptions": {
     "outDir": "dist"