fix: merge conflicts of pressable

.github/workflows/trigger-ui-update-docs.yml

@@ -0,0 +1,25 @@
+name: Trigger gluestack-style-website | Create PR when pushed to master
+
+on:
+  pull_request:
+    branches:
+      - patch
+
+jobs:
+  build:
+    name: Dispatch to 'gluestack-style-website'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Emit repository_dispatch
+        uses: mvasigh/dispatch-action@main
+        with:
+          # You should create a personal access token and store it in your repository
+          token: ${{ secrets.MY_GITHUB_TOKEN }}
+          repo: ui-website
+          owner: gluestack
+          event_type: build_ui_docs
+          message: |
+            {
+              "repo": "ui",
+              "branch": "${{ github.head_ref }}"
+            }

.prettierignore

@@ -1,2 +1,2 @@
 node_modules
-
+*.mdx

.vscode/settings.json

@@ -17,7 +17,13 @@
   "prettier.ignorePath": ".prettierignore",
   // If true, puts the `>` of a multi-line jsx element at the end of the last line instead of being alone on the next line
   "editor.wordWrap": "on",
-  "cSpell.words": ["Actionsheet", "gluestack", "nativewind", "themeable"],
+  "cSpell.words": [
+    "Actionsheet",
+    "gluestack",
+    "nativewind",
+    "tailwindcss",
+    "themeable"
+  ],
   "cSpell.enableFiletypes": ["mdx"],
   "tailwindCSS.experimental.classRegex": [
     ["tva\\((([^()]*|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]

example/storybook-nativewind/.storybook/preview.js

@@ -3,12 +3,12 @@ import { DocsContainer } from '@storybook/addon-docs/blocks';
 import { OverlayProvider } from '@gluestack-ui/overlay';
 import { ToastProvider } from '@gluestack-ui/toast';
 
-import { GluestackUIProvider as GluestackUIWithNativewindProvider } from '../src/components-example/nativewind/GluestackUIProvider';
+import { GluestackUIProvider as GluestackUIWithNativewindProvider } from '../src/core-components/nativewind/gluestack-ui-provider';
 
 // global css getting resolved from babel.config.js
 import 'global.css';
 
-import { GluestackUIProvider as GluestackUIWithGluestackStyleProvider } from '../src/components-example/themed/GluestackUIProvider';
+import { GluestackUIProvider as GluestackUIWithGluestackStyleProvider } from '../src/core-components/themed/gluestack-ui-provider';
 
 import gstheme from './gstheme';
 import { themes } from '@storybook/theming';

example/storybook-nativewind/babel.config.js

@@ -14,8 +14,8 @@ module.exports = function (api) {
           alias: {
             '@/components/ui':
               process.env.STYLE_ENGINE === 'nativewind'
-                ? path.resolve(__dirname, './src/components-example/nativewind')
-                : path.resolve(__dirname, './src/components-example/themed'),
+                ? path.resolve(__dirname, './src/core-components/nativewind')
+                : path.resolve(__dirname, './src/core-components/themed'),
 
             'global.css':
               process.env.STYLE_ENGINE === 'nativewind'
@@ -46,6 +46,10 @@ module.exports = function (api) {
               __dirname,
               '../../packages/unstyled/button/src'
             ),
+            '@gluestack-ui/link': path.resolve(
+              __dirname,
+              '../../packages/unstyled/link/src'
+            ),
             '@gluestack-ui/accordion': path.resolve(
               __dirname,
               '../../packages/unstyled/accordion/src'

example/storybook-nativewind/src/components/Accordion/Accordion.tsx

@@ -8,7 +8,7 @@ import {
   AccordionIcon,
   AccordionContent,
   AccordionContentText,
-} from '@/components/ui/Accordion';
+} from '@/components/ui/accordion';
 import {
   ChevronDownIcon,
   ChevronUpIcon,

example/storybook-nativewind/src/components/Accordion/index.stories.mdx

@@ -42,7 +42,7 @@ import { transformedCode } from '../../utils';
 
 <Meta title="common/components/Accordion" />
 
-import Wrapper from '../../components-example/themed/Wrapper';
+import Wrapper from '../../core-components/themed/Wrapper';
 
 This is an illustration of **Accordion** component.
 

example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx

@@ -1,5 +1,4 @@
 ---
-
 title: Accordion | gluestack-ui | Installation, Usage, and API
 
 description: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
@@ -9,7 +8,7 @@ pageTitle: Accordion
 pageDescription: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
 
 showHeader: true
-
+---
 import { Meta } from '@storybook/addon-docs';
 
 <Meta title="with-gluestack-style/components/Disclosure/Accordion" />
@@ -28,7 +27,7 @@ import {
   ChevronUpIcon,
   PlusIcon,
   MinusIcon,
-} from '../../components-example/themed';
+} from '../../core-components/themed';
 import {
   AppProvider,
   CodePreview,
@@ -40,8 +39,8 @@ import {
   Alert,
 } from '@gluestack/design-system';
 import { transformedCode } from '../../utils';
-import { config } from '../../components-example/themed/GluestackUIProvider/config';
-import Wrapper from '../../components-example/themed/Wrapper';
+import { config } from '../../core-components/themed/gluestack-ui-provider/config';
+import Wrapper from '../../core-components/themed/Wrapper';
 
 # Accordion
 

example/storybook-nativewind/src/components/Actionsheet/Actionsheet.tsx

@@ -34,7 +34,7 @@ import {
   ActionsheetSectionList,
   ActionsheetSectionHeaderText,
   ActionsheetVirtualizedList,
-} from '@/components/ui/Actionsheet';
+} from '@/components/ui/actionsheet';
 
 const ActionsheetBasic = ({ showActionsheetProp, ...props }: any) => {
   const [showActionsheet, setShowActionsheet] = React.useState(false);