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

package/dist/index.d.ts

@@ -1,27 +1,27 @@
 import * as react0$1 from "react";
 import * as react0 from "react";
-import * as react46 from "react";
-import * as react81 from "react";
-import * as react78 from "react";
-import * as react75 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 react56 from "react";
+import * as react61 from "react";
+import * as react70 from "react";
+import * as react55 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 react45 from "react";
 import * as react40 from "react";
-import * as react87 from "react";
-import * as react54 from "react";
+import * as react64 from "react";
+import * as react77 from "react";
 import * as react91 from "react";
-import * as react65 from "react";
+import * as react93 from "react";
 import * as react23 from "react";
-import * as react84 from "react";
+import * as react88 from "react";
 import * as react38 from "react";
-import * as react95 from "react";
-import * as react76 from "react";
-import * as react56 from "react";
+import * as react66 from "react";
+import * as react68 from "react";
+import * as react83 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";
@@ -217,7 +217,6 @@ declare const tokens: {
 type ColorDesignTokens = typeof tokens;
 type DarkColorDesignTokens = typeof darkColorDesignTokens;
 type LightColorDesignTokens = typeof lightColorDesignTokens;
-//# sourceMappingURL=tokens.types.d.ts.map
 //#endregion
 //#region src/tokens/tokens.d.ts
 declare const colors: ColorDesignTokens;
@@ -379,7 +378,6 @@ declare const typography: {
     readonly relaxed: "var(--typography-line-height-relaxed)";
   };
 };
-//# sourceMappingURL=tokens.d.ts.map
 //#endregion
 //#region src/contexts/ColorSchemeProvider.d.ts
 type ColorScheme = 'light' | 'dark' | 'userPreference';
@@ -404,7 +402,6 @@ declare const ColorSchemeProvider: ({
   id?: string;
 }>) => react0$1.JSX.Element;
 declare const useColorScheme: () => ThemeContextValue;
