@coldsurf/ocean-road 1.16.0-alpha.3 → 1.16.0-alpha.4

package/dist/index.d.ts

@@ -1,27 +1,27 @@
 import * as react0$1 from "react";
 import * as react0 from "react";
-import * as react56 from "react";
-import * as react61 from "react";
-import * as react70 from "react";
+import * as react78 from "react";
+import * as react68 from "react";
 import * as react55 from "react";
+import * as react58 from "react";
 import * as react44 from "react";
-import * as react73 from "react";
-import * as react95 from "react";
-import * as react47 from "react";
-import * as react84 from "react";
-import * as react53 from "react";
+import * as react49 from "react";
 import * as react45 from "react";
-import * as react40 from "react";
-import * as react64 from "react";
-import * as react77 from "react";
-import * as react91 from "react";
-import * as react93 from "react";
+import * as react72 from "react";
+import * as react71 from "react";
+import * as react53 from "react";
+import * as react47 from "react";
 import * as react23 from "react";
-import * as react88 from "react";
-import * as react38 from "react";
 import * as react66 from "react";
-import * as react68 from "react";
-import * as react83 from "react";
+import * as react62 from "react";
+import * as react64 from "react";
+import * as react95 from "react";
+import * as react27 from "react";
+import * as react59 from "react";
+import * as react42 from "react";
+import * as react87 from "react";
+import * as react51 from "react";
+import * as react86 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";
@@ -415,25 +415,25 @@ declare function GlobalStyle({
 type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
 //#endregion
 //#region src/base/button/button.d.ts
-declare const Button: react56.ForwardRefExoticComponent<{
+declare const Button: react78.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons | react56.ReactElement;
-  rightIcon?: keyof typeof icons | react56.ReactElement;
+  leftIcon?: keyof typeof icons | react78.ReactElement;
+  rightIcon?: keyof typeof icons | react78.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react56.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react56.RefAttributes<HTMLButtonElement>>;
+  children?: react78.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react78.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/checkbox/checkbox.d.ts
-declare const Checkbox: react61.MemoExoticComponent<react61.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "formAction" | "size"> & {
+declare const Checkbox: react68.MemoExoticComponent<react68.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "formAction"> & {
   size?: "lg" | "md" | "sm";
   labelText?: string;
-} & react61.RefAttributes<HTMLInputElement>>>;
+} & react68.RefAttributes<HTMLInputElement>>>;
 //#endregion
 //#region src/base/icon-button/icon-button.d.ts
-declare const IconButton: react70.ForwardRefExoticComponent<react70.ButtonHTMLAttributes<HTMLButtonElement> & react70.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: react55.ForwardRefExoticComponent<react55.ButtonHTMLAttributes<HTMLButtonElement> & react55.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/icon-button/icon-button.types.d.ts
 type IconButtonProps = {} & ButtonHTMLAttributes<HTMLButtonElement>;
@@ -448,7 +448,7 @@ declare const Modal: ({
   visible: boolean;
   onClose: () => void;
   zIndex?: number;
-}>) => react55.JSX.Element;
+}>) => react58.JSX.Element;
 //#endregion
 //#region src/base/spinner/spinner.types.d.ts
 type SpinnerVariant = 'page-overlay';
@@ -480,7 +480,7 @@ type TextProps = PropsWithChildren<ComponentPropsWithRef<'span'> & {
   as?: ElementType<any, keyof JSX.IntrinsicElements>;
   numberOfLines?: number;
 } & Pick<StyledTextContainerProps, 'variant' | 'size' | 'weight'>>;
-declare const Text: react73.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react73.RefAttributes<HTMLSpanElement>>;
+declare const Text: react49.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react49.RefAttributes<HTMLSpanElement>>;
 //#endregion
 //#region src/base/text-area/text-area.types.d.ts
 type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
@@ -491,17 +491,17 @@ type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElemen
 };
 //#endregion
 //#region src/base/text-area/text-area.d.ts
