feat: made minor cleanups

README.md

@@ -13,7 +13,7 @@ gluestack-ui is a library of copy-pasteable components & patterns crafted with T
 
 <h3 align="center">
   <a href="https://github.com/gluestack/gluestack-ui">
-    <img src="https://raw.githubusercontent.com/gluestack/gluestack-ui/main/img/gluestack-banner.png" alt="gluestack-ui logo" >
+    <img src="https://raw.githubusercontent.com/gluestack/gluestack-ui/main/assets/gluestack-banner.png" alt="gluestack-ui logo" >
   </a>
   <br>
   <br>

example/storybook-nativewind/src/core-components/nativewind/grid/index.tsx

@@ -13,7 +13,7 @@ import { cssInterop } from 'nativewind';
 import {
   useBreakpointValue,
   getBreakPointValue,
-} from '@/components/ui/utils/use-break-point-value';
+} from '../../hooks/use-break-point-value';
 
 const { width: DEVICE_WIDTH } = Dimensions.get('window');
 

example/storybook-v7/babel.config.js

@@ -24,6 +24,11 @@ module.exports = function (api) {
                     './../storybook-nativewind/src/core-components/nativewind'
                   ),
 
+            '@/components/ui/utils': path.resolve(
+              __dirname,
+              './../storybook-nativewind/src/core-components/hooks/'
+            ),
+
             'global.css':
               process.env.STYLE_ENGINE === 'gluestack'
                 ? path.resolve(

example/storybook-v7/package.json

@@ -14,7 +14,13 @@
     "storybook": "cross-env STORYBOOK_ENABLED='true' expo start",
     "storybook:ios": "cross-env STORYBOOK_ENABLED='true' expo start --ios",
     "storybook:android": "cross-env STORYBOOK_ENABLED='true' expo start --android",
-    "eas:update": "NODE_OPTIONS='--max-old-space-size=8192' npx tailwindcss --input ./global.css && NODE_OPTIONS='--max-old-space-size=8192' eas update"
+    "eas:update": "NODE_OPTIONS='--max-old-space-size=8192' npx tailwindcss --input ./global.css && NODE_OPTIONS='--max-old-space-size=8192' eas update",
+    "storybook:nativewind": "DARK_MODE=class NODE_OPTIONS=--openssl-legacy-provider STYLE_ENGINE=nativewind start-storybook -p 6007",
+    "storybook:gluestack": "NODE_OPTIONS=--openssl-legacy-provider STYLE_ENGINE=gluestack start-storybook -p 6007",
+    "dev": "yarn storybook",
+    "storybook-nw": "NODE_OPTIONS=--openssl-legacy-provider STYLE_ENGINE=nativewind start-storybook -p 6007",
+    "build-storybook:nativewind": "STYLE_ENGINE=nativewind build-storybook",
+    "build-storybook:gluestack": "STYLE_ENGINE=gluestack build-storybook"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",

example/storybook-v7/tsconfig.json

@@ -1,6 +1,11 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "strict": true
+    "strict": true,
+    "paths": {
+      "@/components/ui/utils/*": [
+        "./../storybook-nativewind/src/core-components/hooks/*"
+      ]
+    }
   }
 }

package.json

@@ -28,6 +28,7 @@
     "postinstall": "cd example/storybook-v7 && yarn"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@changesets/cli": "^2.25.2",
     "@commitlint/config-conventional": "^17.3.0",
     "@jest/create-cache-key-function": "^29.6.3",
@@ -49,13 +50,15 @@
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
     "turbo": "^1.13.3",
-    "typescript": "5.1.6"
+    "typescript": "5.1.6",
+    "react-native-reanimated": "~3.6.2"
   },
   "resolutions": {
     "react-native": "0.72.4",
     "react-native-web": "0.19.9",
     "react-native-css-interop": "0.1.22",
-    "nativewind": "4.1.23"
+    "nativewind": "4.1.23",
+    "react-native-reanimated": "3.0.2"
   },
   "dependencies": {},
   "packageManager": "[email protected]",

packages/styled/react/README.md

@@ -1,6 +1,6 @@
 <h3 align="center">
   <a href="https://github.com/gluestack/gluestack-style">
-    <img src="https://raw.githubusercontent.com/gluestack/gluestack-style/main/img/gluestack-logo.svg" alt="gluestack logo">
+    <img src="https://raw.githubusercontent.com/gluestack/gluestack-style/main/assets/gluestack-logo.svg" alt="gluestack logo">
   </a>
   <br>
   <br>