@hero-design/rn 9.0.0-0 → 9.0.0-alpha.0

package/types/theme/components/tag.d.ts

@@ -5,7 +5,7 @@ declare const getTagTheme: (theme: GlobalTheme) => {
     };
     colors: {
         primary: string;
-        primaryBackground: undefined;
+        primaryBackground: string;
         info: string;
         infoBackground: string;
         success: string;
@@ -35,4 +35,19 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
+declare type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
+export interface TagThemeType extends GetTagThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetTagThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetTagThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetTagThemeReturnType['lineHeights'];
+}
 export default getTagTheme;

package/types/theme/components/textInput.d.ts

@@ -50,10 +50,10 @@ declare const getTextInputTheme: (theme: GlobalTheme) => {
         inputHorizontalMargin: number;
         errorContainerMarginRight: number;
         errorMarginLeft: number;
-        maxLengthLabelMarginLeft: number;
-        errorAndHelpTextContainerPaddingLeft: number;
+        errorAndHelpTextContainerHorizontalPadding: number;
         containerMarginTop: number;
         labelInsideTextInputMarginTop: number;
+        errorAndHelpTextContainerPaddingTop: number;
     };
     fonts: {
         text: string;

package/types/theme/components/toast.d.ts

@@ -8,7 +8,6 @@ declare const getToastTheme: (theme: GlobalTheme) => {
         notification: string;
         snackbar: string;
         divider: string;
-        shadow: string;
     };
     radii: {
         default: number;
@@ -35,6 +34,7 @@ declare const getToastTheme: (theme: GlobalTheme) => {
         opacity: number;
         radius: number;
         elevation: number;
+        color: string;
     };
 };
 export default getToastTheme;

package/types/theme/components/typography.d.ts

@@ -25,6 +25,36 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         xxxxxlarge: number;
         '6xlarge': number;
         '7xlarge': number;
+        caption: number;
+        label: number;
+        titles: {
+            neutral: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+            playful: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+        };
+        body: {
+            neutral: {
+                regular: number;
+                small: number;
+            };
+            playful: {
+                regular: number;
+                small: number;
+            };
+        };
     };
     lineHeights: {
         xsmall: number;
@@ -37,6 +67,98 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         xxxxxlarge: number;
         '6xlarge': number;
         '7xlarge': number;
+        caption: number;
+        label: number;
+        titles: {
+            neutral: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+            playful: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+        };
+        body: {
+            neutral: {
+                regular: number;
+                small: number;
+            };
+            playful: {
+                regular: number;
+                small: number;
+            };
+        };
+    };
+    letterSpacings: {
+        titles: {
+            neutral: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+            playful: {
+                h1: number;
+                h2: number;
+                h3: number;
+                h4: number;
+                h5: number;
+                h6: number;
+            };
+        };
+        body: {
+            neutral: {
+                semiBold: number;
+                regular: number;
+                small: number;
+            };
+            playful: {
+                semiBold: number;
+                regular: number;
+                small: number;
+            };
+        };
+    };
+    fontWeights: {
+        titles: {
+            neutral: {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+            playful: {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+        };
+        body: {
+            neutral: {
+                semiBold: string;
+                regular: string;
+            };
+            playful: {
+                semiBold: string;
+                regular: string;
+            };
+        };
     };
 };
 export default getTypographyTheme;

package/types/theme/getTheme.d.ts

@@ -2,29 +2,31 @@ import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAttachmentTheme from './components/attachment';
 import getAvatarTheme from './components/avatar';
-import getBadgeTheme from './components/badge';
+import { BadgeThemeType } from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getBottomSheetTheme from './components/bottomSheet';
-import getButtonTheme from './components/button';
+import { ButtonThemeType } from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
-import getCarouselTheme from './components/carousel';
+import { CarouselThemeType } from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
+import getChipTheme from './components/chip';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
-import getEmptyTheme from './components/empty';
-import getErrorTheme from './components/error';
-import getFABTheme from './components/fab';
+import { EmptyThemeType } from './components/empty';
+import { ErrorThemeType } from './components/error';
+import { FABThemeType } from './components/fab';
 import getIconTheme from './components/icon';
 import getImageTheme from './components/image';
 import getListTheme from './components/list';
 import getPageControlTheme from './components/pageControl';
-import getPinInputTheme from './components/pinInput';
+import { PinInputThemeType } from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
+import getRateTheme from './components/rate';
 import getRefreshControlTheme from './components/refreshControl';
 import getRichTextEditorTheme from './components/richTextEditor';
 import getSectionHeadingTheme from './components/sectionHeading';
@@ -32,11 +34,11 @@ import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
 import getSpinnerTheme from './components/spinner';
-import getSuccessTheme from './components/success';
+import { SuccessThemeType } from './components/success';
 import getSwipeableTheme from './components/swipeable';
 import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
-import getTagTheme from './components/tag';
+import { TagThemeType } from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
@@ -49,29 +51,31 @@ declare type Theme = GlobalTheme & {
         alert: ReturnType<typeof getAlertTheme>;
         attachment: ReturnType<typeof getAttachmentTheme>;
         avatar: ReturnType<typeof getAvatarTheme>;
-        badge: ReturnType<typeof getBadgeTheme>;
+        badge: BadgeThemeType;
         bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
         bottomSheet: ReturnType<typeof getBottomSheetTheme>;
-        button: ReturnType<typeof getButtonTheme>;
+        button: ButtonThemeType;
         calendar: ReturnType<typeof getCalendarTheme>;
         card: ReturnType<typeof getCardTheme>;
-        carousel: ReturnType<typeof getCarouselTheme>;
+        carousel: CarouselThemeType;
         cardCarousel: ReturnType<typeof getCardCarouselTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
+        chip: ReturnType<typeof getChipTheme>;
         contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         drawer: ReturnType<typeof getDrawerTheme>;
-        empty: ReturnType<typeof getEmptyTheme>;
-        error: ReturnType<typeof getErrorTheme>;
-        fab: ReturnType<typeof getFABTheme>;
+        empty: EmptyThemeType;
+        error: ErrorThemeType;
+        fab: FABThemeType;
         icon: ReturnType<typeof getIconTheme>;
         image: ReturnType<typeof getImageTheme>;
         list: ReturnType<typeof getListTheme>;
         pageControl: ReturnType<typeof getPageControlTheme>;
-        pinInput: ReturnType<typeof getPinInputTheme>;
+        pinInput: PinInputThemeType;
         progress: ReturnType<typeof getProgressTheme>;
         radio: ReturnType<typeof getRadioTheme>;
+        rate: ReturnType<typeof getRateTheme>;
         refreshControl: ReturnType<typeof getRefreshControlTheme>;
         richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
         sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
@@ -79,11 +83,11 @@ declare type Theme = GlobalTheme & {
         skeleton: ReturnType<typeof getSkeletonTheme>;
         slider: ReturnType<typeof getSliderTheme>;
         spinner: ReturnType<typeof getSpinnerTheme>;
-        success: ReturnType<typeof getSuccessTheme>;
+        success: SuccessThemeType;
         swipeable: ReturnType<typeof getSwipeableTheme>;
         switch: ReturnType<typeof getSwitchTheme>;
         tabs: ReturnType<typeof getTabsTheme>;
-        tag: ReturnType<typeof getTagTheme>;
+        tag: TagThemeType;
         textInput: ReturnType<typeof getTextInputTheme>;
         timePicker: ReturnType<typeof getTimePickerTheme>;
         toast: ReturnType<typeof getToastTheme>;

package/types/theme/global/index.d.ts

@@ -59,6 +59,18 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     space: import("./space").Space;
     sizes: import("./sizes").Sizes;
     radii: import("./borders").Radii;
+    shadows: {
+        default: {
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowColor: string;
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
 };
 declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
 export type { GlobalTheme, Scale, SystemPalette };

package/types/theme/global/shadows.d.ts

@@ -0,0 +1,16 @@
+import type { SystemPalette } from '.';
+declare const getShadows: (systemPalette: SystemPalette) => {
+    default: {
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+declare type Shadows = ReturnType<typeof getShadows>;
+export { getShadows };
+export type { Shadows };

package/types/theme/global/space.d.ts

@@ -9,6 +9,7 @@ interface Space {
     xxsmall: number;
     xxxlarge: number;
     xxxxlarge: number;
+    '5xlarge': number;
 }
 declare const getSpace: (baseSpace: number) => Space;
 export { getSpace };

package/types/types.d.ts

@@ -9,4 +9,6 @@ import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './compon
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, };
+import { FABHandles } from './components/FAB/FAB';
+import { ActionGroupHandles } from './components/FAB/ActionGroup';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, };

package/types/utils/helpers.d.ts

@@ -1,4 +1,4 @@
 export declare const isIOS: boolean;
 export declare const isAndroid: boolean;
-export declare function pick<O, T extends keyof O>(keys: T[], obj: O): Pick<O, T>;
+export declare function pick<O extends object, T extends keyof O>(keys: T[], obj: O): Pick<O, T>;
 export declare function omit<O, T extends keyof O>(keys: T[], obj: O): Omit<O, T>;

package/.turbo/turbo-build.log

@@ -1,8 +0,0 @@
-$ yarn build:js && yarn build:types
-$ rollup -c
-
-src/index.ts → lib/index.js, es/index.js...
-(!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-(!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/Users/haudao/workspace/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-created lib/index.js, es/index.js in 1m 2.4s
-$ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/.turbo/turbo-build:types.log

@@ -1 +0,0 @@
-$ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/.turbo/turbo-lint.log

@@ -1,153 +0,0 @@
-$ eslint src --ext .js,.jsx,.ts,.tsx --ignore-path ../../.gitignore
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/BottomSheet/ScrollView.tsx
-  25:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-  34:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-  43:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/BottomSheet/index.tsx
-  123:32  warning  The ref value 'animatedValue.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'animatedValue.current' to a variable inside the effect, and use that variable in the cleanup function  react-hooks/exhaustive-deps
-  124:6   warning  React Hook useEffect has missing dependencies: 'onDismiss' and 'visible'. Either include them or remove the dependency array. If 'onDismiss' changes too often, find the parent component that defines it and wrap that definition in useCallback                          react-hooks/exhaustive-deps
-  137:6   warning  React Hook useEffect has a missing dependency: 'onAnimationEnd'. Either include it or remove the dependency array                                                                                                                                                          react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Button/LoadingIndicator/index.tsx
-  118:36  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Carousel/CardCarousel.tsx
-  109:7  warning  React Hook useCallback has missing dependencies: 'items.length' and 'viewPosition'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-  125:8  warning  React Hook useCallback has a missing dependency: 'viewPosition'. Either include it or remove the dependency array                       react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Carousel/__tests__/CardCarousel.spec.tsx
-   52:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-   52:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-   98:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-   98:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-  153:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-  153:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-  199:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-  199:29  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Carousel/index.tsx
-  128:6  warning  React Hook useEffect has missing dependencies: 'scrollX' and 'width'. Either include them or remove the dependency array        react-hooks/exhaustive-deps
-  134:6  warning  React Hook useCallback has a missing dependency: 'internalOnItemIndexChange'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/DatePicker/DatePickerAndroid.tsx
-  53:25  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/DatePicker/DatePickerIOS.tsx
-  75:27  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Drawer/DragableDrawer/index.tsx
-   78:6  warning  React Hook useEffect has a missing dependency: 'pan'. Either include it or remove the dependency array                                                                                                                                                                                                react-hooks/exhaustive-deps
-   88:6  warning  React Hook useEffect has missing dependencies: 'initialHeightPercentage' and 'minimumHeightPercentage'. Either include them or remove the dependency array                                                                                                                                            react-hooks/exhaustive-deps
-  104:6  warning  React Hook useEffect has missing dependencies: 'pan' and 'snapPoints'. Either include them or remove the dependency array                                                                                                                                                                             react-hooks/exhaustive-deps
-  127:6  warning  React Hook useEffect has missing dependencies: 'height', 'minimumHeightPercentage', 'onCollapsed', 'onExpanded', and 'pan'. Either include them or remove the dependency array. If 'onExpanded' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Drawer/index.tsx
-  69:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/FAB/ActionGroup/index.tsx
-  101:6  warning  React Hook useEffect has a missing dependency: 'visible'. Either include it or remove the dependency array                                                                                                                       react-hooks/exhaustive-deps
-  131:6  warning  React Hook useCallback has a missing dependency: 'onPress'. Either include it or remove the dependency array. If 'onPress' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Icon/utils.ts
-  3:24  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/PageControl/index.tsx
-  40:6  warning  React Hook React.useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/PinInput/index.tsx
-  146:8  warning  React Hook useEffect has missing dependencies: 'autoFocus' and 'focus'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/EditorToolbar.tsx
-  147:6  warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                            react-hooks/exhaustive-deps
-  208:5  warning  React Hook useMemo has missing dependencies: 'normalizeEventName' and 'toggleToolbarButton'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/MentionList.tsx
-  63:6  warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/RichTextEditor.tsx
-   50:13  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                          @typescript-eslint/no-explicit-any
-  145:6   warning  React Hook useMemo has an unnecessary dependency: 'isFocused'. Either exclude it or remove the dependency array                                                                                                                                                                                                   react-hooks/exhaustive-deps
-  171:6   warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                                                                                                                                                                                             react-hooks/exhaustive-deps
-  207:6   warning  React Hook useMemo has missing dependencies: 'autoFocus', 'placeholder', 'theme.__hd__.richTextEditor.colors.text', 'theme.__hd__.richTextEditor.fontSizes.editor', and 'value'. Either include them or remove the dependency array                                                                               react-hooks/exhaustive-deps
-  243:6   warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                                                                                                                                                                                             react-hooks/exhaustive-deps
-  245:61  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                          @typescript-eslint/no-explicit-any
-  305:5   warning  React Hook useCallback has missing dependencies: 'handleEditorLayoutEvent', 'normalizeEventName', 'onChange', and 'onCursorChange'. Either include them or remove the dependency array. If 'onCursorChange' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/__tests__/MentionList.spec.tsx
-  93:20  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/hero-editor.d.ts
-  7:43  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/RichTextEditor/utils/rnWebView.ts
-  11:9  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Select/MultiSelect/index.tsx
-  87:6  warning  React Hook useEffect has a missing dependency: 'value'. Either include it or remove the dependency array. If 'setSelectingValue' needs the current value of 'value', you can also switch to useReducer instead of useState and read 'value' in the reducer  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Skeleton/index.tsx
-   91:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array                                                                                                                                                react-hooks/exhaustive-deps
-  108:6  warning  React Hook useCallback has missing dependencies: 'onLayout' and 'shouldStartAnimation'. Either include them or remove the dependency array. If 'onLayout' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Switch/SelectorSwitch/Option.tsx
-  63:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Switch/SelectorSwitch/index.tsx
-  84:6  warning  React Hook useEffect has missing dependencies: 'animatedValue' and 'options'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-  90:5  warning  React Hook useCallback has an unnecessary dependency: 'options'. Either exclude it or remove the dependency array                 react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Switch/index.tsx
-  71:6  warning  React Hook useEffect has missing dependencies: 'animatedOffset' and 'offset'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Tabs/ScrollableTabsHeader.tsx
-  131:6  warning  React Hook React.useEffect has missing dependencies: 'tabs' and 'tabsAnims'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/TextInput/__tests__/index.spec.tsx
-  465:34  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/TimePicker/TimePickerAndroid.tsx
-  51:25  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/TimePicker/TimePickerIOS.tsx
-  76:27  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Toast/Toast.tsx
-  70:6  warning  React Hook useEffect has missing dependencies: 'autoDismiss', 'duration', and 'onDismiss'. Either include them or remove the dependency array. If 'onDismiss' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-  81:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array                                                                                                                                                    react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/components/Toast/__tests__/index.spec.tsx
-  19:10  warning  React Hook useEffect has a missing dependency: 'toast'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-  82:10  warning  React Hook useEffect has a missing dependency: 'toast'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/components/progress.ts
-  1:10  warning  Importing "mixColor" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/eBens.ts
-  1:10  warning  Importing "eBensPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/global.ts
-  1:10  warning  Importing "defaultMobilePalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/jobs.ts
-  1:10  warning  Importing "jobsPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/swag.ts
-  1:10  warning  Importing "swagPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/wallet.ts
-  1:10  warning  Importing "walletPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/theme/global/colors/work.ts
-  1:10  warning  Importing "workPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-
-/Users/haudao/workspace/hero-design/packages/rn/src/utils/__tests__/helpers.spec.ts
-  15:18  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-  37:18  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/haudao/workspace/hero-design/packages/rn/src/utils/hooks.ts
-  26:7  warning  Unexpected console statement  no-console
-
-✖ 69 problems (0 errors, 69 warnings)
-

package/.turbo/turbo-type-check.log

@@ -1 +0,0 @@
-$ tsc --noEmit

package/types/components/Carousel/CarouselPaginator/StyledCarouselPaginator.d.ts

@@ -1,14 +0,0 @@
-import { Animated, View } from 'react-native';
-declare const StyledCarouselPaginator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledCarouselPaginatorAnimatedView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
-export { StyledCarouselPaginator, StyledCarouselPaginatorAnimatedView };

package/types/components/Carousel/CarouselPaginator/index.d.ts

@@ -1,7 +0,0 @@
-import { Animated } from 'react-native';
-interface CarouselPaginatorProps {
-    numberOfSlides: number;
-    scrollX: Animated.Value;
-}
-declare const CarouselPaginator: ({ numberOfSlides, scrollX, }: CarouselPaginatorProps) => JSX.Element;
-export default CarouselPaginator;

package/types/components/Select/StyledOptionList.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SectionList } from 'react-native';
-import type { ReactElement } from 'react';
-import type { SectionListRenderItemInfo } from 'react-native';
-import type { SectionData, OptionType, SelectProps, SectionType } from './types';
-export declare type StyledOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
-    sections: SectionData<V, T>[];
-    renderItem: (info: SectionListRenderItemInfo<T, SectionType>) => ReactElement;
-    sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
-};
-declare const StyledOptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, }: StyledOptionListProps<V, T>) => JSX.Element;
-export default StyledOptionList;