-declare const TextArea: react95.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react95.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: react45.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react45.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/base/text-input/text-input.d.ts
-declare const TextInput: react47.ForwardRefExoticComponent<react47.InputHTMLAttributes<HTMLInputElement> & {
+declare const TextInput: react72.ForwardRefExoticComponent<react72.InputHTMLAttributes<HTMLInputElement> & {
   label?: string;
-  labelStyle?: react47.CSSProperties;
+  labelStyle?: react72.CSSProperties;
   isError?: boolean;
   required?: boolean;
-  left?: react47.ReactNode;
-  right?: react47.ReactNode;
-} & react47.RefAttributes<HTMLInputElement>>;
+  left?: react72.ReactNode;
+  right?: react72.ReactNode;
+} & react72.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/base/text-input/text-input.types.d.ts
 type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
@@ -529,7 +529,7 @@ declare const Toast: ({
   message,
   zIndex,
   onClose
-}: ToastProps) => react84.JSX.Element;
+}: ToastProps) => react71.JSX.Element;
 //#endregion
 //#region src/base/switch/switch.d.ts
 interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
@@ -545,7 +545,7 @@ type Props$6 = {
   isHighlighted?: boolean;
   children?: string | ReactElement;
 };
-declare const Badge: react45.ForwardRefExoticComponent<Props$6 & react45.RefAttributes<HTMLDivElement>>;
+declare const Badge: react47.ForwardRefExoticComponent<Props$6 & react47.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/utils/breakpoints.d.ts
 declare const breakpoints: {
@@ -583,16 +583,16 @@ type GridCardListItemProps = WithId<{
 //#endregion
 //#region src/extensions/error-ui/index.d.ts
 declare const ErrorUI: {
-  NetworkError: react40.MemoExoticComponent<({
+  NetworkError: react23.MemoExoticComponent<({
     onClickRetry
   }: {
     onClickRetry: () => void;
-  }) => react40.JSX.Element>;
-  UnknownError: react40.MemoExoticComponent<({
+  }) => react23.JSX.Element>;
+  UnknownError: react23.MemoExoticComponent<({
     onClickRetry
   }: {
     onClickRetry: () => void;
-  }) => react40.JSX.Element>;
+  }) => react23.JSX.Element>;
 };
 //#endregion
 //#region src/extensions/app-logo/app-logo.d.ts
@@ -601,39 +601,39 @@ interface Props$5 {
   type?: 'round' | 'square';
   logoTheme: LogoTheme;
 }
-declare const AppLogo: react64.MemoExoticComponent<({
+declare const AppLogo: react66.MemoExoticComponent<({
   type,
   logoTheme,
   ...otherProps
-}: Props$5) => react64.JSX.Element>;
+}: Props$5) => react66.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: react77.MemoExoticComponent<({
+declare const AppStoreButton: react62.MemoExoticComponent<({
   store
-}: Props$4) => react77.JSX.Element>;
+}: Props$4) => react62.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: react91.MemoExoticComponent<({
+declare const BrandIcon: react64.MemoExoticComponent<({
   brand,
   ...svgProps
-}: Props$3) => react91.JSX.Element>;
+}: Props$3) => react64.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: react93.MemoExoticComponent<({
+declare const SNSIcon: react95.MemoExoticComponent<({
   social,
   ...svgProps
-}: Props$2) => react93.JSX.Element>;
+}: Props$2) => react95.JSX.Element>;
 //#endregion
 //#region src/extensions/dropdown/dropdown.types.d.ts
 type DropdownMenuItemRef = {
@@ -672,30 +672,30 @@ declare const Dropdown: {
     as?: React.ElementType;
   } & {
     $isActive?: boolean;
-  }, react23.DetailedHTMLProps<react23.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+  }, react27.DetailedHTMLProps<react27.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
   MenuItem: <DataItemT>(props: {
     isCurrent: boolean;
-    icon?: react23.ReactNode;
-    title: react23.ReactNode;
+    icon?: react27.ReactNode;
+    title: react27.ReactNode;
     dropdownData: DataItemT[];
-    renderDropdownItem: (item: DataItemT) => react23.ReactNode;
+    renderDropdownItem: (item: DataItemT) => react27.ReactNode;
     backdrop?: boolean;
     absolute?: boolean;
     isLoading?: boolean;
     onClose?: () => void;
-    onMouseEnter?: (e: react23.MouseEvent<HTMLDivElement>, params: {
+    onMouseEnter?: (e: react27.MouseEvent<HTMLDivElement>, params: {
       openDropdown: () => void;
     }) => void;
-    onMouseLeave?: (e: react23.MouseEvent<HTMLDivElement>, params: {
+    onMouseLeave?: (e: react27.MouseEvent<HTMLDivElement>, params: {
       closeDropdown: () => void;
     }) => void;
-    onClick?: (e: react23.MouseEvent<HTMLDivElement>, params: {
+    onClick?: (e: react27.MouseEvent<HTMLDivElement>, params: {
       openDropdown: () => void;
     }) => void;
   } & {
-    ref?: react23.Ref<DropdownMenuItemRef>;
+    ref?: react27.Ref<DropdownMenuItemRef>;
   }) => JSX.Element;
-  Core: react23.MemoExoticComponent<react23.ForwardRefExoticComponent<DropdownCoreProps & react23.RefAttributes<DropdownMenuItemRef>>>;
+  Core: react27.MemoExoticComponent<react27.ForwardRefExoticComponent<DropdownCoreProps & react27.RefAttributes<DropdownMenuItemRef>>>;
   Trigger: ({
     renderTriggerNode,
     triggerRef,
@@ -703,27 +703,27 @@ declare const Dropdown: {
     backdrop,
     zIndex,
     edge
-  }: react23.PropsWithChildren<{
+  }: react27.PropsWithChildren<{
     renderTriggerNode: ({
       openDropdown
     }: {
       openDropdown: () => void;
-    }) => react23.ReactNode;
+    }) => react27.ReactNode;
     triggerRef: DropdownCoreProps["triggerRef"];
     backdrop: DropdownCoreProps["backdrop"];
     zIndex: DropdownCoreProps["zIndex"];
     edge: DropdownCoreProps["edge"];
-  }>) => react23.JSX.Element;
+  }>) => react27.JSX.Element;
 };
 //#endregion
 //#region src/extensions/menu-item/menu-item.d.ts
-declare const MenuItem: react88.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
+declare const MenuItem: react59.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
   isLoading?: boolean;
   isCurrent?: boolean;
   icon?: React.ReactNode;
 } & {
-  children?: react88.ReactNode | undefined;
-} & react88.RefAttributes<HTMLDivElement>>;
+  children?: react59.ReactNode | undefined;
+} & react59.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/extensions/app-header/app-header.types.d.ts
 type AnimatedHeaderAnimation = 'show' | 'hide';
@@ -749,12 +749,12 @@ declare function useIsMobileMenuOpen(): {
 declare const AppHeader: {
   useHeaderScrollAnimation: typeof useHeaderScrollAnimation;
   useIsMobileMenuOpen: typeof useIsMobileMenuOpen;
-  AnimatedHeader: react38.MemoExoticComponent<({
+  AnimatedHeader: react42.MemoExoticComponent<({
     animation,
     children,
     className,
     zIndex
-  }: AnimatedHeaderProps) => react38.JSX.Element>;
+  }: AnimatedHeaderProps) => react42.JSX.Element>;
 };
 //#endregion
 //#region src/extensions/color-scheme-toggle/color-scheme-toggle.d.ts
@@ -763,9 +763,9 @@ type Props$1 = {
     setTheme: ReturnType<typeof useColorScheme>['setTheme'];
   }) => void;
 };
-declare const ColorSchemeToggle: react66.MemoExoticComponent<({
+declare const ColorSchemeToggle: react87.MemoExoticComponent<({
   onToggle
-}: Props$1) => react66.JSX.Element>;
+}: Props$1) => react87.JSX.Element>;
 //#endregion
 //#region src/extensions/full-screen-modal/full-screen-modal.d.ts
 type Props = PropsWithChildren<{
@@ -773,12 +773,12 @@ type Props = PropsWithChildren<{
   onClose: () => void;
   zIndex?: number;
 }>;
-declare const FullScreenModal: react68.MemoExoticComponent<({
+declare const FullScreenModal: react51.MemoExoticComponent<({
   visible,
   onClose,
   children,
   zIndex
-}: Props) => react68.JSX.Element>;
+}: Props) => react51.JSX.Element>;
 //#endregion
 //#region src/extensions/accordion/accordion.d.ts
 type AccordionProps<ItemT> = {
@@ -798,7 +798,7 @@ declare const Accordion: <ItemT extends {
   renderTrigger,
   renderExpanded,
   customized
-}: AccordionProps<ItemT>) => react83.JSX.Element;
+}: AccordionProps<ItemT>) => react86.JSX.Element;
 //#endregion
 //#region src/extensions/index.d.ts
 declare const GridCardList: {

package/dist/native.d.cts

@@ -1,16 +1,16 @@
 import * as lucide_react0 from "lucide-react";
 import { icons } from "lucide-react";
-import * as react16 from "react";
-import * as react0$1 from "react";
 import * as react15 from "react";
+import * as react2 from "react";
+import * as react20 from "react";
 import * as react13 from "react";
-import * as react5 from "react";
+import * as react0$1 from "react";
+import * as react10 from "react";
 import * as react0 from "react";
-import * as react9 from "react";
+import * as react1 from "react";
+import * as react11 from "react";
 import * as react7 from "react";
-import * as react8 from "react";
-import * as react10 from "react";
-import * as react6 from "react";
+import * as react12 from "react";
 import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from "react";
 import * as react_native0 from "react-native";
 import { ColorValue, GestureResponderEvent, StyleProp, TextInput as TextInput$1, TextInputProps as TextInputProps$1, TextProps as TextProps$1, TouchableOpacityProps, ViewStyle } from "react-native";
@@ -30,28 +30,28 @@ type ButtonProps = PropsWithChildren<{
 type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
 //#endregion
 //#region src/base/button/button.d.ts
-declare const Button$1: react16.ForwardRefExoticComponent<{
+declare const Button$1: react15.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons | react16.ReactElement;
-  rightIcon?: keyof typeof icons | react16.ReactElement;
+  leftIcon?: keyof typeof icons | react15.ReactElement;
+  rightIcon?: keyof typeof icons | react15.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react16.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react16.RefAttributes<HTMLButtonElement>>;
+  children?: react15.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react15.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/native/button/button.d.ts
-declare const Button: react0$1.ForwardRefExoticComponent<{
+declare const Button: react2.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof lucide_react0.icons | react0$1.ReactElement;
-  rightIcon?: keyof typeof lucide_react0.icons | react0$1.ReactElement;
+  leftIcon?: keyof typeof lucide_react0.icons | react2.ReactElement;
+  rightIcon?: keyof typeof lucide_react0.icons | react2.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react0$1.ReactNode | undefined;
-} & TouchableOpacityProps & react0$1.RefAttributes<react_native0.View>>;
+  children?: react2.ReactNode | undefined;
+} & TouchableOpacityProps & react2.RefAttributes<react_native0.View>>;
 //#endregion
 //#region tokens/js/color/variables.d.ts
 declare interface DesignToken {
@@ -419,7 +419,7 @@ declare const ColorSchemeProvider$1: ({
 }: PropsWithChildren<{
   colorScheme: ColorScheme;
   id?: string;
-}>) => react15.JSX.Element;
+}>) => react20.JSX.Element;
 declare const useColorScheme$1: () => ThemeContextValue;
 //#endregion
 //#region src/native/contexts/color-scheme-context/color-scheme-context.d.ts
@@ -462,7 +462,7 @@ declare const IconButton: ({
   strokeWidth,
   fill,
   ...otherProps
-}: IconButtonProps) => react5.JSX.Element;
+}: IconButtonProps) => react0$1.JSX.Element;
 //#endregion
 //#region src/native/modal/modal.types.d.ts
 type ModalProps = PropsWithChildren<{
@@ -477,7 +477,7 @@ declare const Modal: ({
   visible,
   transparent,
   onPressBackground
-}: ModalProps) => react0.JSX.Element;
+}: ModalProps) => react10.JSX.Element;
 //#endregion
 //#region src/native/profile-thumbnail/profile-thumbnail.d.ts
 type ProfileThumbnailProps = {
@@ -493,7 +493,7 @@ declare const ProfileThumbnail: ({
   imageUrl,
   type,
   style
-}: ProfileThumbnailProps) => react9.JSX.Element;
+}: ProfileThumbnailProps) => react0.JSX.Element;
 //#endregion
 //#region src/native/spinner/spinner.d.ts
 interface Props {
@@ -507,7 +507,7 @@ declare const Spinner: ({
   size,
   color,
   style
-}: Props) => react7.JSX.Element;
+}: Props) => react1.JSX.Element;
 //#endregion
 //#region src/native/text/text.types.d.ts
 interface TextProps extends TextProps$1 {
@@ -520,13 +520,13 @@ declare const Text: ({
   weight,
   style,
   ...others
-}: TextProps) => react8.JSX.Element;
+}: TextProps) => react11.JSX.Element;
 //#endregion
 //#region src/native/text-input/text-input.types.d.ts
 interface TextInputProps extends TextInputProps$1 {}
 //#endregion
 //#region src/native/text-input/text-input.d.ts
