fix: added use client

to themed

example/storybook-nativewind/src/core-components/themed/Wrapper.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Box, Center } from '@gluestack-ui/themed';
 import { StyledProvider, useColorMode } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/accordion/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createAccordion } from '@gluestack-ui/accordion';
 import { AsForwarder, styled } from '@gluestack-style/react';
 import { View, Pressable, Text, Platform } from 'react-native';

example/storybook-nativewind/src/core-components/themed/actionsheet/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { H1, H2, H3, H4, H5, H6 } from '@expo/html-elements';
 import {
   AnimatePresence,

example/storybook-nativewind/src/core-components/themed/alert-dialog/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import {
   AnimatePresence,
   AnimatedView,

example/storybook-nativewind/src/core-components/themed/alert/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { AsForwarder, styled } from '@gluestack-style/react';
 import { createAlert } from '@gluestack-ui/alert';
 import { View, Text } from 'react-native';

example/storybook-nativewind/src/core-components/themed/avatar/index.tsx

@@ -1,5 +1,5 @@
+'use client';
 import { createAvatar } from '@gluestack-ui/avatar';
-
 import { styled } from '@gluestack-style/react';
 import { View, Text, Image } from 'react-native';
 const StyledRoot = styled(

example/storybook-nativewind/src/core-components/themed/badge/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { AsForwarder, styled } from '@gluestack-style/react';
 import { Text, View } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/box/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { View } from 'react-native';
 
 import { styled } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/button/index.tsx

@@ -1,5 +1,5 @@
+'use client';
 import { ActivityIndicator, Pressable, Text, View } from 'react-native';
-
 import { createButton } from '@gluestack-ui/button';
 import { AsForwarder, styled } from '@gluestack-style/react';
 

example/storybook-nativewind/src/core-components/themed/card/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { View } from 'react-native';
 import { styled } from '@gluestack-style/react';
 

example/storybook-nativewind/src/core-components/themed/center/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { View } from 'react-native';
 import { styled } from '@gluestack-style/react';
 const StyledRoot = styled(

example/storybook-nativewind/src/core-components/themed/checkbox/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createCheckbox } from '@gluestack-ui/checkbox';
 import { View, Pressable, Text } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/divider/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createDivider } from '@gluestack-ui/divider';
 import { styled } from '@gluestack-style/react';
 import { View } from 'react-native';

example/storybook-nativewind/src/core-components/themed/fab/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { AsForwarder, styled } from '@gluestack-style/react';
 import { createFab } from '@gluestack-ui/fab';
 import { Text } from 'react-native';

example/storybook-nativewind/src/core-components/themed/flat-list/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { FlatList as RNFlatList } from 'react-native';
 import { styled, useStyled, propertyTokenMap } from '@gluestack-style/react';
 

example/storybook-nativewind/src/core-components/themed/form-control/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Text, View } from 'react-native';
 
 import { styled } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/gluestack-ui-provider/config.ts

@@ -1,3 +1,4 @@
+'use client';
 import { AnimationResolver } from '@gluestack-style/animation-resolver';
 import { MotionAnimationDriver } from '@gluestack-style/legend-motion-animation-driver';
 import { createConfig } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/gluestack-ui-provider/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { createProvider } from '@gluestack-ui/provider';
 import { StyledProvider } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/heading/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { H1, H2, H3, H4, H5, H6 } from '@expo/html-elements';
 

example/storybook-nativewind/src/core-components/themed/hstack/index.tsx

@@ -1,5 +1,5 @@
+'use client';
 import { View } from 'react-native';
-
 import { styled } from '@gluestack-style/react';
 
 const StyledRoot = styled(View, {

example/storybook-nativewind/src/core-components/themed/icon/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { createIcon } from '@gluestack-ui/icon';
 import { styled, AsForwarder } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/image-background/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { ImageBackground as RNImageBackground } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/image/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createImage } from '@gluestack-ui/image';
 import { Image as RNImage } from 'react-native';
 import { styled } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/input-accessory-view/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { InputAccessoryView as RNInputAccessoryView } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/input/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createInput } from '@gluestack-ui/input';
 import { styled, AsForwarder } from '@gluestack-style/react';
 import { View, Pressable, TextInput } from 'react-native';

example/storybook-nativewind/src/core-components/themed/keyboard-avoiding-view/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled, useStyled } from '@gluestack-style/react';
 import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/linear-gradient/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { View } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/link/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { createLink } from '@gluestack-ui/link';
 import { Pressable, Text } from 'react-native';

