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

package/lib/tailwind.config.js

@@ -1,197 +0,0 @@
-import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    darkMode: 'media',
-    content: ['./index.js', './components/**/*.{tsx,jsx,ts,js}'],
-    presets: [require('nativewind/preset')],
-    safelist: [
-        {
-            pattern: /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
-        },
-    ],
-    theme: {
-        extend: {
-            colors: {
-                primary: {
-                    0: 'rgb(var(--color-primary-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-primary-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-primary-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-primary-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-primary-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-primary-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-primary-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-primary-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-primary-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-primary-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-primary-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-primary-950)/<alpha-value>)',
-                },
-                secondary: {
-                    0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
-                },
-                tertiary: {
-                    50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
-                },
-                error: {
-                    0: 'rgb(var(--color-error-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-error-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-error-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-error-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-error-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-error-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-error-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-error-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-error-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-error-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-error-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-error-950)/<alpha-value>)',
-                },
-                success: {
-                    0: 'rgb(var(--color-success-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-success-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-success-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-success-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-success-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-success-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-success-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-success-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-success-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-success-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-success-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-success-950)/<alpha-value>)',
-                },
-                warning: {
-                    0: 'rgb(var(--color-warning-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-warning-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-warning-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-warning-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-warning-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-warning-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-warning-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-warning-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-warning-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-warning-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-warning-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-warning-950)/<alpha-value>)',
-                },
-                info: {
-                    0: 'rgb(var(--color-info-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-info-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-info-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-info-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-info-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-info-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-info-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-info-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-info-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-info-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-info-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-info-950)/<alpha-value>)',
-                },
-                typography: {
-                    0: 'rgb(var(--color-typography-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-typography-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-typography-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-typography-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-typography-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-typography-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-typography-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-typography-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-typography-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-typography-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-typography-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-typography-950)/<alpha-value>)',
-                    white: '#FFFFFF',
-                    gray: '#D4D4D4',
-                    black: '#181718',
-                },
-                outline: {
-                    0: 'rgb(var(--color-outline-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-outline-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-outline-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-outline-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-outline-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-outline-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-outline-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-outline-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-outline-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-outline-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-outline-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-outline-950)/<alpha-value>)',
-                },
-                background: {
-                    0: 'rgb(var(--color-background-0)/<alpha-value>)',
-                    50: 'rgb(var(--color-background-50)/<alpha-value>)',
-                    100: 'rgb(var(--color-background-100)/<alpha-value>)',
-                    200: 'rgb(var(--color-background-200)/<alpha-value>)',
-                    300: 'rgb(var(--color-background-300)/<alpha-value>)',
-                    400: 'rgb(var(--color-background-400)/<alpha-value>)',
-                    500: 'rgb(var(--color-background-500)/<alpha-value>)',
-                    600: 'rgb(var(--color-background-600)/<alpha-value>)',
-                    700: 'rgb(var(--color-background-700)/<alpha-value>)',
-                    800: 'rgb(var(--color-background-800)/<alpha-value>)',
-                    900: 'rgb(var(--color-background-900)/<alpha-value>)',
-                    950: 'rgb(var(--color-background-950)/<alpha-value>)',
-                    error: 'rgb(var(--color-background-error)/<alpha-value>)',
-                    warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
-                    muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
-                    success: 'rgb(var(--color-background-success)/<alpha-value>)',
-                    info: 'rgb(var(--color-background-info)/<alpha-value>)',
-                    light: '#FBFBFB',
-                    dark: '#181719',
-                },
-                indicator: {
-                    primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
-                    info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
-                    error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
-                },
-            },
-            fontFamily: {
-                heading: undefined,
-                body: undefined,
-                mono: undefined,
-                roboto: ['Roboto', 'sans-serif'],
-            },
-            fontWeight: {
-                extrablack: '950',
-            },
-            fontSize: {
-                '2xs': '10px',
-            },
-            boxShadow: {
-                'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
-                'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
-                'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
-                'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
-                'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
-                'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
-                'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
-                'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
-                'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
-            },
-        },
-    },
-    plugins: [gluestackPlugin],
-};
-//# sourceMappingURL=tailwind.config.js.map

package/lib/tailwind.config.js.map

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

package/src/components/ui/IconSymbol.ios.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { SymbolView, SymbolViewProps, SymbolWeight } from 'expo-symbols';
-import { StyleProp, ViewStyle } from 'react-native';
-
-export function IconSymbol({
-    name,
-    size = 24,
-    color,
-    style,
-    weight = 'regular',
-}: {
-    name: SymbolViewProps['name'];
-    size?: number;
-    color: string;
-    style?: StyleProp<ViewStyle>;
-    weight?: SymbolWeight;
-}) {
-    return (
-        <SymbolView
-            weight={weight}
-            tintColor={color}
-            resizeMode="scaleAspectFit"
-            name={name}
-            style={[
-                {
-                    width: size,
-                    height: size,
-                },
-                style,
-            ]}
-        />
-    );
-}

package/src/components/ui/IconSymbol.tsx

@@ -1,40 +0,0 @@
-// This file is a fallback for using MaterialIcons on Android and web.
-
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import { SymbolWeight } from 'expo-symbols';
-import React from 'react';
-import { OpaqueColorValue, StyleProp, ViewStyle } from 'react-native';
-
-// 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',
-} as 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 function IconSymbol({
-    name,
-    size = 24,
-    color,
-    style,
-}: {
-    name: IconSymbolName;
-    size?: number;
-    color: string | OpaqueColorValue;
-    style?: StyleProp<ViewStyle>;
-    weight?: SymbolWeight;
-}) {
-    return <MaterialIcons color={color} size={size} name={MAPPING[name]} style={style} />;
-}

