@toss/tds-react-native 1.3.4 → 1.3.6

package/dist/cjs/extensions/navigation/Navigation.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import type { Icon } from '../../components/icon/index.js';
-import type { TxtProps } from '../../components/txt/index.js';
-import type { NavigationTheme } from '../top-navigation/index.js';
+import type { Icon } from '../../components/icon';
+import type { TxtProps } from '../../components/txt';
+import type { NavigationTheme } from '../top-navigation';
 interface NavigationProps {
     children?: ReactNode;
 }
@@ -51,11 +51,12 @@ type NavigationContentProps = {
     onPressTitle?: () => void;
     theme?: 'light' | 'dark';
     withHome?: boolean;
+    leftVisible?: boolean;
 };
 /**
  * 내비게이션 컨텐츠 영역을 설정할 수 있어요.
  */
-export declare function NavigationContent({ children, visible, onPressTitle, horizontalSafeMargin, theme, withHome, }: NavigationContentProps): null;
+export declare function NavigationContent({ children, visible, onPressTitle, horizontalSafeMargin, theme, withHome, leftVisible, }: NavigationContentProps): null;
 type Icon = {
     source: {
         uri: string;
@@ -77,5 +78,5 @@ type NavigationBackButtonProps = {
     theme?: NavigationTheme;
 };
 export declare function NavigationBackButton({ onPress, canGoBack, theme }: NavigationBackButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare const NavigationIconButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("../../components/icon/Icon.js").IconProps & import("react").RefAttributes<View>, "accessibilityLabel" | "type" | "name"> & import("react-native").TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
+export declare const NavigationIconButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("../../components/icon").IconProps & import("react").RefAttributes<View>, "type" | "name"> & import("react-native").AccessibilityProps & import("react-native").TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
 export {};

package/dist/cjs/extensions/navigation/Navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationIconButton=void 0,exports.Navigation=Navigation,exports.useBackOrCloseNavigation=useBackOrCloseNavigation,exports.NavigationLeft=NavigationLeft,exports.NavigationRight=NavigationRight,exports.NavigationRightWrapper=NavigationRightWrapper,exports.NavigationContent=NavigationContent,exports.NavigationTitleIcon=NavigationTitleIcon,exports.NavigationTitleText=NavigationTitleText,exports.NavigationBackButton=NavigationBackButton;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("../../components/asset/index.js"),index_js_2=require("../../components/navbar/index.js"),index_js_3=require("../../components/txt/index.js"),index_js_4=require("../../constants/index.js"),index_js_5=require("../../core/index.js"),useTypographyLevel_js_1=require("../../core/hooks/useTypographyLevel.js"),index_js_6=require("../../extensions/prevent-font-scaling/index.js"),index_js_7=require("../top-navigation/index.js");function hasValidChild(e){return react_1.Children.toArray(e).length>0}function Navigation({children:e}){const t=(0,native_1.useNavigation)(),n=(0,index_js_5.useAdaptive)(),{colorPreference:i}=(0,index_js_5.useColorPreference)(),r=hasValidChild(e);return(0,react_1.useLayoutEffect)(()=>{function o(){t.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!r){o();return}return t.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{o()}},[n.background,i,r,t]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}function useBackOrCloseNavigation(){const e=(0,native_1.useNavigation)();return(0,react_1.useCallback)(()=>{e.canGoBack()?e.goBack():(0,react_native_1.closeView)()},[e])}function NavigationLeft({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})})},[e,n,t]),null}function NavigationRight({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(NavigationRightWrapper,{children:e})})},[e,n,t]),null}function NavigationRightWrapper({children:e}){return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{marginRight:10,flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4},children:e})}const DEVICE_WIDTH=react_native_2.Dimensions.get("window").width;function NavigationContent({children:e,visible:t=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:r="light",withHome:o=!1}){const a=(0,native_1.useNavigation)(),s=(0,index_js_5.useAdaptive)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){a.setOptions({headerBackVisible:!1,headerTitle:null});return}a.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:react_native_2.Platform.OS==="ios"?-4:0,alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{flexDirection:"row",alignItems:"center",gap:5,maxWidth:DEVICE_WIDTH-i},children:n?(0,jsx_runtime_1.jsx)(react_native_2.TouchableOpacity,{onPress:n,style:{flexDirection:"row",alignItems:"center",gap:5,height:34,paddingLeft:12,paddingRight:10,maxWidth:DEVICE_WIDTH-i,backgroundColor:r==="dark"&&!o?void 0:index_js_7.COLOR_PALETTE[r].backgroundColor,borderRadius:99},children:e}):e})}),headerTintColor:tds_colors_1.colors.grey900})},[s.greyOpacity50,e,i,a,n,r,t,o]),null}function NavigationTitleIcon(e){const t=(0,useTypographyLevel_js_1.useTypographyLevel)(),i=(0,index_js_4.getTypographyMap)(t).t6.fontSize,o=Math.min(i,20),a={width:o,height:o,radius:5};return i>=22&&e.name!=="icon-home-mono"?null:e.name!==void 0?(0,jsx_runtime_1.jsx)(index_js_1.Asset.Icon,{name:e.name,frameShape:a}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:e.source,style:{overflow:"hidden",borderRadius:a.radius,width:a.width,height:a.height}})}function NavigationTitleText({style:e,theme:t="light",...n}){return(0,jsx_runtime_1.jsx)(index_js_6.PreventFontScaling,{limit:135,children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"t6",fontWeight:"semibold",color:index_js_7.COLOR_PALETTE[t].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})})}function NavigationBackButton({onPress:e,canGoBack:t=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return(0,jsx_runtime_1.jsx)(index_js_2.ReactNavigationNavbar.BackButton,{tintColor:index_js_7.COLOR_PALETTE[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:t?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{e?.(),t&&i()}})}exports.NavigationIconButton=(0,react_1.forwardRef)(function(t,n){return(0,jsx_runtime_1.jsx)(index_js_2.ReactNavigationNavbar.RightIconButton,{ref:n,...t})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationIconButton=void 0,exports.Navigation=Navigation,exports.useBackOrCloseNavigation=useBackOrCloseNavigation,exports.NavigationLeft=NavigationLeft,exports.NavigationRight=NavigationRight,exports.NavigationRightWrapper=NavigationRightWrapper,exports.NavigationContent=NavigationContent,exports.NavigationTitleIcon=NavigationTitleIcon,exports.NavigationTitleText=NavigationTitleText,exports.NavigationBackButton=NavigationBackButton;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"),asset_1=require("../../components/asset"),navbar_1=require("../../components/navbar"),txt_1=require("../../components/txt"),constants_1=require("../../constants"),core_1=require("../../core"),useTypographyLevel_1=require("../../core/hooks/useTypographyLevel"),top_navigation_1=require("../top-navigation");function hasValidChild(t){return react_1.Children.toArray(t).length>0}function Navigation({children:t}){const e=(0,native_1.useNavigation)(),n=(0,core_1.useAdaptive)(),{colorPreference:i}=(0,core_1.useColorPreference)(),o=hasValidChild(t);return(0,react_1.useLayoutEffect)(()=>{function a(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!o){a();return}return e.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{a()}},[n.background,i,o,e]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})}function useBackOrCloseNavigation(){const t=(0,native_1.useNavigation)();return(0,react_1.useCallback)(()=>{t.canGoBack()?t.goBack():(0,react_native_1.closeView)()},[t])}function NavigationLeft({children:t,visible:e=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(t)||!e){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t})})},[t,n,e]),null}function NavigationRight({children:t,visible:e=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(t)||!e){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(NavigationRightWrapper,{children:t})})},[t,n,e]),null}function NavigationRightWrapper({children:t}){return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4,marginRight:-4},children:t})}const DEVICE_WIDTH=react_native_2.Dimensions.get("window").width;function NavigationContent({children:t,visible:e=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:o="light",withHome:a=!1,leftVisible:u}){const r=(0,native_1.useNavigation)(),s=(0,react_1.useMemo)(()=>a?{height:34,paddingLeft:12,paddingRight:10,maxWidth:DEVICE_WIDTH-i,backgroundColor:top_navigation_1.COLOR_PALETTE[o].backgroundColor,borderRadius:99}:void 0,[a,i,o]),c=u?react_native_2.Platform.OS==="ios"?-4:0:a?-4:8;return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(t)||!e){r.setOptions({headerBackVisible:!1,headerTitle:null});return}r.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:c,alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{flexDirection:"row",alignItems:"center",gap:6,maxWidth:DEVICE_WIDTH-i},children:n?(0,jsx_runtime_1.jsx)(react_native_2.TouchableOpacity,{onPress:n,style:[{flexDirection:"row",alignItems:"center",gap:6},s],children:t}):t})}),headerTintColor:tds_colors_1.colors.grey900})},[t,i,r,n,e,s,c]),null}function NavigationTitleIcon(t){const e=(0,useTypographyLevel_1.useTypographyLevel)(),i=(0,constants_1.getTypographyMap)(e).t6.fontSize,o={width:18,height:18,radius:6};return i>=22&&t.name!=="icon-home-mono"?null:t.name!==void 0?(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{name:t.name,frameShape:o}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:t.source,style:{overflow:"hidden",borderRadius:o.radius,width:o.width,height:o.height}})}function NavigationTitleText({style:t,theme:e="light",...n}){const i=(0,useTypographyLevel_1.useTypographyLevel)(),o=(0,useTypographyLevel_1.capTypographyLevel)(i,135),a=(0,constants_1.getTypographyMap)(o);return(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"semibold",style:{fontSize:a.t6.fontSize,lineHeight:a.t6.lineHeight},color:top_navigation_1.COLOR_PALETTE[e].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})}function NavigationBackButton({onPress:t,canGoBack:e=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.BackButton,{tintColor:top_navigation_1.COLOR_PALETTE[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:e?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{t?.(),e&&i()}})}exports.NavigationIconButton=(0,react_1.forwardRef)(function(e,n){return(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.RightIconButton,{ref:n,...e})});

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

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

package/dist/cjs/extensions/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("./Navigation.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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("./Navigation"),exports);

package/dist/cjs/extensions/overlay-extension/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export { useDialog } from './useDialog.js';
-export { useBottomSheet } from './useBottomSheet.js';
-export { useToast } from './useToast.js';
+export { useDialog } from './useDialog';
+export { useBottomSheet } from './useBottomSheet';
+export { useToast } from './useToast';

package/dist/cjs/extensions/overlay-extension/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.useBottomSheet=exports.useDialog=void 0;var useDialog_js_1=require("./useDialog.js");Object.defineProperty(exports,"useDialog",{enumerable:!0,get:function(){return useDialog_js_1.useDialog}});var useBottomSheet_js_1=require("./useBottomSheet.js");Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return useBottomSheet_js_1.useBottomSheet}});var useToast_js_1=require("./useToast.js");Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return useToast_js_1.useToast}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.useBottomSheet=exports.useDialog=void 0;var useDialog_1=require("./useDialog");Object.defineProperty(exports,"useDialog",{enumerable:!0,get:function(){return useDialog_1.useDialog}});var useBottomSheet_1=require("./useBottomSheet");Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return useBottomSheet_1.useBottomSheet}});var useToast_1=require("./useToast");Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return useToast_1.useToast}});

