@coldsurf/ocean-road 1.15.1 → 1.16.0-alpha.1

package/dist/index.d.ts

@@ -1,42 +1,220 @@
-import * as react21 from "react";
-import * as react22 from "react";
-import * as react80 from "react";
-import * as react70 from "react";
-import * as react59 from "react";
-import * as react79 from "react";
-import * as react87 from "react";
-import * as react85 from "react";
-import * as react48 from "react";
-import * as react88 from "react";
-import * as react65 from "react";
-import * as react77 from "react";
+import * as react0$1 from "react";
+import * as react0 from "react";
 import * as react46 from "react";
-import * as react23 from "react";
-import * as react73 from "react";
+import * as react81 from "react";
+import * as react78 from "react";
 import * as react75 from "react";
-import * as react50 from "react";
-import * as react52 from "react";
-import * as react27 from "react";
-import * as react56 from "react";
-import * as react42 from "react";
+import * as react53 from "react";
+import * as react51 from "react";
+import * as react57 from "react";
+import * as react67 from "react";
+import * as react62 from "react";
+import * as react73 from "react";
 import * as react44 from "react";
+import * as react40 from "react";
+import * as react87 from "react";
 import * as react54 from "react";
-import * as react62 from "react";
-import * as react0 from "react";
+import * as react91 from "react";
+import * as react65 from "react";
+import * as react23 from "react";
+import * as react84 from "react";
+import * as react38 from "react";
+import * as react95 from "react";
+import * as react76 from "react";
+import * as react56 from "react";
+import * as react1 from "react";
 import { ButtonHTMLAttributes, CSSProperties, ComponentPropsWithRef, DetailedHTMLProps, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps, TextareaHTMLAttributes } from "react";
 import * as _emotion_react1 from "@emotion/react";
 import * as _emotion_react0 from "@emotion/react";
 import { SerializedStyles } from "@emotion/react";
 import * as _emotion_styled1 from "@emotion/styled";
 import * as _emotion_styled0 from "@emotion/styled";
-import darkColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-dark.json";
-import lightColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-light.json";
-import colorDesignTokens from "@coldsurfers/ocean-road-design-tokens/js/color/variables";
+import darkColorDesignTokens from "../../tokens/json/color/variables-dark.json";
+import lightColorDesignTokens from "../../tokens/json/color/variables-light.json";
 import { icons } from "lucide-react";
 import { MotionProps } from "framer-motion";
 
+//#region tokens/js/color/variables.d.ts
+declare interface DesignToken {
+  value: any;
+  name?: string;
+  comment?: string;
+  themeable?: boolean;
+  attributes?: {
+    category?: string;
+    type?: string;
+    item?: string;
+    subitem?: string;
+    state?: string;
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
+declare const tokens: {
+  "oc": {
+    "white": DesignToken;
+    "black": DesignToken;
+    "gray": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "red": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "pink": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "grape": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "violet": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "indigo": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "blue": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "cyan": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "teal": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "green": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "lime": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "yellow": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+    "orange": {
+      "0": DesignToken;
+      "1": DesignToken;
+      "2": DesignToken;
+      "3": DesignToken;
+      "4": DesignToken;
+      "5": DesignToken;
+      "6": DesignToken;
+      "7": DesignToken;
+      "8": DesignToken;
+      "9": DesignToken;
+    };
+  };
+};
+//#endregion
 //#region src/tokens/tokens.types.d.ts
-type ColorDesignTokens = typeof colorDesignTokens;
+type ColorDesignTokens = typeof tokens;
 type DarkColorDesignTokens = typeof darkColorDesignTokens;
 type LightColorDesignTokens = typeof lightColorDesignTokens;
 //# sourceMappingURL=tokens.types.d.ts.map
@@ -224,7 +402,7 @@ declare const ColorSchemeProvider: ({
 }: PropsWithChildren<{
   colorScheme: ColorScheme;
   id?: string;
-}>) => react21.JSX.Element;
+}>) => react0$1.JSX.Element;
 declare const useColorScheme: () => ThemeContextValue;
 //# sourceMappingURL=ColorSchemeProvider.d.ts.map
 //#endregion
