@mindly/ui-components 6.0.0-dev.8 → 6.0.0

package/dist/index.d.ts

@@ -2,6 +2,7 @@
 import * as React$1 from 'react';
 import React__default, { CSSProperties, FC, HTMLAttributes, RefAttributes, SVGAttributes, KeyboardEvent, InputHTMLAttributes, KeyboardEventHandler, RefObject, EffectCallback, SVGProps, PropsWithChildren, ReactNode, ReactText, ReactElement, ChangeEvent } from 'react';
 import { WithTranslation } from 'react-i18next';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX as JSX$1 } from '@ionic/core/components';
 import { RatingComponentProps } from 'react-rating';
 import { ScrollDetail, ScrollBaseDetail, RefresherEventDetail } from '@ionic/react';
@@ -236,9 +237,9 @@ type ChatMessageProps = {
 };
 declare const _default$1e: React__default.NamedExoticComponent<ChatMessageProps>;
 
-declare const ChatMessageSkeleton: () => JSX.Element;
+declare const ChatMessageSkeleton: () => react_jsx_runtime.JSX.Element;
 
-declare const _default$1d: React__default.MemoExoticComponent<() => JSX.Element>;
+declare const _default$1d: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
 type EmptyChatList = {
     title?: string;
@@ -2008,7 +2009,7 @@ type Props$8 = {
     className?: string;
     compareBy?: 'value' | 'label';
 };
-declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, }: Props$8) => JSX.Element;
+declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, }: Props$8) => react_jsx_runtime.JSX.Element;
 
 type FontWeight = 'Regular' | 'Semi' | 'Bold';
 type CollapsableTextProps = {
@@ -2016,7 +2017,7 @@ type CollapsableTextProps = {
     size?: number;
     fontWeight?: FontWeight;
 };
-declare function CollapsableText({ t, text, size, fontWeight, }: CollapsableTextProps & TranslationType): JSX.Element;
+declare function CollapsableText({ t, text, size, fontWeight, }: CollapsableTextProps & TranslationType): react_jsx_runtime.JSX.Element;
 
 type TabsProps<T> = AriaTabListProps<T> & {
     className?: string;
@@ -2208,25 +2209,25 @@ interface IconProps$D extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconArrowLeft({ color, ...other }: IconProps$D): JSX.Element;
+declare function IconArrowLeft({ color, ...other }: IconProps$D): react_jsx_runtime.JSX.Element;
 
 interface IconProps$C extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconArrowRight({ color, ...other }: IconProps$C): JSX.Element;
+declare function IconArrowRight({ color, ...other }: IconProps$C): react_jsx_runtime.JSX.Element;
 
 interface IconProps$B extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconBeachAccess({ color, ...other }: IconProps$B): JSX.Element;
+declare function IconBeachAccess({ color, ...other }: IconProps$B): react_jsx_runtime.JSX.Element;
 
 interface IconProps$A extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconCalendar({ color, ...other }: IconProps$A): JSX.Element;
+declare function IconCalendar({ color, ...other }: IconProps$A): react_jsx_runtime.JSX.Element;
 
 declare const IconCalendarNew: FC<IconProps$E>;
 
@@ -2236,7 +2237,7 @@ interface IconProps$z extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconChatOutline({ color, ...other }: IconProps$z): JSX.Element;
+declare function IconChatOutline({ color, ...other }: IconProps$z): react_jsx_runtime.JSX.Element;
 
 interface IconProps$y extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2248,7 +2249,7 @@ interface IconProps$x extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconCheckboxUnchecked({ color, ...other }: IconProps$x): JSX.Element;
+declare function IconCheckboxUnchecked({ color, ...other }: IconProps$x): react_jsx_runtime.JSX.Element;
 
 declare const IconClose: FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2256,19 +2257,19 @@ interface IconProps$w extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconEditCalendar({ color, ...props }: IconProps$w): JSX.Element;
+declare function IconEditCalendar({ color, ...props }: IconProps$w): react_jsx_runtime.JSX.Element;
 
 interface IconProps$v extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconInvisible({ color, ...other }: IconProps$v): JSX.Element;
+declare function IconInvisible({ color, ...other }: IconProps$v): react_jsx_runtime.JSX.Element;
 
 interface IconProps$u extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconLanguage({ color, size, ...other }: IconProps$u): JSX.Element;
+declare function IconLanguage({ color, size, ...other }: IconProps$u): react_jsx_runtime.JSX.Element;
 
 declare const IconLeftArrow: FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2276,13 +2277,13 @@ interface IconProps$t extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconLogout({ color, ...other }: IconProps$t): JSX.Element;
+declare function IconLogout({ color, ...other }: IconProps$t): react_jsx_runtime.JSX.Element;
 
 interface IconProps$s extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconPause({ color, size, ...other }: IconProps$s): JSX.Element;
+declare function IconPause({ color, size, ...other }: IconProps$s): react_jsx_runtime.JSX.Element;
 
 declare function IconMinus({ color, size, ...other }: IconProps$E): JSX.Element;
 
@@ -2293,37 +2294,37 @@ interface IconProps$r extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconProfileChecked({ color, ...other }: IconProps$r): JSX.Element;
+declare function IconProfileChecked({ color, ...other }: IconProps$r): react_jsx_runtime.JSX.Element;
 
 interface IconProps$q extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconProfileCircle({ color, ...other }: IconProps$q): JSX.Element;
+declare function IconProfileCircle({ color, ...other }: IconProps$q): react_jsx_runtime.JSX.Element;
 
 interface IconProps$p extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconProfileSetting({ ...other }: IconProps$p): JSX.Element;
+declare function IconProfileSetting({ ...other }: IconProps$p): react_jsx_runtime.JSX.Element;
 
 interface IconProps$o extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconProfileUnderReview({ ...other }: IconProps$o): JSX.Element;
+declare function IconProfileUnderReview({ ...other }: IconProps$o): react_jsx_runtime.JSX.Element;
 
 interface IconProps$n extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconResume({ color, size, ...other }: IconProps$n): JSX.Element;
+declare function IconResume({ color, size, ...other }: IconProps$n): react_jsx_runtime.JSX.Element;
 
 interface IconProps$m extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconSettings({ color, ...other }: IconProps$m): JSX.Element;
+declare function IconSettings({ color, ...other }: IconProps$m): react_jsx_runtime.JSX.Element;
 
 declare const IconStar: FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2335,19 +2336,19 @@ interface IconProps$l extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconTime({ color, ...other }: IconProps$l): JSX.Element;
+declare function IconTime({ color, ...other }: IconProps$l): react_jsx_runtime.JSX.Element;
 
 interface IconProps$k extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconVerifiedUser({ color, size, ...other }: IconProps$k): JSX.Element;
+declare function IconVerifiedUser({ color, size, ...other }: IconProps$k): react_jsx_runtime.JSX.Element;
 
 interface IconProps$j extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconVisible({ color, ...other }: IconProps$j): JSX.Element;
+declare function IconVisible({ color, ...other }: IconProps$j): react_jsx_runtime.JSX.Element;
 
 declare const IconApple: FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2365,7 +2366,7 @@ interface IconProps$i extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconWarning({ color, size, ...other }: IconProps$i): JSX.Element;
+declare function IconWarning({ color, size, ...other }: IconProps$i): react_jsx_runtime.JSX.Element;
 
 declare const IconGift: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2384,11 +2385,11 @@ declare const IconPaperPencil: React$1.FC<React$1.SVGAttributes<SVGElement> & {
     backgroundColor?: string;
 }>;
 
-declare const IconChat3d: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconChat3d: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconChat3dSmaller: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconChat3dSmaller: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconNotificationMuted: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconNotificationMuted: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const IconCheckSmall: React$1.FC<React$1.SVGAttributes<SVGElement>>;
 
@@ -2398,7 +2399,7 @@ interface IconProps$h extends React$1.SVGAttributes<SVGElement> {
     className?: string;
     style?: React$1.CSSProperties;
 }
-declare function IconCheck({ color, size, ...other }: IconProps$h): JSX.Element;
+declare function IconCheck({ color, size, ...other }: IconProps$h): react_jsx_runtime.JSX.Element;
 
 interface IconProps$g extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2414,45 +2415,45 @@ interface IconProps$f extends React$1.SVGAttributes<SVGElement> {
     className?: string;
     style?: React$1.CSSProperties;
 }
-declare function IconCancelRounded({ color, size, ...other }: IconProps$f): JSX.Element;
+declare function IconCancelRounded({ color, size, ...other }: IconProps$f): react_jsx_runtime.JSX.Element;
 
 interface IconProps$e extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconMute({ color, size, ...other }: IconProps$e): JSX.Element;
+declare function IconMute({ color, size, ...other }: IconProps$e): react_jsx_runtime.JSX.Element;
 
 interface IconProps$d extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconUnmute({ color, size, ...other }: IconProps$d): JSX.Element;
+declare function IconUnmute({ color, size, ...other }: IconProps$d): react_jsx_runtime.JSX.Element;
 
-declare const IconBookmark: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconBookmark: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 interface IconProps$c extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconBookmarkOutlined({ size, color, ...other }: IconProps$c): JSX.Element;
+declare function IconBookmarkOutlined({ size, color, ...other }: IconProps$c): react_jsx_runtime.JSX.Element;
 
-declare const IconUserNotFound: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconUserNotFound: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconSearch: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconSearch: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconPaid: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconPaid: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconClient: ({ color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconClient: ({ color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconClientFilled: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconClientFilled: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconChatFilled: ({ color, ...props }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconChatFilled: ({ color, ...props }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconCancel: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconCancel: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconCalendarFilled: ({ width, height, color, ...props }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconCalendarFilled: ({ width, height, color, ...props }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const IconArrowDown: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const IconArrowDown: ({ width, height, color, ...other }: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 interface IconProps$b extends React$1.SVGAttributes<SVGElement> {
     color?: string;
@@ -2463,13 +2464,13 @@ interface IconProps$a extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconShare({ size, ...props }: IconProps$a): JSX.Element;
+declare function IconShare({ size, ...props }: IconProps$a): react_jsx_runtime.JSX.Element;
 
 interface IconProps$9 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconLink({ size, ...props }: IconProps$9): JSX.Element;
+declare function IconLink({ size, ...props }: IconProps$9): react_jsx_runtime.JSX.Element;
 
 declare const IconHome: FC<IconProps$E>;
 
@@ -2497,7 +2498,7 @@ interface IconProps$8 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconTimeAdd({ color, size, ...other }: IconProps$8): JSX.Element;
+declare function IconTimeAdd({ color, size, ...other }: IconProps$8): react_jsx_runtime.JSX.Element;
 
 declare const IconManageAccounts: FC<IconProps$E>;
 
@@ -2507,13 +2508,13 @@ interface IconProps$7 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconGallery({ color, size, ...other }: IconProps$7): JSX.Element;
+declare function IconGallery({ color, size, ...other }: IconProps$7): react_jsx_runtime.JSX.Element;
 
 interface IconProps$6 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconText({ color, size, ...other }: IconProps$6): JSX.Element;
+declare function IconText({ color, size, ...other }: IconProps$6): react_jsx_runtime.JSX.Element;
 
 interface IconProps$5 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
@@ -2527,7 +2528,7 @@ interface IconProps$4 extends React$1.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-declare function IconAttachMoney({ size, color, style, ...props }: IconProps$4): JSX.Element;
+declare function IconAttachMoney({ size, color, style, ...props }: IconProps$4): react_jsx_runtime.JSX.Element;
 
 declare const IconArrowTopRight: FC<IconProps$E>;
 
@@ -2673,7 +2674,7 @@ declare const priceNormalize: ({ price, locale, currency, side, mode, roundingTo
 
 declare const newShade: (hexColor: string, magnitude: number) => string;
 
-declare const replaceMarkdownWithReactElements: (text: string) => JSX.Element[];
+declare const replaceMarkdownWithReactElements: (text: string) => react_jsx_runtime.JSX.Element[];
 
 type CountryOfOriginModalProps = {
     countries: string[];
@@ -2698,7 +2699,7 @@ type ChangeLanguageModalProps = JSX$1.IonModal & {
     languages: LanguagesType[];
 };
 
-declare function ChangeLanguageModal({ title, onModalClose, onSelect, selected, languages, ...props }: ChangeLanguageModalProps): JSX.Element;
+declare function ChangeLanguageModal({ title, onModalClose, onSelect, selected, languages, ...props }: ChangeLanguageModalProps): react_jsx_runtime.JSX.Element;
 
 type CardModalProps = {
     isOpen: boolean;
@@ -2829,7 +2830,7 @@ type Props$4 = {
     name: string;
     onChange(values: string[]): void;
 };
-declare const CheckBoxSectionListFeature: ({ sections, name, defaultChecked, onChange, }: Props$4) => JSX.Element;
+declare const CheckBoxSectionListFeature: ({ sections, name, defaultChecked, onChange, }: Props$4) => react_jsx_runtime.JSX.Element;
 
 type Props$3 = {
     items: {
@@ -2842,7 +2843,7 @@ type Props$3 = {
     name: string;
     onChange(values: string[]): void;
 };
-declare const CheckBoxListFeature: ({ items, name, type, onChange, values, }: Props$3) => JSX.Element;
+declare const CheckBoxListFeature: ({ items, name, type, onChange, values, }: Props$3) => react_jsx_runtime.JSX.Element;
 
 type ShareModalFeatureProps = {
     isOpen: boolean;
@@ -2863,7 +2864,7 @@ declare const _default$z: React__default.NamedExoticComponent<SpecialistPaymentC
 type SpecialistPaymentCommonCardSkeletonType = {
     className?: string;
 };
-declare const SpecialistPaymentCommonCardSkeleton: (props: SpecialistPaymentCommonCardSkeletonType) => JSX.Element;
+declare const SpecialistPaymentCommonCardSkeleton: (props: SpecialistPaymentCommonCardSkeletonType) => react_jsx_runtime.JSX.Element;
 
 declare const _default$y: React__default.NamedExoticComponent<SpecialistPaymentConsultationsProps & TranslationType>;
 
@@ -2922,7 +2923,7 @@ declare const _default$u: React__default.MemoExoticComponent<React__default.Forw
     onEditReview?: ((review: Pick<SpecialistReview$1, "id" | "review_rating" | "text_of_review">) => void) | undefined;
 } & TranslationType & React__default.RefAttributes<HTMLDivElement>>>;
 
-declare const ReviewsCardFeatureSkeleton: React__default.MemoExoticComponent<() => JSX.Element>;
+declare const ReviewsCardFeatureSkeleton: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
 type AppNotSupportedProps = {
     isOpen: boolean;
@@ -3823,13 +3824,13 @@ type SuccessScreenProps = {
 declare const SuccessScreen: FC<SuccessScreenProps>;
 
 declare const FlagTypes: {
-    uk: JSX.Element;
-    ua: JSX.Element;
-    pl: JSX.Element;
-    gb: JSX.Element;
-    en: JSX.Element;
-    ru: JSX.Element;
-    es: JSX.Element;
+    uk: react_jsx_runtime.JSX.Element;
+    ua: react_jsx_runtime.JSX.Element;
+    pl: react_jsx_runtime.JSX.Element;
+    gb: react_jsx_runtime.JSX.Element;
+    en: react_jsx_runtime.JSX.Element;
+    ru: react_jsx_runtime.JSX.Element;
+    es: react_jsx_runtime.JSX.Element;
 };
 type FlagProps = {
     name: keyof typeof FlagTypes;
@@ -3951,7 +3952,7 @@ declare const FrequentlyAskedQuestions: React__default.FC<FrequentlyAskedQuestio
 /**
  * @deprecated
  */
-declare const Spinner: () => JSX.Element;
+declare const Spinner: () => react_jsx_runtime.JSX.Element;
 
 type RefresherProps = {
     onIonRefresh: (event: CustomEvent<RefresherEventDetail>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "6.0.0-dev.8",
+  "version": "6.0.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -29,7 +29,7 @@
     "classnames": "2.3.2",
     "date-fns": "2.30.0",
     "html-react-parser": "3.0.16",
-    "i18next": "~23.11.5",
+    "i18next": "^23.11.5",
     "luxon": "2.5.2",
     "markdown-to-jsx": "7.5.0",
     "react": "17.0.2",
@@ -37,7 +37,7 @@
     "react-countdown": "2.3.5",
     "react-day-picker": "8.8.2",
     "react-dom": "17.0.2",
-    "react-i18next": "13.2.2",
+    "react-i18next": "^13.5.0",
     "react-intersection-observer": "9.5.3",
     "react-mobile-picker": "1.0.0",
     "react-photo-view": "1.2.4",
@@ -60,10 +60,11 @@
     "@fontsource/inter-tight": "5.0.12",
     "@ionic/react": "6.7.5",
     "@ionic/react-router": "6.7.5",
+    "i18next": "^23.11.5",
     "luxon": "2.5.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-i18next": "13.2.2",
+    "react-i18next": "^13.5.0",
     "styled-components": "5.3.11"
   },
   "main": "dist/cjs/index.js",
@@ -124,9 +125,9 @@
     "@testing-library/user-event": "12.8.3",
     "@types/jest": "26.0.24",
     "@types/luxon": "2.4.0",
-    "@types/node": "12.20.55",
-    "@types/react": "17.0.65",
-    "@types/react-dom": "17.0.20",
+    "@types/node": "20.11.1",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "@types/react-slick": "^0.23.13",
     "@types/sanitize-html": "^2.16.0",
     "@types/styled-components": "5.1.27",
@@ -140,6 +141,8 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-storybook": "0.6.13",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.3",
     "postcss": "8.4.29",
     "react-scripts": "5.0.1",
     "rimraf": "3.0.2",
@@ -180,8 +183,8 @@
   },
   "homepage": "https://github.com/iHUB-Projects/UI-components#readme",
   "resolutions": {
-    "@types/react": "17.0.65",
-    "@types/react-dom": "17.0.20"
+    "@types/react": "17.0.87",
+    "@types/react-dom": "17.0.26"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [

package/dist/configs/tailwind/colors.d.ts

@@ -1,98 +0,0 @@
-declare const _default: {
-    color: {
-        transparent: string;
-        background: {
-            white: string;
-            anti: {
-                flash: {
-                    light: string;
-                };
-            };
-            gray: {
-                black: string;
-                middle: string;
-            };
-        };
-        info: {
-            red: {
-                default: string;
-                not: {
-                    red: string;
-                };
-            };
-            blue: string;
-            orange: string;
-            green: string;
-            mint: string;
-            light: {
-                blue: string;
-                orange: string;
-                green: string;
-                mint: string;
-                red: {
-                    not: {
-                        red: string;
-                    };
-                };
-            };
-        };
-        white: string;
-        black: string;
-        brand: {
-            client: {
-                celestialBlueSuperLight: string;
-                celestialBlue: string;
-                celestialBlueDarker: string;
-            };
-        };
-    };
-    typography: {
-        typography: {
-            primary: string;
-            secondary: string;
-        };
-    };
-    badges: {
-        attention: {
-            main: string;
-            bg: string;
-        };
-        neutral: {
-            main: string;
-            bg: string;
-        };
-        success: {
-            main: string;
-            bg: string;
-        };
-        warning: {
-            main: string;
-            bg: string;
-        };
-        accent: {
-            main: string;
-        };
-        info: {
-            main: string;
-            secondary: string;
-            bg: string;
-        };
-    };
-    skeleton: {
-        color: string;
-    };
-    borders: {
-        divider: string;
-    };
-    controls: {
-        element: {
-            unselected: string;
-            selected: string;
-        };
-    };
-    buttons: {
-        'btn-primary': string;
-    };
-};
-export default _default;
-//# sourceMappingURL=colors.d.ts.map

package/dist/configs/tailwind/colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/configs/tailwind/colors.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAmGE"}

package/dist/configs/tailwind/container.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    maxWidth: {
-        container: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=container.d.ts.map

package/dist/configs/tailwind/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/configs/tailwind/container.ts"],"names":[],"mappings":";;;;;AAAA,wBAIE"}

package/dist/configs/tailwind/fonts.d.ts

@@ -1,23 +0,0 @@
-export declare const fontSize: {
-    '3.5xl': (string | {
-        lineHeight: string;
-    })[];
-    '2.5xl': (string | {
-        lineHeight: string;
-    })[];
-    sl: (string | {
-        lineHeight: string;
-    })[];
-    xm: (string | {
-        lineHeight: string;
-    })[];
-    lm: (string | {
-        lineHeight: string;
-    })[];
-};
-declare const _default: {
-    sans: string[];
-    title: string[];
-};
-export default _default;
-//# sourceMappingURL=fonts.d.ts.map

package/dist/configs/tailwind/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/configs/tailwind/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;CA+BpB,CAAC;;;;;AACF,wBAGE"}

package/dist/configs/tailwind/opacity.d.ts

@@ -1,10 +0,0 @@
-declare const _default: {
-    '65': string;
-    '45': string;
-    '35': string;
-    '15': string;
-    '8': string;
-    '6': string;
-};
-export default _default;
-//# sourceMappingURL=opacity.d.ts.map

package/dist/configs/tailwind/opacity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"opacity.d.ts","sourceRoot":"","sources":["../../../src/configs/tailwind/opacity.ts"],"names":[],"mappings":";;;;;;;;AAAA,wBAOE"}

package/dist/deprecated/LetterAvatar/LetterAvatar.d.ts

@@ -1,17 +0,0 @@
-import { default as React, CSSProperties } from 'react';
-
-export type LetterAvatarProps = {
-    letter: string;
-    dimensions?: number;
-    className?: string;
-    style?: CSSProperties;
-    withBorder?: boolean;
-    borderRadius?: string;
-    width?: number;
-    height?: number;
-    fontSize?: number;
-    onClick?: () => void;
-};
-declare const _default: React.NamedExoticComponent<LetterAvatarProps>;
-export default _default;
-//# sourceMappingURL=LetterAvatar.d.ts.map

package/dist/deprecated/LetterAvatar/LetterAvatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LetterAvatar.d.ts","sourceRoot":"","sources":["../../../src/deprecated/LetterAvatar/LetterAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;;AA0BF,wBAA2D"}