fix: build issues

package.json

@@ -4,11 +4,9 @@
     "packages/themed",
     "packages/config",
     "packages/*",
-    "packages/styled/**",
     "packages/unstyled/**",
     "packages/react-native-aria/**",
-    "packages/**",
-    "example/storybook"
+    "packages/**"
   ],
   "scripts": {
     "test": "bash ./scripts/test.sh",
@@ -22,7 +20,7 @@
     "lint": "eslint packages/**/**/src --ext .ts,.tsx --config .eslintrc",
     "eject:gluestack-style": "git clone -b development [email protected]:gluestack/gluestack-style.git gluestack-style && echo Now update babel.config.js",
     "create-new-package": "node ./scripts/create-new-package.js",
-    "storybook": "cd example/storybook && yarn storybook",
+    "storybook": "cd example/storybook && yarn && yarn storybook",
     "kitchensink:web": "cd example/ui-examples && yarn web"
   },
   "devDependencies": {

packages/config/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "include": ["./src"],
   "exclude": ["node_modules", "example"],
-  "path": {
-    "@gluestack-ui/themed": ["../themed/src"]
-  },
   "compilerOptions": {
     "noEmit": false,
     "declaration": true,

packages/react-native-aria/button/src/useToggleButton.web.ts

@@ -27,11 +27,14 @@ export function useToggleButton(
 ): any {
   /* eslint-enable no-redeclare */
   const { isSelected } = state;
-  const { isPressed, buttonProps } = useButton({
-    ...props,
+  const { isPressed, buttonProps } = useButton(
     // @ts-ignore
-    onPress: chain(state.toggle, props.onPress),
-  });
+    {
+      ...props,
+      // @ts-ignore
+      onPress: chain(state.toggle, props.onPress),
+    }
+  );
 
   return {
     isPressed,

packages/styled/animation-legend-motion-driver/package.json

@@ -29,7 +29,7 @@
     "@legendapp/motion": ">=2.2"
   },
   "devDependencies": {
-    "@gluestack-style/react": "^1.0.1",
+    "@gluestack-style/react": "*",
     "@types/react": "^18.0.22",
     "@types/react-native": "^0.69.15",
     "babel-plugin-transform-remove-console": "^6.9.4",

packages/styled/animation-legend-motion-driver/src/index.tsx

@@ -10,7 +10,7 @@ import {
   createMotionAnimatedComponent,
 } from '@legendapp/motion';
 import { MotionSvg } from '@legendapp/motion/svg';
-import { propertyTokenMap } from './propertyTokenMap';
+// import { propertyTokenMap } from './propertyTokenMap';
 import { Pressable } from 'react-native';
 
 function getVariantProps(props: any, theme: any) {
@@ -93,6 +93,7 @@ const AnimatePresence = React.forwardRef(
 );
 
 const AnimatedPressable = createMotionAnimatedComponent(
+  // @ts-ignore
   Pressable
 ) as React.ComponentType<typeof Pressable>;
 
@@ -101,7 +102,7 @@ const MotionComponents = {
   ...MotionSvg,
   Pressable: AnimatedPressable,
   AnimatePresence,
-};
+} as any;
 
 export class MotionAnimationDriver implements IAnimationDriverPlugin {
   name: 'MotionAnimationDriver';

packages/styled/animation-legend-motion-driver/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "include": ["./src"],
   "exclude": ["node_modules", "example"],
-  "path": {
-    "@gluestack-style/react": ["../react/src"]
-  },
   "compilerOptions": {
     "emitDeclarationOnly": true,
     "noEmit": false,

packages/styled/animation-moti-driver/tsconfig.json

@@ -1,12 +1,14 @@
 {
   "include": ["./src"],
   "exclude": ["node_modules", "example"],
-  "path": {
-    "@gluestack-ui/themed": ["../../themed/src"],
-    "@gluestack-style/react": ["../react/src"]
-  },
   "compilerOptions": {
     "noEmit": false,
+    "paths": {
+      "@gluestack-style/animation-resolver": ["../animation-resolver/src"],
+      "@gluestack-style/legend-motion-animation-driver": [
+        "../animation-legend-motion-driver/src"
+      ]
+    },
     "declaration": true,
     "allowUnreachableCode": false,
     "allowUnusedLabels": true,

packages/styled/animation-resolver/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "include": ["./src"],
   "exclude": ["node_modules", "example"],
-  "path": {
-    "@gluestack-style/react": ["../react/src"]
-  },
   "compilerOptions": {
     "emitDeclarationOnly": true,
     "noEmit": false,

packages/styled/babel-plugin-styled-resolver/package.json

@@ -46,6 +46,7 @@
     "@babel/traverse": "^7.20.5",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
+    "babel-preset-expo": "^9.5.2",
     "lodash.merge": "^4.6.2",
     "rollup": "^4.6.0"
   },

packages/styled/babel-plugin-styled-resolver/tsconfig.json

@@ -2,9 +2,6 @@
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
     "baseUrl": ".",
-    "paths": {
-      "@gluestack-style/react": ["../react/src/index"]
-    },
     "emitDeclarationOnly": true,
     "noEmit": false,
     "declaration": true,

packages/styled/react/package.json

@@ -48,7 +48,8 @@
   },
   "dependencies": {
     "inline-style-prefixer": "^6.0.1",
-    "normalize-css-color": "^1.0.2"
+    "normalize-css-color": "^1.0.2",
+    "react-native-svg": "^14.1.0"
   },
   "react-native-builder-bob": {
     "source": "src",

packages/styled/react/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "include": ["./src"],
   "exclude": ["node_modules", "example"],
-  "path": {
-    "@gluestack-style/react": ["./src"]
-  },
   "compilerOptions": {
     "ignoreDeprecations": "5.0",
     "emitDeclarationOnly": true,

packages/unstyled/menu/package.json

@@ -46,6 +46,7 @@
     "@gluestack-ui/hooks": "^0.1.7",
     "@gluestack-ui/overlay": "^0.1.12",
     "@gluestack-ui/utils": "^0.1.12",
+    "@react-aria/overlays": "^3.19.0",
     "@react-native-aria/focus": "^0.2.9",
     "@react-native-aria/interactions": "^0.2.11",
     "@react-native-aria/menu": "^0.2.9",