package/dist/cjs/extensions/overlay-extension/hooks/useBottomSheet.d.ts

@@ -1,4 +1,4 @@
-import { BottomSheet } from '../../../components/bottom-sheet/index.js';
+import { BottomSheet } from '../../../components/bottom-sheet';
 import type { ComponentProps } from 'react';
 type BottomSheetPrivateOptions = Omit<ComponentProps<typeof BottomSheet.Root>, 'open'>;
 type BottomSheetPublicOptions = Partial<BottomSheetPrivateOptions>;

package/dist/cjs/extensions/overlay-extension/hooks/useBottomSheet.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomSheet=useBottomSheet;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../components/bottom-sheet/index.js"),react_1=require("react"),CapturePress_js_1=require("../components/CapturePress.js"),react_native_1=require("react-native");function useBottomSheet(u={}){const e=(0,index_js_1.useOverlay)(),o=(0,react_1.useCallback)(()=>e.close(),[e]),n=(0,react_1.useCallback)(({header:i,cta:t,onExited:l,onClose:a,..._})=>e.open(({isOpen:d,exit:j,close:x})=>{const r=()=>{a?.(),x()};return(0,jsx_runtime_1.jsx)(index_js_2.BottomSheet.Root,{..._,header:i,open:d,cta:(0,react_1.isValidElement)(t)?(0,jsx_runtime_1.jsx)(CapturePress_js_1.CapturePress,{onPress:r,children:t}):(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,children:t}),onClose:r,onExited:()=>{l?.(),j()}})}),[e]),s=(0,react_1.useMemo)(()=>({close:o,open:n}),[o,n]),{closeOnDestroy:c=!0}=u;return(0,react_1.useEffect)(()=>()=>{c&&s?.close()},[c,s]),s}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomSheet=useBottomSheet;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),bottom_sheet_1=require("../../../components/bottom-sheet"),react_1=require("react"),CapturePress_1=require("../components/CapturePress"),react_native_1=require("react-native");function useBottomSheet(u={}){const e=(0,core_1.useOverlay)(),o=(0,react_1.useCallback)(()=>e.close(),[e]),n=(0,react_1.useCallback)(({header:l,cta:r,onExited:a,onClose:i,...m})=>e.open(({isOpen:p,exit:_,close:h})=>{const s=()=>{i?.(),h()};return(0,jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheet.Root,{...m,header:l,open:p,cta:(0,react_1.isValidElement)(r)?(0,jsx_runtime_1.jsx)(CapturePress_1.CapturePress,{onPress:s,children:r}):(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:s,children:r}),onClose:s,onExited:()=>{a?.(),_()}})}),[e]),t=(0,react_1.useMemo)(()=>({close:o,open:n}),[o,n]),{closeOnDestroy:c=!0}=u;return(0,react_1.useEffect)(()=>()=>{c&&t?.close()},[c,t]),t}

