fix: export create folder

examples/basic/src/screens/DS/screen.tsx

@@ -1,36 +1,33 @@
-import { ScrollView, View } from 'react-native';
+import { ScrollView, View } from "react-native";
 
-import { Text } from '@design-blocks/primitives';
+import { Text, Box, Stack } from "@design-blocks/primitives";
 
-import { block } from '../../../blocks.config';
-
-import Box from '../../components/Box';
-import Stack from '../../components/Stack';
+import { block } from "../../../blocks.config";
 
 const ScrollViewBlock = block(ScrollView)(({ theme }) => {
   return {
     backgroundColor: theme.colors.blue[950],
-    height: '100%',
+    height: "100%",
   };
 });
 
 function DSScreen() {
   return (
-    <ScrollViewBlock contentInsetAdjustmentBehavior='automatic'>
-      <Text mb='2xl' fontSize='10xl' color='zinc.50' textAlign='center'>
+    <ScrollViewBlock contentInsetAdjustmentBehavior="automatic">
+      <Text mb="2xl" fontSize="10xl" color="zinc.50" textAlign="center">
         Blocks v0.0.1
       </Text>
 
-      <Stack gap='8xl'>
-        <Box bgColor='fuchsia.500'>
+      <Stack gap="8xl">
+        <Box bgColor="fuchsia.500">
           <Text>Box 1</Text>
         </Box>
 
-        <Box bgColor='amber.500'>
+        <Box bgColor="amber.500">
           <Text>Box 2</Text>
         </Box>
 
-        <Box bgColor='red.500'>
+        <Box bgColor="red.500">
           <Text>Box 3</Text>
         </Box>
 

packages/@blocks-primitives/src/Box/Box.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { __DEV__ } from '@design-blocks/utils';
 
-import { createBox } from '../create';
+import { createBox } from './createBox';
 
 const Box = createBox();
 

packages/@blocks-primitives/src/create/createBox.tsx → packages/@blocks-primitives/src/Box/createBox.tsx

@@ -6,7 +6,7 @@ import block from '@design-blocks/block';
 import { StyleFunctionMode, styleFunction } from '@design-blocks/system';
 import { __DEV__ } from '@design-blocks/utils';
 
-import type { BoxProps } from '../Box';
+import type { BoxProps } from './Box.types';
 
 export function createBox<AdditionalProps extends BoxProps = BoxProps>() {
   const BoxBlock = block(RN.View, {

packages/@blocks-primitives/src/Box/Box.test.tsx → packages/@blocks-primitives/src/Box/tests/Box.test.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 import { Text } from 'react-native';
 
-import { lightTheme, renderWithWrapper, screen } from '../../.ci/testHelper';
+import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { Box } from '.';
+import { Box } from '../..';
 
 describe('<Box />', () => {
   it('should render correctly', () => {

packages/@blocks-primitives/src/create/tests/createBox.test.tsx → packages/@blocks-primitives/src/Box/tests/createBox.test.tsx

@@ -4,7 +4,7 @@ import { Text } from 'react-native';
 
 import { renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { createBox } from '..';
+import { createBox } from '../createBox';
 
 describe('createBox', () => {
   const Box = createBox();

packages/@blocks-primitives/src/Stack/Stack.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { __DEV__ } from '@design-blocks/utils';
 
-import { createStack } from '../create';
+import { createStack } from './createStack';
 
 import type { StackProps } from './Stack.types';
 

packages/@blocks-primitives/src/create/createStack.tsx → packages/@blocks-primitives/src/Stack/createStack.tsx

@@ -6,9 +6,9 @@ import { StyleFunctionMode, styleFunction } from '@design-blocks/system';
 import { __DEV__, camelCase } from '@design-blocks/utils';
 
 import { Box } from '../Box';
-import { variants } from '../Stack/Stack.utils';
+import { variants } from './Stack.utils';
 
-import type { IStackStyleValue, StackProps } from '../Stack/Stack.types';
+import type { IStackStyleValue, StackProps } from './Stack.types';
 
 export function createStack<AdditionalProps extends StackProps = StackProps>() {
   const StackBlock = block(Box, {

packages/@blocks-primitives/src/Stack/index.ts

@@ -1,2 +1,3 @@
 export { default as Stack } from './Stack';
+export * from './createStack';
 export type { StackProps } from './Stack.types';

packages/@blocks-primitives/src/Stack/Stack.test.tsx → packages/@blocks-primitives/src/Stack/tests/Stack.test.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 import { Text, View } from 'react-native';
 
-import { lightTheme, renderWithWrapper, screen } from '../../.ci/testHelper';
+import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { Stack } from '.';
+import { Stack } from '../..';
 
 const flexboxStyles = {
   display: 'flex',
@@ -37,7 +37,10 @@ describe('<Stack />', () => {
     const result = screen.toJSON();
 
     expect(result.type).toEqual('View');
-    expect(result.props.style[1][0]).toMatchObject({ ...flexboxStyles, flexDirection: 'row' });
+    expect(result.props.style[1][0]).toMatchObject({
+      ...flexboxStyles,
+      flexDirection: 'row',
+    });
   });
 
   it('should render the View component with a background color corresponding to the "red.950" value from the bgColor prop', () => {

packages/@blocks-primitives/src/Text/Text.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { __DEV__ } from '@design-blocks/utils';
 
-import { createText } from '../create';
+import { createText } from './createText';
 
 const Text = createText();
 

packages/@blocks-primitives/src/create/createText.tsx → packages/@blocks-primitives/src/Text/createText.tsx

@@ -5,7 +5,7 @@ import block from '@design-blocks/block';
 import { StyleFunctionMode, styleFunction } from '@design-blocks/system';
 import { __DEV__ } from '@design-blocks/utils';
 
-import type { TextProps } from '../Text/Text.types';
+import type { TextProps } from './Text.types';
 
 export function createText<AdditionalProps extends TextProps = TextProps>() {
   const TextBlock = block(RN.Text, {

packages/@blocks-primitives/src/Text/Text.test.tsx → packages/@blocks-primitives/src/Text/tests/Text.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { lightTheme, renderWithWrapper, screen } from '../../.ci/testHelper';
+import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { Text } from '.';
+import { Text } from '../..';
 
 describe('<Text />', () => {
   it('should render correctly', () => {

packages/@blocks-primitives/src/create/tests/createText.test.tsx → packages/@blocks-primitives/src/Text/tests/createText.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { createText } from '../..';
+import { createText } from '../createText';
 
 describe('createText', () => {
   const Text = createText();

packages/@blocks-primitives/src/XStack/XStack.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { __DEV__ } from '@design-blocks/utils';
 
-import { createStack } from '../create';
+import { createStack } from '../Stack';
 
 import type { StackProps } from '../Stack';
 

packages/@blocks-primitives/src/XStack/XStack.test.tsx → packages/@blocks-primitives/src/XStack/tests/XStack.test.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 import { Text, View } from 'react-native';
 
-import { lightTheme, renderWithWrapper, screen } from '../../.ci/testHelper';
+import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { XStack } from '.';
+import { XStack } from '../..';
 
 const flexboxStyles = {
   display: 'flex',

packages/@blocks-primitives/src/YStack/YStack.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { __DEV__ } from '@design-blocks/utils';
 
-import { createStack } from '../create';
+import { createStack } from '../Stack';
 
 import type { StackProps } from '../Stack';
 

packages/@blocks-primitives/src/YStack/YStack.test.tsx → packages/@blocks-primitives/src/YStack/tests/YStack.test.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 import { Text, View } from 'react-native';
 
-import { lightTheme, renderWithWrapper, screen } from '../../.ci/testHelper';
+import { lightTheme, renderWithWrapper, screen } from '../../../.ci/testHelper';
 
-import { YStack } from '.';
+import { YStack } from '../..';
 
 const flexboxStyles = {
   display: 'flex',

packages/@blocks-primitives/src/index.ts

@@ -3,4 +3,3 @@ export * from './Stack';
 export * from './Text';
 export * from './XStack';
 export * from './YStack';
-export * from './create';