@@ -234,34 +412,34 @@ type Props$8 = {
 };
 declare function GlobalStyle({
   themeStorageItem
-}: Props$8): react22.JSX.Element;
+}: Props$8): react0.JSX.Element;
 //#endregion
 //#region src/base/button/button.types.d.ts
 type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
 //# sourceMappingURL=button.types.d.ts.map
 //#endregion
 //#region src/base/button/button.d.ts
-declare const Button: react80.ForwardRefExoticComponent<{
+declare const Button: react46.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons | react80.ReactElement;
-  rightIcon?: keyof typeof icons | react80.ReactElement;
+  leftIcon?: keyof typeof icons | react46.ReactElement;
+  rightIcon?: keyof typeof icons | react46.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react80.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react80.RefAttributes<HTMLButtonElement>>;
+  children?: react46.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react46.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map
 //#endregion
 //#region src/base/checkbox/checkbox.d.ts
-declare const Checkbox: react70.MemoExoticComponent<react70.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "formAction" | "size"> & {
+declare const Checkbox: react81.MemoExoticComponent<react81.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "formAction"> & {
   size?: "lg" | "md" | "sm";
   labelText?: string;
-} & react70.RefAttributes<HTMLInputElement>>>;
+} & react81.RefAttributes<HTMLInputElement>>>;
 //# sourceMappingURL=checkbox.d.ts.map
 //#endregion
 //#region src/base/icon-button/icon-button.d.ts
-declare const IconButton: react59.ForwardRefExoticComponent<react59.ButtonHTMLAttributes<HTMLButtonElement> & react59.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react78.ForwardRefExoticComponent<react78.ButtonHTMLAttributes<HTMLButtonElement> & react78.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=icon-button.d.ts.map
 //#endregion
 //#region src/base/icon-button/icon-button.types.d.ts
@@ -278,7 +456,7 @@ declare const Modal: ({
   visible: boolean;
   onClose: () => void;
   zIndex?: number;
-}>) => react79.JSX.Element;
+}>) => react75.JSX.Element;
 //# sourceMappingURL=modal.d.ts.map
 //#endregion
 //#region src/base/spinner/spinner.types.d.ts
@@ -293,7 +471,7 @@ type Props$7 = {
 declare const Spinner: ({
   variant,
   className
-}: Props$7) => react87.JSX.Element;
+}: Props$7) => react53.JSX.Element;
 //#endregion
 //#region src/base/text/text.styled.d.ts
 type TextVariant = 'heading1' | 'heading2' | 'heading3' | 'body1' | 'body2' | 'caption' | 'label';
@@ -312,7 +490,7 @@ type TextProps = PropsWithChildren<ComponentPropsWithRef<'span'> & {
   as?: ElementType<any, keyof JSX.IntrinsicElements>;
   numberOfLines?: number;
 } & Pick<StyledTextContainerProps, 'variant' | 'size' | 'weight'>>;
-declare const Text: react85.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react85.RefAttributes<HTMLSpanElement>>;
+declare const Text: react51.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react51.RefAttributes<HTMLSpanElement>>;
 //#endregion
 //#region src/base/text-area/text-area.types.d.ts
 type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
@@ -324,18 +502,18 @@ type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElemen
 //# sourceMappingURL=text-area.types.d.ts.map
 //#endregion
 //#region src/base/text-area/text-area.d.ts
-declare const TextArea: react48.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react48.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: react57.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react57.RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=text-area.d.ts.map
 //#endregion
 //#region src/base/text-input/text-input.d.ts
-declare const TextInput: react88.ForwardRefExoticComponent<react88.InputHTMLAttributes<HTMLInputElement> & {
+declare const TextInput: react67.ForwardRefExoticComponent<react67.InputHTMLAttributes<HTMLInputElement> & {
   label?: string;
-  labelStyle?: react88.CSSProperties;
+  labelStyle?: react67.CSSProperties;
   isError?: boolean;
   required?: boolean;
-  left?: react88.ReactNode;
-  right?: react88.ReactNode;
-} & react88.RefAttributes<HTMLInputElement>>;
+  left?: react67.ReactNode;
+  right?: react67.ReactNode;
+} & react67.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=text-input.d.ts.map
 //#endregion
 //#region src/base/text-input/text-input.types.d.ts