-declare const TextInput: react10.MemoExoticComponent<react10.ForwardRefExoticComponent<TextInputProps & react10.RefAttributes<TextInput$1>>>;
+declare const TextInput: react7.MemoExoticComponent<react7.ForwardRefExoticComponent<TextInputProps & react7.RefAttributes<TextInput$1>>>;
 //#endregion
 //#region src/native/toast/toast.types.d.ts
 interface ToastProps {
@@ -542,6 +542,6 @@ declare const Toast: ({
   type,
   message,
   onPress
-}: ToastProps) => react6.JSX.Element;
+}: ToastProps) => react12.JSX.Element;
 //#endregion
 export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };

package/dist/native.d.ts

@@ -1,14 +1,14 @@
-import * as react16 from "react";
-import * as react6 from "react";
 import * as react15 from "react";
+import * as react0 from "react";
+import * as react20 from "react";
 import * as react13 from "react";
-import * as react12 from "react";
-import * as react1 from "react";
-import * as react11 from "react";
+import * as react4 from "react";
+import * as react9 from "react";
 import * as react5 from "react";
-import * as react0$1 from "react";
-import * as react2 from "react";
-import * as react0 from "react";
+import * as react6 from "react";
+import * as react7 from "react";
+import * as react10 from "react";
+import * as react8 from "react";
 import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from "react";
 import { icons } from "lucide-react-native";
 import * as react_native0 from "react-native";