example/storybook-nativewind/src/core-components/themed/menu/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { AnimatePresence } from '@gluestack-style/animation-resolver';
 import { createMenu } from '@gluestack-ui/menu';
 import { styled } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/modal/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createModal } from '@gluestack-ui/modal';
 import {
   AnimatePresence,

example/storybook-nativewind/src/core-components/themed/popover/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { View, ScrollView, Pressable } from 'react-native';
 import { styled } from '@gluestack-style/react';
 import {

example/storybook-nativewind/src/core-components/themed/pressable/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { Pressable as RNPressable } from 'react-native';
 import { createPressable } from '@gluestack-ui/pressable';

example/storybook-nativewind/src/core-components/themed/progress/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { createProgress } from '@gluestack-ui/progress';
 import { View } from 'react-native';

example/storybook-nativewind/src/core-components/themed/radio/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createRadio } from '@gluestack-ui/radio';
 import { Pressable, View, Platform, Text } from 'react-native';
 import { styled, AsForwarder } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/refresh-control/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { RefreshControl as RNRefreshControl } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/safe-area-view/index.tsx

@@ -1,5 +1,5 @@
+'use client';
 import { SafeAreaView as RNSafeAreaView } from 'react-native';
-
 import { styled } from '@gluestack-style/react';
 
 const StyledRoot = styled(RNSafeAreaView);

example/storybook-nativewind/src/core-components/themed/scroll-view/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { ScrollView as RNScrollView } from 'react-native';
 
 import { styled, useStyled, propertyTokenMap } from '@gluestack-style/react';

example/storybook-nativewind/src/core-components/themed/section-list/index.tsx

@@ -1 +1,2 @@
+'use client';
 export { SectionList } from 'react-native';

example/storybook-nativewind/src/core-components/themed/select/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { H1, H2, H3, H4, H5, H6 } from '@expo/html-elements';
 import {
   AnimatePresence,

example/storybook-nativewind/src/core-components/themed/slider/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { createSlider } from '@gluestack-ui/slider';
 import { Pressable } from 'react-native';

example/storybook-nativewind/src/core-components/themed/spinner/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { ActivityIndicator } from 'react-native';
 import { styled } from '@gluestack-style/react';
 import { createSpinner } from '@gluestack-ui/spinner';

example/storybook-nativewind/src/core-components/themed/status-bar/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { StatusBar as RNStatusBar } from 'react-native';
 

example/storybook-nativewind/src/core-components/themed/switch/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { Switch as RNSwitch } from 'react-native';
 import { createSwitch } from '@gluestack-ui/switch';

example/storybook-nativewind/src/core-components/themed/text/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Text as RNText } from 'react-native';
 import { styled } from '@gluestack-style/react';
 

example/storybook-nativewind/src/core-components/themed/textarea/index.tsx

@@ -1,5 +1,5 @@
+'use client';
 import { createTextarea } from '@gluestack-ui/textarea';
-
 import { View, TextInput } from 'react-native';
 import { styled } from '@gluestack-style/react';
 const StyledRoot = styled(

example/storybook-nativewind/src/core-components/themed/toast/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createToast, createToastHook } from '@gluestack-ui/toast';
 import {
   AnimatePresence,

example/storybook-nativewind/src/core-components/themed/tooltip/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createTooltip } from '@gluestack-ui/tooltip';
 import {
   AnimatePresence,

example/storybook-nativewind/src/core-components/themed/view/index.tsx

@@ -1 +1,2 @@
+'use client';
 export { View } from 'react-native';

example/storybook-nativewind/src/core-components/themed/virtualized-list/index.tsx

@@ -1 +1,2 @@
+'use client';
 export { VirtualizedList } from 'react-native';

example/storybook-nativewind/src/core-components/themed/vstack/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { styled } from '@gluestack-style/react';
 import { View } from 'react-native';