@@ -366,7 +544,7 @@ declare const Toast: ({
   message,
   zIndex,
   onClose
-}: ToastProps) => react65.JSX.Element;
+}: ToastProps) => react62.JSX.Element;
 //# sourceMappingURL=toast.d.ts.map
 //#endregion
 //#region src/base/switch/switch.d.ts
@@ -374,7 +552,7 @@ interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
   checked: boolean;
   onChange: (checked: boolean) => void;
 }
-declare const Switch: react77.ForwardRefExoticComponent<SwitchProps & react77.RefAttributes<HTMLButtonElement>>;
+declare const Switch: react73.ForwardRefExoticComponent<SwitchProps & react73.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/badge/badge.d.ts
 type Props$6 = {
@@ -383,7 +561,7 @@ type Props$6 = {
   isHighlighted?: boolean;
   children?: string | ReactElement;
 };
-declare const Badge: react46.ForwardRefExoticComponent<Props$6 & react46.RefAttributes<HTMLDivElement>>;
+declare const Badge: react44.ForwardRefExoticComponent<Props$6 & react44.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/utils/breakpoints.d.ts
 declare const breakpoints: {
@@ -422,16 +600,16 @@ type GridCardListItemProps = WithId<{
 //#endregion
 //#region src/extensions/error-ui/index.d.ts
 declare const ErrorUI: {
-  NetworkError: react23.MemoExoticComponent<({
+  NetworkError: react40.MemoExoticComponent<({
     onClickRetry
   }: {
     onClickRetry: () => void;
-  }) => react23.JSX.Element>;
-  UnknownError: react23.MemoExoticComponent<({
+  }) => react40.JSX.Element>;
+  UnknownError: react40.MemoExoticComponent<({
     onClickRetry
   }: {
     onClickRetry: () => void;
-  }) => react23.JSX.Element>;
+  }) => react40.JSX.Element>;
 };
 //# sourceMappingURL=index.d.ts.map
 //#endregion
@@ -441,39 +619,39 @@ interface Props$5 {
   type?: 'round' | 'square';
   logoTheme: LogoTheme;
 }
-declare const AppLogo: react73.MemoExoticComponent<({
+declare const AppLogo: react87.MemoExoticComponent<({
   type,
   logoTheme,
   ...otherProps
-}: Props$5) => react73.JSX.Element>;
+}: Props$5) => react87.JSX.Element>;
 //#endregion
 //#region src/extensions/app-store-button/app-store-button.d.ts
 type Props$4 = {
   store: 'app-store' | 'google-play';
 };
-declare const AppStoreButton: react75.MemoExoticComponent<({
+declare const AppStoreButton: react54.MemoExoticComponent<({
   store
-}: Props$4) => react75.JSX.Element>;
+}: Props$4) => react54.JSX.Element>;
 //#endregion
 //#region src/extensions/brand-icon/brand-icon.d.ts
 interface Props$3 extends SVGProps<SVGSVGElement> {
   brand: 'apple' | 'google' | 'android';
   ref?: Ref<SVGSVGElement>;
 }
-declare const BrandIcon: react50.MemoExoticComponent<({
+declare const BrandIcon: react91.MemoExoticComponent<({
   brand,
   ...svgProps
-}: Props$3) => react50.JSX.Element>;
+}: Props$3) => react91.JSX.Element>;
 //#endregion
 //#region src/extensions/sns-icon/sns-icon.d.ts
 interface Props$2 extends React.SVGProps<SVGSVGElement> {
   social: 'instagram' | 'x' | 'facebook' | 'youtube';
   ref?: Ref<SVGSVGElement>;
 }
-declare const SNSIcon: react52.MemoExoticComponent<({
+declare const SNSIcon: react65.MemoExoticComponent<({
   social,
   ...svgProps
-}: Props$2) => react52.JSX.Element>;
+}: Props$2) => react65.JSX.Element>;
 //#endregion
 //#region src/extensions/dropdown/dropdown.types.d.ts
 type DropdownMenuItemRef = {
@@ -513,31 +691,30 @@ declare const Dropdown: {
     as?: React.ElementType;
   } & {
     $isActive?: boolean;
-  }, react27.DetailedHTMLProps<react27.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+  }, react23.DetailedHTMLProps<react23.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
   MenuItem: <DataItemT>(props: {
     isCurrent: boolean;
-    icon?: react27.ReactNode;
-    title: react27.ReactNode;
+    icon?: react23.ReactNode;
+    title: react23.ReactNode;
     dropdownData: DataItemT[];
-    renderDropdownItem: (item: DataItemT) => react27.ReactNode;
+    renderDropdownItem: (item: DataItemT) => react23.ReactNode;
     backdrop?: boolean;
     absolute?: boolean;
     isLoading?: boolean;
     onClose?: () => void;
-    onMouseEnter?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+    onMouseEnter?: (e: react23.MouseEvent<HTMLDivElement>, params: {
       openDropdown: () => void;
     }) => void;
-    onMouseLeave?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+    onMouseLeave?: (e: react23.MouseEvent<HTMLDivElement>, params: {
       closeDropdown: () => void;
     }) => void;
-    onClick?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+    onClick?: (e: react23.MouseEvent<HTMLDivElement>, params: {
       openDropdown: () => void;
     }) => void;
-    zIndex?: number;
   } & {
-    ref?: react27.Ref<DropdownMenuItemRef>;
+    ref?: react23.Ref<DropdownMenuItemRef>;
   }) => JSX.Element;
-  Core: react27.MemoExoticComponent<react27.ForwardRefExoticComponent<DropdownCoreProps & react27.RefAttributes<DropdownMenuItemRef>>>;
+  Core: react23.MemoExoticComponent<react23.ForwardRefExoticComponent<DropdownCoreProps & react23.RefAttributes<DropdownMenuItemRef>>>;
   Trigger: ({
     renderTriggerNode,
     triggerRef,
@@ -545,27 +722,27 @@ declare const Dropdown: {
     backdrop,
     zIndex,
     edge
-  }: react27.PropsWithChildren<{
+  }: react23.PropsWithChildren<{
     renderTriggerNode: ({
       openDropdown
     }: {
       openDropdown: () => void;
-    }) => react27.ReactNode;
+    }) => react23.ReactNode;
     triggerRef: DropdownCoreProps["triggerRef"];
     backdrop: DropdownCoreProps["backdrop"];
     zIndex: DropdownCoreProps["zIndex"];
     edge: DropdownCoreProps["edge"];
-  }>) => react27.JSX.Element;
+  }>) => react23.JSX.Element;
 };
 //#endregion
 //#region src/extensions/menu-item/menu-item.d.ts
