@admin-layout/gluestack-ui-mobile 11.0.4-alpha.4 → 11.2.1-alpha.1

package/src/utils/generateMobileNavigations.ts

@@ -218,7 +218,7 @@ export class GenerateMobileNavigations {
         const tsFile = `${parentDirName}/compute.ts`;
         // const outputDir = `${parentDirName}/${appDirName}`;
         const outputDir = `${appDirName}`;
-        const tscCommand = `npx tsc ${tsFile} --outDir ${outputDir} --target es6 --module esnext --jsx react  --allowSyntheticDefaultImports true --moduleResolution node --esModuleInterop true --forceConsistentCasingInFileNames true  --skipLibCheck true`;
+        const tscCommand = `tsc ${tsFile} --outDir ${outputDir} --target es6 --module esnext --jsx react  --allowSyntheticDefaultImports true --moduleResolution node --esModuleInterop true --forceConsistentCasingInFileNames true  --skipLibCheck true`;
         const mainRoutesJsFile = path.join(appDirPath, '/compute.js');
         const mainRoutesMjsFile = path.join(appDirPath, '/compute.mjs');
         const outputFile = path.join(appDirPath, `/${mainRoutesFileName}`);
@@ -391,7 +391,7 @@ export class GenerateMobileNavigations {
     `.replace(/,(\s*)$/, ''); // Removes trailing comma
 
             // Use Prettier to format the code
-            classStructure = await prettier.format(classStructure, { parser: 'babel' });
+            classStructure = prettier.format(classStructure, { parser: 'babel' });
 
             const appFeatures = importStatements + '\n' + classStructure;
 
@@ -541,7 +541,7 @@ export class GenerateMobileNavigations {
     `.replace(/,(\s*)$/, ''); // Removes trailing comma
 
             // Use Prettier to format the code
-            classStructure = await prettier.format(classStructure, { parser: 'babel' });
+            classStructure = prettier.format(classStructure, { parser: 'babel' });
 
             const appFeatures = importStatements + '\n' + classStructure;
 
@@ -611,7 +611,7 @@ export class GenerateMobileNavigations {
     `.replace(/,(\s*)$/, ''); // Removes trailing comma
 
             // Use Prettier to format the code
-            classStructure = await prettier.format(classStructure, { parser: 'babel' });
+            classStructure = prettier.format(classStructure, { parser: 'babel' });
 
             const appFeatures = importStatements + '\n' + classStructure;
 
@@ -748,8 +748,8 @@ export class GenerateMobileNavigations {
                            pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
                                ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
                                : unauthenticatedComponentPath
-                                 ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
-                                 : ''
+                               ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
+                               : ''
                        }
                        ${
                            pkgRouteConfig?.withLifeCycle
@@ -798,7 +798,7 @@ export class GenerateMobileNavigations {
         }
         stackNavigator = importStatements + '\n' + moduleRender;
         let stackNavigation = stackNavigator;
-        stackNavigation = await prettier.format(stackNavigation, { parser: 'babel' });
+        stackNavigation = prettier.format(stackNavigation, { parser: 'babel' });
         const stackDirName = path.dirname(stackDirPath);
         try {
             const isDirCreated = await this.#makeDir(stackDirName);
@@ -870,8 +870,8 @@ export class GenerateMobileNavigations {
                   //component={Component${moduleNumber}}
                   initialParams={${JSON.stringify(pkgRouteConfig?.props?.initialParams || {})}}
                   options={{...${options},...{${
-                      pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
-                          ? `drawerIcon: ({ color }) => { 
+                pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
+                    ? `drawerIcon: ({ color }) => { 
                     const focused = color === '${pkgRouteConfig?.props?.options?.tabBarActiveTintColor}' ? true : false;
                      const SelectedIcon = DynamicIcons('${pkgRouteConfig?.icon?.name}');
                      return (<SelectedIcon 
@@ -901,8 +901,8 @@ export class GenerateMobileNavigations {
                         }
                      }}
                      />)},`
-                          : ''
-                  }
+                    : ''
+            }
                   ${
                       pkgRouteConfig?.customHeader &&
                       Object.keys(pkgRouteConfig.customHeader)?.length &&
@@ -924,8 +924,8 @@ export class GenerateMobileNavigations {
                                pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
                                    ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
                                    : unauthenticatedComponentPath
-                                     ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
-                                     : ''
+                                   ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
+                                   : ''
                            }
                            ${
                                pkgRouteConfig?.withLifeCycle
@@ -978,7 +978,7 @@ export class GenerateMobileNavigations {
         moduleNavigation = importStatements + '\n' + moduleRender;
         const drawerNavigator = moduleNavigation;
         let drawerNavigation = drawerNavigator;
-        drawerNavigation = await prettier.format(drawerNavigation, { parser: 'babel' });
+        drawerNavigation = prettier.format(drawerNavigation, { parser: 'babel' });
         const drawerDirName = path.dirname(drawerDirPath);
         try {
             const isDirCreated = await this.#makeDir(drawerDirName);
@@ -1136,8 +1136,8 @@ export class GenerateMobileNavigations {
           //component={Component${moduleNumber}}
           initialParams={${JSON.stringify(pkgRouteConfig?.props?.initialParams || {})}}
           options={{...${options},...{${
-              pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
-                  ? `tabBarIcon: ({ color }) => { 
+                pkgRouteConfig?.icon && Object.keys(pkgRouteConfig.icon)?.length && pkgRouteConfig?.icon?.name
+                    ? `tabBarIcon: ({ color }) => { 
                     const focused = color === '${pkgRouteConfig?.props?.options?.tabBarActiveTintColor}' ? true : false;
                      const SelectedIcon = DynamicIcons('${pkgRouteConfig?.icon?.name}');
                      return (<SelectedIcon 
@@ -1168,8 +1168,8 @@ export class GenerateMobileNavigations {
                      }}
                      
                      />)}`
-                  : ''
-          }
+                    : ''
+            }
            ${
                pkgRouteConfig?.customHeader &&
                Object.keys(pkgRouteConfig.customHeader)?.length &&
@@ -1192,8 +1192,8 @@ export class GenerateMobileNavigations {
                            pkgRouteConfig?.unauthenticatedComponent && customUnauthenticatedComponentPath
                                ? `unauthenticatedComponent={<${customUnauthenticatedComponentName}/>}`
                                : unauthenticatedComponentPath
-                                 ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
-                                 : ''
+                               ? 'unauthenticatedComponent={<UnauthenticatedComponent/>}'
+                               : ''
                        }
                        ${
                            pkgRouteConfig?.withLifeCycle
@@ -1248,7 +1248,7 @@ export class GenerateMobileNavigations {
         moduleNavigation = importStatements + '\n' + moduleRender;
         const bottomTabNavigator = moduleNavigation;
         let bottomTabNavigation = bottomTabNavigator;
-        bottomTabNavigation = await prettier.format(bottomTabNavigation, { parser: 'babel' });
+        bottomTabNavigation = prettier.format(bottomTabNavigation, { parser: 'babel' });
         const bottomDirName = path.dirname(bottomDirPath);
         try {
             const isDirCreated = await this.#makeDir(bottomDirName);
@@ -1451,8 +1451,8 @@ export class GenerateMobileNavigations {
         const initialRouteName = layoutInitialRouteName
             ? layoutInitialRouteName
             : layoutType === 'mixSide'
-              ? (appLayout?.[appLayout?.key]?.props?.initialRouteName ?? 'MainStack.Layout.Home')
-              : appLayout?.props?.initialRouteName || 'MainStack.Home';
+            ? appLayout?.[appLayout?.key]?.props?.initialRouteName ?? 'MainStack.Layout.Home'
+            : appLayout?.props?.initialRouteName || 'MainStack.Home';
         const isShowTabs = layoutType === 'mixSide' || layoutType === 'bottom' ? true : false;
         const isShowDefalutHeader = layoutType === 'mixSide' ? true : false;
         const defaultHeaderProps = {
@@ -1675,7 +1675,7 @@ export class GenerateMobileNavigations {
          export default AppNavigations;
      `;
         appNavigation = importStatements + '\n' + rootComponent + '\n' + appComponent;
-        appNavigation = await prettier.format(appNavigation, { parser: 'babel' });
+        appNavigation = prettier.format(appNavigation, { parser: 'babel' });
         try {
             await this.#writeFile(navigationDirPath, appNavigation);
         } catch (error) {
@@ -1878,40 +1878,12 @@ export class GenerateMobileNavigations {
         const config = this.#configFileData;
         try {
             await performCopyOperations(config);
-            // await this.#copyMultipleFiles(['nativewind-env.d.ts', 'global.css', 'gluestack-ui.config.json']);
-            await this.#copyMultipleFiles(['nativewind-env.d.ts']);
-            // await this.#copyAndModifyTailwindConfig();
             await this.#setLayoutAndGenerateNavigation();
         } catch (error) {
             console.error('PerformCopyOperations error:', error);
         }
     }
 
-    async #copyMultipleFiles(fileNames) {
-        try {
-            for (const fileName of fileNames) {
-                const sourcePath = path.resolve(__dirname, `../${fileName}`);
-                const destinationPath = path.join(path.dirname(this.#configFilePath), fileName);
-
-                const destinationDir = path.dirname(destinationPath);
-                if (!fs.existsSync(destinationDir)) {
-                    fs.mkdirSync(destinationDir, { recursive: true });
-                    console.log('✅ Created destination directory:', destinationDir);
-                }
-
-                if (!fs.existsSync(sourcePath)) {
-                    console.error(`❌ Source file does not exist: ${sourcePath}`);
-                    continue; // Skip this file and move to the next
-                }
-
-                await fs.promises.copyFile(sourcePath, destinationPath);
-                console.log(`✅ Successfully copied ${fileName} to the mobile folder`);
-            }
-        } catch (error) {
-            console.error('❌ Error copying files:', error);
-        }
-    }
-
     async #deleteDirectoryRecursive(dirPath: any) {
         if (fs.existsSync(dirPath)) {
             const files = fs.readdirSync(dirPath);

package/tsconfig.json

@@ -1,4 +1,5 @@
 {
+    "extends": "../../../tsconfig.json",
     "compilerOptions": {
         "module": "ESNext",
         "target": "ES2020",
@@ -17,13 +18,19 @@
         "skipLibCheck": true,
         "allowJs": true,
         "resolveJsonModule": true,
-        "types": ["@types/node", "@types/jest", "../../../typings", "./types"]
+        "types": [
+            "@types/node",
+            "@types/jest",
+            "../../../typings",
+            // "../../../node_modules/@gluestack-ui",
+            //  "../../../node_modules/@gluestack-style",
+            "./types"
+        ]
     },
     "include": [
         "src",
         //"src/**/*.mjs",
-        "./types.d.ts",
-        "src/nativewind-env.d.ts"
+        "./types.d.ts"
     ],
     "exclude": ["../../../node_modules", "node_modules", "lib", "webpack.config.js", "rollup.config.mjs"]
 }

package/lib/components/ui/IconSymbol.d.ts

@@ -1,19 +0,0 @@
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import { SymbolWeight } from 'expo-symbols';
-import React from 'react';
-import { OpaqueColorValue, StyleProp, ViewStyle } from 'react-native';
-declare const MAPPING: Partial<Record<import("expo-symbols").SymbolViewProps["name"], React.ComponentProps<typeof MaterialIcons>["name"]>>;
-export type IconSymbolName = keyof typeof MAPPING;
-/**
- * An icon component that uses native SFSymbols on iOS, and MaterialIcons on Android and web. This ensures a consistent look across platforms, and optimal resource usage.
- *
- * Icon `name`s are based on SFSymbols and require manual mapping to MaterialIcons.
- */
-export declare function IconSymbol({ name, size, color, style, }: {
-    name: IconSymbolName;
-    size?: number;
-    color: string | OpaqueColorValue;
-    style?: StyleProp<ViewStyle>;
-    weight?: SymbolWeight;
-}): React.JSX.Element;
-export {};

package/lib/components/ui/IconSymbol.ios.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { SymbolViewProps, SymbolWeight } from 'expo-symbols';
-import { StyleProp, ViewStyle } from 'react-native';
-export declare function IconSymbol({ name, size, color, style, weight, }: {
-    name: SymbolViewProps['name'];
-    size?: number;
-    color: string;
-    style?: StyleProp<ViewStyle>;
-    weight?: SymbolWeight;
-}): React.JSX.Element;

package/lib/components/ui/IconSymbol.ios.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SymbolView } from 'expo-symbols';
-export function IconSymbol({ name, size = 24, color, style, weight = 'regular', }) {
-    return (React.createElement(SymbolView, { weight: weight, tintColor: color, resizeMode: "scaleAspectFit", name: name, style: [
-            {
-                width: size,
-                height: size,
-            },
-            style,
-        ] }));
-}
-//# sourceMappingURL=IconSymbol.ios.js.map

package/lib/components/ui/IconSymbol.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSymbol.ios.js","sourceRoot":"","sources":["../../../src/components/ui/IconSymbol.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAiC,MAAM,cAAc,CAAC;AAGzE,MAAM,UAAU,UAAU,CAAC,EACvB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,KAAK,EACL,KAAK,EACL,MAAM,GAAG,SAAS,GAOrB;IACG,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,EAChB,UAAU,EAAC,gBAAgB,EAC3B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACH;gBACI,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;aACf;YACD,KAAK;SACR,GACH,CACL,CAAC;AACN,CAAC"}

package/lib/components/ui/IconSymbol.js

@@ -1,21 +0,0 @@
-// This file is a fallback for using MaterialIcons on Android and web.
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import React from 'react';
-// Add your SFSymbol to MaterialIcons mappings here.
-const MAPPING = {
-    // See MaterialIcons here: https://icons.expo.fyi
-    // See SF Symbols in the SF Symbols app on Mac.
-    'house.fill': 'home',
-    'paperplane.fill': 'send',
-    'chevron.left.forwardslash.chevron.right': 'code',
-    'chevron.right': 'chevron-right',
-};
-/**
- * An icon component that uses native SFSymbols on iOS, and MaterialIcons on Android and web. This ensures a consistent look across platforms, and optimal resource usage.
- *
- * Icon `name`s are based on SFSymbols and require manual mapping to MaterialIcons.
- */
-export function IconSymbol({ name, size = 24, color, style, }) {
-    return React.createElement(MaterialIcons, { color: color, size: size, name: MAPPING[name], style: style });
-}
-//# sourceMappingURL=IconSymbol.js.map

package/lib/components/ui/IconSymbol.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSymbol.js","sourceRoot":"","sources":["../../../src/components/ui/IconSymbol.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,aAAa,MAAM,kCAAkC,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oDAAoD;AACpD,MAAM,OAAO,GAAG;IACZ,iDAAiD;IACjD,+CAA+C;IAC/C,YAAY,EAAE,MAAM;IACpB,iBAAiB,EAAE,MAAM;IACzB,yCAAyC,EAAE,MAAM;IACjD,eAAe,EAAE,eAAe;CAGnC,CAAC;AAIF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,KAAK,EACL,KAAK,GAOR;IACG,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAC1F,CAAC"}

package/lib/components/ui/TabBarBackground.d.ts

@@ -1,2 +0,0 @@
-export default undefined;
-export declare function useBottomTabOverflow(): number;

package/lib/components/ui/TabBarBackground.ios.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export default function BlurTabBarBackground(): React.JSX.Element;
-export declare function useBottomTabOverflow(): number;

package/lib/components/ui/TabBarBackground.ios.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs';
-import { BlurView } from 'expo-blur';
-import { StyleSheet } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-export default function BlurTabBarBackground() {
-    return (React.createElement(BlurView
-    // System chrome material automatically adapts to the system's theme
-    // and matches the native tab bar appearance on iOS.
-    , { 
-        // System chrome material automatically adapts to the system's theme
-        // and matches the native tab bar appearance on iOS.
-        tint: "systemChromeMaterial", intensity: 100, style: StyleSheet.absoluteFill }));
-}
-export function useBottomTabOverflow() {
-    const tabHeight = useBottomTabBarHeight();
-    const { bottom } = useSafeAreaInsets();
-    return tabHeight - bottom;
-}
-//# sourceMappingURL=TabBarBackground.ios.js.map

package/lib/components/ui/TabBarBackground.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarBackground.ios.js","sourceRoot":"","sources":["../../../src/components/ui/TabBarBackground.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,oBAAoB;IACxC,OAAO,CACH,oBAAC,QAAQ;IACL,oEAAoE;IACpE,oDAAoD;;QADpD,oEAAoE;QACpE,oDAAoD;QACpD,IAAI,EAAC,sBAAsB,EAC3B,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,UAAU,CAAC,YAAY,GAChC,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB;IAChC,MAAM,SAAS,GAAG,qBAAqB,EAAE,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvC,OAAO,SAAS,GAAG,MAAM,CAAC;AAC9B,CAAC"}

package/lib/components/ui/TabBarBackground.js

@@ -1,6 +0,0 @@
-// This is a shim for web and Android where the tab bar is generally opaque.
-export default undefined;
-export function useBottomTabOverflow() {
-    return 0;
-}
-//# sourceMappingURL=TabBarBackground.js.map

package/lib/components/ui/TabBarBackground.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarBackground.js","sourceRoot":"","sources":["../../../src/components/ui/TabBarBackground.tsx"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAe,SAAS,CAAC;AAEzB,MAAM,UAAU,oBAAoB;IAChC,OAAO,CAAC,CAAC;AACb,CAAC"}

package/lib/components/ui/accordion/index.d.ts

@@ -1,193 +0,0 @@
-import React from 'react';
-import { View, TextProps } from 'react-native';
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-declare const accordionIconStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    size: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-} | ({} & {
-    size: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-}), undefined, "text-typography-900 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-900 fill-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
-/** Creator */
-declare const UIAccordion: import("@gluestack-ui/accordion/lib/types").IAccordionComponentType<import("react-native").ViewProps & {
-    context?: any;
-} & React.RefAttributes<typeof View>, import("react-native").ViewProps, TextProps, import("react-native").PressableProps & React.RefAttributes<View>, import("react-native").ViewProps, import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
-    fill?: import("react-native").ColorValue;
-    stroke?: import("react-native").ColorValue;
-}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
-    fill?: import("react-native").ColorValue;
-    stroke?: import("react-native").ColorValue;
-}>), TextProps, TextProps>;
-type IAccordionIconProps = VariantProps<typeof accordionIconStyle> & React.ComponentPropsWithoutRef<typeof UIAccordion.Icon> & {
-    as?: React.ElementType;
-    height?: number;
-    width?: number;
-};
-/** Components */
-declare const Accordion: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").ViewProps & {
-    context?: any;
-} & React.RefAttributes<typeof View> & import("@gluestack-ui/accordion/lib/types").IAccordionProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
-    context?: any;
-} & React.RefAttributes<typeof View>>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-} | ({
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-} & {
-    variant: {
-        filled: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-        };
-        unfilled: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-    size: {
-        sm: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-        };
-        md: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-        };
-        lg: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-}), undefined, "w-full", import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, {
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, undefined, "w-full", import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps & {
-    context?: any;
-} & React.RefAttributes<typeof View>>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & import("@gluestack-ui/accordion/lib/types").IAccordionItemProps & React.RefAttributes<import("react-native").ViewProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-} | ({} & {
-    variant: {
-        filled: string;
-        unfilled: string;
-    };
-}), undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & React.RefAttributes<import("react-native").ViewProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "pt-1 pb-3 px-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "pt-1 pb-3 px-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").ViewProps>>;
-declare const AccordionContentText: React.ForwardRefExoticComponent<Omit<TextProps & React.RefAttributes<TextProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-} | ({} & {
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}), undefined, "text-typography-700 font-normal", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-700 font-normal", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<TextProps>>;
-declare const AccordionIcon: React.ForwardRefExoticComponent<IAccordionIconProps & React.RefAttributes<import("@gluestack-ui/icon/lib/createIcon").IIconProps & (((import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
-    fill?: import("react-native").ColorValue;
-    stroke?: import("react-native").ColorValue;
-}) & React.RefAttributes<(import("@gluestack-ui/icon").IPrimitiveIcon & React.RefAttributes<import("@gluestack-ui/icon").Svg>) | {
-    fill?: import("react-native").ColorValue;
-    stroke?: import("react-native").ColorValue;
-}>)>>;
-declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<TextProps & React.RefAttributes<TextProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "mx-0 my-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "mx-0 my-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<TextProps>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "children"> & import("@gluestack-ui/accordion/lib/types").IAccordionTriggerProps, "ref"> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full flex-row justify-between items-center web:outline-none focus:outline-none data-[disabled=true]:opacity-40 data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:bg-background-50 py-3 px-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full flex-row justify-between items-center web:outline-none focus:outline-none data-[disabled=true]:opacity-40 data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:bg-background-50 py-3 px-4", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
-declare const AccordionTitleText: React.ForwardRefExoticComponent<Omit<TextProps & React.RefAttributes<TextProps>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-} | ({} & {
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}), undefined, "text-typography-900 font-bold flex-1 text-left", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "text-typography-900 font-bold flex-1 text-left", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & React.RefAttributes<TextProps>>;
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTitleText, AccordionContentText, AccordionIcon, AccordionContent, };