@admin-layout/gluestack-ui-mobile 12.0.16-alpha.91 → 12.2.1-alpha.0

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}`);
@@ -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

@@ -18,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, };

package/lib/components/ui/accordion/index.js

@@ -1,177 +0,0 @@
-'use client';
-import React from 'react';
-import { createAccordion } from '@gluestack-ui/accordion';
-import { View, Pressable, Text, Platform } from 'react-native';
-import { tva } from '@gluestack-ui/nativewind-utils/tva';
-import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
-import { H3 } from '@expo/html-elements';
-import { cssInterop } from 'nativewind';
-import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
-const SCOPE = 'ACCORDION';
-cssInterop(PrimitiveIcon, {
-    className: {
-        target: 'style',
-        nativeStyleToProp: {
-            height: true,
-            width: true,
-            fill: true,
-            color: 'classNameColor',
-            stroke: true,
-        },
-    },
-});
-cssInterop(H3, {
-    className: {
-        target: 'style',
-    },
-});
-cssInterop(View, {
-    className: {
-        target: 'style',
-    },
-});
-cssInterop(Pressable, { className: { target: 'style' } });
-cssInterop(Text, { className: { target: 'style' } });
-/** Styles */
-const accordionStyle = tva({
-    base: 'w-full',
-    variants: {
-        variant: {
-            filled: 'bg-white shadow-hard-2',
-            unfilled: '',
-        },
-        size: {
-            sm: '',
-            md: '',
-            lg: '',
-        },
-    },
-});
-const accordionItemStyle = tva({
-    base: '',
-    parentVariants: {
-        variant: {
-            filled: 'bg-background-0',
-            unfilled: 'bg-transparent',
-        },
-    },
-});
-const accordionTitleTextStyle = tva({
-    base: 'text-typography-900 font-bold flex-1 text-left',
-    parentVariants: {
-        size: {
-            sm: 'text-sm',
-            md: 'text-base',
-            lg: 'text-lg',
-        },
-    },
-});
-const accordionIconStyle = tva({
-    base: 'text-typography-900 fill-none',
-    parentVariants: {
-        size: {
-            '2xs': 'h-3 w-3',
-            xs: 'h-3.5 w-3.5',
-            sm: 'h-4 w-4',
-            md: 'h-[18px] w-[18px]',
-            lg: 'h-5 w-5',
-            xl: 'h-6 w-6',
-        },
-    },
-});
-const accordionContentTextStyle = tva({
-    base: 'text-typography-700 font-normal',
-    parentVariants: {
-        size: {
-            sm: 'text-sm',
-            md: 'text-base',
-            lg: 'text-lg',
-        },
-    },
-});
-const accordionHeaderStyle = tva({
-    base: 'mx-0 my-0',
-});
-const accordionContentStyle = tva({
-    base: 'pt-1 pb-3 px-4',
-});
-const accordionTriggerStyle = tva({
-    base: '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',
-});
-const Root = withStyleContext(View, SCOPE);
-const Header = (Platform.OS === 'web' ? H3 : View);
-/** Creator */
-const UIAccordion = createAccordion({
-    Root: Root,
-    Item: View,
-    Header: Header,
-    Trigger: Pressable,
-    Icon: UIIcon,
-    TitleText: Text,
-    ContentText: Text,
-    Content: View,
-});
-/** Components */
-const Accordion = React.forwardRef(({ className, variant = 'filled', size = 'md', ...props }, ref) => {
-    return (React.createElement(UIAccordion, { ref: ref, ...props, className: accordionStyle({ variant, class: className }), context: { variant, size } }));
-});
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
-    const { variant } = useStyleContext(SCOPE);
-    return (React.createElement(UIAccordion.Item, { ref: ref, ...props, className: accordionItemStyle({
-            parentVariants: { variant },
-            class: className,
-        }) }));
-});
-const AccordionContent = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(UIAccordion.Content, { ref: ref, ...props, className: accordionContentStyle({
-            class: className,
-        }) }));
-});
-const AccordionContentText = React.forwardRef(({ className, ...props }, ref) => {
-    const { size } = useStyleContext(SCOPE);
-    return (React.createElement(UIAccordion.ContentText, { ref: ref, ...props, className: accordionContentTextStyle({
-            parentVariants: { size },
-            class: className,
-        }) }));
-});
-const AccordionIcon = React.forwardRef(({ size, className, ...props }, ref) => {
-    const { size: parentSize } = useStyleContext(SCOPE);
-    if (typeof size === 'number') {
-        return (React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({ class: className }), size: size }));
-    }
-    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
-        return React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({ class: className }) });
-    }
-    return (React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({
-            size,
-            class: className,
-            parentVariants: { size: parentSize },
-        }) }));
-});
-const AccordionHeader = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(UIAccordion.Header, { ref: ref, ...props, className: accordionHeaderStyle({
-            class: className,
-        }) }));
-});
-const AccordionTrigger = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(UIAccordion.Trigger, { ref: ref, ...props, className: accordionTriggerStyle({
-            class: className,
-        }) }));
-});
-const AccordionTitleText = React.forwardRef(({ className, ...props }, ref) => {
-    const { size } = useStyleContext(SCOPE);
-    return (React.createElement(UIAccordion.TitleText, { ref: ref, ...props, className: accordionTitleTextStyle({
-            parentVariants: { size },
-            class: className,
-        }) }));
-});
-Accordion.displayName = 'Accordion';
-AccordionItem.displayName = 'AccordionItem';
-AccordionHeader.displayName = 'AccordionHeader';
-AccordionTrigger.displayName = 'AccordionTrigger';
-AccordionTitleText.displayName = 'AccordionTitleText';
-AccordionContentText.displayName = 'AccordionContentText';
-AccordionIcon.displayName = 'AccordionIcon';
-AccordionContent.displayName = 'AccordionContent';
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTitleText, AccordionContentText, AccordionIcon, AccordionContent, };
-//# sourceMappingURL=index.js.map

package/lib/components/ui/accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/accordion/index.tsx"],"names":[],"mappings":"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"}