package/dist/cjs/extensions/overlay-extension/hooks/useDialog.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactElement } from 'react';
-import { AlertDialog, ConfirmDialog } from '../../../components/dialog/index.js';
+import { AlertDialog, ConfirmDialog } from '../../../components/dialog';
 type AlertDialogProps = ComponentProps<typeof AlertDialog>;
 interface AlertOptions extends Omit<AlertDialogProps, 'open' | 'onClose' | 'onExited' | 'content'> {
 }

package/dist/cjs/extensions/overlay-extension/hooks/useDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDialog=useDialog;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../../../components/dialog/index.js"),index_js_2=require("../../../core/index.js");function useDialog(j={}){const n=(0,index_js_2.useOverlay)(),f=(0,react_1.useCallback)(()=>{n.close()},[n]),{closeOnDestroy:d=!0}=j,m=(0,react_1.useCallback)(({closeOnDimmerClick:s=!1,onEntered:r,onButtonPress:c,...u})=>new Promise(i=>{n.open(({isOpen:o,close:e,exit:t})=>(0,jsx_runtime_1.jsx)(index_js_1.AlertDialog,{...u,open:o,onEntered:r,onClose:()=>{i(),e()},onButtonPress:()=>{c?.(),i(),e()},onExited:()=>{t()},closeOnDimmerClick:s}))}),[n]),x=(0,react_1.useCallback)(({rightButton:s="\uD655\uC778",leftButton:r="\uCDE8\uC18C",closeOnDimmerClick:c=!1,onEntered:u,...i})=>{const o=typeof s=="string"?(0,jsx_runtime_1.jsx)(index_js_1.ConfirmDialog.Button,{children:s}):s,e=typeof r=="string"?(0,jsx_runtime_1.jsx)(index_js_1.ConfirmDialog.Button,{children:r}):r;return new Promise(t=>{n.open(({isOpen:C,close:a,exit:_})=>(0,jsx_runtime_1.jsx)(index_js_1.ConfirmDialog,{...i,open:C,onEntered:u,onClose:()=>{t(!1),a()},onExited:()=>{_()},rightButton:(0,react_1.cloneElement)(o,{...o.props,onPress:p=>{t(!0),o.props.onPress===void 0?a():o.props.onPress(p)}}),leftButton:(0,react_1.cloneElement)(e,{...e.props,type:"dark",style:"weak",onPress:p=>{t(!1),e.props.onPress===void 0?a():e.props.onPress(p)}}),closeOnDimmerClick:c}))})},[n]),l=(0,react_1.useMemo)(()=>({close:f,openAlert:m,openConfirm:x}),[f,m,x]);return(0,react_1.useEffect)(()=>()=>{d&&l?.close()},[d,l]),l}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDialog=useDialog;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),dialog_1=require("../../../components/dialog"),core_1=require("../../../core");function useDialog(g={}){const o=(0,core_1.useOverlay)(),f=(0,react_1.useCallback)(()=>{o.close()},[o]),{closeOnDestroy:m=!0}=g,d=(0,react_1.useCallback)(({closeOnDimmerClick:s=!1,onEntered:r,onButtonPress:c,...u})=>new Promise(i=>{o.open(({isOpen:n,close:e,exit:t})=>(0,jsx_runtime_1.jsx)(dialog_1.AlertDialog,{...u,open:n,onEntered:r,onClose:()=>{i(),e()},onButtonPress:()=>{c?.(),i(),e()},onExited:()=>{t()},closeOnDimmerClick:s}))}),[o]),C=(0,react_1.useCallback)(({rightButton:s="\uD655\uC778",leftButton:r="\uCDE8\uC18C",closeOnDimmerClick:c=!1,onEntered:u,...i})=>{const n=typeof s=="string"?(0,jsx_runtime_1.jsx)(dialog_1.ConfirmDialog.Button,{children:s}):s,e=typeof r=="string"?(0,jsx_runtime_1.jsx)(dialog_1.ConfirmDialog.Button,{children:r}):r;return new Promise(t=>{o.open(({isOpen:x,close:a,exit:P})=>(0,jsx_runtime_1.jsx)(dialog_1.ConfirmDialog,{...i,open:x,onEntered:u,onClose:()=>{t(!1),a()},onExited:()=>{P()},rightButton:(0,react_1.cloneElement)(n,{...n.props,onPress:p=>{t(!0),n.props.onPress===void 0?a():n.props.onPress(p)}}),leftButton:(0,react_1.cloneElement)(e,{...e.props,type:"dark",style:"weak",onPress:p=>{t(!1),e.props.onPress===void 0?a():e.props.onPress(p)}}),closeOnDimmerClick:c}))})},[o]),l=(0,react_1.useMemo)(()=>({close:f,openAlert:d,openConfirm:C}),[f,d,C]);return(0,react_1.useEffect)(()=>()=>{m&&l?.close()},[m,l]),l}

