@estuary-solutions/rn-core-ui 0.0.3

package/dist/utils/resolutions.js

@@ -0,0 +1,79 @@
+import { Platform, StatusBar } from 'react-native';
+import { getBottomSpace, getStatusBarHeight, } from 'react-native-iphone-x-helper';
+import DeviceInfo from 'react-native-device-info';
+/**
+ * getPaddingTop - Get the top padding based on the device type
+ *
+ * 26 OPPO
+ * 28 NOKIA
+ * @returns {number} - Top padding
+ * @example
+ * ```jsx
+ * import { getPaddingTop } from '@estuary-solutions/rn-core-ui/utils';
+ * const paddingTop = getPaddingTop();
+ * console.log("paddingTop:", paddingTop);
+ * ```
+ */
+export const getPaddingTop = () => {
+    // 26 OPPO
+    // 28 NOKIA
+    let sbHeight = getStatusBarHeight();
+    return (sbHeight >= 26 && sbHeight < 28) || sbHeight === 30 ? sbHeight : 0;
+};
+/**
+ * getPaddingBottom - Get the bottom padding based on the device type
+ * @returns {number} - Bottom padding
+ * @example
+ * ```jsx
+ * import { getPaddingBottom } from '@estuary-solutions/rn-core-ui/utils';
+ * const paddingBottom = getPaddingBottom();
+ * console.log("paddingBottom:", paddingBottom);
+ * ```
+ */
+export const getPaddingBottom = () => {
+    let paddingBottom = getBottomSpace() / 2;
+    return paddingBottom;
+};
+/**
+ * isTablet - Check if the device is a tablet
+ * @returns {boolean} - true if the device is a tablet, false otherwise
+ * @example
+ * ```jsx
+ * import { isTablet } from '@estuary-solutions/rn-core-ui/utils';
+ * console.log("isTablet", isTablet); // true/false
+ * ```
+ */
+export const isTablet = DeviceInfo.isTablet();
+/**
+ * Use this function to get the styles based on the device type
+ * @example
+ * ```jsx
+ * <View style={StylePlatform({
+      tablet: styles.containerTablet,
+      phone: styles.containerPhone
+    })}>
+      <Text style={StylePlatform({
+        tablet: styles.textTablet,
+        phone: styles.textPhone
+      })}>
+        Hello, Platform!
+      </Text>
+    </View>
+    ```
+ */
+export const StylePlatform = (styles) => {
+    if (isTablet) {
+        return styles.tablet || {};
+    }
+    return styles.phone || {};
+};
+/**
+ * statusBarHeight of the device
+ * @returns {number} - statusBarHeight
+ * @example
+ * ```jsx
+ * import { statusBarHeight } from '@estuary-solutions/rn-core-ui/utils';
+ * console.log("statusBarHeight", statusBarHeight);
+ * ```
+ */
+export const statusBarHeight = (Platform.OS == "android" && StatusBar.currentHeight) ? StatusBar.currentHeight : 0;

package/dist/utils/scale.d.ts