@@ -30,28 +30,28 @@ type ButtonProps = PropsWithChildren<{
 type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
 //#endregion
 //#region src/base/button/button.d.ts
-declare const Button$1: react16.ForwardRefExoticComponent<{
+declare const Button$1: react15.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons$1 | react16.ReactElement;
-  rightIcon?: keyof typeof icons$1 | react16.ReactElement;
+  leftIcon?: keyof typeof icons$1 | react15.ReactElement;
+  rightIcon?: keyof typeof icons$1 | react15.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react16.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react16.RefAttributes<HTMLButtonElement>>;
+  children?: react15.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react15.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/native/button/button.d.ts
-declare const Button: react6.ForwardRefExoticComponent<{
+declare const Button: react0.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof lucide_react0.icons | react6.ReactElement;
-  rightIcon?: keyof typeof lucide_react0.icons | react6.ReactElement;
+  leftIcon?: keyof typeof lucide_react0.icons | react0.ReactElement;
+  rightIcon?: keyof typeof lucide_react0.icons | react0.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react6.ReactNode | undefined;
-} & TouchableOpacityProps & react6.RefAttributes<react_native0.View>>;
+  children?: react0.ReactNode | undefined;
+} & TouchableOpacityProps & react0.RefAttributes<react_native0.View>>;
 //#endregion
 //#region tokens/js/color/variables.d.ts
 declare interface DesignToken {
@@ -419,7 +419,7 @@ declare const ColorSchemeProvider$1: ({
 }: PropsWithChildren<{
   colorScheme: ColorScheme;
   id?: string;
-}>) => react15.JSX.Element;
+}>) => react20.JSX.Element;
 declare const useColorScheme$1: () => ThemeContextValue;
 //#endregion
 //#region src/native/contexts/color-scheme-context/color-scheme-context.d.ts