package/dist/cjs/extensions/overlay-extension/hooks/useToast.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=useToast;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),react_1=require("react"),index_js_2=require("../../../components/toast/index.js");function useToast(a={}){const e=(0,index_js_1.useOverlay)(),o=(0,react_1.useCallback)(()=>e.close(),[e]),n=(0,react_1.useCallback)((l,{duration:T,button:t,type:d="bottom",lottie:c,icon:u,iconType:i,onExited:x,onClose:j,...f}={})=>e.open(({isOpen:_,exit:p,close:m})=>{const y=()=>{j?.(),m()};return(0,jsx_runtime_1.jsx)(index_js_2.Toast,{...f,text:l,open:_,position:d,button:t?(0,jsx_runtime_1.jsx)(index_js_2.Toast.Button,{onPress:t.onPress,children:t.text}):void 0,icon:c?(0,jsx_runtime_1.jsx)(index_js_2.Toast.LottieIcon,{src:c,style:{borderRadius:i==="circle"?9999:void 0,overflow:"hidden"}}):u?(0,jsx_runtime_1.jsx)(index_js_2.Toast.Icon,{name:u,type:i==="circle"?"circle":"default"}):void 0,onClose:y,onExited:()=>{x?.(),p()}})}),[e]),s=(0,react_1.useMemo)(()=>({close:o,open:n}),[o,n]),{closeOnDestroy:r=!0}=a;return(0,react_1.useEffect)(()=>()=>{r&&s?.close()},[r,s]),s}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=useToast;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),react_1=require("react"),toast_1=require("../../../components/toast");function useToast(i={}){const e=(0,core_1.useOverlay)(),s=(0,react_1.useCallback)(()=>e.close(),[e]),r=(0,react_1.useCallback)((l,{duration:T,button:o,type:d="bottom",lottie:c,icon:u,iconType:a,onExited:x,onClose:f,...p}={})=>e.open(({isOpen:j,exit:_,close:m})=>{const y=()=>{f?.(),m()};return(0,jsx_runtime_1.jsx)(toast_1.Toast,{...p,text:l,open:j,position:d,button:o?(0,jsx_runtime_1.jsx)(toast_1.Toast.Button,{onPress:o.onPress,children:o.text}):void 0,icon:c?(0,jsx_runtime_1.jsx)(toast_1.Toast.LottieIcon,{src:c,style:{borderRadius:a==="circle"?9999:void 0,overflow:"hidden"}}):u?(0,jsx_runtime_1.jsx)(toast_1.Toast.Icon,{name:u,type:a==="circle"?"circle":"default"}):void 0,onClose:y,onExited:()=>{x?.(),_()}})}),[e]),t=(0,react_1.useMemo)(()=>({close:s,open:r}),[s,r]),{closeOnDestroy:n=!0}=i;return(0,react_1.useEffect)(()=>()=>{n&&t?.close()},[n,t]),t}

