@toss/tds-react-native 1.2.1 → 1.3.1

package/dist/cjs/extensions/page-navbar/PageNavbar.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { CompatAccessoryButton } from './CompatAccessoryButton';
-import { PageAccessoryButtons } from './PageAccessoryButtons';
-import { PageTitle } from './PageTitle';
+import type { ReactNode } from 'react';
+import { CompatAccessoryButton } from './CompatAccessoryButton.js';
+import { PageAccessoryButtons } from './PageAccessoryButtons.js';
+import { PageTitle } from './PageTitle.js';
 type PageNavbarPreference = {
     type: 'showAlways';
 } | {
@@ -104,8 +104,8 @@ export declare function PageNavbar({ children, preference }: Props): import("rea
 export declare namespace PageNavbar {
     var Title: typeof PageTitle;
     var AccessoryButtons: typeof PageAccessoryButtons;
-    var AccessoryTextButton: typeof import("../../components/navbar/ReactNavigationHelper/Right").RightTextButton;
-    var AccessoryIconButton: import("react").ForwardRefExoticComponent<Pick<import("../..").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
+    var AccessoryTextButton: typeof import("../../components/navbar/ReactNavigationHelper/Right.js").RightTextButton;
+    var AccessoryIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../index.js").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
     var TransparentScrollView: import("react").ForwardRefExoticComponent<Omit<import("@granite-js/react-native").IOComponentProps & import("react-native").ScrollViewProps & import("react").RefAttributes<import("react-native").ScrollView>, "ref"> & import("react").RefAttributes<import("react-native").ScrollView>>;
     var AccessoryButton: typeof CompatAccessoryButton;
 }

package/dist/cjs/extensions/page-navbar/PageNavbar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageNavbar=PageNavbar;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),navbar_1=require("../../components/navbar"),CompatAccessoryButton_1=require("./CompatAccessoryButton"),index_1=require("./components/TransparentNavigationBar/index"),PageAccessoryButtons_1=require("./PageAccessoryButtons"),PageTitle_1=require("./PageTitle");function PageNavbar({children:t,preference:e={type:"showAlways"}}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{n.setOptions({headerStyle:{backgroundColor:tds_colors_1.colors.background},statusBarStyle:"dark",headerTintColor:tds_colors_1.colors.grey900})},[n]),e.type==="transparent"?(0,jsx_runtime_1.jsx)(TransparentPage,{children:t}):e.type==="none"?(0,jsx_runtime_1.jsx)(NoneHeaderPage,{children:t}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}function NoneHeaderPage({children:t}){const e=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{e.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[e]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}function TransparentPage({children:t}){const e=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{e.setOptions(index_1.TransparentNavigation.screenOptions)},[e]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}PageNavbar.Title=PageTitle_1.PageTitle,PageNavbar.AccessoryButtons=PageAccessoryButtons_1.PageAccessoryButtons,PageNavbar.AccessoryTextButton=navbar_1.ReactNavigationNavbar.RightTextButton,PageNavbar.AccessoryIconButton=navbar_1.ReactNavigationNavbar.RightIconButton,PageNavbar.TransparentScrollView=index_1.TransparentNavigation.ScrollView,PageNavbar.AccessoryButton=CompatAccessoryButton_1.CompatAccessoryButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageNavbar=PageNavbar;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),index_js_1=require("../../components/navbar/index.js"),CompatAccessoryButton_js_1=require("./CompatAccessoryButton.js"),index_js_2=require("./components/TransparentNavigationBar/index.js"),PageAccessoryButtons_js_1=require("./PageAccessoryButtons.js"),PageTitle_js_1=require("./PageTitle.js");function PageNavbar({children:t,preference:e={type:"showAlways"}}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{n.setOptions({headerStyle:{backgroundColor:tds_colors_1.colors.background},statusBarStyle:"dark",headerTintColor:tds_colors_1.colors.grey900})},[n]),e.type==="transparent"?(0,jsx_runtime_1.jsx)(TransparentPage,{children:t}):e.type==="none"?(0,jsx_runtime_1.jsx)(NoneHeaderPage,{children:t}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}function NoneHeaderPage({children:t}){const e=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{e.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[e]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}function TransparentPage({children:t}){const e=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{e.setOptions(index_js_2.TransparentNavigation.screenOptions)},[e]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}PageNavbar.Title=PageTitle_js_1.PageTitle,PageNavbar.AccessoryButtons=PageAccessoryButtons_js_1.PageAccessoryButtons,PageNavbar.AccessoryTextButton=index_js_1.ReactNavigationNavbar.RightTextButton,PageNavbar.AccessoryIconButton=index_js_1.ReactNavigationNavbar.RightIconButton,PageNavbar.TransparentScrollView=index_js_2.TransparentNavigation.ScrollView,PageNavbar.AccessoryButton=CompatAccessoryButton_js_1.CompatAccessoryButton;

package/dist/cjs/extensions/page-navbar/PageTitle.d.ts

@@ -1,5 +1,5 @@
-import { ReactNavigationNavbar } from '../../components/navbar';
-import { ComponentProps, ReactElement } from 'react';
+import { ReactNavigationNavbar } from '../../components/navbar/index.js';
+import type { ComponentProps, ReactElement } from 'react';
 type TitleTxtProps = ComponentProps<typeof ReactNavigationNavbar.TitleTxt>;
 type HeaderTitleProps = Partial<ComponentProps<typeof ReactNavigationNavbar.HeaderTitle>>;
 interface BaseProps extends HeaderTitleProps {

package/dist/cjs/extensions/page-navbar/PageTitle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageTitle=PageTitle;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),navbar_1=require("../../components/navbar"),react_1=require("react");function PageTitle({children:e,withHeaderLeft:t=!1,style:a,...r}){const i=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{i.setOptions({headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.HeaderTitle,{withHeaderLeft:t,style:a,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.TitleTxt,{...r,children:e}):e})})},[e,i,a,r,t]),null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageTitle=PageTitle;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),index_js_1=require("../../components/navbar/index.js"),react_1=require("react");function PageTitle({children:e,withHeaderLeft:t=!1,style:a,...i}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{n.setOptions({headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.HeaderTitle,{withHeaderLeft:t,style:a,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.TitleTxt,{...i,children:e}):e})})},[e,n,a,i,t]),null}

package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TransparentNavigation=void 0;const TransparentNavigationScreenOptions_1=require("./TransparentNavigationScreenOptions"),TransparentNavigationScrollView_1=require("./TransparentNavigationScrollView");exports.TransparentNavigation={ScrollView:TransparentNavigationScrollView_1.TransparentNavigationScrollView,screenOptions:TransparentNavigationScreenOptions_1.TransparentNavigationScreenOptions};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TransparentNavigation=void 0;const TransparentNavigationScreenOptions_js_1=require("./TransparentNavigationScreenOptions.js"),TransparentNavigationScrollView_js_1=require("./TransparentNavigationScrollView.js");exports.TransparentNavigation={ScrollView:TransparentNavigationScrollView_js_1.TransparentNavigationScrollView,screenOptions:TransparentNavigationScreenOptions_js_1.TransparentNavigationScreenOptions};