@@ -0,0 +1,141 @@
+export declare const width: number, height: number;
+/**
+ * Just a constants that specify iPhone 12 width.
+ *
+ * *Example:*
+ *
+ * ```js
+ *  import { IPHONE_12_WIDTH } from '@estuary-solutions/rn-core-ui/utils';
+ *  console.log(IPHONE_12_WIDTH); // 375
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const IPHONE_12_WIDTH = 375;
+/**
+ * Just a constants that specify iPhone 12 height.
+ *
+ * *Example:*
+ *
+ * ```js
+ *  import { IPHONE_12_HEIGTH } from '@estuary-solutions/rn-core-ui/utils';
+ *  console.log(IPHONE_12_HEIGTH); // 812
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const IPHONE_12_HEIGTH = 812;
+export declare const scaleWidth: number;
+export declare const scaleHeight: number;
+export declare const scaleAvg: number;
+/**
+ * Will return a linear scaled result of the provided size, based on scaleAvg. Use for scaling font.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scaleFont } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      text: {
+ *        fontSize: scaleFont(16), // fontSize._16
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const scaleFont: (size: number) => number;
+/**
+ * Will return a linear scaled result of the provided size, based on your device's screen width.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: scale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const scale: (size: number) => number;
+/**
+ * Will return a linear scaled result of the provided size, based on your device's screen height.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scaleH } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        position: 'absolute',
+ *        top: scaleH(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const scaleH: (size: number) => number;
+/**
+ * Sometimes you don't want to scale everything in a linear manner, that's where moderateScale comes in.
+ * The cool thing about it is that you can control the resize factor (default is 0.5).
+ * If normal scale will increase your size by +2X, moderateScale will only increase it by +X, for example:
+ * ➡️   scale(10) = 20
+ * ➡️   moderateScale(10) = 15
+ * ➡️   moderateScale(10, 0.1) = 11
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { moderateScale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: moderateScale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const moderateScale: (size: number, factor?: number) => number;
+/**
+ * Same as moderateScale, but using scaleH instead of scale.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { moderateHeightScale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: moderateHeightScale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export declare const moderateHeightScale: (size: number, factor?: number) => number;
+//# sourceMappingURL=scale.d.ts.map

package/dist/utils/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/utils/scale.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,KAAK,UAAE,MAAM,QAA6B,CAAC;AAE1D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,UAAU,QAA0B,CAAC;AAElD,eAAO,MAAM,WAAW,QAA4B,CAAC;AAErD,eAAO,MAAM,QAAQ,QAAkC,CAAC;AAExD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,WACuB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM,WAC6B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,GAAI,MAAM,MAAM,WAC6B,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WAClB,CAAC;AAEvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,eAAY,WACvB,CAAC"}

package/dist/utils/scale.js

@@ -0,0 +1,141 @@
+import { Dimensions, PixelRatio } from "react-native";
+export const { width, height } = Dimensions.get('window');
+/**
+ * Just a constants that specify iPhone 12 width.
+ *
+ * *Example:*
+ *
+ * ```js
+ *  import { IPHONE_12_WIDTH } from '@estuary-solutions/rn-core-ui/utils';
+ *  console.log(IPHONE_12_WIDTH); // 375
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const IPHONE_12_WIDTH = 375;
+/**
+ * Just a constants that specify iPhone 12 height.
+ *
+ * *Example:*
+ *
+ * ```js
+ *  import { IPHONE_12_HEIGTH } from '@estuary-solutions/rn-core-ui/utils';
+ *  console.log(IPHONE_12_HEIGTH); // 812
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const IPHONE_12_HEIGTH = 812;
+export const scaleWidth = width / IPHONE_12_WIDTH;
+export const scaleHeight = height / IPHONE_12_HEIGTH;
+export const scaleAvg = (scaleWidth + scaleHeight) / 2;
+/**
+ * Will return a linear scaled result of the provided size, based on scaleAvg. Use for scaling font.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scaleFont } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      text: {
+ *        fontSize: scaleFont(16), // fontSize._16
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const scaleFont = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleAvg));
+/**
+ * Will return a linear scaled result of the provided size, based on your device's screen width.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: scale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const scale = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleWidth));
+/**
+ * Will return a linear scaled result of the provided size, based on your device's screen height.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { scaleH } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        position: 'absolute',
+ *        top: scaleH(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const scaleH = (size) => Math.round(PixelRatio.roundToNearestPixel(size * scaleHeight));
+/**
+ * Sometimes you don't want to scale everything in a linear manner, that's where moderateScale comes in.
+ * The cool thing about it is that you can control the resize factor (default is 0.5).
+ * If normal scale will increase your size by +2X, moderateScale will only increase it by +X, for example:
+ * ➡️   scale(10) = 20
+ * ➡️   moderateScale(10) = 15
+ * ➡️   moderateScale(10, 0.1) = 11
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { moderateScale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: moderateScale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const moderateScale = (size, factor = 0.5) => size + (scale(size) - size) * factor;
+/**
+ * Same as moderateScale, but using scaleH instead of scale.
+ *
+ * *Example:*
+ * ```jsx
+ *    import  { moderateHeightScale } from '@estuary-solutions/rn-core-ui/utils';
+ *    import { StyleSheet } from 'react-native';
+ *
+ *    const styles = StyleSheet.create({
+ *      container: {
+ *        padding: moderateHeightScale(5),
+ *      },
+ *    });
+ * ```
+ *
+ * To get more information. Please see the [Documentation](https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function)
+ *
+ * @see: https://lubrytics.com:9929/minhnhat.tran/estuary-rn-core-ui?tab=readme-ov-file#scaling-function
+ */
+export const moderateHeightScale = (size, factor = 0.5) => size + (scaleH(size) - size) * factor;

