@teamturing/react-native-kit 1.2.1 → 1.2.3

package/src/component/Btn/BaseBtn.tsx

@@ -1,15 +1,19 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { spacing, palette, gradient, Txt, PressableDelayed, LoadingIndicator, is } from '@teamturing/react-native-kit';
 import { mix } from 'polished';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 
+import { spacing, palette, gradient } from '../../theme';
+import { is } from '../../util';
 import { type GradientCollecitonProps, GradientCollection } from '../GradientCollection';
 import { type IconName, Icon } from '../Icon';
-import type { LayoutStyle } from '../Layout/LayoutStyle';
-import { RowCenter } from '../Layout/Row';
+import type { LayoutStyle } from '../Layout';
+import { RowCenter } from '../Layout';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { PressableDelayed } from '../Pressable';
 import type { UseDisabilityAwareDebouncerParams } from '../Pressable/useDisabilityAwareDebouncer';
+import { Txt } from '../Txt';
 
 export type BaseBtnSize = 'l' | 'm' | 's';
 export type BaseBtnVariant =

package/src/component/Btn/FixedBottomCTABtn.tsx

@@ -3,9 +3,11 @@ import type { ReactElement } from 'react';
 import { is } from '../../util';
 import { Box } from '../Box';
 import { WhiteGradientFixedBottomLayout, FixedBottomLayout } from '../Layout';
-import { Btn } from './index';
+
 import type { BaseBtnProps } from './BaseBtn';
 