package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigationScrollView.d.ts

@@ -1,4 +1,4 @@
-import { ScrollView } from 'react-native';
+import type { ScrollView } from 'react-native';
 /**
  * @private
  * @category Components

package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigationScrollView.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TransparentNavigationScrollView=void 0;const jsx_runtime_1=require("react/jsx-runtime"),elements_1=require("@granite-js/native/@react-navigation/elements"),react_native_1=require("@granite-js/react-native"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_2=require("react-native"),index_1=require("../../../../core/index");exports.TransparentNavigationScrollView=(0,react_1.forwardRef)(function({scrollEventThrottle:n,onScroll:i,...s},a){const r=(0,elements_1.useHeaderHeight)(),o=(0,index_1.useAdaptive)(),{colorPreference:c}=(0,index_1.useColorPreference)(),t=(0,react_1.useRef)(new react_native_2.Animated.Value(0)).current,u={opacity:t},l=(0,react_1.useCallback)(({isBlur:e})=>{react_native_2.Animated.spring(t,{toValue:e?1:0,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[t]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.IOScrollView,{...s,ref:a,scrollEventThrottle:n??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;l({isBlur:d}),i?.(e)}}),(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:[react_native_2.StyleSheet.absoluteFill,{height:r},u],children:(0,jsx_runtime_1.jsx)(react_native_1.BlurView,{blurType:c,blurAmount:10,vibrancyEffect:!0,style:[{height:r,backgroundColor:react_native_1.BlurView.isSupported?void 0:o.background}]})})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TransparentNavigationScrollView=void 0;const jsx_runtime_1=require("react/jsx-runtime"),elements_1=require("@granite-js/native/@react-navigation/elements"),react_native_1=require("@granite-js/react-native"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_2=require("react-native"),index_js_1=require("../../../../core/index.js");exports.TransparentNavigationScrollView=(0,react_1.forwardRef)(function({scrollEventThrottle:n,onScroll:i,...s},a){const r=(0,elements_1.useHeaderHeight)(),o=(0,index_js_1.useAdaptive)(),{colorPreference:c}=(0,index_js_1.useColorPreference)(),t=(0,react_1.useRef)(new react_native_2.Animated.Value(0)).current,u={opacity:t},l=(0,react_1.useCallback)(({isBlur:e})=>{react_native_2.Animated.spring(t,{toValue:e?1:0,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[t]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.IOScrollView,{...s,ref:a,scrollEventThrottle:n??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;l({isBlur:d}),i?.(e)}}),(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:[react_native_2.StyleSheet.absoluteFill,{height:r},u],children:(0,jsx_runtime_1.jsx)(react_native_1.BlurView,{blurType:c,blurAmount:10,vibrancyEffect:!0,style:[{height:r,backgroundColor:react_native_1.BlurView.isSupported?void 0:o.background}]})})]})});

package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/index.d.ts

@@ -1 +1 @@
-export * from './TransparentNavigation';
+export * from './TransparentNavigation.js';

package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TransparentNavigation"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TransparentNavigation.js"),exports);

package/dist/cjs/extensions/page-navbar/index.d.ts

@@ -1 +1 @@
-export * from './PageNavbar';
+export * from './PageNavbar.js';

package/dist/cjs/extensions/page-navbar/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PageNavbar"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PageNavbar.js"),exports);

package/dist/cjs/extensions/partner-web-view-screen/PartnerWebViewScreen.d.ts

@@ -1,11 +1,12 @@
-import { WebView, WebViewProps } from '@granite-js/native/react-native-webview';
-import { TopNavigationProps } from '../top-navigation/TopNavigation';
+import type { WebViewProps } from '@granite-js/native/react-native-webview';
+import { WebView } from '@granite-js/native/react-native-webview';
+import type { TopNavigationProps } from '../top-navigation/TopNavigation.js';
 export type PartnerWebViewScreenProps = WebViewProps & {
     header: TopNavigationProps & {
         withBackButton?: boolean;
     };
 };
-export declare const PartnerWebViewScreen: import("react").ForwardRefExoticComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
+export declare const PartnerWebViewScreen: import("react").ForwardRefExoticComponent<import("react-native-webview/lib/WebViewTypes.js").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes.js").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes.js").WindowsWebViewProps & {
     header: TopNavigationProps & {
         withBackButton?: boolean;
     };

package/dist/cjs/extensions/partner-web-view-screen/PartnerWebViewScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PartnerWebViewScreen=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_webview_1=require("@granite-js/native/react-native-webview"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),mergeRefs_1=require("../../utils/mergeRefs"),index_1=require("../navigation/index"),TopNavigation_1=require("../top-navigation/TopNavigation");exports.PartnerWebViewScreen=(0,react_1.forwardRef)(function({header:c,onNavigationStateChange:s,...u},v){const{withBackButton:l=!0,...f}=c,n=(0,react_1.useRef)(!1),r=(0,react_native_1.useBackEventContext)(),e=(0,react_1.useRef)(null),B=(0,mergeRefs_1.mergeRefs)(v,e),a=!r.hasBackEvent,i=r.onBack,o=(0,index_1.useBackOrCloseNavigation)(),g=(0,react_1.useCallback)(function(){if(!a){i();return}if(e.current!=null&&n.current){e.current?.goBack();return}o()},[a,i,o]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(TopNavigation_1.TopNavigation,{...f,children:(0,jsx_runtime_1.jsx)(index_1.NavigationLeft,{visible:l,children:(0,jsx_runtime_1.jsx)(index_1.NavigationBackButton,{onPress:g,canGoBack:!1})})}),(0,jsx_runtime_1.jsx)(react_native_webview_1.WebView,{ref:B,...u,onNavigationStateChange:t=>{n.current=t.canGoBack,s?.(t)},style:{flex:1}})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PartnerWebViewScreen=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_webview_1=require("@granite-js/native/react-native-webview"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),mergeRefs_js_1=require("../../utils/mergeRefs.js"),index_js_1=require("../navigation/index.js"),TopNavigation_js_1=require("../top-navigation/TopNavigation.js");exports.PartnerWebViewScreen=(0,react_1.forwardRef)(function({header:s,onNavigationStateChange:c,...u},v){const{withBackButton:l=!0,...f}=s,n=(0,react_1.useRef)(!1),r=(0,react_native_1.useBackEventContext)(),e=(0,react_1.useRef)(null),B=(0,mergeRefs_js_1.mergeRefs)(v,e),a=!r.hasBackEvent,i=r.onBack,o=(0,index_js_1.useBackOrCloseNavigation)(),g=(0,react_1.useCallback)(function(){if(!a){i();return}if(e.current!=null&&n.current){e.current?.goBack();return}o()},[a,i,o]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(TopNavigation_js_1.TopNavigation,{...f,children:(0,jsx_runtime_1.jsx)(index_js_1.NavigationLeft,{visible:l,children:(0,jsx_runtime_1.jsx)(index_js_1.NavigationBackButton,{onPress:g,canGoBack:!1})})}),(0,jsx_runtime_1.jsx)(react_native_webview_1.WebView,{ref:B,...u,onNavigationStateChange:t=>{n.current=t.canGoBack,c?.(t)},style:{flex:1}})]})});

package/dist/cjs/extensions/partner-web-view-screen/index.d.ts

@@ -1 +1 @@
-export * from './PartnerWebViewScreen';
+export * from './PartnerWebViewScreen.js';

package/dist/cjs/extensions/partner-web-view-screen/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PartnerWebViewScreen"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PartnerWebViewScreen.js"),exports);

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScaling.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     /**
      * @description 제한하고싶은 fontScale 값

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScaling.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScaling=PreventFontScaling;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),PreventFontScalingAndroid_1=require("./PreventFontScalingAndroid"),PreventFontScalingIos_1=require("./PreventFontScalingIos");function PreventFontScaling({limit:e,children:n}){return react_native_1.Platform.OS==="android"?(0,jsx_runtime_1.jsx)(PreventFontScalingAndroid_1.PreventFontScalingAndroid,{limit:e,children:n}):(0,jsx_runtime_1.jsx)(PreventFontScalingIos_1.PreventFontScalingIos,{limit:e,children:n})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScaling=PreventFontScaling;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),PreventFontScalingAndroid_js_1=require("./PreventFontScalingAndroid.js"),PreventFontScalingIos_js_1=require("./PreventFontScalingIos.js");function PreventFontScaling({limit:e,children:n}){return react_native_1.Platform.OS==="android"?(0,jsx_runtime_1.jsx)(PreventFontScalingAndroid_js_1.PreventFontScalingAndroid,{limit:e,children:n}):(0,jsx_runtime_1.jsx)(PreventFontScalingIos_js_1.PreventFontScalingIos,{limit:e,children:n})}

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScalingAndroid.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     limit: number;
     children: ReactNode;

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScalingAndroid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScalingAndroid=PreventFontScalingAndroid;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core");function PreventFontScalingAndroid({limit:r,children:t}){const{typographyLevel:e}=(0,core_1.useTypographyTheme)(),o=typeof e=="number"?e:100;return(0,jsx_runtime_1.jsx)(core_1.TypographyThemeProvider,{typographyLevel:Math.min(o,r),children:t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScalingAndroid=PreventFontScalingAndroid;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js");function PreventFontScalingAndroid({limit:r,children:t}){const{typographyLevel:e}=(0,index_js_1.useTypographyTheme)(),n=typeof e=="number"?e:100;return(0,jsx_runtime_1.jsx)(index_js_1.TypographyThemeProvider,{typographyLevel:Math.min(n,r),children:t})}

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScalingIos.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     limit: number;
     children: ReactNode;

package/dist/cjs/extensions/prevent-font-scaling/PreventFontScalingIos.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScalingIos=PreventFontScalingIos;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),constants_1=require("../../constants"),core_1=require("../../core");function PreventFontScalingIos({limit:e,children:r}){const o=(0,react_native_1.useWindowDimensions)().fontScale,a=constants_1.iosWindowFontScaleToNormalizeFontScale[o],n=getLimitedNormalizeFontScale(Math.min(a,e));return(0,jsx_runtime_1.jsx)(core_1.TypographyThemeProvider,{typographyLevel:n,children:r})}function getLimitedNormalizeFontScale(e){return e<constants_1.iosTypographyLevelToNormalizeFontScale.xLarge?"Large":e<constants_1.iosTypographyLevelToNormalizeFontScale.xxLarge?"xLarge":e<constants_1.iosTypographyLevelToNormalizeFontScale.xxxLarge?"xxLarge":e<constants_1.iosTypographyLevelToNormalizeFontScale.A11y_Medium?"xxxLarge":e<constants_1.iosTypographyLevelToNormalizeFontScale.A11y_Large?"A11y_Medium":e<constants_1.iosTypographyLevelToNormalizeFontScale.A11y_xLarge?"A11y_Large":e<constants_1.iosTypographyLevelToNormalizeFontScale.A11y_xxLarge?"A11y_xLarge":e<constants_1.iosTypographyLevelToNormalizeFontScale.A11y_xxxLarge?"A11y_xxLarge":"A11y_xxxLarge"}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreventFontScalingIos=PreventFontScalingIos;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../constants/index.js"),index_js_2=require("../../core/index.js");function PreventFontScalingIos({limit:e,children:r}){const o=(0,react_native_1.useWindowDimensions)().fontScale,n=index_js_1.iosWindowFontScaleToNormalizeFontScale[o],a=getLimitedNormalizeFontScale(Math.min(n,e));return(0,jsx_runtime_1.jsx)(index_js_2.TypographyThemeProvider,{typographyLevel:a,children:r})}function getLimitedNormalizeFontScale(e){return e<index_js_1.iosTypographyLevelToNormalizeFontScale.xLarge?"Large":e<index_js_1.iosTypographyLevelToNormalizeFontScale.xxLarge?"xLarge":e<index_js_1.iosTypographyLevelToNormalizeFontScale.xxxLarge?"xxLarge":e<index_js_1.iosTypographyLevelToNormalizeFontScale.A11y_Medium?"xxxLarge":e<index_js_1.iosTypographyLevelToNormalizeFontScale.A11y_Large?"A11y_Medium":e<index_js_1.iosTypographyLevelToNormalizeFontScale.A11y_xLarge?"A11y_Large":e<index_js_1.iosTypographyLevelToNormalizeFontScale.A11y_xxLarge?"A11y_xLarge":e<index_js_1.iosTypographyLevelToNormalizeFontScale.A11y_xxxLarge?"A11y_xxLarge":"A11y_xxxLarge"}

package/dist/cjs/extensions/prevent-font-scaling/index.d.ts

@@ -1 +1 @@
-export * from './PreventFontScaling';
+export * from './PreventFontScaling.js';

package/dist/cjs/extensions/prevent-font-scaling/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PreventFontScaling"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./PreventFontScaling.js"),exports);

package/dist/cjs/extensions/tab-view/Gradient.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../core");function Gradient(){const e=(0,core_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:e,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:e})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../core/index.js");function Gradient(){const t=(0,index_js_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;

package/dist/cjs/extensions/tab-view/Indicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Indicator=Indicator;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native"),const_1=require("./const"),useIndicatorOpacityAnimation_1=require("./hooks/useIndicatorOpacityAnimation"),IndicatorContext_1=require("./IndicatorContext");function Indicator({fluid:e}){(0,useIndicatorOpacityAnimation_1.useIndicatorOpacityAnimation)();const n=(0,core_1.useAdaptive)(),{translateX:i,width:r,opacity:o}=(0,IndicatorContext_1.useIndicator)(),t=e?const_1.FLUID_INDICATOR_PADDING:const_1.INDICATOR_PADDING,a=react_native_1.Animated.add(i,t),c=react_native_1.Animated.add(r,-t*2);return(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:n.grey800},styles.indicator,{width:c,transform:[{translateX:a}],opacity:o}]})}const styles=react_native_1.StyleSheet.create({indicator:{height:2,borderRadius:1,bottom:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Indicator=Indicator;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native"),const_js_1=require("./const.js"),useIndicatorOpacityAnimation_js_1=require("./hooks/useIndicatorOpacityAnimation.js"),IndicatorContext_js_1=require("./IndicatorContext.js");function Indicator({fluid:e}){(0,useIndicatorOpacityAnimation_js_1.useIndicatorOpacityAnimation)();const n=(0,index_js_1.useAdaptive)(),{translateX:i,width:r,opacity:o}=(0,IndicatorContext_js_1.useIndicator)(),t=e?const_js_1.FLUID_INDICATOR_PADDING:const_js_1.INDICATOR_PADDING,a=react_native_1.Animated.add(i,t),s=react_native_1.Animated.add(r,-t*2);return(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:n.grey800},styles.indicator,{width:s,transform:[{translateX:a}],opacity:o}]})}const styles=react_native_1.StyleSheet.create({indicator:{height:2,borderRadius:1,bottom:1}});

package/dist/cjs/extensions/tab-view/IndicatorContext.d.ts

@@ -1,6 +1,7 @@
-import { PagerViewOnPageScrollEventData, PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
-import { MutableRefObject } from 'react';
-import { Animated, NativeSyntheticEvent } from 'react-native';
+import type { PagerViewOnPageScrollEventData, PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
+import type { MutableRefObject } from 'react';
+import type { NativeSyntheticEvent } from 'react-native';
+import { Animated } from 'react-native';
 export interface IndicatorContext {
     width: Animated.AnimatedInterpolation<number>;
     translateX: Animated.AnimatedInterpolation<number>;

package/dist/cjs/extensions/tab-view/IndicatorProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare function IndicatorProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/extensions/tab-view/IndicatorProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IndicatorProvider=IndicatorProvider;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),useIndicatorInterpolationRanges_1=require("./hooks/useIndicatorInterpolationRanges"),usePagerViewScrollHandler_1=require("./hooks/usePagerViewScrollHandler"),useScrollStateChangedHandler_1=require("./hooks/useScrollStateChangedHandler"),IndicatorContext_1=require("./IndicatorContext"),TabsContext_1=require("./TabsContext");function IndicatorProvider({children:n}){const{initialTabIndex:r}=(0,TabsContext_1.useTabs)(),{isGestureSwipingRef:a,scrollStateChangedHandler:o}=(0,useScrollStateChangedHandler_1.useScrollStateChangedHandler)(),i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,{position:s,offset:c,scrollHandler:u}=(0,usePagerViewScrollHandler_1.useScrollHandler)({initialPosition:r}),{inputRange:e,widthOutputRange:l,translateXOutputRange:d}=(0,useIndicatorInterpolationRanges_1.useIndicatorInterpolationRanges)(),t=react_native_1.Animated.add(s,c),p=t.interpolate({inputRange:e,outputRange:l,extrapolate:"clamp"}),g=t.interpolate({inputRange:e,outputRange:d,extrapolate:"clamp"});return(0,jsx_runtime_1.jsx)(IndicatorContext_1.IndicatorContext.Provider,{value:{width:p,translateX:g,opacity:i,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:o},children:n})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IndicatorProvider=IndicatorProvider;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),useIndicatorInterpolationRanges_js_1=require("./hooks/useIndicatorInterpolationRanges.js"),usePagerViewScrollHandler_js_1=require("./hooks/usePagerViewScrollHandler.js"),useScrollStateChangedHandler_js_1=require("./hooks/useScrollStateChangedHandler.js"),IndicatorContext_js_1=require("./IndicatorContext.js"),TabsContext_js_1=require("./TabsContext.js");function IndicatorProvider({children:n}){const{initialTabIndex:r}=(0,TabsContext_js_1.useTabs)(),{isGestureSwipingRef:a,scrollStateChangedHandler:o}=(0,useScrollStateChangedHandler_js_1.useScrollStateChangedHandler)(),s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,{position:i,offset:c,scrollHandler:u}=(0,usePagerViewScrollHandler_js_1.useScrollHandler)({initialPosition:r}),{inputRange:e,widthOutputRange:l,translateXOutputRange:d}=(0,useIndicatorInterpolationRanges_js_1.useIndicatorInterpolationRanges)(),t=react_native_1.Animated.add(i,c),p=t.interpolate({inputRange:e,outputRange:l,extrapolate:"clamp"}),g=t.interpolate({inputRange:e,outputRange:d,extrapolate:"clamp"});return(0,jsx_runtime_1.jsx)(IndicatorContext_js_1.IndicatorContext.Provider,{value:{width:p,translateX:g,opacity:s,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:o},children:n})}

package/dist/cjs/extensions/tab-view/TabItem.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import { TabValue } from './TabsContext';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { TabValue } from './TabsContext.js';
 interface TabItemProps {
     redBean?: boolean;
     value: TabValue;

package/dist/cjs/extensions/tab-view/TabItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../../components/txt"),react_1=require("react"),react_native_1=require("react-native"),const_1=require("./const"),Gradient_1=require("./Gradient"),TabsContext_1=require("./TabsContext");function TabItem({redBean:d=!1,value:t,children:_,style:g,onPress:s,tabIndex:e}){const{fluid:o,value:a,onChange:l,pagerViewRef:n,setTabWidthMap:c}=(0,TabsContext_1.useTabs)(),r=(0,react_1.useMemo)(()=>t===a,[t,a]),u=(0,core_1.useAdaptive)(),h=(0,react_1.useCallback)(i=>{s?.(i),l?.(t,e),e!=null&&n?.current!=null&&n.current.setPage(e)},[l,s,n,e,t]);return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:r},onPress:h,style:[styles.container,o?styles.fluidContainer:{},g],onLayout:i=>{const p=i.nativeEvent.layout;c!=null&&e!=null&&c(y=>({...y,[e]:p}))},children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:r?"bold":"semiBold",color:r?u.grey800:u.grey600,children:_}),o?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.gradientContainer,children:(0,jsx_runtime_1.jsx)(Gradient_1.Gradient,{})}),d?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const MIN_WIDTH=40,styles=react_native_1.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:MIN_WIDTH,marginHorizontal:const_1.TAB_ITEM_HORIZONTAL_MARGIN},fluidContainer:{marginHorizontal:const_1.FLUID_TAB_ITEM_HORIZONTAL_MARGIN},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../../components/txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),const_js_1=require("./const.js"),Gradient_js_1=require("./Gradient.js"),TabsContext_js_1=require("./TabsContext.js");function TabItem({redBean:d=!1,value:t,children:_,style:j,onPress:r,tabIndex:e}){const{fluid:o,value:a,onChange:l,pagerViewRef:n,setTabWidthMap:c}=(0,TabsContext_js_1.useTabs)(),i=(0,react_1.useMemo)(()=>t===a,[t,a]),u=(0,index_js_1.useAdaptive)(),g=(0,react_1.useCallback)(s=>{r?.(s),l?.(t,e),e!=null&&n?.current!=null&&n.current.setPage(e)},[l,r,n,e,t]);return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:i},onPress:g,style:[styles.container,o?styles.fluidContainer:{},j],onLayout:s=>{const h=s.nativeEvent.layout;c!=null&&e!=null&&c(p=>({...p,[e]:h}))},children:[(0,jsx_runtime_1.jsx)(index_js_2.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:i?"bold":"semiBold",color:i?u.grey800:u.grey600,children:_}),o?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.gradientContainer,children:(0,jsx_runtime_1.jsx)(Gradient_js_1.Gradient,{})}),d?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const MIN_WIDTH=40,styles=react_native_1.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:MIN_WIDTH,marginHorizontal:const_js_1.TAB_ITEM_HORIZONTAL_MARGIN},fluidContainer:{marginHorizontal:const_js_1.FLUID_TAB_ITEM_HORIZONTAL_MARGIN},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});

package/dist/cjs/extensions/tab-view/TabView.d.ts

@@ -1,2 +1,2 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export declare function TabView(props: ViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/extensions/tab-view/Tabs.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { TabsList } from './TabsList';
-import { TabsViewList } from './TabsViews';
-import { TabView } from './TabView';
+import type { ReactNode } from 'react';
+import { TabsList } from './TabsList.js';
+import { TabsViewList } from './TabsViews.js';
+import { TabView } from './TabView.js';
 interface Props {
     fluid: boolean;
     defaultValue: string;
@@ -12,7 +12,7 @@ interface Props {
 declare function Tabs({ fluid, defaultValue, value: _value, children, onChange }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var TabList: typeof TabsList;
-    var TabItem: typeof import("./TabItem").TabItem;
+    var TabItem: typeof import("./TabItem.js").TabItem;
     var ViewList: typeof TabsViewList;
     var View: typeof TabView;
 }

package/dist/cjs/extensions/tab-view/Tabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=Tabs;const jsx_runtime_1=require("react/jsx-runtime"),utils_1=require("../../utils"),react_1=require("react"),IndicatorProvider_1=require("./IndicatorProvider"),TabItem_1=require("./TabItem"),TabsContext_1=require("./TabsContext"),TabsList_1=require("./TabsList"),TabsViews_1=require("./TabsViews"),TabView_1=require("./TabView"),getTabData_1=require("./utils/getTabData");function Tabs({fluid:b,defaultValue:r,value:l,children:a,onChange:o}){const[T,u]=(0,utils_1.useControlled)({controlledValue:l,defaultValue:r}),d=(0,react_1.useRef)(null),[x,I]=(0,react_1.useState)({}),s=(0,react_1.useMemo)(()=>(0,getTabData_1.getTabData)(a),[a]),c=s.findIndex(e=>e.value===r),[_,v]=(0,react_1.useState)(c),n=(0,react_1.useCallback)((e,t)=>{o?.(e,t),u(e),v(t)},[o,u]),V=(0,react_1.useCallback)(e=>{const t=e.nativeEvent.position,i=s.find(q=>q.tabIndex===t);i!=null&&n(i.value,i.tabIndex)},[n,s]);return(0,jsx_runtime_1.jsx)(TabsContext_1.TabsContext.Provider,{value:{fluid:b,value:T,tabLayoutMap:x,setTabWidthMap:I,onChange:n,onPageSelected:V,initialTabIndex:c,pagerViewRef:d,tabIndex:_},children:(0,jsx_runtime_1.jsx)(IndicatorProvider_1.IndicatorProvider,{children:a})})}Tabs.TabList=TabsList_1.TabsList,Tabs.TabItem=TabItem_1.TabItem,Tabs.ViewList=TabsViews_1.TabsViewList,Tabs.View=TabView_1.TabView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=Tabs;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../../utils/index.js"),IndicatorProvider_js_1=require("./IndicatorProvider.js"),TabItem_js_1=require("./TabItem.js"),TabsContext_js_1=require("./TabsContext.js"),TabsList_js_1=require("./TabsList.js"),TabsViews_js_1=require("./TabsViews.js"),TabView_js_1=require("./TabView.js"),getTabData_js_1=require("./utils/getTabData.js");function Tabs({fluid:b,defaultValue:r,value:l,children:s,onChange:o}){const[T,u]=(0,index_js_1.useControlled)({controlledValue:l,defaultValue:r}),d=(0,react_1.useRef)(null),[j,_]=(0,react_1.useState)({}),a=(0,react_1.useMemo)(()=>(0,getTabData_js_1.getTabData)(s),[s]),c=a.findIndex(e=>e.value===r),[x,I]=(0,react_1.useState)(c),n=(0,react_1.useCallback)((e,t)=>{o?.(e,t),u(e),I(t)},[o,u]),v=(0,react_1.useCallback)(e=>{const t=e.nativeEvent.position,i=a.find(V=>V.tabIndex===t);i!=null&&n(i.value,i.tabIndex)},[n,a]);return(0,jsx_runtime_1.jsx)(TabsContext_js_1.TabsContext.Provider,{value:{fluid:b,value:T,tabLayoutMap:j,setTabWidthMap:_,onChange:n,onPageSelected:v,initialTabIndex:c,pagerViewRef:d,tabIndex:x},children:(0,jsx_runtime_1.jsx)(IndicatorProvider_js_1.IndicatorProvider,{children:s})})}Tabs.TabList=TabsList_js_1.TabsList,Tabs.TabItem=TabItem_js_1.TabItem,Tabs.ViewList=TabsViews_js_1.TabsViewList,Tabs.View=TabView_js_1.TabView;

package/dist/cjs/extensions/tab-view/TabsContext.d.ts

@@ -1,6 +1,6 @@
-import PagerView from '@granite-js/native/react-native-pager-view';
-import { Dispatch, RefObject, SetStateAction } from 'react';
-import { LayoutRectangle } from 'react-native/types';
+import type { PagerView } from '@granite-js/native/react-native-pager-view';
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+import type { LayoutRectangle } from 'react-native';
 export type TabValue = string;
 export type TabIndex = number;
 export type TabWidthMap = Record<TabIndex, LayoutRectangle>;

package/dist/cjs/extensions/tab-view/TabsList.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
 interface Props extends ViewProps {
     children: ReactNode;
 }

package/dist/cjs/extensions/tab-view/TabsList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabsList=TabsList;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_1=require("react"),react_native_1=require("react-native"),const_1=require("./const"),Indicator_1=require("./Indicator"),TabsContext_1=require("./TabsContext");function TabsList({children:r,style:s,...o}){const{fluid:e}=(0,TabsContext_1.useTabs)(),n=(0,core_1.useAdaptive)(),i={...styles.border,borderBottomColor:n.grey200};return(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[i,styles.fluidBorder]}):null,(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{horizontal:e,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,s],accessibilityRole:"tablist",...o,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.padding,e?styles.fluidPadding:{}]}),react_1.Children.map(r,(t,l)=>{if((0,react_1.isValidElement)(t))return(0,react_1.cloneElement)(t,{...t.props,tabIndex:l})}),e?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.padding})]}),e?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:i}),(0,jsx_runtime_1.jsx)(Indicator_1.Indicator,{fluid:e})]})})]})}const styles=react_native_1.StyleSheet.create({padding:{width:const_1.TAB_LIST_CONTAINER_PADDING,height:1},fluidPadding:{width:const_1.TAB_LIST_FLUID_CONTAINER_PADDING,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabsList=TabsList;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_1=require("react"),react_native_1=require("react-native"),const_js_1=require("./const.js"),Indicator_js_1=require("./Indicator.js"),TabsContext_js_1=require("./TabsContext.js");function TabsList({children:s,style:r,...o}){const{fluid:e}=(0,TabsContext_js_1.useTabs)(),n=(0,index_js_1.useAdaptive)(),i={...styles.border,borderBottomColor:n.grey200};return(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[i,styles.fluidBorder]}):null,(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{horizontal:e,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,r],accessibilityRole:"tablist",...o,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.padding,e?styles.fluidPadding:{}]}),react_1.Children.map(s,(t,l)=>{if((0,react_1.isValidElement)(t))return(0,react_1.cloneElement)(t,{...t.props,tabIndex:l})}),e?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.padding})]}),e?null:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:i}),(0,jsx_runtime_1.jsx)(Indicator_js_1.Indicator,{fluid:e})]})})]})}const styles=react_native_1.StyleSheet.create({padding:{width:const_js_1.TAB_LIST_CONTAINER_PADDING,height:1},fluidPadding:{width:const_js_1.TAB_LIST_FLUID_CONTAINER_PADDING,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});

package/dist/cjs/extensions/tab-view/TabsViews.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }

package/dist/cjs/extensions/tab-view/hooks/useIndicatorInterpolationRanges.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorInterpolationRanges=useIndicatorInterpolationRanges;const react_1=require("react"),TabsContext_1=require("../TabsContext"),getIndicatorInterpolateOutput_1=require("../utils/getIndicatorInterpolateOutput");function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=(0,TabsContext_1.useTabs)(),e=(0,react_1.useMemo)(()=>{const n=Object.values(u??{}).map(r=>r.width);return withDefaultRange(n)},[u]),o=(0,react_1.useMemo)(()=>withDefaultRange(e.map((n,r)=>r)),[e]),a=(0,react_1.useMemo)(()=>{const n=(0,getIndicatorInterpolateOutput_1.getIndicatorInterpolateOutput)(e,t);return withDefaultRange(n)},[t,e]);return{inputRange:o,widthOutputRange:e,translateXOutputRange:a}}function withDefaultRange(t){return t.length<2?[0,1]:t}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorInterpolationRanges=useIndicatorInterpolationRanges;const react_1=require("react"),TabsContext_js_1=require("../TabsContext.js"),getIndicatorInterpolateOutput_js_1=require("../utils/getIndicatorInterpolateOutput.js");function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=(0,TabsContext_js_1.useTabs)(),e=(0,react_1.useMemo)(()=>{const n=Object.values(u??{}).map(r=>r.width);return withDefaultRange(n)},[u]),o=(0,react_1.useMemo)(()=>withDefaultRange(e.map((n,r)=>r)),[e]),s=(0,react_1.useMemo)(()=>{const n=(0,getIndicatorInterpolateOutput_js_1.getIndicatorInterpolateOutput)(e,t);return withDefaultRange(n)},[t,e]);return{inputRange:o,widthOutputRange:e,translateXOutputRange:s}}function withDefaultRange(t){return t.length<2?[0,1]:t}

package/dist/cjs/extensions/tab-view/hooks/useIndicatorOpacityAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorOpacityAnimation=useIndicatorOpacityAnimation;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),IndicatorContext_1=require("../IndicatorContext");function useIndicatorOpacityAnimation(){const{opacity:e,isGestureSwiping:t}=(0,IndicatorContext_1.useIndicator)();(0,react_1.useEffect)(()=>{t?.current!==!0&&react_native_1.Animated.sequence([react_native_1.Animated.spring(e,{toValue:1,...tds_easings_1.spring.slow,useNativeDriver:!1})]).start()},[t,e])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorOpacityAnimation=useIndicatorOpacityAnimation;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),IndicatorContext_js_1=require("../IndicatorContext.js");function useIndicatorOpacityAnimation(){const{opacity:e,isGestureSwiping:t}=(0,IndicatorContext_js_1.useIndicator)();(0,react_1.useEffect)(()=>{t?.current!==!0&&react_native_1.Animated.sequence([react_native_1.Animated.spring(e,{toValue:1,...tds_easings_1.spring.slow,useNativeDriver:!1})]).start()},[t,e])}

package/dist/cjs/extensions/tab-view/hooks/useScrollStateChangedHandler.d.ts

@@ -1,5 +1,5 @@
-import { PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
-import { NativeSyntheticEvent } from 'react-native';
+import type { PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
+import type { NativeSyntheticEvent } from 'react-native';
 export declare function useScrollStateChangedHandler(): {
     isGestureSwipingRef: import("react").MutableRefObject<boolean>;
     scrollStateChangedHandler: (e: NativeSyntheticEvent<PageScrollStateChangedNativeEventData>) => void;

package/dist/cjs/extensions/tab-view/index.d.ts

@@ -1 +1 @@
-export { Tabs } from './Tabs';
+export { Tabs } from './Tabs.js';

package/dist/cjs/extensions/tab-view/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var Tabs_1=require("./Tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Tabs_1.Tabs}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var Tabs_js_1=require("./Tabs.js");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Tabs_js_1.Tabs}});

package/dist/cjs/extensions/tab-view/utils/getIndicatorInterpolateOutput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIndicatorInterpolateOutput=getIndicatorInterpolateOutput;const const_1=require("../const");function getIndicatorInterpolateOutput(e,_){const T=_?const_1.TAB_LIST_FLUID_CONTAINER_PADDING:const_1.TAB_LIST_CONTAINER_PADDING,r=_?const_1.FLUID_TAB_ITEM_HORIZONTAL_MARGIN:const_1.TAB_ITEM_HORIZONTAL_MARGIN;return e.reduce((I,n,t)=>{if(t===0)return[T+r];const A=I[t-1]+e[t-1]+r*2;return[...I,A]},[])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIndicatorInterpolateOutput=getIndicatorInterpolateOutput;const const_js_1=require("../const.js");function getIndicatorInterpolateOutput(e,_){const T=_?const_js_1.TAB_LIST_FLUID_CONTAINER_PADDING:const_js_1.TAB_LIST_CONTAINER_PADDING,r=_?const_js_1.FLUID_TAB_ITEM_HORIZONTAL_MARGIN:const_js_1.TAB_ITEM_HORIZONTAL_MARGIN;return e.reduce((I,n,t)=>{if(t===0)return[T+r];const A=I[t-1]+e[t-1]+r*2;return[...I,A]},[])}

package/dist/cjs/extensions/tab-view/utils/getTabData.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type TabData = {
     value: string;
     tabIndex: number;

package/dist/cjs/extensions/tab-view/utils/getTabData.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTabData=getTabData;const react_1=require("react"),TabsList_1=require("../TabsList");function getTabData(t){return(react_1.Children.map(t,e=>e)??[]).filter(e=>(0,react_1.isValidElement)(e)).filter(e=>e.type===TabsList_1.TabsList).map(e=>react_1.Children.map(e.props.children,(r,a)=>({value:r.props.value,tabIndex:a}))).flatMap(e=>e)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTabData=getTabData;const react_1=require("react"),TabsList_js_1=require("../TabsList.js");function getTabData(t){return(react_1.Children.map(t,e=>e)??[]).filter(e=>(0,react_1.isValidElement)(e)).filter(e=>e.type===TabsList_js_1.TabsList).map(e=>react_1.Children.map(e.props.children,(r,a)=>({value:r.props.value,tabIndex:a}))).flatMap(e=>e)}

package/dist/cjs/extensions/top-navigation/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { TouchableOpacityProps } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
 export declare const IconButton: ({ name, accessibilityLabel, onPress, color, ...restProps }: {
     name: string;
     color?: string;

package/dist/cjs/extensions/top-navigation/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_1=require("../../components/icon/index"),core_1=require("../../core"),HIT_SLOP={left:8,right:8},IconButton=({name:e,accessibilityLabel:t,onPress:o,color:r,...n})=>{const c=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:HIT_SLOP,onPress:o,...n,children:(0,jsx_runtime_1.jsx)(index_1.Icon,{color:r??c.greyOpacity600,size:20,name:e,accessibilityLabel:t})})};exports.IconButton=IconButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../components/icon/index.js"),index_js_2=require("../../core/index.js"),HIT_SLOP={left:8,right:8},IconButton=({name:e,accessibilityLabel:t,onPress:n,color:o,...r})=>{const s=(0,index_js_2.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:HIT_SLOP,onPress:n,...r,children:(0,jsx_runtime_1.jsx)(index_js_1.Icon,{color:o??s.greyOpacity600,size:20,name:e,accessibilityLabel:t})})};exports.IconButton=IconButton;

package/dist/cjs/extensions/top-navigation/TopNavigation.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { Icon } from '../../components/icon/index';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { Icon } from '../../components/icon/index.js';
 type Icon = {
     source: {
         uri: string;

package/dist/cjs/extensions/top-navigation/TopNavigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COLOR_PALETTE=void 0,exports.TopNavigation=TopNavigation,exports.NavigationRightContent=NavigationRightContent,exports.CloseWithDotsMono=CloseWithDotsMono;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),index_1=require("../navigation/index"),event_1=require("../partner-navigation/event"),IconButton_1=require("./IconButton"),SAFE_MARGIN=157,WITH_FIXED_RIGHT_SAFE_MARGIN=SAFE_MARGIN+44+4;function TopNavigation({title:o,icon:n,onPressTitle:e,onPressDots:t,onPressClose:s,fixedRightButton:i,children:a,withHome:d=!1,contentVisible:c=!0,theme:r="light"}){const l=(0,native_1.useNavigation)(),g=l.canGoBack();return(0,react_1.useLayoutEffect)(()=>{if(!c){l.setOptions({headerBackVisible:!1,headerTitle:()=>null,headerLeft:()=>null});return}},[c,l]),(0,jsx_runtime_1.jsxs)(index_1.Navigation,{children:[c&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_1.NavigationLeft,{children:(0,jsx_runtime_1.jsx)(index_1.NavigationBackButton,{theme:r,canGoBack:g})}),(0,jsx_runtime_1.jsxs)(index_1.NavigationContent,{onPressTitle:e,horizontalSafeMargin:i!=null?WITH_FIXED_RIGHT_SAFE_MARGIN:SAFE_MARGIN,withHome:d,theme:r,children:[(0,jsx_runtime_1.jsx)(index_1.NavigationTitleIcon,{...n}),o!=null&&(0,jsx_runtime_1.jsx)(index_1.NavigationTitleText,{theme:r,children:o}),d&&(0,jsx_runtime_1.jsx)(index_1.NavigationTitleIcon,{name:"icon-home-mono"})]})]}),(0,jsx_runtime_1.jsx)(index_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(NavigationRightContent,{fixedRightButton:i,onPressDots:t,onPressClose:s,theme:r})}),a]})}exports.COLOR_PALETTE={light:{titleTextColor:"#191F28",backgroundColor:tds_colors_1.colors.greyOpacity50,iconTintColor:tds_colors_1.colors.greyOpacity600,dividerColor:tds_colors_1.colors.greyOpacity200},dark:{titleTextColor:"#FFFFFF",backgroundColor:"rgba(2, 3, 7, 0.58)",iconTintColor:"rgba(253, 253, 255, 0.75))",dividerColor:tds_colors_1.colors.greyOpacity200}};function NavigationRightContent({fixedRightButton:o,onPressDots:n,onPressClose:e,theme:t="light",...s}){const{style:i,...a}=s;return(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:[{flexDirection:"row",gap:4},i],...a,children:[o!=null&&(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:o.icon.name??"",accessibilityLabel:o.title,onPress:()=>{o.onPress?.(),event_1.tdsEvent.emit("navigationAccessoryEvent",{id:o.id})},style:{paddingVertical:7,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[t].backgroundColor},color:exports.COLOR_PALETTE[t].iconTintColor,disabled:o.disabled})}),(0,jsx_runtime_1.jsx)(CloseWithDotsMono,{onPressDots:n,onPressClose:e,theme:t})]})}function CloseWithDotsMono({onPressDots:o,onPressClose:n=react_native_1.closeView,theme:e="light"}){return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:12,height:34,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[e].backgroundColor},children:[(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:"icon-dots-mono",accessibilityLabel:"\uB354\uBCF4\uAE30",onPress:o,color:exports.COLOR_PALETTE[e].iconTintColor}),(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:1,height:16,backgroundColor:exports.COLOR_PALETTE[e].dividerColor}}),(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:"icon-appsintoss-close-mono",accessibilityLabel:"\uB2EB\uAE30",color:exports.COLOR_PALETTE[e].iconTintColor,onPress:()=>{n()}})]})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COLOR_PALETTE=void 0,exports.TopNavigation=TopNavigation,exports.NavigationRightContent=NavigationRightContent,exports.CloseWithDotsMono=CloseWithDotsMono;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),index_js_1=require("../navigation/index.js"),event_js_1=require("../partner-navigation/event.js"),IconButton_js_1=require("./IconButton.js"),SAFE_MARGIN=157,WITH_FIXED_RIGHT_SAFE_MARGIN=SAFE_MARGIN+44+4;function TopNavigation({title:o,icon:n,onPressTitle:e,onPressDots:t,onPressClose:s,fixedRightButton:i,children:a,withHome:d=!1,contentVisible:c=!0,theme:r="light"}){const l=(0,native_1.useNavigation)(),g=l.canGoBack();return(0,react_1.useLayoutEffect)(()=>{if(!c){l.setOptions({headerBackVisible:!1,headerTitle:()=>null,headerLeft:()=>null});return}},[c,l]),(0,jsx_runtime_1.jsxs)(index_js_1.Navigation,{children:[c&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_js_1.NavigationLeft,{children:(0,jsx_runtime_1.jsx)(index_js_1.NavigationBackButton,{theme:r,canGoBack:g})}),(0,jsx_runtime_1.jsxs)(index_js_1.NavigationContent,{onPressTitle:e,horizontalSafeMargin:i!=null?WITH_FIXED_RIGHT_SAFE_MARGIN:SAFE_MARGIN,withHome:d,theme:r,children:[(0,jsx_runtime_1.jsx)(index_js_1.NavigationTitleIcon,{...n}),o!=null&&(0,jsx_runtime_1.jsx)(index_js_1.NavigationTitleText,{theme:r,children:o}),d&&(0,jsx_runtime_1.jsx)(index_js_1.NavigationTitleIcon,{name:"icon-home-mono"})]})]}),(0,jsx_runtime_1.jsx)(index_js_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(NavigationRightContent,{fixedRightButton:i,onPressDots:t,onPressClose:s,theme:r})}),a]})}exports.COLOR_PALETTE={light:{titleTextColor:"#191F28",backgroundColor:tds_colors_1.colors.greyOpacity50,iconTintColor:tds_colors_1.colors.greyOpacity600,dividerColor:tds_colors_1.colors.greyOpacity200},dark:{titleTextColor:"#FFFFFF",backgroundColor:"rgba(2, 3, 7, 0.58)",iconTintColor:"rgba(253, 253, 255, 0.75))",dividerColor:tds_colors_1.colors.greyOpacity200}};function NavigationRightContent({fixedRightButton:o,onPressDots:n,onPressClose:e,theme:t="light",...s}){const{style:i,...a}=s;return(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:[{flexDirection:"row",gap:4},i],...a,children:[o!=null&&(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsx)(IconButton_js_1.IconButton,{name:o.icon.name??"",accessibilityLabel:o.title,onPress:()=>{o.onPress?.(),event_js_1.tdsEvent.emit("navigationAccessoryEvent",{id:o.id})},style:{paddingVertical:7,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[t].backgroundColor},color:exports.COLOR_PALETTE[t].iconTintColor,disabled:o.disabled})}),(0,jsx_runtime_1.jsx)(CloseWithDotsMono,{onPressDots:n,onPressClose:e,theme:t})]})}function CloseWithDotsMono({onPressDots:o,onPressClose:n=react_native_1.closeView,theme:e="light"}){return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:12,height:34,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[e].backgroundColor},children:[(0,jsx_runtime_1.jsx)(IconButton_js_1.IconButton,{name:"icon-dots-mono",accessibilityLabel:"\uB354\uBCF4\uAE30",onPress:o,color:exports.COLOR_PALETTE[e].iconTintColor}),(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:1,height:16,backgroundColor:exports.COLOR_PALETTE[e].dividerColor}}),(0,jsx_runtime_1.jsx)(IconButton_js_1.IconButton,{name:"icon-appsintoss-close-mono",accessibilityLabel:"\uB2EB\uAE30",color:exports.COLOR_PALETTE[e].iconTintColor,onPress:()=>{n()}})]})})}

package/dist/cjs/extensions/top-navigation/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TopNavigation';
-export * from './useTopNavigation';
+export * from './TopNavigation.js';
+export * from './useTopNavigation.js';

package/dist/cjs/extensions/top-navigation/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TopNavigation"),exports),__exportStar(require("./useTopNavigation"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TopNavigation.js"),exports),__exportStar(require("./useTopNavigation.js"),exports);

package/dist/cjs/extensions/top-navigation/useTopNavigation.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-import { TopNavigation } from './TopNavigation';
+import type { ComponentProps } from 'react';
+import type { TopNavigation } from './TopNavigation.js';
 type AddAccessoryButtonParams = ComponentProps<typeof TopNavigation>['fixedRightButton'];
 type AddAccessoryButton = (params: AddAccessoryButtonParams) => void;
 type RemoveAccessoryButton = () => void;

package/dist/cjs/extensions/top-navigation/useTopNavigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=useTopNavigation;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_1=require("react"),index_1=require("../navigation/index"),event_1=require("../partner-navigation/event"),IconButton_1=require("./IconButton"),TopNavigation_1=require("./TopNavigation");function useTopNavigation(){const e=(0,native_1.useNavigation)(),n=(0,react_1.useCallback)(t=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{children:(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{disabled:t?.disabled,name:t?.icon.name??"",accessibilityLabel:t?.title,onPress:()=>{t?.onPress?.(),event_1.tdsEvent.emit("navigationAccessoryEvent",{id:t?.id??""})}})})})},[e]),i=(0,react_1.useCallback)(()=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{})})},[e]);return{addAccessoryButton:n,removeAccessoryButton:i}}function WithCloseButton({children:e}){return(0,jsx_runtime_1.jsxs)(index_1.NavigationRightWrapper,{children:[e,(0,jsx_runtime_1.jsx)(TopNavigation_1.CloseWithDotsMono,{})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=useTopNavigation;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_1=require("react"),index_js_1=require("../navigation/index.js"),event_js_1=require("../partner-navigation/event.js"),IconButton_js_1=require("./IconButton.js"),TopNavigation_js_1=require("./TopNavigation.js");function useTopNavigation(){const e=(0,native_1.useNavigation)(),n=(0,react_1.useCallback)(t=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{children:(0,jsx_runtime_1.jsx)(IconButton_js_1.IconButton,{disabled:t?.disabled,name:t?.icon.name??"",accessibilityLabel:t?.title,onPress:()=>{t?.onPress?.(),event_js_1.tdsEvent.emit("navigationAccessoryEvent",{id:t?.id??""})}})})})},[e]),i=(0,react_1.useCallback)(()=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{})})},[e]);return{addAccessoryButton:n,removeAccessoryButton:i}}function WithCloseButton({children:e}){return(0,jsx_runtime_1.jsxs)(index_js_1.NavigationRightWrapper,{children:[e,(0,jsx_runtime_1.jsx)(TopNavigation_js_1.CloseWithDotsMono,{})]})}