package/documents/build.js

@@ -0,0 +1,102 @@
+const esbuild = require('esbuild');
+const path = require('path');
+const glob = require('fast-glob');
+const fsPromises = require('fs').promises; // Rename the promises API import
+const fs = require('fs'); // Import the standard synchronous fs module
+const { execSync } = require('child_process');
+const alias = require('esbuild-plugin-alias');
+
+const ROOT = path.resolve(__dirname, "..");
+const SRC_DIR = path.join(ROOT, "src");
+const DIST_DIR = path.join(ROOT, "dist");
+
+async function getAllTSFilesRecursively(dir) {
+  return await glob(`${dir}/**/*.{ts,tsx}`, { absolute: false });
+}
+
+async function removeDist() {
+  if (fs.existsSync(DIST_DIR)) {
+    await fsPromises.rm(DIST_DIR, { recursive: true, force: true });
+  }
+}
+
+async function build() {
+  await removeDist();
+
+  // 1. Build declaration files bằng tsc (Chỉ cần nếu cần file .d.ts riêng)
+  console.log("📦 Building declaration files...");
+  execSync("tsc --emitDeclarationOnly --declaration --outDir dist", {
+      cwd: ROOT,
+      stdio: "inherit",
+    });
+
+  // 2. Bundle JS với esbuild
+  console.log("📦 Bundling JS with esbuild...");
+  try {
+    await esbuild.build({
+      outdir: DIST_DIR,
+      entryPoints: await getAllTSFilesRecursively('src'),
+      bundle: true,
+      format: "cjs",
+      external: [
+        "react",
+        "react-native",
+        "react-native-device-info",
+        "react-native-iphone-x-helper",
+        "react-native-svg",
+        "react-native-fast-image",
+      ],
+      loader: {
+        ".js": "jsx",
+        ".ts": "ts",
+        ".tsx": "tsx",
+      },
+      minify: false,
+      sourcemap: true,
+      platform: "node",
+      target: "esnext",
+      plugins: [
+        alias({
+          "@": path.join(SRC_DIR, "index.ts"),
+          "@constant": path.join(SRC_DIR, "constants/index.ts"),
+          "@utils": path.join(SRC_DIR, "utils/index.ts"),
+          "@hooks": path.join(SRC_DIR, "hooks/index.ts"),
+          "@themes": path.join(SRC_DIR, "themes/index.ts"),
+        }),
+      ],
+    });
+    console.log('✅ JS Bundle success!');
+
+    console.log('📦 Copying package.json...');
+    await fsPromises.copyFile(
+      path.join(ROOT, "package.json"),
+      path.join(DIST_DIR, "package.json")
+    );
+    console.log('✅ package.json copied!');
+
+    const licensePath = path.join(ROOT, "LICENSE");
+    if (fs.existsSync(licensePath)) {
+      console.log("📦 Copying LICENSE...");
+      await fsPromises.copyFile(licensePath, path.join(DIST_DIR, "LICENSE"));
+      console.log("✅ LICENSE copied!");
+    } else {
+      console.warn("⚠️ LICENSE file not found in the root.");
+    }
+
+    const readmePath = path.join(ROOT, "README.md");
+    if (fs.existsSync(readmePath)) {
+      console.log("📦 Copying README.md...");
+      await fsPromises.copyFile(readmePath, path.join(DIST_DIR, "README.md"));
+      console.log("✅ README.md copied!");
+    } else {
+      console.warn("⚠️ README.md file not found in the root.");
+    }
+
+    console.log('✅ Build complete!');
+  } catch (e) {
+    console.error(e);
+    process.exit(1);
+  }
+}
+
+build();