-declare const MenuItem: react56.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
+declare const MenuItem: react84.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
   isLoading?: boolean;
   isCurrent?: boolean;
   icon?: React.ReactNode;
 } & {
-  children?: react56.ReactNode | undefined;
-} & react56.RefAttributes<HTMLDivElement>>;
+  children?: react84.ReactNode | undefined;
+} & react84.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=menu-item.d.ts.map
 //#endregion
 //#region src/extensions/app-header/app-header.types.d.ts
@@ -593,12 +770,12 @@ declare function useIsMobileMenuOpen(): {
 declare const AppHeader: {
   useHeaderScrollAnimation: typeof useHeaderScrollAnimation;
   useIsMobileMenuOpen: typeof useIsMobileMenuOpen;
-  AnimatedHeader: react42.MemoExoticComponent<({
+  AnimatedHeader: react38.MemoExoticComponent<({
     animation,
     children,
     className,
     zIndex
-  }: AnimatedHeaderProps) => react42.JSX.Element>;
+  }: AnimatedHeaderProps) => react38.JSX.Element>;
 };
 //# sourceMappingURL=index.d.ts.map
 //#endregion
@@ -608,9 +785,9 @@ type Props$1 = {
     setTheme: ReturnType<typeof useColorScheme>['setTheme'];
   }) => void;
 };