package/dist/cjs/extensions/overlay-extension/index.d.ts

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

package/dist/cjs/extensions/overlay-extension/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("./hooks/index.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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("./hooks"),exports);

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

@@ -1,4 +1,4 @@
-import { ReactNavigationNavbar } from '../../components/navbar/index.js';
+import { ReactNavigationNavbar } from '../../components/navbar';
 import type { ComponentProps } from 'react';
 type IconProps = ComponentProps<typeof ReactNavigationNavbar.RightIconButton>;
 interface TextButtonProps {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompatAccessoryButton=CompatAccessoryButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../components/navbar/index.js");function CompatAccessoryButton(t){return t.type==="text"?(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.RightTextButton,{onPress:t.onClick,children:t.title}):(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.RightIconButton,{onPress:t.onClick,type:t.iconType,name:t.name,accessibilityLabel:t.alt})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompatAccessoryButton=CompatAccessoryButton;const jsx_runtime_1=require("react/jsx-runtime"),navbar_1=require("../../components/navbar");function CompatAccessoryButton(t){return t.type==="text"?(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.RightTextButton,{onPress:t.onClick,children:t.title}):(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.RightIconButton,{onPress:t.onClick,type:t.iconType,name:t.name,accessibilityLabel:t.alt})}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageAccessoryButtons=PageAccessoryButtons;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 PageAccessoryButtons({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.HeaderRight,{children:e})})},[e,t]),null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageAccessoryButtons=PageAccessoryButtons;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 PageAccessoryButtons({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.HeaderRight,{children:e})})},[e,t]),null}

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import { CompatAccessoryButton } from './CompatAccessoryButton.js';
-import { PageAccessoryButtons } from './PageAccessoryButtons.js';
-import { PageTitle } from './PageTitle.js';
+import { CompatAccessoryButton } from './CompatAccessoryButton';
+import { PageAccessoryButtons } from './PageAccessoryButtons';
+import { PageTitle } from './PageTitle';
 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.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 AccessoryTextButton: typeof import("../../components/navbar/ReactNavigationHelper/Right").RightTextButton;
+    var AccessoryIconButton: import("react").ForwardRefExoticComponent<Pick<import("../..").IconProps & import("react").RefAttributes<import("react-native").View>, "type" | "name"> & import("react-native").AccessibilityProps & 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"),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;
+"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"),TransparentNavigationBar_1=require("./components/TransparentNavigationBar"),PageAccessoryButtons_1=require("./PageAccessoryButtons"),PageTitle_1=require("./PageTitle");function PageNavbar({children:e,preference:t={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]),t.type==="transparent"?(0,jsx_runtime_1.jsx)(TransparentPage,{children:e}):t.type==="none"?(0,jsx_runtime_1.jsx)(NoneHeaderPage,{children:e}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}function NoneHeaderPage({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[t]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}function TransparentPage({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions(TransparentNavigationBar_1.TransparentNavigation.screenOptions)},[t]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}PageNavbar.Title=PageTitle_1.PageTitle,PageNavbar.AccessoryButtons=PageAccessoryButtons_1.PageAccessoryButtons,PageNavbar.AccessoryTextButton=navbar_1.ReactNavigationNavbar.RightTextButton,PageNavbar.AccessoryIconButton=navbar_1.ReactNavigationNavbar.RightIconButton,PageNavbar.TransparentScrollView=TransparentNavigationBar_1.TransparentNavigation.ScrollView,PageNavbar.AccessoryButton=CompatAccessoryButton_1.CompatAccessoryButton;

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

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

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"),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}
+"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}

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_js_1=require("./TransparentNavigationScreenOptions.js"),TransparentNavigationScrollView_js_1=require("./TransparentNavigationScrollView.js");exports.TransparentNavigation={ScrollView:TransparentNavigationScrollView_js_1.TransparentNavigationScrollView,screenOptions:TransparentNavigationScreenOptions_js_1.TransparentNavigationScreenOptions};
+"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};

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_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}]})})]})});
+"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"),core_1=require("../../../../core");exports.TransparentNavigationScrollView=(0,react_1.forwardRef)(function({scrollEventThrottle:n,onScroll:i,...s},a){const r=(0,elements_1.useHeaderHeight)(),o=(0,core_1.useAdaptive)(),{colorPreference:c}=(0,core_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.js';
+export * from './TransparentNavigation';

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.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

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

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.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

@@ -1,12 +1,12 @@
 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';
+import type { TopNavigationProps } from '../top-navigation/TopNavigation';
 export type PartnerWebViewScreenProps = WebViewProps & {
     header: TopNavigationProps & {
         withBackButton?: boolean;
     };
 };
-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 & {
+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 & {
     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_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}})]})});