@@ -462,7 +462,7 @@ declare const IconButton: ({
   strokeWidth,
   fill,
   ...otherProps
-}: IconButtonProps) => react12.JSX.Element;
+}: IconButtonProps) => react4.JSX.Element;
 //#endregion
 //#region src/native/modal/modal.types.d.ts
 type ModalProps = PropsWithChildren<{
@@ -477,7 +477,7 @@ declare const Modal: ({
   visible,
   transparent,
   onPressBackground
-}: ModalProps) => react1.JSX.Element;
+}: ModalProps) => react9.JSX.Element;
 //#endregion
 //#region src/native/profile-thumbnail/profile-thumbnail.d.ts
 type ProfileThumbnailProps = {
@@ -493,7 +493,7 @@ declare const ProfileThumbnail: ({
   imageUrl,
   type,
   style
-}: ProfileThumbnailProps) => react11.JSX.Element;
+}: ProfileThumbnailProps) => react5.JSX.Element;
 //#endregion
 //#region src/native/spinner/spinner.d.ts
 interface Props {
@@ -507,7 +507,7 @@ declare const Spinner: ({
   size,
   color,
   style
-}: Props) => react5.JSX.Element;
+}: Props) => react6.JSX.Element;
 //#endregion
 //#region src/native/text/text.types.d.ts
 interface TextProps extends TextProps$1 {
@@ -520,13 +520,13 @@ declare const Text: ({
   weight,
   style,
   ...others
-}: TextProps) => react0$1.JSX.Element;
+}: TextProps) => react7.JSX.Element;
 //#endregion
 //#region src/native/text-input/text-input.types.d.ts
 interface TextInputProps extends TextInputProps$1 {}
 //#endregion
 //#region src/native/text-input/text-input.d.ts