package/src/components/ui/TabBarBackground.ios.tsx

@@ -1,23 +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 (
-        <BlurView
-            // 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;
-}

package/src/components/ui/TabBarBackground.tsx

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

package/src/components/ui/accordion/index.tsx

@@ -1,304 +0,0 @@
-'use client';
-import React from 'react';
-import { createAccordion } from '@gluestack-ui/accordion';
-import { View, Pressable, Text, Platform, TextProps } from 'react-native';
-import { tva } from '@gluestack-ui/nativewind-utils/tva';
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-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) as React.ComponentType<TextProps>;
-
-/** Creator */
-const UIAccordion = createAccordion({
-    Root: Root,
-    Item: View,
-    Header: Header,
-    Trigger: Pressable,
-    Icon: UIIcon,
-    TitleText: Text,
-    ContentText: Text,
-    Content: View,
-});
-
-type IAccordionProps = React.ComponentPropsWithoutRef<typeof UIAccordion> & VariantProps<typeof accordionStyle>;
-
-type IAccordionItemProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Item> &
-    VariantProps<typeof accordionItemStyle>;
-
-type IAccordionContentProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Content> &
-    VariantProps<typeof accordionContentStyle>;
-
-type IAccordionContentTextProps = React.ComponentPropsWithoutRef<typeof UIAccordion.ContentText> &
-    VariantProps<typeof accordionContentTextStyle>;
-
-type IAccordionIconProps = VariantProps<typeof accordionIconStyle> &
-    React.ComponentPropsWithoutRef<typeof UIAccordion.Icon> & {
-        as?: React.ElementType;
-        height?: number;
-        width?: number;
-    };
-
-type IAccordionHeaderProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Header> &
-    VariantProps<typeof accordionHeaderStyle>;
-
-type IAccordionTriggerProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Trigger> &
-    VariantProps<typeof accordionTriggerStyle>;
-
-type IAccordionTitleTextProps = React.ComponentPropsWithoutRef<typeof UIAccordion.TitleText> &
-    VariantProps<typeof accordionTitleTextStyle>;
-
-/** Components */
-
-const Accordion = React.forwardRef<React.ElementRef<typeof UIAccordion>, IAccordionProps>(
-    ({ className, variant = 'filled', size = 'md', ...props }, ref) => {
-        return (
-            <UIAccordion
-                ref={ref}
-                {...props}
-                className={accordionStyle({ variant, class: className })}
-                context={{ variant, size }}
-            />
-        );
-    },
-);
-
-const AccordionItem = React.forwardRef<React.ElementRef<typeof UIAccordion.Item>, IAccordionItemProps>(
-    ({ className, ...props }, ref) => {
-        const { variant } = useStyleContext(SCOPE);
-        return (
-            <UIAccordion.Item
-                ref={ref}
-                {...props}
-                className={accordionItemStyle({
-                    parentVariants: { variant },
-                    class: className,
-                })}
-            />
-        );
-    },
-);
-
-const AccordionContent = React.forwardRef<React.ElementRef<typeof UIAccordion.Content>, IAccordionContentProps>(
-    ({ className, ...props }, ref) => {
-        return (
-            <UIAccordion.Content
-                ref={ref}
-                {...props}
-                className={accordionContentStyle({
-                    class: className,
-                })}
-            />
-        );
-    },
-);
-
-const AccordionContentText = React.forwardRef<
-    React.ElementRef<typeof UIAccordion.ContentText>,
-    IAccordionContentTextProps
->(({ className, ...props }, ref) => {
-    const { size } = useStyleContext(SCOPE);
-    return (
-        <UIAccordion.ContentText
-            ref={ref}
-            {...props}
-            className={accordionContentTextStyle({
-                parentVariants: { size },
-                class: className,
-            })}
-        />
-    );
-});
-
-const AccordionIcon = React.forwardRef<React.ElementRef<typeof UIAccordion.Icon>, IAccordionIconProps>(
-    ({ size, className, ...props }, ref) => {
-        const { size: parentSize } = useStyleContext(SCOPE);
-
-        if (typeof size === 'number') {
-            return (
-                <UIAccordion.Icon
-                    ref={ref}
-                    {...props}
-                    className={accordionIconStyle({ class: className })}
-                    size={size}
-                />
-            );
-        } else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
-            return <UIAccordion.Icon ref={ref} {...props} className={accordionIconStyle({ class: className })} />;
-        }
-        return (
-            <UIAccordion.Icon
-                ref={ref}
-                {...props}
-                className={accordionIconStyle({
-                    size,
-                    class: className,
-                    parentVariants: { size: parentSize },
-                })}
-            />
-        );
-    },
-);
-
-const AccordionHeader = React.forwardRef<React.ElementRef<typeof UIAccordion.Header>, IAccordionHeaderProps>(
-    ({ className, ...props }, ref) => {
-        return (
-            <UIAccordion.Header
-                ref={ref}
-                {...props}
-                className={accordionHeaderStyle({
-                    class: className,
-                })}
-            />
-        );
-    },
-);
-
-const AccordionTrigger = React.forwardRef<React.ElementRef<typeof UIAccordion.Trigger>, IAccordionTriggerProps>(
-    ({ className, ...props }, ref) => {
-        return (
-            <UIAccordion.Trigger
-                ref={ref}
-                {...props}
-                className={accordionTriggerStyle({
-                    class: className,
-                })}
-            />
-        );
-    },
-);
-const AccordionTitleText = React.forwardRef<React.ElementRef<typeof UIAccordion.TitleText>, IAccordionTitleTextProps>(
-    ({ className, ...props }, ref) => {
-        const { size } = useStyleContext(SCOPE);
-        return (
-            <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,
-};