+import { Btn } from './index';
+
 type Props = {
   excludeSafeAreaBottom?: boolean;
   enableGradient?: boolean;

package/src/component/Btn/IconBtn.tsx

@@ -1,11 +1,13 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { palette, PressableDelayed, spacing, LoadingIndicator } from '@teamturing/react-native-kit';
 import { mix } from 'polished';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 
+import { palette, spacing } from '../../theme';
 import { type IconName, type IconProps, Icon } from '../Icon';
 import type { FlexibleLayoutStyle } from '../Layout/LayoutStyle';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { PressableDelayed } from '../Pressable';
 
 type IconBtnSize = '56' | '40' | 'l' | 'm' | 's';
 type IconBtnVariant =

package/src/component/Btn/InteractiveToggledIconBtn.tsx

@@ -1,4 +1,3 @@
-import { palette, spacing, Touch } from '@teamturing/react-native-kit';
 import type { Ref } from 'react';
 import { useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
 import type { ViewStyle } from 'react-native';
@@ -15,8 +14,10 @@ import Animated, {
   withDelay,
 } from 'react-native-reanimated';
 
+import { palette, spacing } from '../../theme';
 import type { IconName } from '../Icon';
 import { AnimatedIcon } from '../Icon/AnimatedIcon';
+import { Touch } from '../Pressable';
 
 type Variant = 'gray-primary' | 'lightgray-darkgray';
 const ColorByVariant: Record<

package/src/component/Carousel.tsx

@@ -1,11 +1,13 @@
 import type { SxProps } from '@react-native-styled-system/core';
-import { useStableCallback, Chip } from '@teamturing/react-native-kit';
 import type { Ref } from 'react';
 import { useState } from 'react';
 import type { TCarouselProps as BaseCarouselProps, ICarouselInstance } from 'react-native-reanimated-carousel';
 import BaseCarousel from 'react-native-reanimated-carousel';
 
+import { useStableCallback } from '../hook';
+
 import { Box } from './Box';
+import { Chip } from './Chip';
 import { type PaginatorProps, Paginator } from './Paginator';
 
 type Props<T> = {

package/src/component/Chip.tsx

@@ -1,14 +1,17 @@
 import type { SxProps } from '@react-native-styled-system/core';
-import { px, palette, Txt, gradient, type TextConfig, spacing, GradientCollection } from '@teamturing/react-native-kit';
 import { transparentize } from 'polished';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 
+import { palette, gradient, spacing } from '../theme';
+import { px } from '../util';
+
 import type { BoxProps } from './Box';
 import { Box } from './Box';
-import type { GradientCollecitonProps } from './GradientCollection';
+import { type GradientCollecitonProps, GradientCollection } from './GradientCollection';
 import type { IconName, IconProps } from './Icon';
 import { Icon } from './Icon';
+import { Txt, type TextConfig } from './Txt';
 
 export type ChipSize = 'l' | 'm' | 's';
 export type ChipVariant =

package/src/component/CloneWithGlobalPositionView.tsx

@@ -1,8 +1,10 @@
-import { useTimeoutHandler, is } from '@teamturing/react-native-kit';
 import React, { useRef } from 'react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
 
+import { useTimeoutHandler } from '../hook';
+import { is } from '../util';
+
 type GlobalLayoutParams = { x: number; y: number; width: number; height: number };
 type Props = {
   onLayoutGlobal?: (params: GlobalLayoutParams) => void;

package/src/component/DialogHandler.tsx

@@ -1,10 +1,7 @@
-import {
-  useDialogHandler,
-  type UseDialogWithParamsHandler,
-  useDialogWithParamsHandler,
-} from '@teamturing/react-native-kit';
 import type React from 'react';
 
+import { useDialogHandler, type UseDialogWithParamsHandler, useDialogWithParamsHandler } from '../hook';
+
 export const DialogHandler = ({
   children,
 }: {

package/src/component/Dot.tsx

@@ -1,8 +1,9 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { type PaletteColor, palette } from '@teamturing/react-native-kit';
 import { View } from 'react-native';
 
+import { type PaletteColor, palette } from '../theme';
+
 import { Box } from './Box';
 
 type Props = {

package/src/component/DotLoadingIndicator.tsx

@@ -1,10 +1,12 @@
 import { generateArray } from '@mj-studio/js-util';
-import { type Spacing, palette, useMount } from '@teamturing/react-native-kit';
 import { useRef } from 'react';
 import type { ColorValue } from 'react-native';
 import { Animated, Easing } from 'react-native';
 
-import { RowCenter } from './Layout/Row';
+import { useMount } from '../hook';
+import { type Spacing, palette } from '../theme';
+
+import { RowCenter } from './Layout';
 
 type Props = {
   size?: number;

package/src/component/EmptyState.tsx

@@ -1,13 +1,17 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { spacing, Txt, palette, is, Btn } from '@teamturing/react-native-kit';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
+import { palette, spacing } from '../theme';
+import { is } from '../util';
+
+import { Btn } from './Btn';
 import type { BaseBtnProps } from './Btn/BaseBtn';
 import type { IconName, IconProps } from './Icon';
 import { Icon } from './Icon';
+import { Txt } from './Txt';
 
 type Props = {
   iconName?: IconName;

package/src/component/FloatingRoundChip.tsx

@@ -1,10 +1,10 @@
-import { palette, spacing } from '@teamturing/react-native-kit';
 import type { ReactElement } from 'react';
 import type { ColorValue, ViewStyle } from 'react-native';
 
+import { palette, spacing } from '../theme';
+
 import { type IconName, Icon } from './Icon';
-import { GapW } from './Layout/Gap';
-import { RowCenter } from './Layout/Row';
+import { GapW, RowCenter } from './Layout';
 
 type Props = {
   highlightColor?: ColorValue;

package/src/component/GradientBorderContainer.tsx

@@ -1,9 +1,13 @@
 import MaskedView from '@react-native-masked-view/masked-view';
-import { gradient as Gradient, type GradientProps, GradientCollection } from '@teamturing/react-native-kit';
 import type { PropsWithChildren } from 'react';
 import type { ViewProps } from 'react-native';
 import { View, StyleSheet } from 'react-native';
 
+import type { GradientProps } from '../theme';
+import { gradient as Gradient } from '../theme';
+
+import { GradientCollection } from './GradientCollection';
+
 type Props = PropsWithChildren<
   {
     borderWidth?: number;

package/src/component/GradientBorderContainer.web.tsx

@@ -1,6 +1,7 @@
-import { gradient as Gradient } from '@teamturing/react-native-kit';
 import { View } from 'react-native';
 
+import { gradient as Gradient } from '../theme';
+
 import type { GradientBorderContainerProps } from './GradientBorderContainer';
 
 const GradientBorderContainer = ({

package/src/component/GradientCollection.tsx

@@ -1,6 +1,5 @@
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { type GradientProps, useRefValue } from '@teamturing/react-native-kit';
 import dayjs from 'dayjs';
 import { parseToHsl } from 'polished';
 import { type PropsWithChildren } from 'react';
@@ -8,6 +7,9 @@ import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
 import { Svg, LinearGradient, Stop, Defs, Rect } from 'react-native-svg';
 
+import { useRefValue } from '../hook';
+import type { GradientProps } from '../theme';
+
 type Props = PropsWithChildren<GradientProps & ViewProps>;
 
 const GradientCollection = (props: Props & SxProps) => {

package/src/component/GradientMask.tsx

@@ -1,11 +1,12 @@
 import MaskedView from '@react-native-masked-view/masked-view';
 import type { SxProps } from '@react-native-styled-system/core';
 import { useSx } from '@react-native-styled-system/core';
-import { type GradientType, gradient } from '@teamturing/react-native-kit';
 import type { PropsWithChildren } from 'react';
 import type { ViewProps } from 'react-native';
 import { View, StyleSheet } from 'react-native';
 
+import { type GradientType, gradient } from '../theme';
+
 import { GradientCollection } from './GradientCollection';
 
 type Props = PropsWithChildren<

package/src/component/GradientMask.web.tsx

@@ -1,10 +1,11 @@
 import { useSx } from '@react-native-styled-system/core';
-import { gradient } from '@teamturing/react-native-kit';
 import { parseToHsl } from 'polished';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 import { Stop } from 'react-native-svg';
 
+import { gradient } from '../theme';
+
 import { Box } from './Box';
 import type { GradientMaskProps } from './GradientMask';
 

package/src/component/Header/Header.tsx

@@ -1,10 +1,13 @@
-import { type Spacing, Txt, is, useDynamicLayout, spacing, RowCenter, palette } from '@teamturing/react-native-kit';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet, View } from 'react-native';
 
+import { type Spacing, spacing, palette } from '../../theme';
+import { is } from '../../util';
 import { OpacityAnimatedView } from '../Animation';
 import { Box } from '../Box';
+import { useDynamicLayout, RowCenter } from '../Layout';
+import { Txt } from '../Txt';
 
 type Props = {
   title?: string;