package/documents/buildFromRoot.js

@@ -0,0 +1,49 @@
+const { spawnSync } = require("child_process");
+const path = require("path");
+const fs = require("fs");
+
+function run(cmd, args, options) {
+  const result = spawnSync(cmd, args, {
+    stdio: "inherit",
+    shell: true,
+    ...options,
+  });
+
+  if (result.status !== 0) {
+    process.exit(result.status ?? 1);
+  }
+}
+
+try {
+  const rootPath = path.resolve(__dirname, "../");
+  const samplePath = path.resolve(__dirname, "../example/RNCoreUISample");
+  const rootNodeModules = path.join(rootPath, "node_modules");
+  const sampleNodeModules = path.join(samplePath, "node_modules");
+
+  if (!fs.existsSync(rootNodeModules)) {
+    console.log("📥 node_modules not found in root → running yarn install...");
+    run("yarn", [], { cwd: rootPath });
+  } else {
+    console.log("✅ node_modules already exists in root → skip yarn install");
+  }
+
+  console.log("🔨 Building root package...");
+  run("node", ["documents/buildV2.js"], { cwd: rootPath });
+
+  if (!fs.existsSync(sampleNodeModules)) {
+    console.log("📥 node_modules not found in example/RNCoreUISample → running yarn install...");
+    run("yarn", [], { cwd: samplePath });
+  } else {
+    console.log("✅ node_modules already exists in example/RNCoreUISample → skip yarn install");
+  }
+
+  console.log("📂 Copy package to example...");
+  run("node", ["documents/copyPackageToExample.js"], {
+    cwd: rootPath,
+  });
+
+  console.log("🎉 Done");
+} catch (err) {
+  console.error("❌ Error occur:", err);
+  process.exit(1);
+}

package/documents/buildFromSample.js

@@ -0,0 +1,40 @@
+const { spawnSync } = require("child_process");
+const path = require("path");
+const fs = require("fs");
+
+function run(cmd, args, options) {
+  const result = spawnSync(cmd, args, {
+    stdio: "inherit",
+    shell: true,
+    ...options,
+  });
+
+  if (result.status !== 0) {
+    process.exit(result.status ?? 1);
+  }
+}
+
+try {
+  const rootPath = path.resolve(__dirname, "../");
+  const rootNodeModules = path.join(rootPath, "node_modules");
+
+  if (!fs.existsSync(rootNodeModules)) {
+    console.log("📥 node_modules not found in root → running yarn install...");
+    run("yarn", [], { cwd: rootPath });
+  } else {
+    console.log("✅ node_modules already exists in root → skip yarn install");
+  }
+
+  console.log("🔨 Building root package...");
+  run("node", ["documents/buildV2.js"], { cwd: rootPath });
+
+  console.log("📂 Copy package to example...");
+  run("node", ["documents/copyPackageToExample.js"], {
+    cwd: rootPath,
+  });
+
+  console.log("🎉 Done");
+} catch (err) {
+  console.error("❌ Error occur:", err);
+  process.exit(1);
+}

package/documents/buildV2.js