+"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"),navigation_1=require("../navigation"),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),g=(0,mergeRefs_1.mergeRefs)(v,e),a=!r.hasBackEvent,i=r.onBack,o=(0,navigation_1.useBackOrCloseNavigation)(),B=(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)(navigation_1.NavigationLeft,{visible:l,children:(0,jsx_runtime_1.jsx)(navigation_1.NavigationBackButton,{onPress:B,canGoBack:!1})})}),(0,jsx_runtime_1.jsx)(react_native_webview_1.WebView,{ref:g,...u,onNavigationStateChange:t=>{n.current=t.canGoBack,s?.(t)},style:{flex:1}})]})});

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

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

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.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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_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})}
+"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})}

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"),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})}
+"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})}

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"),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"}
+"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"}

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

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

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.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

@@ -1 +1 @@
-"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;
+"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"),core_1=require("../../core");function Gradient(){const t=(0,core_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"),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}});
+"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}});

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_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})}
+"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})}

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { TabValue } from './TabsContext.js';
+import type { TabValue } from './TabsContext';
 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"),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"}});
+"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"}});

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import { TabsList } from './TabsList.js';
-import { TabsViewList } from './TabsViews.js';
-import { TabView } from './TabView.js';
+import { TabsList } from './TabsList';
+import { TabsViewList } from './TabsViews';
+import { TabView } from './TabView';
 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.js").TabItem;