-declare const ColorSchemeToggle: react44.MemoExoticComponent<({
+declare const ColorSchemeToggle: react95.MemoExoticComponent<({
   onToggle
-}: Props$1) => react44.JSX.Element>;
+}: Props$1) => react95.JSX.Element>;
 //#endregion
 //#region src/extensions/full-screen-modal/full-screen-modal.d.ts
 type Props = PropsWithChildren<{
@@ -618,12 +795,12 @@ type Props = PropsWithChildren<{
   onClose: () => void;
   zIndex?: number;
 }>;
-declare const FullScreenModal: react54.MemoExoticComponent<({
+declare const FullScreenModal: react76.MemoExoticComponent<({
   visible,
   onClose,
   children,
   zIndex
-}: Props) => react54.JSX.Element>;
+}: Props) => react76.JSX.Element>;
 //#endregion
 //#region src/extensions/accordion/accordion.d.ts
 type AccordionProps<ItemT> = {
@@ -643,12 +820,12 @@ declare const Accordion: <ItemT extends {
   renderTrigger,
   renderExpanded,
   customized
-}: AccordionProps<ItemT>) => react62.JSX.Element;
+}: AccordionProps<ItemT>) => react56.JSX.Element;
 //# sourceMappingURL=accordion.d.ts.map
 //#endregion
 //#region src/extensions/index.d.ts
 declare const GridCardList: {
-  List: react0.MemoExoticComponent<({
+  List: react1.MemoExoticComponent<({
     items,
     renderItem,
     onLoadMore,
@@ -659,15 +836,15 @@ declare const GridCardList: {
     navigationComponent
   }: {
     items: GridCardListItemProps[];
-    renderItem: (item: GridCardListItemProps) => react0.ReactNode;
+    renderItem: (item: GridCardListItemProps) => react1.ReactNode;
     onLoadMore: () => void;
     headerText?: string;
     hasNextPage?: boolean;
     isEmpty?: boolean;
-    emptyComponent?: react0.ReactNode;
-    navigationComponent?: react0.ReactNode;
-  }) => react0.JSX.Element>;
-  MasonryList: react0.MemoExoticComponent<({
+    emptyComponent?: react1.ReactNode;
+    navigationComponent?: react1.ReactNode;
+  }) => react1.JSX.Element>;
+  MasonryList: react1.MemoExoticComponent<({
     items,
     renderItem,
     onLoadMore,
@@ -678,15 +855,15 @@ declare const GridCardList: {
     navigationComponent
   }: {
     items: GridCardListItemProps[];
-    renderItem: (item: GridCardListItemProps) => react0.ReactNode;
+    renderItem: (item: GridCardListItemProps) => react1.ReactNode;
     onLoadMore: () => void;
     headerText?: string;
     hasNextPage?: boolean;
     isEmpty?: boolean;
-    emptyComponent?: react0.ReactNode;
-    navigationComponent?: react0.ReactNode;
-  }) => react0.JSX.Element>;
-  Item: react0.MemoExoticComponent<({
+    emptyComponent?: react1.ReactNode;
+    navigationComponent?: react1.ReactNode;
+  }) => react1.JSX.Element>;
+  Item: react1.MemoExoticComponent<({
     thumbnailUrl,
     titleText,
     subText,
@@ -695,8 +872,8 @@ declare const GridCardList: {
     renderThumbnail,
     isSubscribed,
     onClick
-  }: GridCardListItemProps) => react0.JSX.Element>;
-  MasonryItem: react0.MemoExoticComponent<({
+  }: GridCardListItemProps) => react1.JSX.Element>;
+  MasonryItem: react1.MemoExoticComponent<({
     isSubscribed,
     thumbnailUrl,
     titleText,
@@ -704,25 +881,25 @@ declare const GridCardList: {
     bottomText,
     rightBottomSlot,
     renderThumbnail
-  }: GridCardListItemProps) => react0.JSX.Element>;
-  LoadMore: react0.MemoExoticComponent<({
+  }: GridCardListItemProps) => react1.JSX.Element>;
+  LoadMore: react1.MemoExoticComponent<({
     onLoadMore
   }: {
     onLoadMore: () => void;
-  }) => react0.JSX.Element>;
-  Empty: react0.MemoExoticComponent<({
+  }) => react1.JSX.Element>;
+  Empty: react1.MemoExoticComponent<({
     text
   }: {
     text: string;
-  }) => react0.JSX.Element>;
+  }) => react1.JSX.Element>;
   ImageEmpty: _emotion_styled0.StyledComponent<{
     theme?: _emotion_react0.Theme;
     as?: React.ElementType;
-  }, react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+  }, react1.DetailedHTMLProps<react1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
   Image: _emotion_styled0.StyledComponent<{
     theme?: _emotion_react0.Theme;
     as?: React.ElementType;
-  }, react0.DetailedHTMLProps<react0.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+  }, react1.DetailedHTMLProps<react1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 };
 //#endregion
 //#region src/constants.d.ts