@@ -0,0 +1,98 @@
+const path = require('path');
+const fsPromises = require('fs').promises;
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+const ROOT = path.resolve(__dirname, "..");
+const DIST_DIR = path.join(ROOT, "dist");
+
+function getBin(cmd) {
+  const binPath = path.join(ROOT, "node_modules", ".bin", cmd);
+  if (fs.existsSync(binPath)) {
+    return `"${binPath}"`;
+  }
+  return cmd;
+}
+
+async function removeDist() {
+  if (fs.existsSync(DIST_DIR)) {
+    await fsPromises.rm(DIST_DIR, { recursive: true, force: true });
+  }
+}
+
+async function build() {
+  await removeDist();
+
+  try {
+    console.log("📦 Building...");
+
+    const tsc = getBin(process.platform === "win32" ? "tsc.cmd" : "tsc");
+    const tscAlias = getBin(
+      process.platform === "win32" ? "tsc-alias.cmd" : "tsc-alias"
+    );
+
+    execSync(
+      `${tsc} -p tsconfig.web.json && ${tscAlias} -p tsconfig.web.json`,
+      {
+        cwd: ROOT,
+        stdio: "inherit",
+      }
+    );
+
+    console.log("📦 Copying package.json...");
+    await fsPromises.copyFile(
+      path.join(ROOT, "package.json"),
+      path.join(DIST_DIR, "package.json")
+    );
+    console.log("✅ package.json copied!");
+
+    const licensePath = path.join(ROOT, "LICENSE");
+    if (fs.existsSync(licensePath)) {
+      console.log("📦 Copying LICENSE...");
+      await fsPromises.copyFile(licensePath, path.join(DIST_DIR, "LICENSE"));
+      console.log("✅ LICENSE copied!");
+    } else {
+      console.warn("⚠️ LICENSE file not found in the root.");
+    }
+
+    const readmePath = path.join(ROOT, "README.md");
+    if (fs.existsSync(readmePath)) {
+      console.log("📦 Copying README.md...");
+      await fsPromises.copyFile(readmePath, path.join(DIST_DIR, "README.md"));
+      console.log("✅ README.md copied!");
+    } else {
+      console.warn("⚠️ README.md file not found in the root.");
+    }
+
+    const tsConfigPath = path.join(ROOT, "tsconfig.json");
+    if (fs.existsSync(tsConfigPath)) {
+      console.log("📦 Copying tsconfig.json...");
+      await fsPromises.copyFile(
+        tsConfigPath,
+        path.join(DIST_DIR, "tsconfig.json")
+      );
+      console.log("✅ tsconfig.json copied!");
+    } else {
+      console.warn("⚠️ tsconfig.json file not found in the root.");
+    }
+
+    const tsConfigWebPath = path.join(ROOT, "tsconfig.web.json");
+    if (fs.existsSync(tsConfigWebPath)) {
+      console.log("📦 Copying tsconfig.web.json...");
+      await fsPromises.copyFile(
+        tsConfigWebPath,
+        path.join(DIST_DIR, "tsconfig.web.json")
+      );
+      console.log("✅ tsconfig.web.json copied!");
+    } else {
+      console.warn("⚠️ tsconfig.web.json file not found in the root.");
+    }
+    
+    console.log('✅ Build complete!');
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+build();

package/documents/copyPackageToExample.js

@@ -0,0 +1,31 @@
+const fs = require("fs-extra");
+const path = require("path");
+
+async function copyPackageDirectly() {
+  const root = path.resolve(__dirname, "../");
+  const distDir = path.join(root, "dist");
+  const dest = path.resolve(
+    __dirname,
+    "../example/RNCoreUISample/node_modules/@estuary-solutions/rn-core-ui"
+  );
+
+  console.log("👉🏻🗑️ Removing old package in node_modules...");
+  await fs.remove(dest);
+  await fs.ensureDir(dest);
+  console.log("✅ Remove success!");
+
+  if (await fs.pathExists(distDir)) {
+    const items = await fs.readdir(distDir);
+
+    for (const item of items) {
+      const srcPath = path.join(distDir, item);
+      const destPath = path.join(dest, item);
+
+      await fs.copy(srcPath, destPath);
+    }
+  }
+
+  console.log("✅ All dist contents copied into node_modules success!");
+}
+
+copyPackageDirectly().catch(console.error);