+    var TabItem: typeof import("./TabItem").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"),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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=Tabs;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),utils_1=require("../../utils"),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;

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"),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}});
+"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}});

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_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}
+"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}

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_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])}
+"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])}

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

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

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

@@ -1 +1 @@
-"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}});
+"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}});

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

@@ -1 +1 @@
-"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]},[])}
+"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]},[])}

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_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)}
+"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)}

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_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;
+"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"),icon_1=require("../../components/icon"),core_1=require("../../core"),HIT_SLOP={left:8,right:8},IconButton=({name:e,accessibilityLabel:t,onPress:o,color:r,...c})=>{const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:HIT_SLOP,onPress:o,...c,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:r??n.greyOpacity600,size:20,name:e,accessibilityLabel:t})})};exports.IconButton=IconButton;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Icon } from '../../components/icon/index.js';
+import type { Icon } from '../../components/icon';
 type Icon = {
     source: {
         uri: string;
@@ -27,8 +27,9 @@ export interface TopNavigationProps {
     contentVisible?: boolean;
     children?: ReactNode;
     theme?: NavigationTheme;
+    leftVisible?: boolean;
 }
-export declare function TopNavigation({ title, icon, onPressTitle, onPressDots, onPressClose, fixedRightButton, children, withHome, contentVisible, theme, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNavigation({ title, icon, onPressTitle, onPressDots, onPressClose, fixedRightButton, children, withHome, contentVisible, theme, leftVisible, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
 export type NavigationTheme = 'light' | 'dark';
 export interface NavigationRightContentProps extends ViewProps {
     fixedRightButton: TopNavigationProps['fixedRightButton'];

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_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:t,onPressTitle:e,onPressDots:n,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,{...t}),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:n,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:t,onPressClose:e,theme:n="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[n].backgroundColor},color:exports.COLOR_PALETTE[n].iconTintColor,disabled:o.disabled})}):(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:44,height:34}}),(0,jsx_runtime_1.jsx)(CloseWithDotsMono,{onPressDots:t,onPressClose:e,theme:n})]})}function CloseWithDotsMono({onPressDots:o,onPressClose:t=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:()=>{t()}})]})})}
+"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"),navigation_1=require("../navigation"),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:t,onPressTitle:e,onPressDots:n,onPressClose:s,fixedRightButton:i,children:a,withHome:d=!1,contentVisible:c=!0,theme:r="light",leftVisible:g=!0}){const l=(0,native_1.useNavigation)(),u=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)(navigation_1.Navigation,{children:[c&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(navigation_1.NavigationLeft,{visible:g,children:(0,jsx_runtime_1.jsx)(navigation_1.NavigationBackButton,{theme:r,canGoBack:u})}),(0,jsx_runtime_1.jsxs)(navigation_1.NavigationContent,{onPressTitle:e,horizontalSafeMargin:i!=null?WITH_FIXED_RIGHT_SAFE_MARGIN:SAFE_MARGIN,withHome:d,theme:r,leftVisible:g,children:[(0,jsx_runtime_1.jsx)(navigation_1.NavigationTitleIcon,{...t}),o!=null&&(0,jsx_runtime_1.jsx)(navigation_1.NavigationTitleText,{theme:r,children:o}),d&&(0,jsx_runtime_1.jsx)(navigation_1.NavigationTitleIcon,{name:"icon-home-mono"})]})]}),(0,jsx_runtime_1.jsx)(navigation_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(NavigationRightContent,{fixedRightButton:i,onPressDots:n,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:"rgba(222, 222, 255, 0.19)"}};function NavigationRightContent({fixedRightButton:o,onPressDots:t,onPressClose:e,theme:n="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[n].backgroundColor},color:exports.COLOR_PALETTE[n].iconTintColor,disabled:o.disabled})}):(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:44,height:34}}),(0,jsx_runtime_1.jsx)(CloseWithDotsMono,{onPressDots:t,onPressClose:e,theme:n})]})}function CloseWithDotsMono({onPressDots:o,onPressClose:t=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:()=>{t()}})]})})}

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

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

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.js"),exports),__exportStar(require("./useTopNavigation.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import type { TopNavigation } from './TopNavigation.js';
+import type { TopNavigation } from './TopNavigation';
 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_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,{})]})}
+"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"),navigation_1=require("../navigation"),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)(navigation_1.NavigationRightWrapper,{children:[e,(0,jsx_runtime_1.jsx)(TopNavigation_1.CloseWithDotsMono,{})]})}