@teamturing/react-native-kit 1.2.2 → 1.2.3

package/src/component/Layout/ItemList.tsx

@@ -1,8 +1,10 @@
-import { type Spacing, is, spacing } from '@teamturing/react-native-kit';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { type Spacing, spacing } from '../../theme';
+import { is } from '../../util';
+
 type Props<T> = {
   items: T[];
   renderItem: (item: T, i: number) => React.ReactNode;

package/src/component/Layout/Layout/LayoutProvider.tsx

@@ -1,8 +1,10 @@
-import { createCtx, useStableCallback } from '@teamturing/react-native-kit';
 import { useCallback, useMemo, useState } from 'react';
 import { Dimensions, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import { useStableCallback } from '../../../hook';
+import { createCtx } from '../../../util';
+
 import { WindowSizeClass, decideWindowWidthSizeClass, decideWindowHeightSizeClass } from './WindowSizeClass';
 import { useDynamicDimensions } from './useDynamicDimensions';
 

package/src/component/Layout/Layout/WindowSizeClass.ts

@@ -1,4 +1,4 @@
-import { is } from '@teamturing/react-native-kit';
+import { is } from '../../../util';
 
 export enum WindowSizeClass {
   COMPACT = 1,

package/src/component/Layout/Layout/useDynamicDimensions.ts

@@ -1,6 +1,7 @@
-import { spacing } from '@teamturing/react-native-kit';
 import { useMemo } from 'react';
 
+import { spacing } from '../../../theme';
+
 import type { WindowSizeClass } from './WindowSizeClass';
 import { createWindowSizeClassIntRecord } from './WindowSizeClass';
 

package/src/component/Layout/SectionLayout/SectionLayout.tsx

@@ -1,10 +1,10 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { palette, spacing } from '@teamturing/react-native-kit';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 
+import { spacing, palette } from '../../../theme';
 import { type ColumnProps, Column } from '../Column';
 
 import type { SectionProps } from './Section';

package/src/component/Layout/WhiteGradientFixedBottomLayout.tsx

@@ -1,7 +1,11 @@
-import { useKeyboard, is, GradientCollection, palette } from '@teamturing/react-native-kit';
 import type { PropsWithChildren } from 'react';
 import { StyleSheet } from 'react-native';
 
+import { useKeyboard } from '../../hook';
+import { palette } from '../../theme';
+import { is } from '../../util';
+import { GradientCollection } from '../GradientCollection';
+
 import type { FixedBottomLayoutProps } from './FixedBottomLayout';
 import { FixedBottomLayout } from './FixedBottomLayout';
 

package/src/component/LiText.tsx

@@ -1,7 +1,8 @@
-import { type TextConfigProp, Txt } from '@teamturing/react-native-kit';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { type TextConfigProp, Txt } from './Txt';
+
 type Props = {
   text?: string;
   style?: StyleProp<ViewStyle>;

package/src/component/LineDivider.tsx

@@ -1,7 +1,9 @@
-import { palette, flatStyle } from '@teamturing/react-native-kit';
 import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { palette } from '../theme';
+import { flatStyle } from '../util';
+
 type Props = {
   style?: StyleProp<ViewStyle>;
   color?: ColorValue;

package/src/component/LoadingFallbackView.tsx

@@ -1,6 +1,7 @@
-import { palette } from '@teamturing/react-native-kit';
 import { View } from 'react-native';
 
+import { palette } from '../theme';
+
 type Props = {
   height: number;
 };

package/src/component/LoadingIndicator.tsx

@@ -1,9 +1,11 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { palette, is } from '@teamturing/react-native-kit';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { ActivityIndicator } from 'react-native';
 
+import { palette } from '../theme';
+import { is } from '../util';
+
 export type MathKingIndicatorProps = {
   testID?: string;
   size?: number;

package/src/component/LoadingIndicatorView.tsx

@@ -1,7 +1,10 @@
-import { palette, applyOpacity, Box } from '@teamturing/react-native-kit';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
 
+import { palette } from '../theme';
+import { applyOpacity } from '../util';
+
+import { Box } from './Box';
 import { LoadingIndicator } from './LoadingIndicator';
 
 export const LoadingIndicatorView = ({ isLoading, children, ...rest }: { isLoading: boolean } & ViewProps) => {

package/src/component/Lottie/index.tsx

@@ -1,9 +1,9 @@
-import { is } from '@teamturing/react-native-kit';
 import type { LottieViewProps as BaseLottieProps } from 'lottie-react-native';
 import BaseLottie from 'lottie-react-native';
 import { useState, useEffect, forwardRef, type ForwardedRef, type MutableRefObject } from 'react';
 import { AppState, Platform, StyleSheet } from 'react-native';
 
+import { is } from '../../util';
 import { Box } from '../Box';
 
 type Props = {

package/src/component/MarqueeView.tsx

@@ -1,8 +1,11 @@
-import { is, Txt } from '@teamturing/react-native-kit';
 import React, { useEffect, useRef, useState } from 'react';
 import type { LayoutRectangle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { Animated, Easing, ScrollView } from 'react-native';
 
+import { is } from '../util';
+
+import { Txt } from './Txt';
+
 export type MarqueeViewProps = {
   textStyle?: StyleProp<TextStyle>;
   style?: StyleProp<ViewStyle>;

package/src/component/NumberBadge.tsx

@@ -1,7 +1,11 @@
-import { type PaletteColor, is, palette, spacing, Txt } from '@teamturing/react-native-kit';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { type PaletteColor, palette, spacing } from '../theme';
+import { is } from '../util';
+
+import { Txt } from './Txt';
+
 type Props = {
   count?: number;
   maxCount?: number;

package/src/component/OnMountEvent.tsx

@@ -1,6 +1,7 @@
-import { useMount } from '@teamturing/react-native-kit';
 import type { EffectCallback, ReactElement } from 'react';
 
+import { useMount } from '../hook';
+
 type Props = { onMount: EffectCallback; children?: ReactElement | null };
 const OnMountEvent = ({ onMount, children = null }: Props) => {
   useMount(onMount);

package/src/component/PaginatedFlashList.tsx

@@ -1,9 +1,11 @@
 import { type FlashListProps, FlashList } from '@shopify/flash-list';
-import { useStableCallback, is, useScrollViewOnEndReachedConfig } from '@teamturing/react-native-kit';
 import { useImperativeHandle, useRef, useState, forwardRef } from 'react';
 import type { FlatListProps, ScrollViewProps } from 'react-native';
 import { View } from 'react-native';
 
+import { useStableCallback, useScrollViewOnEndReachedConfig } from '../hook';
+import { is } from '../util';
+
 import { LoadingIndicator } from './LoadingIndicator';
 
 export type PaginatedFlashListProps<T> = Omit<FlashListProps<T>, 'maintainVisibleContentPosition'> & {

package/src/component/PaginatedFlatList.tsx

@@ -1,8 +1,10 @@
-import { useStableCallback, is, useScrollViewOnEndReachedConfig } from '@teamturing/react-native-kit';
 import React, { useImperativeHandle, useRef, useState } from 'react';
 import type { FlatListProps, ScrollViewProps } from 'react-native';
 import { FlatList as FlatList, View } from 'react-native';
 
+import { useStableCallback, useScrollViewOnEndReachedConfig } from '../hook';
+import { is } from '../util';
+
 import { LoadingIndicator } from './LoadingIndicator';
 
 export type PaginatedFlatListProps<T> = Omit<FlatListProps<T>, 'maintainVisibleContentPosition'> & {

package/src/component/PieChart.tsx

@@ -1,6 +1,8 @@
-import { palette, is } from '@teamturing/react-native-kit';
 import { Circle, G, Svg } from 'react-native-svg';
 
+import { palette } from '../theme';
+import { is } from '../util';
+
 type Props<T> = {
   size: number;
   innerSize: number;

package/src/component/Pressable/LoadingIndicatorTouchable.tsx

@@ -1,6 +1,7 @@
-import { LoadingIndicator } from '@teamturing/react-native-kit';
 import { StyleSheet } from 'react-native';
 
+import { LoadingIndicator } from '../LoadingIndicator';
+
 import { type TouchProps, Touch } from './Touch';
 
 type Props = { isLoading: boolean } & TouchProps;

package/src/component/Pressable/Touch.tsx

@@ -1,11 +1,13 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { spacing, is } from '@teamturing/react-native-kit';
 import type { PropsWithChildren, Ref } from 'react';
 import { forwardRef } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 import { TouchableOpacity } from 'react-native';
 
+import { spacing } from '../../theme';
+import { is } from '../../util';
+
 import { type UseDisabilityAwareDebouncerParams, useDisabilityAwareDebouncer } from './useDisabilityAwareDebouncer';
 
 type Props = {} & TouchableOpacityProps & UseDisabilityAwareDebouncerParams & SxProps;

package/src/component/Pressable/useDisabilityAwareDebouncer.ts

@@ -1,7 +1,8 @@
-import { is, isTestEnvironment, isNewArch } from '@teamturing/react-native-kit';
 import { useCallback, useEffect, useRef } from 'react';
 import { Platform } from 'react-native';
 
+import { isNewArch, is, isTestEnvironment } from '../../util';
+
 const DELAY_AFTER_EVENT = 500; /* 0.5sec */
 const DELAY_AFTER_ENABLED = 800; /* 0.8sec */
 

package/src/component/RadioButton.tsx

@@ -1,8 +1,9 @@
-import { palette } from '@teamturing/react-native-kit';
 import type { PressableProps } from 'react-native';
 import { Pressable, View } from 'react-native';
 
-import type { LayoutStyle } from './Layout/LayoutStyle';
+import { palette } from '../theme';
+
+import type { LayoutStyle } from './Layout';
 
 type Props = { layout?: LayoutStyle; value: boolean } & PressableProps;
 const RadioButton = ({ layout, value, ...props }: Props) => {

package/src/component/ReadMoreText.tsx

@@ -1,7 +1,12 @@
 import { useLayout } from '@react-native-community/hooks';
-import { Txt, is, palette, Touch } from '@teamturing/react-native-kit';
 import { useEffect, useState } from 'react';
 
+import { palette } from '../theme';
+import { is } from '../util';
+
+import { Touch } from './Pressable';
+import { Txt } from './Txt';
+
 type Props = { onlyMore?: boolean; TxtComponent?: Txt; text: string; numberOfLines?: number };
 
 const ReadMoreText = ({ onlyMore = true, TxtComponent = Txt.M, text, numberOfLines = 3 }: Props) => {

package/src/component/ReadMoreText.web.tsx

@@ -1,6 +1,5 @@
-import { Txt } from '@teamturing/react-native-kit';
-
 import type { ReadMoreTextProps } from './ReadMoreText';
+import { Txt } from './Txt';
 
 const ReadMoreText = ({ TxtComponent = Txt.M, text }: ReadMoreTextProps) => {
   return TxtComponent.render(text);

package/src/component/RefreshControlEx.tsx

@@ -1,8 +1,9 @@
-import { palette } from '@teamturing/react-native-kit';
 import React from 'react';
 import type { RefreshControlProps } from 'react-native';
 import { RefreshControl } from 'react-native';
 
+import { palette } from '../theme';
+
 type Props = {} & RefreshControlProps;
 const RefreshControlEx: React.FC<Props> = ({ ...rest }: Props) => {
   return (

package/src/component/Switch.tsx

@@ -1,8 +1,9 @@
-import { palette } from '@teamturing/react-native-kit';
 import { useEffect, useRef } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { Animated, TouchableOpacity } from 'react-native';
 
+import { palette } from '../theme';
+
 const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
 
 type SwitchProps = {

package/src/component/Tab/BaseTab.tsx

@@ -1,7 +1,8 @@
-import { Txt } from '@teamturing/react-native-kit';
 import React from 'react';
 import { View, Pressable } from 'react-native';
 
+import { Txt } from '../Txt';
+
 type Props = {
   tabs: string[];
   selectedIndex: number;

package/src/component/Tab/IndicatorTab.tsx

@@ -1,7 +1,10 @@
-import { palette, Txt, spacing, Badge } from '@teamturing/react-native-kit';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { palette, spacing } from '../../theme';
+import { Badge } from '../Badge';
+import { Txt } from '../Txt';
+
 import { type BaseTabPropsWithoutRenderProps, BaseTab } from './BaseTab';
 
 type Props = {

package/src/component/Tab/RoundTab.tsx

@@ -1,10 +1,13 @@
-import { Txt, FontWeight, spacing, palette, is, Dot, px } from '@teamturing/react-native-kit';
 import type { ColorValue, ViewStyle } from 'react-native';
 
+import { palette, spacing } from '../../theme';
+import { is, px } from '../../util';
 import { Box } from '../Box';
+import { Dot } from '../Dot';
 import type { IconName, IconProps } from '../Icon';
 import { Icon } from '../Icon';
 import { Row, RowCenter } from '../Layout';
+import { Txt, FontWeight } from '../Txt';
 
 import { type BaseTabPropsWithoutRenderProps, BaseTab } from './BaseTab';
 

package/src/component/Tag.tsx

@@ -1,20 +1,16 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import {
-  Txt,
-  type TextConfig,
-  palette,
-  spacing,
-  gradient,
-  type LayoutStyle,
-  Touch,
-} from '@teamturing/react-native-kit';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 
+import { palette, spacing, gradient } from '../theme';
+
 import { type GradientCollecitonProps, GradientCollection } from './GradientCollection';
 import { type IconName, type IconProps, Icon } from './Icon';
+import type { LayoutStyle } from './Layout';
+import { Touch } from './Pressable';
+import { Txt, type TextConfig } from './Txt';
 
 export type TagSize = 'm' | 's';
 export type TagVariant = 'gray-900' | 'violet-500' | 'outlined' | 'gradient1' | 'plain';

package/src/component/TagHorizontalList.tsx

@@ -1,15 +1,17 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { type TagProps, Tag, useTimeoutHandlers, spacing } from '@teamturing/react-native-kit';
 import type { Ref } from 'react';
 import { useRef, forwardRef, useImperativeHandle, useCallback } from 'react';
 import type { ScrollView } from 'react-native';
 import { View } from 'react-native';
 
+import { useTimeoutHandlers } from '../hook';
+import { spacing } from '../theme';
 import { is } from '../util';
 
 import { useDynamicLayout, RowCenter } from './Layout';
 import { StyledScrollView } from './StyledScrollView';
+import { type TagProps, Tag } from './Tag';
 
 type Props = {
   tags: (TagProps & { key: string | number })[];

package/src/component/TextField/BaseTextField.tsx

@@ -1,18 +1,14 @@
-import {
-  is,
-  palette,
-  spacing,
-  Txt,
-  Grid,
-  Shake,
-  type ImperativeAnimationRef,
-  Touch,
-} from '@teamturing/react-native-kit';
 import React, { useEffect, useRef, forwardRef } from 'react';
 import { type TextInput, type StyleProp, type ViewStyle, type ColorValue, type TextStyle, View } from 'react-native';
 
+import { palette, spacing } from '../../theme';
+import { is } from '../../util';
+import { type ImperativeAnimationRef, Shake } from '../Animation';
 import { IconBtn } from '../Btn';
 import { type IconName, Icon } from '../Icon';
+import { Grid } from '../Layout';
+import { Touch } from '../Pressable';
+import { Txt } from '../Txt';
 
 import type { CoreTextFieldProps } from './CoreTextField';
 import { CoreTextField } from './CoreTextField';

package/src/component/TextField/CoreTextField.tsx

@@ -1,8 +1,11 @@
-import { FontWeight, is, palette, spacing } from '@teamturing/react-native-kit';
 import React, { useState, useEffect, forwardRef } from 'react';
 import type { TextInputProps, StyleProp, TextStyle } from 'react-native';
 import { TextInput } from 'react-native';
 
+import { palette, spacing } from '../../theme';
+import { is } from '../../util';
+import { FontWeight } from '../Txt';
+
 import type { NumericFormatType } from './textFieldNumericFormatUtils';
 import { TextFieldNumericFormatUtil } from './textFieldNumericFormatUtils';
 

package/src/component/TextField/textFieldNumericFormatUtils.ts

@@ -1,4 +1,4 @@
-import { is } from '@teamturing/react-native-kit';
+import { is } from '../../util';
 
 export type NumericFormatType = '0000 0000 0000 0000' | '00 / 00' | '000 0000 0000';
 function isEscapeChar(char: string): boolean {

package/src/component/ToolTip/BaseToolTip.tsx

@@ -1,11 +1,14 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { spacing, palette, is, RowCenter, Column } from '@teamturing/react-native-kit';
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewStyle, ColorValue } from 'react-native';
 import { View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 
+import { palette, spacing } from '../../theme';
+import { is } from '../../util';
+import { RowCenter, Column } from '../Layout';
+
 type Props = {
   triangleDirection?:
     | 'top-left'

package/src/component/dialog/CommonBottomSheetDialog.tsx

@@ -1,19 +1,13 @@
 import { useBackHandler } from '@react-native-community/hooks';
-import {
-  type ImgSource,
-  type IconName,
-  type IconProps,
-  Box,
-  Img,
-  Icon,
-  Txt,
-  Btn,
-  runAfterFlushMacroQueue,
-  is,
-} from '@teamturing/react-native-kit';
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
 
+import { is, runAfterFlushMacroQueue } from '../../util';
+import { Box } from '../Box';
+import { Btn } from '../Btn';
 import { type BaseBtnProps } from '../Btn/BaseBtn';
+import { type IconName, type IconProps, Icon } from '../Icon';
+import { type ImgSource, Img } from '../Img';
+import { Txt } from '../Txt';
 
 import { useDialogContext } from './DialogProvider';
 import { type DialogRef, BottomSheetDialog } from './base';

package/src/component/dialog/CommonDialog.tsx

@@ -1,23 +1,15 @@
 import { useBackHandler } from '@react-native-community/hooks';
-import {
-  type IconName,
-  type IconProps,
-  type ImgSource,
-  type ChipProps,
-  type BtnProps,
-  is,
-  Icon,
-  palette,
-  Img,
-  spacing,
-  Chip,
-  Txt,
-  Btn,
-  runAfterFlushMacroQueue,
-} from '@teamturing/react-native-kit';
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
 import { View } from 'react-native';
 
+import { palette, spacing } from '../../theme';
+import { is, runAfterFlushMacroQueue } from '../../util';
+import { type BtnProps, Btn } from '../Btn';
+import { type ChipProps, Chip } from '../Chip';
+import { type IconName, type IconProps, Icon } from '../Icon';
+import { type ImgSource, Img } from '../Img';
+import { Txt } from '../Txt';
+
 import { useDialogContext } from './DialogProvider';
 import { type DialogRef, Dialog } from './base';
 

package/src/component/dialog/ItemSelectBottomSheetDialog.tsx

@@ -1,20 +1,15 @@
-import {
-  Box,
-  useDynamicLayout,
-  ItemList,
-  palette,
-  Txt,
-  RowCenter,
-  FontWeight,
-  Icon,
-  spacing,
-  is,
-} from '@teamturing/react-native-kit';
 import React, { useRef, useImperativeHandle, useMemo } from 'react';
 import { ScrollView, TouchableHighlight } from 'react-native';
 
-import { type BottomSheetDialogProps, BottomSheetDialog } from './base/BottomSheetDialog';
+import { spacing, palette } from '../../theme';
+import { is } from '../../util';
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { ItemList, useDynamicLayout, RowCenter } from '../Layout';
+import { Txt, FontWeight } from '../Txt';
+
 import type { DialogRef } from './base';
+import { type BottomSheetDialogProps, BottomSheetDialog } from './base/BottomSheetDialog';
 
 type Option<T> = Readonly<{ id: T; value: string; description?: string; disabled?: boolean; chevron?: boolean }>;
 

package/src/component/dialog/LottieDialog.tsx

@@ -1,9 +1,13 @@
-import { Lottie, useDialogContext, useAppState, useStableCallback } from '@teamturing/react-native-kit';
 import type LottieView from 'lottie-react-native';
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { Animated, StyleSheet } from 'react-native';
 
+import { useStableCallback, useAppState } from '../../hook';
+import { Lottie } from '../Lottie';
+
+import { useDialogContext } from './DialogProvider';
+
 export type LottieDialogShowParams = {
   source: any;
   lottieStyle?: StyleProp<ViewStyle>;

package/src/component/dialog/ToastDialog.tsx

@@ -1,21 +1,15 @@
-import {
-  type IconName,
-  palette,
-  type IconProps,
-  useDynamicLayout,
-  type ImperativeAnimationRef,
-  useAppState,
-  FadeInOut,
-  SlideInOut,
-  spacing,
-  Icon,
-  Txt,
-  useDialogContext,
-} from '@teamturing/react-native-kit';
 import React, { useImperativeHandle, useRef, useState } from 'react';
 import { View } from 'react-native';
 
+import { useAppState } from '../../hook';
+import { palette, spacing } from '../../theme';
 import { useAppEventListener } from '../../util/AppEvent';
+import { type ImperativeAnimationRef, FadeInOut, SlideInOut } from '../Animation';
+import { type IconName, type IconProps, Icon } from '../Icon';
+import { useDynamicLayout } from '../Layout';
+import { Txt } from '../Txt';
+
+import { useDialogContext } from './DialogProvider';
 
 export type ToastType = 'success' | 'warning';
 const ToastParamsByType: Record<ToastType, Pick<ToastDialogParams, 'iconName' | 'iconFill'>> = {

package/src/component/dialog/base/BottomSheetDialog.tsx

@@ -1,9 +1,10 @@
 import { is } from '@mj-studio/js-util';
 import { useSx } from '@react-native-styled-system/core';
-import { useDynamicLayout } from '@teamturing/react-native-kit';
 import React, { forwardRef } from 'react';
 import { StyleSheet } from 'react-native';
 
+import { useDynamicLayout } from '../../Layout';
+
 import type { DialogRef, DialogProps } from './Dialog';
 import { Dialog } from './Dialog';
 

package/src/component/dialog/base/Dialog.tsx

@@ -1,9 +1,12 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { useDynamicLayout, px, is, Portal, runAfterFlushMacroQueue } from '@teamturing/react-native-kit';
 import React, { useCallback, useImperativeHandle, useRef, forwardRef } from 'react';
 import { Easing } from 'react-native';
 
+import { px, runAfterFlushMacroQueue, is } from '../../../util';
+import { useDynamicLayout } from '../../Layout';
+import { Portal } from '../../Portal';
+
 import type { ModalBoxProps } from './ModalBox';
 import { ModalBox } from './ModalBox';
 

package/src/hook/useFloatingKeyboard.ts

@@ -1,9 +1,9 @@
-import { is } from '@teamturing/react-native-kit';
 import { useEffect, useState } from 'react';
 import type { KeyboardEvent } from 'react-native';
 import { Keyboard } from 'react-native';
 
-import { useDynamicLayout } from '../component/Layout/Layout/LayoutProvider';
+import { useDynamicLayout } from '../component';
+import { is } from '../util';
 
 /* Return true if keyboard width is not same with screen width */
 export function useIsIPadFloatingKeyboard() {