chore: standardise component docs

apps/native-ui-storybook/components/Center/Center.stories.tsx

@@ -10,4 +10,4 @@ const CenterMeta: Meta<typeof Center> = {
 
 export default CenterMeta;
 
-export { Center };
+export { Center as Playground };

apps/native-ui-storybook/components/HStack/HStack.stories.tsx

@@ -1,5 +1,4 @@
 import HStack from './HStack';
-import HStackReversed from './HStackReversed';
 import type { Meta } from '@storybook/react';
 
 const HStackMeta: Meta<typeof HStack> = {
@@ -22,6 +21,4 @@ const HStackMeta: Meta<typeof HStack> = {
 
 export default HStackMeta;
 
-export { HStack };
-
-export { HStackReversed };
+export { HStack as Playground };

apps/native-ui-storybook/components/Icon/Icon.stories.tsx

@@ -10,4 +10,4 @@ const IconMeta: Meta<typeof Icon> = {
 };
 
 export default IconMeta;
-export { Icon };
+export { Icon as Playground };

apps/native-ui-storybook/components/Skeleton/Skeleton.stories.tsx

@@ -8,4 +8,4 @@ const SkeletonMeta: Meta<typeof Skeleton> = {
 
 export default SkeletonMeta;
 
-export { Skeleton };
+export { Skeleton as Playground };

apps/native-ui-storybook/components/VStack/VStack.stories.tsx

@@ -1,5 +1,4 @@
 import VStack from './VStack';
-import VStackReversedExample from './VStackReversed';
 import type { Meta } from '@storybook/react';
 
 const VStackMeta: Meta<typeof VStack> = {
@@ -22,5 +21,4 @@ const VStackMeta: Meta<typeof VStack> = {
 
 export default VStackMeta;
 
-export { VStack };
-export { VStackReversedExample };
+export { VStack as Playground };

apps/native-ui-storybook/components/lab/Box/Box.stories.tsx

@@ -1,5 +1,4 @@
 import Box from './Box';
-import BoxWithRef from './BoxWithRef';
 import type { Meta } from '@storybook/react';
 
 const BoxMeta: Meta<typeof Box> = {
@@ -9,4 +8,4 @@ const BoxMeta: Meta<typeof Box> = {
 
 export default BoxMeta;
 
-export { Box, BoxWithRef };
+export { Box as Playground };