-declare const TextInput: react2.MemoExoticComponent<react2.ForwardRefExoticComponent<TextInputProps & react2.RefAttributes<TextInput$1>>>;
+declare const TextInput: react10.MemoExoticComponent<react10.ForwardRefExoticComponent<TextInputProps & react10.RefAttributes<TextInput$1>>>;
 //#endregion
 //#region src/native/toast/toast.types.d.ts
 interface ToastProps {
@@ -542,6 +542,6 @@ declare const Toast: ({
   type,
   message,
   onPress
-}: ToastProps) => react0.JSX.Element;
+}: ToastProps) => react8.JSX.Element;
 //#endregion
 export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };

package/dist/next.d.cts

@@ -1,7 +1,7 @@
-import * as react81 from "react";
-import * as react80 from "react";
-import * as react82 from "react";
-import * as react84 from "react";
+import * as react61 from "react";
+import * as react64 from "react";
+import * as react59 from "react";
+import * as react65 from "react";
 import * as react43 from "react";
 import * as react0 from "react";
 import { AnchorHTMLAttributes, DependencyList, MouseEventHandler, PropsWithChildren, ReactNode } from "react";
@@ -69,7 +69,7 @@ declare function GlobalLink({
   onClick,
   target,
   ...otherProps
-}: PropsWithChildren<LinkProps & AnchorHTMLAttributes<HTMLAnchorElement>>): react81.JSX.Element;
+}: PropsWithChildren<LinkProps & AnchorHTMLAttributes<HTMLAnchorElement>>): react61.JSX.Element;
 //#endregion
 //#region src/next/global-link/global-link.store.d.ts
 declare function useLinkStore(): {
@@ -86,13 +86,13 @@ declare function RouteLoading({
   deps
 }: PropsWithChildren<{
   deps?: DependencyList;
-}>): react80.JSX.Element;
+}>): react64.JSX.Element;
 //#endregion
 //#region src/next/new-tab-link/new-tab-link.d.ts
-declare const NewTabLink: react82.MemoExoticComponent<({
+declare const NewTabLink: react59.MemoExoticComponent<({
   children,
   ...linkProps
-}: PropsWithChildren<Omit<LinkProps, "target" | "rel">>) => react82.JSX.Element>;
+}: PropsWithChildren<Omit<LinkProps, "target" | "rel">>) => react59.JSX.Element>;
 //#endregion
 //#region src/next/app-footer/app-footer.d.ts
 declare function AppFooter({
@@ -105,7 +105,7 @@ declare function AppFooter({
   playStoreUrl: string;
   instagramUrl: string;
   xUrl: string;
-}): react84.JSX.Element;
+}): react65.JSX.Element;
 //#endregion
 //#region src/next/app-header/index.d.ts
 declare const AppHeader: {