-//# sourceMappingURL=ColorSchemeProvider.d.ts.map
 //#endregion
 //#region src/GlobalStyle.d.ts
 type Props$8 = {
@@ -416,35 +413,30 @@ declare function GlobalStyle({
 //#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: react46.ForwardRefExoticComponent<{
+declare const Button: react56.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons | react46.ReactElement;
-  rightIcon?: keyof typeof icons | react46.ReactElement;
+  leftIcon?: keyof typeof icons | react56.ReactElement;
+  rightIcon?: keyof typeof icons | react56.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react46.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react46.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=button.d.ts.map
+  children?: react56.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react56.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/checkbox/checkbox.d.ts
-declare const Checkbox: react81.MemoExoticComponent<react81.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "formAction"> & {
+declare const Checkbox: react61.MemoExoticComponent<react61.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "formAction" | "size"> & {
   size?: "lg" | "md" | "sm";
   labelText?: string;
-} & react81.RefAttributes<HTMLInputElement>>>;
-//# sourceMappingURL=checkbox.d.ts.map
+} & react61.RefAttributes<HTMLInputElement>>>;
 //#endregion
 //#region src/base/icon-button/icon-button.d.ts
-declare const IconButton: react78.ForwardRefExoticComponent<react78.ButtonHTMLAttributes<HTMLButtonElement> & react78.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=icon-button.d.ts.map
+declare const IconButton: react70.ForwardRefExoticComponent<react70.ButtonHTMLAttributes<HTMLButtonElement> & react70.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/icon-button/icon-button.types.d.ts
 type IconButtonProps = {} & ButtonHTMLAttributes<HTMLButtonElement>;
-//# sourceMappingURL=icon-button.types.d.ts.map
 //#endregion
 //#region src/base/modal/modal.d.ts
 declare const Modal: ({
@@ -456,12 +448,10 @@ declare const Modal: ({
   visible: boolean;
   onClose: () => void;
   zIndex?: number;
-}>) => react75.JSX.Element;
-//# sourceMappingURL=modal.d.ts.map
+}>) => react55.JSX.Element;
 //#endregion
 //#region src/base/spinner/spinner.types.d.ts
 type SpinnerVariant = 'page-overlay';
-//# sourceMappingURL=spinner.types.d.ts.map
 //#endregion
 //#region src/base/spinner/spinner.d.ts
 type Props$7 = {
@@ -471,7 +461,7 @@ type Props$7 = {
 declare const Spinner: ({
   variant,
   className
-}: Props$7) => react53.JSX.Element;
+}: Props$7) => react44.JSX.Element;
 //#endregion
 //#region src/base/text/text.styled.d.ts
 type TextVariant = 'heading1' | 'heading2' | 'heading3' | 'body1' | 'body2' | 'caption' | 'label';
@@ -490,7 +480,7 @@ type TextProps = PropsWithChildren<ComponentPropsWithRef<'span'> & {
   as?: ElementType<any, keyof JSX.IntrinsicElements>;
   numberOfLines?: number;
 } & Pick<StyledTextContainerProps, 'variant' | 'size' | 'weight'>>;
-declare const Text: react51.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react51.RefAttributes<HTMLSpanElement>>;
+declare const Text: react73.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react73.RefAttributes<HTMLSpanElement>>;
 //#endregion
 //#region src/base/text-area/text-area.types.d.ts
 type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
@@ -499,22 +489,19 @@ type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElemen
   noResize?: boolean;
   isError?: boolean;
 };
-//# sourceMappingURL=text-area.types.d.ts.map
 //#endregion
 //#region src/base/text-area/text-area.d.ts
-declare const TextArea: react57.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react57.RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=text-area.d.ts.map
+declare const TextArea: react95.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react95.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/base/text-input/text-input.d.ts
-declare const TextInput: react67.ForwardRefExoticComponent<react67.InputHTMLAttributes<HTMLInputElement> & {
+declare const TextInput: react47.ForwardRefExoticComponent<react47.InputHTMLAttributes<HTMLInputElement> & {
   label?: string;
-  labelStyle?: react67.CSSProperties;
+  labelStyle?: react47.CSSProperties;
   isError?: boolean;
   required?: boolean;
-  left?: react67.ReactNode;
-  right?: react67.ReactNode;
-} & react67.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=text-input.d.ts.map
+  left?: react47.ReactNode;
+  right?: react47.ReactNode;
+} & react47.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/base/text-input/text-input.types.d.ts
 type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
@@ -526,7 +513,6 @@ type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
   right?: ReactNode;
 };
 type TextInputRef = HTMLInputElement;
-//# sourceMappingURL=text-input.types.d.ts.map
 //#endregion
 //#region src/base/toast/toast.types.d.ts
 type ToastProps = {
@@ -534,7 +520,6 @@ type ToastProps = {
   zIndex?: number;
   onClose: () => void;
 };
-//# sourceMappingURL=toast.types.d.ts.map
 //#endregion
 //#region src/base/toast/toast.d.ts
 /**
@@ -544,15 +529,14 @@ declare const Toast: ({
   message,
   zIndex,
   onClose
-}: ToastProps) => react62.JSX.Element;
-//# sourceMappingURL=toast.d.ts.map
+}: ToastProps) => react84.JSX.Element;
 //#endregion
 //#region src/base/switch/switch.d.ts
 interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
   checked: boolean;
   onChange: (checked: boolean) => void;
 }
-declare const Switch: react73.ForwardRefExoticComponent<SwitchProps & react73.RefAttributes<HTMLButtonElement>>;
+declare const Switch: react53.ForwardRefExoticComponent<SwitchProps & react53.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/base/badge/badge.d.ts
 type Props$6 = {
@@ -561,7 +545,7 @@ type Props$6 = {
   isHighlighted?: boolean;
   children?: string | ReactElement;
 };
-declare const Badge: react44.ForwardRefExoticComponent<Props$6 & react44.RefAttributes<HTMLDivElement>>;
+declare const Badge: react45.ForwardRefExoticComponent<Props$6 & react45.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/utils/breakpoints.d.ts
 declare const breakpoints: {
@@ -580,7 +564,6 @@ declare const media: Record<BreakpointKey, (styles: SerializedStyles | string) =
 type WithId<T> = {
   id: string;
 } & T;
-//# sourceMappingURL=with-id.d.ts.map
 //#endregion
 //#region src/extensions/grid-card-item/grid-card-item.d.ts
 type GridCardListItemProps = WithId<{
@@ -611,7 +594,6 @@ declare const ErrorUI: {
     onClickRetry: () => void;
   }) => react40.JSX.Element>;
 };
-//# sourceMappingURL=index.d.ts.map
 //#endregion
 //#region src/extensions/app-logo/app-logo.d.ts
 type LogoTheme = 'christmas' | 'transparent' | 'white-background';
@@ -619,19 +601,19 @@ interface Props$5 {
   type?: 'round' | 'square';
   logoTheme: LogoTheme;
 }
-declare const AppLogo: react87.MemoExoticComponent<({
+declare const AppLogo: react64.MemoExoticComponent<({
   type,
   logoTheme,
   ...otherProps
-}: Props$5) => react87.JSX.Element>;
+}: Props$5) => react64.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: react54.MemoExoticComponent<({
+declare const AppStoreButton: react77.MemoExoticComponent<({
   store
-}: Props$4) => react54.JSX.Element>;
+}: Props$4) => react77.JSX.Element>;
 //#endregion
 //#region src/extensions/brand-icon/brand-icon.d.ts
 interface Props$3 extends SVGProps<SVGSVGElement> {
@@ -648,16 +630,15 @@ interface Props$2 extends React.SVGProps<SVGSVGElement> {
   social: 'instagram' | 'x' | 'facebook' | 'youtube';
   ref?: Ref<SVGSVGElement>;
 }
-declare const SNSIcon: react65.MemoExoticComponent<({
+declare const SNSIcon: react93.MemoExoticComponent<({
   social,
   ...svgProps
-}: Props$2) => react65.JSX.Element>;
+}: Props$2) => react93.JSX.Element>;
 //#endregion
 //#region src/extensions/dropdown/dropdown.types.d.ts
 type DropdownMenuItemRef = {
   close: () => void;
 };
-//# sourceMappingURL=dropdown.types.d.ts.map
 //#endregion
 //#region src/extensions/dropdown/dropdown.d.ts
 type Position = {
@@ -736,18 +717,16 @@ declare const Dropdown: {
 };
 //#endregion
 //#region src/extensions/menu-item/menu-item.d.ts
-declare const MenuItem: react84.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
+declare const MenuItem: react88.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
   isLoading?: boolean;
   isCurrent?: boolean;
   icon?: React.ReactNode;
 } & {
-  children?: react84.ReactNode | undefined;
-} & react84.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=menu-item.d.ts.map
+  children?: react88.ReactNode | undefined;
+} & react88.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/extensions/app-header/app-header.types.d.ts
 type AnimatedHeaderAnimation = 'show' | 'hide';
-//# sourceMappingURL=app-header.types.d.ts.map
 //#endregion
 //#region src/extensions/app-header/app-header.d.ts
 type AnimatedHeaderProps = PropsWithChildren<{
@@ -777,7 +756,6 @@ declare const AppHeader: {
     zIndex
   }: AnimatedHeaderProps) => react38.JSX.Element>;
 };
-//# sourceMappingURL=index.d.ts.map
 //#endregion
 //#region src/extensions/color-scheme-toggle/color-scheme-toggle.d.ts
 type Props$1 = {
@@ -785,9 +763,9 @@ type Props$1 = {
     setTheme: ReturnType<typeof useColorScheme>['setTheme'];
   }) => void;
 };
-declare const ColorSchemeToggle: react95.MemoExoticComponent<({
+declare const ColorSchemeToggle: react66.MemoExoticComponent<({
   onToggle
-}: Props$1) => react95.JSX.Element>;
+}: Props$1) => react66.JSX.Element>;
 //#endregion
 //#region src/extensions/full-screen-modal/full-screen-modal.d.ts
 type Props = PropsWithChildren<{
@@ -795,12 +773,12 @@ type Props = PropsWithChildren<{
   onClose: () => void;
   zIndex?: number;
 }>;
-declare const FullScreenModal: react76.MemoExoticComponent<({
+declare const FullScreenModal: react68.MemoExoticComponent<({
   visible,
   onClose,
   children,
   zIndex
-}: Props) => react76.JSX.Element>;
+}: Props) => react68.JSX.Element>;
 //#endregion
 //#region src/extensions/accordion/accordion.d.ts
 type AccordionProps<ItemT> = {
@@ -820,8 +798,7 @@ declare const Accordion: <ItemT extends {
   renderTrigger,
   renderExpanded,
   customized
-}: AccordionProps<ItemT>) => react56.JSX.Element;
-//# sourceMappingURL=accordion.d.ts.map
+}: AccordionProps<ItemT>) => react83.JSX.Element;
 //#endregion
 //#region src/extensions/index.d.ts
 declare const GridCardList: {
@@ -904,8 +881,5 @@ declare const GridCardList: {
 //#endregion
 //#region src/constants.d.ts
 declare const WEB_APP_HEADER_HEIGHT = "100px";
-//# sourceMappingURL=constants.d.ts.map
-
 //#endregion
-export { Accordion, AccordionProps, AppHeader, AppLogo, AppStoreButton, Badge, BrandIcon, Button, Checkbox, ColorDesignTokens, ColorScheme, ColorSchemeProvider, ColorSchemeToggle, DarkColorDesignTokens, Dropdown, type DropdownCoreProps, type DropdownMenuItemRef, ErrorUI, FullScreenModal, GlobalStyle, GridCardList, type GridCardListItemProps, IconButton, IconButtonProps, LightColorDesignTokens, MenuItem, Modal, SNSIcon, Spinner, SpinnerVariant, Switch, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextInputRef, Theme, Toast, ToastProps, WEB_APP_HEADER_HEIGHT, breakpoints, colors, darkModeTheme, generateCssVar, lightModeTheme, media, semanticVariables, semantics, themeToStyles, themeVariables, typography, useColorScheme };
-//# sourceMappingURL=index.d.ts.map
+export { Accordion, AccordionProps, AppHeader, AppLogo, AppStoreButton, Badge, BrandIcon, Button, Checkbox, ColorDesignTokens, ColorScheme, ColorSchemeProvider, ColorSchemeToggle, DarkColorDesignTokens, Dropdown, type DropdownCoreProps, type DropdownMenuItemRef, ErrorUI, FullScreenModal, GlobalStyle, GridCardList, type GridCardListItemProps, IconButton, IconButtonProps, LightColorDesignTokens, MenuItem, Modal, SNSIcon, Spinner, SpinnerVariant, Switch, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextInputRef, Theme, Toast, ToastProps, WEB_APP_HEADER_HEIGHT, breakpoints, colors, darkModeTheme, generateCssVar, lightModeTheme, media, semanticVariables, semantics, themeToStyles, themeVariables, typography, useColorScheme };

package/dist/index.js

@@ -743,5 +743,4 @@ ${$t(r)} }`}}),C(`div`,{className:o,children:e})]})};var an=rn;const on=()=>{let
     margin: 20px 0;
 `,JW=D.div`
     margin-top: 0.5rem;
-`,YW=({accordionKey:e,item:t,renderTrigger:n,renderExpanded:r})=>w(qW,{children:[n(t),e===t.accordionKey&&C(JW,{children:r({selectedItem:t})})]}),XW=({data:e,renderTrigger:t,renderExpanded:n,customized:r})=>{let[i,a]=KW();return w(S,{children:[e.map(e=>C(YW,{accordionKey:i,item:e,renderTrigger:e=>C(`div`,{onClick:()=>a(t=>t===e.accordionKey?null:e.accordionKey),children:t(e)},e.accordionKey),renderExpanded:({selectedItem:e})=>C(S,{children:n({selectedItem:e})})},e.accordionKey)),r]})},ZW={List:AH,MasonryList:FH,Item:dH,MasonryItem:bH,LoadMore:SH,Empty:zH,ImageEmpty:wV,Image:CV};export{XW as Accordion,LW as AppHeader,QH as AppLogo,hU as AppStoreButton,yV as Badge,dU as BrandIcon,oj as Button,dj as Checkbox,an as ColorSchemeProvider,HW as ColorSchemeToggle,EW as Dropdown,KH as ErrorUI,GW as FullScreenModal,ln as GlobalStyle,ZW as GridCardList,pj as IconButton,xW as MenuItem,XB as Modal,MU as SNSIcon,tV as Spinner,gV as Switch,j as Text,aV as TextArea,cV as TextInput,uV as Toast,IH as WEB_APP_HEADER_HEIGHT,xV as breakpoints,O as colors,Jt as darkModeTheme,Yt as generateCssVar,qt as lightModeTheme,K as media,Gt as semanticVariables,k as semantics,$t as themeToStyles,Qt as themeVariables,Kt as typography,on as useColorScheme};
-//# sourceMappingURL=index.js.map
+`,YW=({accordionKey:e,item:t,renderTrigger:n,renderExpanded:r})=>w(qW,{children:[n(t),e===t.accordionKey&&C(JW,{children:r({selectedItem:t})})]}),XW=({data:e,renderTrigger:t,renderExpanded:n,customized:r})=>{let[i,a]=KW();return w(S,{children:[e.map(e=>C(YW,{accordionKey:i,item:e,renderTrigger:e=>C(`div`,{onClick:()=>a(t=>t===e.accordionKey?null:e.accordionKey),children:t(e)},e.accordionKey),renderExpanded:({selectedItem:e})=>C(S,{children:n({selectedItem:e})})},e.accordionKey)),r]})},ZW={List:AH,MasonryList:FH,Item:dH,MasonryItem:bH,LoadMore:SH,Empty:zH,ImageEmpty:wV,Image:CV};export{XW as Accordion,LW as AppHeader,QH as AppLogo,hU as AppStoreButton,yV as Badge,dU as BrandIcon,oj as Button,dj as Checkbox,an as ColorSchemeProvider,HW as ColorSchemeToggle,EW as Dropdown,KH as ErrorUI,GW as FullScreenModal,ln as GlobalStyle,ZW as GridCardList,pj as IconButton,xW as MenuItem,XB as Modal,MU as SNSIcon,tV as Spinner,gV as Switch,j as Text,aV as TextArea,cV as TextInput,uV as Toast,IH as WEB_APP_HEADER_HEIGHT,xV as breakpoints,O as colors,Jt as darkModeTheme,Yt as generateCssVar,qt as lightModeTheme,K as media,Gt as semanticVariables,k as semantics,$t as themeToStyles,Qt as themeVariables,Kt as typography,on as useColorScheme};

package/dist/native.cjs

@@ -90,5 +90,4 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
   font-weight: 700;
   color: ${S.oc.white.value};
   font-size: 14px;
-`,ye=({type:e,message:t,onPress:n})=>{let r=(0,l.useCallback)(e=>{n&&n(e)},[n]);return(0,p.jsx)(ge,{children:(0,p.jsx)(_e,{type:e,onPress:r,children:(0,p.jsx)(ve,{children:t})})})};exports.Button=A,exports.ColorSchemeContext=j,exports.ColorSchemeProvider=M,exports.IconButton=Y,exports.Modal=ce,exports.ProfileThumbnail=ue,exports.Spinner=pe,exports.Text=E,exports.TextInput=he,exports.Toast=ye,exports.useColorScheme=N;
-//# sourceMappingURL=native.cjs.map
+`,ye=({type:e,message:t,onPress:n})=>{let r=(0,l.useCallback)(e=>{n&&n(e)},[n]);return(0,p.jsx)(ge,{children:(0,p.jsx)(_e,{type:e,onPress:r,children:(0,p.jsx)(ve,{children:t})})})};exports.Button=A,exports.ColorSchemeContext=j,exports.ColorSchemeProvider=M,exports.IconButton=Y,exports.Modal=ce,exports.ProfileThumbnail=ue,exports.Spinner=pe,exports.Text=E,exports.TextInput=he,exports.Toast=ye,exports.useColorScheme=N;

package/dist/native.d.cts

@@ -1,16 +1,16 @@
 import * as lucide_react0 from "lucide-react";
 import { icons } from "lucide-react";
-import * as react15 from "react";
+import * as react16 from "react";
 import * as react0$1 from "react";
-import * as react20 from "react";
+import * as react15 from "react";
 import * as react13 from "react";
-import * as react12 from "react";
-import * as react7 from "react";
-import * as react6 from "react";
 import * as react5 from "react";
-import * as react11 from "react";
-import * as react8 from "react";
 import * as react0 from "react";
+import * as react9 from "react";
+import * as react7 from "react";
+import * as react8 from "react";
+import * as react10 from "react";
+import * as react6 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";
@@ -28,20 +28,18 @@ type ButtonProps = PropsWithChildren<{
   textWeight?: 'light' | 'medium' | 'bold';
 }>;
 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$1: react15.ForwardRefExoticComponent<{
+declare const Button$1: react16.ForwardRefExoticComponent<{
   theme?: ButtonTheme;
   variant?: ButtonTheme;
   size?: "lg" | "md" | "sm";
-  leftIcon?: keyof typeof icons | react15.ReactElement;
-  rightIcon?: keyof typeof icons | react15.ReactElement;
+  leftIcon?: keyof typeof icons | react16.ReactElement;
+  rightIcon?: keyof typeof icons | react16.ReactElement;
   textWeight?: "light" | "medium" | "bold";
 } & {
-  children?: react15.ReactNode | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react15.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=button.d.ts.map
+  children?: react16.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react16.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/native/button/button.d.ts
 declare const Button: react0$1.ForwardRefExoticComponent<{
@@ -54,7 +52,6 @@ declare const Button: react0$1.ForwardRefExoticComponent<{
 } & {
   children?: react0$1.ReactNode | undefined;
 } & TouchableOpacityProps & react0$1.RefAttributes<react_native0.View>>;
-//# sourceMappingURL=button.d.ts.map
 //#endregion
 //#region tokens/js/color/variables.d.ts
 declare interface DesignToken {
@@ -239,7 +236,6 @@ declare const tokens: {
 type ColorDesignTokens = typeof tokens;
 type DarkColorDesignTokens = typeof darkColorDesignTokens;
 type LightColorDesignTokens = typeof lightColorDesignTokens;
-//# sourceMappingURL=tokens.types.d.ts.map
 //#endregion
 //#region src/tokens/tokens.d.ts
 declare const colors: ColorDesignTokens;
@@ -401,7 +397,6 @@ declare const typography: {
     readonly relaxed: "var(--typography-line-height-relaxed)";
   };
 };
-//# sourceMappingURL=tokens.d.ts.map
 //#endregion
 //#region src/contexts/ColorSchemeProvider.d.ts
 type ColorScheme = 'light' | 'dark' | 'userPreference';
@@ -424,9 +419,8 @@ declare const ColorSchemeProvider$1: ({
 }: PropsWithChildren<{
   colorScheme: ColorScheme;
   id?: string;
-}>) => react20.JSX.Element;
+}>) => react15.JSX.Element;
 declare const useColorScheme$1: () => ThemeContextValue;
-//# sourceMappingURL=ColorSchemeProvider.d.ts.map
 //#endregion
 //#region src/native/contexts/color-scheme-context/color-scheme-context.d.ts
 declare const ColorSchemeContext: react13.Context<{
@@ -445,7 +439,6 @@ declare const useColorScheme: () => {
   semantics: (typeof semanticVariables)["light"]["color"] | (typeof semanticVariables)["dark"]["color"];
   setColorScheme: (colorScheme: ColorScheme) => void;
 };
-//# sourceMappingURL=color-scheme-context.d.ts.map
 //#endregion
 //#region src/native/icon-button/icon-button.types.d.ts
 interface IconButtonProps extends TouchableOpacityProps {
@@ -457,7 +450,6 @@ interface IconButtonProps extends TouchableOpacityProps {
   fill?: ColorValue;
 }
 type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-//# sourceMappingURL=icon-button.types.d.ts.map
 //#endregion
 //#region src/native/icon-button/icon-button.d.ts
 declare const IconButton: ({
@@ -470,8 +462,7 @@ declare const IconButton: ({
   strokeWidth,
   fill,
   ...otherProps
-}: IconButtonProps) => react12.JSX.Element;
-//# sourceMappingURL=icon-button.d.ts.map
+}: IconButtonProps) => react5.JSX.Element;
 //#endregion
 //#region src/native/modal/modal.types.d.ts
 type ModalProps = PropsWithChildren<{
@@ -479,7 +470,6 @@ type ModalProps = PropsWithChildren<{
   transparent?: boolean;
   onPressBackground?: (event: GestureResponderEvent) => void;
 }>;
-//# sourceMappingURL=modal.types.d.ts.map
 //#endregion
 //#region src/native/modal/modal.d.ts
 declare const Modal: ({
@@ -487,8 +477,7 @@ declare const Modal: ({
   visible,
   transparent,
   onPressBackground
-}: ModalProps) => react7.JSX.Element;
-//# sourceMappingURL=modal.d.ts.map
+}: ModalProps) => react0.JSX.Element;
 //#endregion
 //#region src/native/profile-thumbnail/profile-thumbnail.d.ts
 type ProfileThumbnailProps = {
@@ -504,7 +493,7 @@ declare const ProfileThumbnail: ({
   imageUrl,
   type,
   style
-}: ProfileThumbnailProps) => react6.JSX.Element;
+}: ProfileThumbnailProps) => react9.JSX.Element;
 //#endregion
 //#region src/native/spinner/spinner.d.ts
 interface Props {
@@ -518,13 +507,12 @@ declare const Spinner: ({
   size,
   color,
   style
-}: Props) => react5.JSX.Element;
+}: Props) => react7.JSX.Element;
 //#endregion
 //#region src/native/text/text.types.d.ts
 interface TextProps extends TextProps$1 {
   weight?: 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'extraBold';
 }
-//# sourceMappingURL=text.types.d.ts.map
 //#endregion
 //#region src/native/text/text.d.ts
 declare const Text: ({
@@ -532,16 +520,13 @@ declare const Text: ({
   weight,
   style,
   ...others
-}: TextProps) => react11.JSX.Element;
-//# sourceMappingURL=text.d.ts.map
+}: TextProps) => react8.JSX.Element;
 //#endregion
 //#region src/native/text-input/text-input.types.d.ts
 interface TextInputProps extends TextInputProps$1 {}
-//# sourceMappingURL=text-input.types.d.ts.map
 //#endregion
 //#region src/native/text-input/text-input.d.ts
-declare const TextInput: react8.MemoExoticComponent<react8.ForwardRefExoticComponent<TextInputProps & react8.RefAttributes<TextInput$1>>>;
-//# sourceMappingURL=text-input.d.ts.map
+declare const TextInput: react10.MemoExoticComponent<react10.ForwardRefExoticComponent<TextInputProps & react10.RefAttributes<TextInput$1>>>;
 //#endregion
 //#region src/native/toast/toast.types.d.ts
 interface ToastProps {
@@ -551,16 +536,12 @@ interface ToastProps {
   autoCloseOnPress?: boolean;
 }
 type ToastType = 'info' | 'warning' | 'error';
-//# sourceMappingURL=toast.types.d.ts.map
 //#endregion
 //#region src/native/toast/toast.d.ts
 declare const Toast: ({
   type,
   message,
   onPress
-}: ToastProps) => react0.JSX.Element;
-//# sourceMappingURL=toast.d.ts.map
-
+}: ToastProps) => react6.JSX.Element;
 //#endregion
-export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };
-//# sourceMappingURL=native.d.cts.map
+export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };