@toss/tds-react-native 1.3.0 → 1.3.1

package/dist/esm/extensions/external-web-view-screen/ExternalWebViewScreen.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as n,Fragment as h}from"react/jsx-runtime";import{WebView as v}from"@granite-js/native/react-native-webview";import{forwardRef as k,useCallback as x,useRef as l}from"react";import{View as N}from"react-native";import{mergeRefs as p}from"../../utils/mergeRefs";import{Navigation as w,NavigationBackButton as b,NavigationBackdrop as C,NavigationCenter as R,NavigationCloseButton as V,NavigationLeft as j,NavigationRight as y,NavigationTitleIcon as G,NavigationTitleText as S,useBackOrCloseNavigation as T}from"./Navigation";export const ExternalWebViewScreen=k(function({header:s={},onNavigationStateChange:f,...u},g){const{title:a,icon:o,withBackButton:m=!1}=s,r=l(!1),t=l(null),B=p(g,t),c=T(),d=x(function(){if(t.current!=null&&r.current){t.current?.goBack();return}c()},[c]);return n(h,{children:[n(w,{children:[e(j,{visible:m,children:e(b,{onPress:d,canGoBack:!1})}),n(R,{children:[o!=null&&e(G,{...o}),a!=null&&e(S,{children:a})]}),e(y,{children:e(V,{})})]}),n(N,{style:{display:"flex",flexDirection:"column",flex:1,position:"relative"},children:[e(C,{}),e(v,{ref:B,...u,onNavigationStateChange:i=>{r.current=i.canGoBack,f?.(i)},style:{flex:1}})]})]})});
+"use strict";import{jsx as e,jsxs as n,Fragment as h}from"react/jsx-runtime";import{WebView as v}from"@granite-js/native/react-native-webview";import{forwardRef as k,useCallback as x,useRef as l}from"react";import{View as N}from"react-native";import{mergeRefs as p}from"../../utils/mergeRefs.js";import{Navigation as w,NavigationBackButton as b,NavigationBackdrop as C,NavigationCenter as R,NavigationCloseButton as V,NavigationLeft as j,NavigationRight as y,NavigationTitleIcon as G,NavigationTitleText as S,useBackOrCloseNavigation as T}from"./Navigation.js";export const ExternalWebViewScreen=k(function({header:s={},onNavigationStateChange:f,...u},g){const{title:a,icon:o,withBackButton:m=!1}=s,r=l(!1),t=l(null),B=p(g,t),c=T(),d=x(function(){if(t.current!=null&&r.current){t.current?.goBack();return}c()},[c]);return n(h,{children:[n(w,{children:[e(j,{visible:m,children:e(b,{onPress:d,canGoBack:!1})}),n(R,{children:[o!=null&&e(G,{...o}),a!=null&&e(S,{children:a})]}),e(y,{children:e(V,{})})]}),n(N,{style:{display:"flex",flexDirection:"column",flex:1,position:"relative"},children:[e(C,{}),e(v,{ref:B,...u,onNavigationStateChange:i=>{r.current=i.canGoBack,f?.(i)},style:{flex:1}})]})]})});

package/dist/esm/extensions/external-web-view-screen/Navigation.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { TxtProps } from '../../components/txt';
+import type { ReactNode } from 'react';
+import type { TxtProps } from '../../components/txt/index.js';
 export interface NavigationProps {
     children?: ReactNode;
 }

package/dist/esm/extensions/external-web-view-screen/Navigation.js

@@ -1 +1 @@
-"use strict";import{Fragment as p,jsx as n,jsxs as y}from"react/jsx-runtime";import{useHeaderHeight as O}from"@granite-js/native/@react-navigation/elements";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as h}from"@granite-js/react-native";import{colors as f,colorsByPreference as v}from"@toss/tds-colors";import{Children as x,useCallback as C,useLayoutEffect as u,useMemo as k}from"react";import{Dimensions as B,Image as N,Platform as w,View as g}from"react-native";import{Asset as T}from"../../components/asset";import{LinearGradient as I}from"../../components/gradient";import{ReactNavigationNavbar as m}from"../../components/navbar";import{useShadow as b}from"../../components/shadow";import{Txt as P}from"../../components/txt";import{useColorPreference as c}from"../../core/contexts/ColorPreferenceProvider";import{PreventFontScaling as R}from"../../extensions/prevent-font-scaling";function l(){const{colorPreference:t}=c(),{adaptive:e}=k(()=>({adaptive:v[t]}),[t]);return e}function d(t){return x.toArray(t).length>0}export function Navigation({children:t}){const e=s(),o=l(),{colorPreference:r}=c(),i=d(t);return u(()=>{function a(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!i){a();return}return e.setOptions({headerStyle:{backgroundColor:o.background},statusBarStyle:"auto"}),()=>{a()}},[e,r,i,o.background]),n(p,{children:t})}export function useBackOrCloseNavigation(){const t=s();return C(()=>{t.canGoBack()?t.goBack():h()},[t])}const L=w.select({android:f.greyOpacity400,ios:f.greyOpacity100,default:f.greyOpacity100});export function NavigationBackdrop(){const{colorPreference:t}=c(),e=l(),o=O(),r=t==="dark",i=b({offset:{x:0,y:0},opacity:1,radius:r?50:20,color:r?"rgba(0, 0, 0, 0.1)":L}),a=r?[e.grey100,e.grey300,e.grey100]:[e.greyOpacity100,e.greyOpacity300,e.greyOpacity100];return y(g,{pointerEvents:"none",style:[{position:"absolute",top:-o,left:0,right:0,zIndex:1,width:"100%",height:o+.5}],children:[n(g,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:e.background,width:"100%",height:o},i]}),n(I,{degree:90,easing:"linear",positions:[0,.5,1],colors:a})]})}export function NavigationLeft({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerLeft:null});return}o.setOptions({headerLeft:()=>n(p,{children:t})})},[t,o,e]),null}export function NavigationRight({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerRight:null});return}o.setOptions({headerRight:()=>n(g,{style:{marginRight:4,flexDirection:"row"},children:t})})},[t,o,e]),null}const S=B.get("window").width;export function NavigationCenter({children:t,visible:e=!0}){const r=s();return u(()=>{if(!d(t)||!e){r.setOptions({headerBackVisible:!1,headerTitle:null});return}r.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>n(g,{style:[{maxWidth:S-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:t})})},[t,r,e]),null}export function NavigationTitleIcon(t){const e={width:16,height:16,radius:5};return t.name!==void 0?n(T.Icon,{name:t.name,frameShape:e}):n(N,{source:t.source,style:{overflow:"hidden",borderRadius:e.radius,width:e.width,height:e.height}})}export function NavigationTitleText({style:t,...e}){const o=l();return n(R,{limit:100,children:n(P,{typography:"st10",fontWeight:"semibold",color:o.grey900,numberOfLines:1,ellipsizeMode:"tail",...e})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0}){const{colorPreference:o}=c(),r=l(),i=o==="light"?r.greyOpacity400:r.greyOpacity500,a=useBackOrCloseNavigation();return n(m.BackButton,{tintColor:i,onPress:()=>{t?.(),e&&a()}})}export function NavigationCloseButton({onPress:t}){const{colorPreference:e}=c(),o=l(),r=e==="light"?o.greyOpacity400:o.greyOpacity500;return n(m.CloseButton,{tintColor:r,onPress:()=>{t?.(),h()}})}
+"use strict";import{Fragment as p,jsx as n,jsxs as y}from"react/jsx-runtime";import{useHeaderHeight as O}from"@granite-js/native/@react-navigation/elements";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as h}from"@granite-js/react-native";import{colors as f,colorsByPreference as v}from"@toss/tds-colors";import{Children as x,useCallback as C,useLayoutEffect as u,useMemo as k}from"react";import{Dimensions as B,Image as N,Platform as w,View as g}from"react-native";import{Asset as T}from"../../components/asset/index.js";import{LinearGradient as I}from"../../components/gradient/index.js";import{ReactNavigationNavbar as m}from"../../components/navbar/index.js";import{useShadow as b}from"../../components/shadow/index.js";import{Txt as P}from"../../components/txt/index.js";import{useColorPreference as c}from"../../core/contexts/ColorPreferenceProvider.js";import{PreventFontScaling as R}from"../../extensions/prevent-font-scaling/index.js";function l(){const{colorPreference:t}=c(),{adaptive:e}=k(()=>({adaptive:v[t]}),[t]);return e}function d(t){return x.toArray(t).length>0}export function Navigation({children:t}){const e=s(),o=l(),{colorPreference:r}=c(),i=d(t);return u(()=>{function a(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!i){a();return}return e.setOptions({headerStyle:{backgroundColor:o.background},statusBarStyle:"auto"}),()=>{a()}},[e,r,i,o.background]),n(p,{children:t})}export function useBackOrCloseNavigation(){const t=s();return C(()=>{t.canGoBack()?t.goBack():h()},[t])}const L=w.select({android:f.greyOpacity400,ios:f.greyOpacity100,default:f.greyOpacity100});export function NavigationBackdrop(){const{colorPreference:t}=c(),e=l(),o=O(),r=t==="dark",i=b({offset:{x:0,y:0},opacity:1,radius:r?50:20,color:r?"rgba(0, 0, 0, 0.1)":L}),a=r?[e.grey100,e.grey300,e.grey100]:[e.greyOpacity100,e.greyOpacity300,e.greyOpacity100];return y(g,{pointerEvents:"none",style:[{position:"absolute",top:-o,left:0,right:0,zIndex:1,width:"100%",height:o+.5}],children:[n(g,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:e.background,width:"100%",height:o},i]}),n(I,{degree:90,easing:"linear",positions:[0,.5,1],colors:a})]})}export function NavigationLeft({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerLeft:null});return}o.setOptions({headerLeft:()=>n(p,{children:t})})},[t,o,e]),null}export function NavigationRight({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerRight:null});return}o.setOptions({headerRight:()=>n(g,{style:{marginRight:4,flexDirection:"row"},children:t})})},[t,o,e]),null}const S=B.get("window").width;export function NavigationCenter({children:t,visible:e=!0}){const r=s();return u(()=>{if(!d(t)||!e){r.setOptions({headerBackVisible:!1,headerTitle:null});return}r.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>n(g,{style:[{maxWidth:S-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:t})})},[t,r,e]),null}export function NavigationTitleIcon(t){const e={width:16,height:16,radius:5};return t.name!==void 0?n(T.Icon,{name:t.name,frameShape:e}):n(N,{source:t.source,style:{overflow:"hidden",borderRadius:e.radius,width:e.width,height:e.height}})}export function NavigationTitleText({style:t,...e}){const o=l();return n(R,{limit:100,children:n(P,{typography:"st10",fontWeight:"semibold",color:o.grey900,numberOfLines:1,ellipsizeMode:"tail",...e})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0}){const{colorPreference:o}=c(),r=l(),i=o==="light"?r.greyOpacity400:r.greyOpacity500,a=useBackOrCloseNavigation();return n(m.BackButton,{tintColor:i,onPress:()=>{t?.(),e&&a()}})}export function NavigationCloseButton({onPress:t}){const{colorPreference:e}=c(),o=l(),r=e==="light"?o.greyOpacity400:o.greyOpacity500;return n(m.CloseButton,{tintColor:r,onPress:()=>{t?.(),h()}})}

package/dist/esm/extensions/external-web-view-screen/index.d.ts

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

package/dist/esm/extensions/external-web-view-screen/index.js

@@ -1 +1 @@
-"use strict";export*from"./ExternalWebViewScreen";
+"use strict";export*from"./ExternalWebViewScreen.js";

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import { Icon } from '../../components/icon';
-import { TxtProps } from '../../components/txt';
-import { NavigationTheme } from '../top-navigation';
+import type { Icon } from '../../components/icon/index.js';
+import type { TxtProps } from '../../components/txt/index.js';
+import type { NavigationTheme } from '../top-navigation/index.js';
 interface NavigationProps {
     children?: ReactNode;
 }
@@ -77,5 +77,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("../..").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/Icon.js").IconProps & import("react").RefAttributes<View>, "accessibilityLabel" | "type" | "name"> & import("react-native").TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
 export {};

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

@@ -1 +1 @@
-"use strict";import{Fragment as d,jsx as o}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as x}from"@granite-js/react-native";import{colors as v}from"@toss/tds-colors";import{Children as C,forwardRef as b,useCallback as k,useLayoutEffect as c}from"react";import{Dimensions as I,Image as O,Platform as B,TouchableOpacity as N,View as f}from"react-native";import{Asset as T}from"../../components/asset";import{ReactNavigationNavbar as p}from"../../components/navbar";import{Txt as w}from"../../components/txt";import{getTypographyMap as L}from"../../constants";import{useAdaptive as m,useColorPreference as R}from"../../core";import{useTypographyLevel as S}from"../../core/hooks/useTypographyLevel";import{PreventFontScaling as D}from"../../extensions/prevent-font-scaling";import{COLOR_PALETTE as g}from"../top-navigation";function u(t){return C.toArray(t).length>0}export function Navigation({children:t}){const e=s(),n=m(),{colorPreference:i}=R(),l=u(t);return c(()=>{function r(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!l){r();return}return e.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{r()}},[n.background,i,l,e]),o(d,{children:t})}export function useBackOrCloseNavigation(){const t=s();return k(()=>{t.canGoBack()?t.goBack():x()},[t])}export function NavigationLeft({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>o(d,{children:t})})},[t,n,e]),null}export function NavigationRight({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>o(NavigationRightWrapper,{children:t})})},[t,n,e]),null}export function NavigationRightWrapper({children:t}){return o(f,{style:{marginRight:10,flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4},children:t})}const h=I.get("window").width;export function NavigationContent({children:t,visible:e=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:l="light",withHome:r=!1}){const a=s(),y=m();return c(()=>{if(!u(t)||!e){a.setOptions({headerBackVisible:!1,headerTitle:null});return}a.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>o(f,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:B.OS==="ios"?-4:0,alignSelf:"flex-start"},children:o(f,{style:{flexDirection:"row",alignItems:"center",gap:5,maxWidth:h-i},children:n?o(N,{onPress:n,style:{flexDirection:"row",alignItems:"center",gap:5,height:34,paddingLeft:12,paddingRight:10,maxWidth:h-i,backgroundColor:l==="dark"&&!r?void 0:g[l].backgroundColor,borderRadius:99},children:t}):t})}),headerTintColor:v.grey900})},[y.greyOpacity50,t,i,a,n,l,e,r]),null}export function NavigationTitleIcon(t){const e=S(),i=L(e).t6.fontSize,r=Math.min(i,20),a={width:r,height:r,radius:5};return i>=22&&t.name!=="icon-home-mono"?null:t.name!==void 0?o(T.Icon,{name:t.name,frameShape:a}):o(O,{source:t.source,style:{overflow:"hidden",borderRadius:a.radius,width:a.width,height:a.height}})}export function NavigationTitleText({style:t,theme:e="light",...n}){return o(D,{limit:135,children:o(w,{typography:"t6",fontWeight:"semibold",color:g[e].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return o(p.BackButton,{tintColor:g[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:e?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{t?.(),e&&i()}})}export const NavigationIconButton=b(function(e,n){return o(p.RightIconButton,{ref:n,...e})});
+"use strict";import{Fragment as d,jsx as o}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as x}from"@granite-js/react-native";import{colors as v}from"@toss/tds-colors";import{Children as C,forwardRef as b,useCallback as k,useLayoutEffect as c}from"react";import{Dimensions as I,Image as O,Platform as B,TouchableOpacity as N,View as f}from"react-native";import{Asset as T}from"../../components/asset/index.js";import{ReactNavigationNavbar as p}from"../../components/navbar/index.js";import{Txt as w}from"../../components/txt/index.js";import{getTypographyMap as L}from"../../constants/index.js";import{useAdaptive as m,useColorPreference as R}from"../../core/index.js";import{useTypographyLevel as S}from"../../core/hooks/useTypographyLevel.js";import{PreventFontScaling as D}from"../../extensions/prevent-font-scaling/index.js";import{COLOR_PALETTE as g}from"../top-navigation/index.js";function u(t){return C.toArray(t).length>0}export function Navigation({children:t}){const e=s(),n=m(),{colorPreference:i}=R(),l=u(t);return c(()=>{function r(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!l){r();return}return e.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{r()}},[n.background,i,l,e]),o(d,{children:t})}export function useBackOrCloseNavigation(){const t=s();return k(()=>{t.canGoBack()?t.goBack():x()},[t])}export function NavigationLeft({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>o(d,{children:t})})},[t,n,e]),null}export function NavigationRight({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>o(NavigationRightWrapper,{children:t})})},[t,n,e]),null}export function NavigationRightWrapper({children:t}){return o(f,{style:{marginRight:10,flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4},children:t})}const h=I.get("window").width;export function NavigationContent({children:t,visible:e=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:l="light",withHome:r=!1}){const a=s(),y=m();return c(()=>{if(!u(t)||!e){a.setOptions({headerBackVisible:!1,headerTitle:null});return}a.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>o(f,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:B.OS==="ios"?-4:0,alignSelf:"flex-start"},children:o(f,{style:{flexDirection:"row",alignItems:"center",gap:5,maxWidth:h-i},children:n?o(N,{onPress:n,style:{flexDirection:"row",alignItems:"center",gap:5,height:34,paddingLeft:12,paddingRight:10,maxWidth:h-i,backgroundColor:l==="dark"&&!r?void 0:g[l].backgroundColor,borderRadius:99},children:t}):t})}),headerTintColor:v.grey900})},[y.greyOpacity50,t,i,a,n,l,e,r]),null}export function NavigationTitleIcon(t){const e=S(),i=L(e).t6.fontSize,r=Math.min(i,20),a={width:r,height:r,radius:5};return i>=22&&t.name!=="icon-home-mono"?null:t.name!==void 0?o(T.Icon,{name:t.name,frameShape:a}):o(O,{source:t.source,style:{overflow:"hidden",borderRadius:a.radius,width:a.width,height:a.height}})}export function NavigationTitleText({style:t,theme:e="light",...n}){return o(D,{limit:135,children:o(w,{typography:"t6",fontWeight:"semibold",color:g[e].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return o(p.BackButton,{tintColor:g[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:e?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{t?.(),e&&i()}})}export const NavigationIconButton=b(function(e,n){return o(p.RightIconButton,{ref:n,...e})});

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

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

package/dist/esm/extensions/navigation/index.js

@@ -1 +1 @@
-"use strict";export*from"./Navigation";
+"use strict";export*from"./Navigation.js";

package/dist/esm/extensions/overlay-extension/components/CapturePress.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function CapturePress({ children, onPress }: {
     children: ReactElement;
     onPress: () => void;

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

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

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

@@ -1 +1 @@
-"use strict";export{useDialog}from"./useDialog";export{useBottomSheet}from"./useBottomSheet";export{useToast}from"./useToast";
+"use strict";export{useDialog}from"./useDialog.js";export{useBottomSheet}from"./useBottomSheet.js";export{useToast}from"./useToast.js";

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as s}from"react/jsx-runtime";import{useOverlay as C}from"../../../core";import{BottomSheet as P}from"../../../components/bottom-sheet";import{isValidElement as y,useCallback as c,useEffect as E,useMemo as b}from"react";import{CapturePress as j}from"../components/CapturePress";import{Pressable as v}from"react-native";export function useBottomSheet(i={}){const e=C(),n=c(()=>e.close(),[e]),l=c(({header:u,cta:r,onExited:p,onClose:f,...a})=>e.open(({isOpen:d,exit:h,close:x})=>{const t=()=>{f?.(),x()};return s(P.Root,{...a,header:u,open:d,cta:y(r)?s(j,{onPress:t,children:r}):s(v,{onPress:t,children:r}),onClose:t,onExited:()=>{p?.(),h()}})}),[e]),o=b(()=>({close:n,open:l}),[n,l]),{closeOnDestroy:m=!0}=i;return E(()=>()=>{m&&o?.close()},[m,o]),o}
+"use strict";import{jsx as s}from"react/jsx-runtime";import{useOverlay as C}from"../../../core/index.js";import{BottomSheet as P}from"../../../components/bottom-sheet/index.js";import{isValidElement as y,useCallback as c,useEffect as E,useMemo as b}from"react";import{CapturePress as j}from"../components/CapturePress.js";import{Pressable as v}from"react-native";export function useBottomSheet(i={}){const e=C(),n=c(()=>e.close(),[e]),l=c(({header:u,cta:r,onExited:p,onClose:f,...a})=>e.open(({isOpen:d,exit:h,close:x})=>{const t=()=>{f?.(),x()};return s(P.Root,{...a,header:u,open:d,cta:y(r)?s(j,{onPress:t,children:r}):s(v,{onPress:t,children:r}),onClose:t,onExited:()=>{p?.(),h()}})}),[e]),o=b(()=>({close:n,open:l}),[n,l]),{closeOnDestroy:m=!0}=i;return E(()=>()=>{m&&o?.close()},[m,o]),o}

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as p}from"react/jsx-runtime";import{cloneElement as E,useCallback as a,useEffect as O,useMemo as w}from"react";import{AlertDialog as B,ConfirmDialog as d}from"../../../components/dialog";import{useOverlay as _}from"../../../core";export function useDialog(g={}){const o=_(),P=a(()=>{o.close()},[o]),{closeOnDestroy:y=!0}=g,C=a(({closeOnDimmerClick:s=!1,onEntered:r,onButtonPress:c,...f})=>new Promise(i=>{o.open(({isOpen:n,close:e,exit:t})=>p(B,{...f,open:n,onEntered:r,onClose:()=>{i(),e()},onButtonPress:()=>{c?.(),i(),e()},onExited:()=>{t()},closeOnDimmerClick:s}))}),[o]),D=a(({rightButton:s="\uD655\uC778",leftButton:r="\uCDE8\uC18C",closeOnDimmerClick:c=!1,onEntered:f,...i})=>{const n=typeof s=="string"?p(d.Button,{children:s}):s,e=typeof r=="string"?p(d.Button,{children:r}):r;return new Promise(t=>{o.open(({isOpen:k,close:m,exit:x})=>p(d,{...i,open:k,onEntered:f,onClose:()=>{t(!1),m()},onExited:()=>{x()},rightButton:E(n,{...n.props,onPress:u=>{t(!0),n.props.onPress===void 0?m():n.props.onPress(u)}}),leftButton:E(e,{...e.props,type:"dark",style:"weak",onPress:u=>{t(!1),e.props.onPress===void 0?m():e.props.onPress(u)}}),closeOnDimmerClick:c}))})},[o]),l=w(()=>({close:P,openAlert:C,openConfirm:D}),[P,C,D]);return O(()=>()=>{y&&l?.close()},[y,l]),l}
+"use strict";import{jsx as p}from"react/jsx-runtime";import{cloneElement as E,useCallback as a,useEffect as O,useMemo as w}from"react";import{AlertDialog as B,ConfirmDialog as d}from"../../../components/dialog/index.js";import{useOverlay as _}from"../../../core/index.js";export function useDialog(g={}){const o=_(),P=a(()=>{o.close()},[o]),{closeOnDestroy:y=!0}=g,C=a(({closeOnDimmerClick:s=!1,onEntered:r,onButtonPress:c,...f})=>new Promise(i=>{o.open(({isOpen:n,close:e,exit:t})=>p(B,{...f,open:n,onEntered:r,onClose:()=>{i(),e()},onButtonPress:()=>{c?.(),i(),e()},onExited:()=>{t()},closeOnDimmerClick:s}))}),[o]),D=a(({rightButton:s="\uD655\uC778",leftButton:r="\uCDE8\uC18C",closeOnDimmerClick:c=!1,onEntered:f,...i})=>{const n=typeof s=="string"?p(d.Button,{children:s}):s,e=typeof r=="string"?p(d.Button,{children:r}):r;return new Promise(t=>{o.open(({isOpen:k,close:m,exit:x})=>p(d,{...i,open:k,onEntered:f,onClose:()=>{t(!1),m()},onExited:()=>{x()},rightButton:E(n,{...n.props,onPress:u=>{t(!0),n.props.onPress===void 0?m():n.props.onPress(u)}}),leftButton:E(e,{...e.props,type:"dark",style:"weak",onPress:u=>{t(!1),e.props.onPress===void 0?m():e.props.onPress(u)}}),closeOnDimmerClick:c}))})},[o]),l=w(()=>({close:P,openAlert:C,openConfirm:D}),[P,C,D]);return O(()=>()=>{y&&l?.close()},[y,l]),l}

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

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useOverlay as E}from"../../../core";import{useCallback as f,useEffect as I,useMemo as O}from"react";import{Toast as n}from"../../../components/toast";export function useToast(a={}){const e=E(),s=f(()=>e.close(),[e]),c=f((m,{duration:P,button:t,type:p="bottom",lottie:l,icon:u,iconType:d,onExited:x,onClose:y,...h}={})=>e.open(({isOpen:v,exit:C,close:b})=>{const j=()=>{y?.(),b()};return o(n,{...h,text:m,open:v,position:p,button:t?o(n.Button,{onPress:t.onPress,children:t.text}):void 0,icon:l?o(n.LottieIcon,{src:l,style:{borderRadius:d==="circle"?9999:void 0,overflow:"hidden"}}):u?o(n.Icon,{name:u,type:d==="circle"?"circle":"default"}):void 0,onClose:j,onExited:()=>{x?.(),C()}})}),[e]),r=O(()=>({close:s,open:c}),[s,c]),{closeOnDestroy:i=!0}=a;return I(()=>()=>{i&&r?.close()},[i,r]),r}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useOverlay as E}from"../../../core/index.js";import{useCallback as f,useEffect as I,useMemo as O}from"react";import{Toast as n}from"../../../components/toast/index.js";export function useToast(a={}){const e=E(),s=f(()=>e.close(),[e]),c=f((m,{duration:P,button:t,type:p="bottom",lottie:l,icon:u,iconType:d,onExited:x,onClose:y,...h}={})=>e.open(({isOpen:v,exit:C,close:b})=>{const j=()=>{y?.(),b()};return o(n,{...h,text:m,open:v,position:p,button:t?o(n.Button,{onPress:t.onPress,children:t.text}):void 0,icon:l?o(n.LottieIcon,{src:l,style:{borderRadius:d==="circle"?9999:void 0,overflow:"hidden"}}):u?o(n.Icon,{name:u,type:d==="circle"?"circle":"default"}):void 0,onClose:j,onExited:()=>{x?.(),C()}})}),[e]),r=O(()=>({close:s,open:c}),[s,c]),{closeOnDestroy:i=!0}=a;return I(()=>()=>{i&&r?.close()},[i,r]),r}

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

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

package/dist/esm/extensions/overlay-extension/index.js

@@ -1 +1 @@
-"use strict";export*from"./hooks";
+"use strict";export*from"./hooks/index.js";

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{ReactNavigationNavbar as n}from"../../components/navbar";export function CompatAccessoryButton(t){return t.type==="text"?e(n.RightTextButton,{onPress:t.onClick,children:t.title}):e(n.RightIconButton,{onPress:t.onClick,type:t.iconType,name:t.name,accessibilityLabel:t.alt})}
+"use strict";import{jsx as e}from"react/jsx-runtime";import{ReactNavigationNavbar as n}from"../../components/navbar/index.js";export function CompatAccessoryButton(t){return t.type==="text"?e(n.RightTextButton,{onPress:t.onClick,children:t.title}):e(n.RightIconButton,{onPress:t.onClick,type:t.iconType,name:t.name,accessibilityLabel:t.alt})}

package/dist/esm/extensions/page-navbar/PageAccessoryButtons.d.ts

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

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

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{useNavigation as a}from"@granite-js/native/@react-navigation/native";import{ReactNavigationNavbar as e}from"../../components/navbar";import{useLayoutEffect as i}from"react";export function PageAccessoryButtons({children:t}){const o=a();return i(()=>{o.setOptions({headerRight:()=>r(e.HeaderRight,{children:t})})},[t,o]),null}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useNavigation as a}from"@granite-js/native/@react-navigation/native";import{ReactNavigationNavbar as e}from"../../components/navbar/index.js";import{useLayoutEffect as i}from"react";export function PageAccessoryButtons({children:t}){const o=a();return i(()=>{o.setOptions({headerRight:()=>r(e.HeaderRight,{children:t})})},[t,o]),null}

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useNavigation as n}from"@granite-js/native/@react-navigation/native";import{colors as s}from"@toss/tds-colors";import{useLayoutEffect as a}from"react";import{ReactNavigationNavbar as c}from"../../components/navbar";import{CompatAccessoryButton as l}from"./CompatAccessoryButton";import{TransparentNavigation as u}from"./components/TransparentNavigationBar/index";import{PageAccessoryButtons as m}from"./PageAccessoryButtons";import{PageTitle as p}from"./PageTitle";export function PageNavbar({children:o,preference:t={type:"showAlways"}}){const i=n();return a(()=>{i.setOptions({headerStyle:{backgroundColor:s.background},statusBarStyle:"dark",headerTintColor:s.grey900})},[i]),t.type==="transparent"?r(f,{children:o}):t.type==="none"?r(g,{children:o}):r(e,{children:o})}function g({children:o}){const t=n();return a(()=>{t.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[t]),r(e,{children:o})}function f({children:o}){const t=n();return a(()=>{t.setOptions(u.screenOptions)},[t]),r(e,{children:o})}PageNavbar.Title=p,PageNavbar.AccessoryButtons=m,PageNavbar.AccessoryTextButton=c.RightTextButton,PageNavbar.AccessoryIconButton=c.RightIconButton,PageNavbar.TransparentScrollView=u.ScrollView,PageNavbar.AccessoryButton=l;
+"use strict";import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useNavigation as n}from"@granite-js/native/@react-navigation/native";import{colors as s}from"@toss/tds-colors";import{useLayoutEffect as a}from"react";import{ReactNavigationNavbar as c}from"../../components/navbar/index.js";import{CompatAccessoryButton as l}from"./CompatAccessoryButton.js";import{TransparentNavigation as u}from"./components/TransparentNavigationBar/index.js";import{PageAccessoryButtons as m}from"./PageAccessoryButtons.js";import{PageTitle as p}from"./PageTitle.js";export function PageNavbar({children:o,preference:t={type:"showAlways"}}){const i=n();return a(()=>{i.setOptions({headerStyle:{backgroundColor:s.background},statusBarStyle:"dark",headerTintColor:s.grey900})},[i]),t.type==="transparent"?r(f,{children:o}):t.type==="none"?r(g,{children:o}):r(e,{children:o})}function g({children:o}){const t=n();return a(()=>{t.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[t]),r(e,{children:o})}function f({children:o}){const t=n();return a(()=>{t.setOptions(u.screenOptions)},[t]),r(e,{children:o})}PageNavbar.Title=p,PageNavbar.AccessoryButtons=m,PageNavbar.AccessoryTextButton=c.RightTextButton,PageNavbar.AccessoryIconButton=c.RightIconButton,PageNavbar.TransparentScrollView=u.ScrollView,PageNavbar.AccessoryButton=l;

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{ReactNavigationNavbar as n}from"../../components/navbar";import{useLayoutEffect as f}from"react";export function PageTitle({children:e,withHeaderLeft:t=!1,style:a,...i}){const o=s();return f(()=>{o.setOptions({headerBackVisible:!1,headerTitle:()=>r(n.HeaderTitle,{withHeaderLeft:t,style:a,children:typeof e=="string"?r(n.TitleTxt,{...i,children:e}):e})})},[e,o,a,i,t]),null}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{ReactNavigationNavbar as n}from"../../components/navbar/index.js";import{useLayoutEffect as f}from"react";export function PageTitle({children:e,withHeaderLeft:t=!1,style:a,...i}){const o=s();return f(()=>{o.setOptions({headerBackVisible:!1,headerTitle:()=>r(n.HeaderTitle,{withHeaderLeft:t,style:a,children:typeof e=="string"?r(n.TitleTxt,{...i,children:e}):e})})},[e,o,a,i,t]),null}

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

@@ -1 +1 @@
-"use strict";import{TransparentNavigationScreenOptions as r}from"./TransparentNavigationScreenOptions";import{TransparentNavigationScrollView as n}from"./TransparentNavigationScrollView";export const TransparentNavigation={ScrollView:n,screenOptions:r};
+"use strict";import{TransparentNavigationScreenOptions as r}from"./TransparentNavigationScreenOptions.js";import{TransparentNavigationScrollView as n}from"./TransparentNavigationScrollView.js";export const TransparentNavigation={ScrollView:n,screenOptions:r};

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as t,Fragment as g,jsxs as v}from"react/jsx-runtime";import{useHeaderHeight as y}from"@granite-js/native/@react-navigation/elements";import{BlurView as i,IOScrollView as S}from"@granite-js/react-native";import{spring as b}from"@toss/tds-easings";import{forwardRef as h,useCallback as w,useRef as V}from"react";import{Animated as o,StyleSheet as x}from"react-native";import{useAdaptive as j,useColorPreference as k}from"../../../../core/index";export const TransparentNavigationScrollView=h(function({scrollEventThrottle:a,onScroll:s,...l},c){const n=y(),u=j(),{colorPreference:m}=k(),r=V(new o.Value(0)).current,f={opacity:r},p=w(({isBlur:e})=>{o.spring(r,{toValue:e?1:0,useNativeDriver:!0,...b.quick}).start()},[r]);return v(g,{children:[t(S,{...l,ref:c,scrollEventThrottle:a??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;p({isBlur:d}),s?.(e)}}),t(o.View,{style:[x.absoluteFill,{height:n},f],children:t(i,{blurType:m,blurAmount:10,vibrancyEffect:!0,style:[{height:n,backgroundColor:i.isSupported?void 0:u.background}]})})]})});
+"use strict";import{jsx as t,Fragment as g,jsxs as v}from"react/jsx-runtime";import{useHeaderHeight as y}from"@granite-js/native/@react-navigation/elements";import{BlurView as i,IOScrollView as S}from"@granite-js/react-native";import{spring as b}from"@toss/tds-easings";import{forwardRef as h,useCallback as w,useRef as V}from"react";import{Animated as o,StyleSheet as x}from"react-native";import{useAdaptive as j,useColorPreference as k}from"../../../../core/index.js";export const TransparentNavigationScrollView=h(function({scrollEventThrottle:a,onScroll:s,...l},c){const n=y(),u=j(),{colorPreference:m}=k(),r=V(new o.Value(0)).current,f={opacity:r},p=w(({isBlur:e})=>{o.spring(r,{toValue:e?1:0,useNativeDriver:!0,...b.quick}).start()},[r]);return v(g,{children:[t(S,{...l,ref:c,scrollEventThrottle:a??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;p({isBlur:d}),s?.(e)}}),t(o.View,{style:[x.absoluteFill,{height:n},f],children:t(i,{blurType:m,blurAmount:10,vibrancyEffect:!0,style:[{height:n,backgroundColor:i.isSupported?void 0:u.background}]})})]})});

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./TransparentNavigation";
+"use strict";export*from"./TransparentNavigation.js";

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./PageNavbar";
+"use strict";export*from"./PageNavbar.js";

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as v,jsxs as h}from"react/jsx-runtime";import{WebView as w}from"@granite-js/native/react-native-webview";import{useBackEventContext as b}from"@granite-js/react-native";import{forwardRef as d,useCallback as x,useRef as s}from"react";import{mergeRefs as C}from"../../utils/mergeRefs";import{NavigationBackButton as N,NavigationLeft as j,useBackOrCloseNavigation as G}from"../navigation/index";import{TopNavigation as P}from"../top-navigation/TopNavigation";export const PartnerWebViewScreen=d(function({header:f,onNavigationStateChange:u,...B},l){const{withBackButton:k=!0,...m}=f,o=s(!1),r=b(),n=s(null),g=C(l,n),a=!r.hasBackEvent,c=r.onBack,i=G(),p=x(function(){if(!a){c();return}if(n.current!=null&&o.current){n.current?.goBack();return}i()},[a,c,i]);return h(v,{children:[e(P,{...m,children:e(j,{visible:k,children:e(N,{onPress:p,canGoBack:!1})})}),e(w,{ref:g,...B,onNavigationStateChange:t=>{o.current=t.canGoBack,u?.(t)},style:{flex:1}})]})});
+"use strict";import{jsx as e,Fragment as v,jsxs as h}from"react/jsx-runtime";import{WebView as w}from"@granite-js/native/react-native-webview";import{useBackEventContext as b}from"@granite-js/react-native";import{forwardRef as d,useCallback as x,useRef as s}from"react";import{mergeRefs as C}from"../../utils/mergeRefs.js";import{NavigationBackButton as N,NavigationLeft as j,useBackOrCloseNavigation as G}from"../navigation/index.js";import{TopNavigation as P}from"../top-navigation/TopNavigation.js";export const PartnerWebViewScreen=d(function({header:f,onNavigationStateChange:u,...B},l){const{withBackButton:k=!0,...m}=f,o=s(!1),r=b(),n=s(null),g=C(l,n),a=!r.hasBackEvent,c=r.onBack,i=G(),p=x(function(){if(!a){c();return}if(n.current!=null&&o.current){n.current?.goBack();return}i()},[a,c,i]);return h(v,{children:[e(P,{...m,children:e(j,{visible:k,children:e(N,{onPress:p,canGoBack:!1})})}),e(w,{ref:g,...B,onNavigationStateChange:t=>{o.current=t.canGoBack,u?.(t)},style:{flex:1}})]})});

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./PartnerWebViewScreen";
+"use strict";export*from"./PartnerWebViewScreen.js";

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{Platform as t}from"react-native";import{PreventFontScalingAndroid as i}from"./PreventFontScalingAndroid";import{PreventFontScalingIos as m}from"./PreventFontScalingIos";export function PreventFontScaling({limit:r,children:o}){return t.OS==="android"?n(i,{limit:r,children:o}):n(m,{limit:r,children:o})}
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Platform as t}from"react-native";import{PreventFontScalingAndroid as i}from"./PreventFontScalingAndroid.js";import{PreventFontScalingIos as m}from"./PreventFontScalingIos.js";export function PreventFontScaling({limit:r,children:o}){return t.OS==="android"?n(i,{limit:r,children:o}):n(m,{limit:r,children:o})}

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as p}from"react/jsx-runtime";import{TypographyThemeProvider as t,useTypographyTheme as y}from"../../core";export function PreventFontScalingAndroid({limit:r,children:o}){const{typographyLevel:e}=y();return p(t,{typographyLevel:Math.min(typeof e=="number"?e:100,r),children:o})}
+"use strict";import{jsx as p}from"react/jsx-runtime";import{TypographyThemeProvider as t,useTypographyTheme as y}from"../../core/index.js";export function PreventFontScalingAndroid({limit:r,children:o}){const{typographyLevel:e}=y();return p(t,{typographyLevel:Math.min(typeof e=="number"?e:100,r),children:o})}

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as x}from"react/jsx-runtime";import{useWindowDimensions as g}from"react-native";import{iosTypographyLevelToNormalizeFontScale as e,iosWindowFontScaleToNormalizeFontScale as L}from"../../constants";import{TypographyThemeProvider as i}from"../../core";export function PreventFontScalingIos({limit:r,children:o}){const n=g().fontScale,a=L[n],t=y(Math.min(a,r));return x(i,{typographyLevel:t,children:o})}function y(r){return r<e.xLarge?"Large":r<e.xxLarge?"xLarge":r<e.xxxLarge?"xxLarge":r<e.A11y_Medium?"xxxLarge":r<e.A11y_Large?"A11y_Medium":r<e.A11y_xLarge?"A11y_Large":r<e.A11y_xxLarge?"A11y_xLarge":r<e.A11y_xxxLarge?"A11y_xxLarge":"A11y_xxxLarge"}
+"use strict";import{jsx as x}from"react/jsx-runtime";import{useWindowDimensions as g}from"react-native";import{iosTypographyLevelToNormalizeFontScale as e,iosWindowFontScaleToNormalizeFontScale as L}from"../../constants/index.js";import{TypographyThemeProvider as i}from"../../core/index.js";export function PreventFontScalingIos({limit:r,children:o}){const n=g().fontScale,a=L[n],t=y(Math.min(a,r));return x(i,{typographyLevel:t,children:o})}function y(r){return r<e.xLarge?"Large":r<e.xxLarge?"xLarge":r<e.xxxLarge?"xxLarge":r<e.A11y_Medium?"xxxLarge":r<e.A11y_Large?"A11y_Medium":r<e.A11y_xLarge?"A11y_Large":r<e.A11y_xxLarge?"A11y_xLarge":r<e.A11y_xxxLarge?"A11y_xxLarge":"A11y_xxxLarge"}

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./PreventFontScaling";
+"use strict";export*from"./PreventFontScaling.js";

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import e,{Defs as n,LinearGradient as a,Rect as c,Stop as s}from"@granite-js/native/react-native-svg";import{colors as d}from"@toss/tds-colors";import{useAdaptive as p}from"../../core";export function Gradient(){const t=p().background??d.background;return r(e,{width:l,height:f,pointerEvents:"none",children:[o(n,{children:r(a,{id:i,children:[o(s,{offset:0,stopColor:t,stopOpacity:0}),o(s,{offset:1,stopColor:t})]})}),o(c,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${i})`})]})}const i="tds-rn-bottom-cta-gradient",f=52,l=17;
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Svg as e,Defs as n,LinearGradient as a,Rect as c,Stop as s}from"@granite-js/native/react-native-svg";import{colors as d}from"@toss/tds-colors";import{useAdaptive as p}from"../../core/index.js";export function Gradient(){const t=p().background??d.background;return r(e,{width:l,height:f,pointerEvents:"none",children:[o(n,{children:r(a,{id:i,children:[o(s,{offset:0,stopColor:t,stopOpacity:0}),o(s,{offset:1,stopColor:t})]})}),o(c,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${i})`})]})}const i="tds-rn-bottom-cta-gradient",f=52,l=17;

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

@@ -1 +1 @@
-"use strict";import{jsx as c}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import{Animated as t,StyleSheet as p}from"react-native";import{FLUID_INDICATOR_PADDING as f,INDICATOR_PADDING as I}from"./const";import{useIndicatorOpacityAnimation as l}from"./hooks/useIndicatorOpacityAnimation";import{useIndicator as u}from"./IndicatorContext";export function Indicator({fluid:i}){l();const r=m(),{translateX:a,width:n,opacity:e}=u(),o=i?f:I,d=t.add(a,o),s=t.add(n,-o*2);return c(t.View,{style:[{backgroundColor:r.grey800},A.indicator,{width:s,transform:[{translateX:d}],opacity:e}]})}const A=p.create({indicator:{height:2,borderRadius:1,bottom:1}});
+"use strict";import{jsx as c}from"react/jsx-runtime";import{useAdaptive as m}from"../../core/index.js";import{Animated as t,StyleSheet as p}from"react-native";import{FLUID_INDICATOR_PADDING as f,INDICATOR_PADDING as I}from"./const.js";import{useIndicatorOpacityAnimation as l}from"./hooks/useIndicatorOpacityAnimation.js";import{useIndicator as u}from"./IndicatorContext.js";export function Indicator({fluid:i}){l();const r=m(),{translateX:a,width:n,opacity:e}=u(),o=i?f:I,d=t.add(a,o),s=t.add(n,-o*2);return c(t.View,{style:[{backgroundColor:r.grey800},A.indicator,{width:s,transform:[{translateX:d}],opacity:e}]})}const A=p.create({indicator:{height:2,borderRadius:1,bottom:1}});

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

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

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as g}from"react/jsx-runtime";import{useRef as R}from"react";import{Animated as o}from"react-native";import{useIndicatorInterpolationRanges as x}from"./hooks/useIndicatorInterpolationRanges";import{useScrollHandler as S}from"./hooks/usePagerViewScrollHandler";import{useScrollStateChangedHandler as h}from"./hooks/useScrollStateChangedHandler";import{IndicatorContext as w}from"./IndicatorContext";import{useTabs as I}from"./TabsContext";export function IndicatorProvider({children:n}){const{initialTabIndex:r}=I(),{isGestureSwipingRef:a,scrollStateChangedHandler:i}=h(),s=R(new o.Value(0)).current,{position:p,offset:l,scrollHandler:u}=S({initialPosition:r}),{inputRange:t,widthOutputRange:c,translateXOutputRange:m}=x(),e=o.add(p,l),d=e.interpolate({inputRange:t,outputRange:c,extrapolate:"clamp"}),f=e.interpolate({inputRange:t,outputRange:m,extrapolate:"clamp"});return g(w.Provider,{value:{width:d,translateX:f,opacity:s,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:i},children:n})}
+"use strict";import{jsx as g}from"react/jsx-runtime";import{useRef as R}from"react";import{Animated as o}from"react-native";import{useIndicatorInterpolationRanges as x}from"./hooks/useIndicatorInterpolationRanges.js";import{useScrollHandler as S}from"./hooks/usePagerViewScrollHandler.js";import{useScrollStateChangedHandler as h}from"./hooks/useScrollStateChangedHandler.js";import{IndicatorContext as w}from"./IndicatorContext.js";import{useTabs as I}from"./TabsContext.js";export function IndicatorProvider({children:n}){const{initialTabIndex:r}=I(),{isGestureSwipingRef:a,scrollStateChangedHandler:i}=h(),s=R(new o.Value(0)).current,{position:p,offset:l,scrollHandler:u}=S({initialPosition:r}),{inputRange:t,widthOutputRange:c,translateXOutputRange:m}=x(),e=o.add(p,l),d=e.interpolate({inputRange:t,outputRange:c,extrapolate:"clamp"}),f=e.interpolate({inputRange:t,outputRange:m,extrapolate:"clamp"});return g(w.Provider,{value:{width:d,translateX:f,opacity:s,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:i},children:n})}

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as b}from"react/jsx-runtime";import{useAdaptive as C}from"../../core";import{Txt as M}from"../../components/txt";import{useCallback as A,useMemo as R}from"react";import{Pressable as I,StyleSheet as j,View as p}from"react-native";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as B,TAB_ITEM_HORIZONTAL_MARGIN as H}from"./const";import{Gradient as L}from"./Gradient";import{useTabs as N}from"./TabsContext";function O({redBean:f=!1,value:t,children:g,style:h,onPress:l,tabIndex:e}){const{fluid:a,value:c,onChange:u,pagerViewRef:r,setTabWidthMap:m}=N(),n=R(()=>t===c,[t,c]),d=C(),y=A(s=>{l?.(s),u?.(t,e),e!=null&&r?.current!=null&&r.current.setPage(e)},[u,l,r,e,t]);return b(I,{accessibilityRole:"tab",accessibilityState:{selected:n},onPress:y,style:[o.container,a?o.fluidContainer:{},h],onLayout:s=>{const T=s.nativeEvent.layout;m!=null&&e!=null&&m(_=>({..._,[e]:T}))},children:[i(M,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:n?"bold":"semiBold",color:n?d.grey800:d.grey600,children:g}),a?null:i(p,{style:o.gradientContainer,children:i(L,{})}),f?i(p,{style:o.redBean}):null]})}const V=40,o=j.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:V,marginHorizontal:H},fluidContainer:{marginHorizontal:B},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});export{O as TabItem};
+"use strict";import{jsx as i,jsxs as b}from"react/jsx-runtime";import{useAdaptive as C}from"../../core/index.js";import{Txt as M}from"../../components/txt/index.js";import{useCallback as A,useMemo as R}from"react";import{Pressable as I,StyleSheet as j,View as p}from"react-native";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as B,TAB_ITEM_HORIZONTAL_MARGIN as H}from"./const.js";import{Gradient as L}from"./Gradient.js";import{useTabs as N}from"./TabsContext.js";function O({redBean:f=!1,value:t,children:g,style:h,onPress:l,tabIndex:e}){const{fluid:a,value:c,onChange:u,pagerViewRef:r,setTabWidthMap:m}=N(),n=R(()=>t===c,[t,c]),d=C(),y=A(s=>{l?.(s),u?.(t,e),e!=null&&r?.current!=null&&r.current.setPage(e)},[u,l,r,e,t]);return b(I,{accessibilityRole:"tab",accessibilityState:{selected:n},onPress:y,style:[o.container,a?o.fluidContainer:{},h],onLayout:s=>{const T=s.nativeEvent.layout;m!=null&&e!=null&&m(_=>({..._,[e]:T}))},children:[i(M,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:n?"bold":"semiBold",color:n?d.grey800:d.grey600,children:g}),a?null:i(p,{style:o.gradientContainer,children:i(L,{})}),f?i(p,{style:o.redBean}):null]})}const V=40,o=j.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:V,marginHorizontal:H},fluidContainer:{marginHorizontal:B},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});export{O as TabItem};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as d}from"react/jsx-runtime";import{useControlled as C}from"../../utils";import{useCallback as f,useMemo as h,useRef as D,useState as p}from"react";import{IndicatorProvider as M}from"./IndicatorProvider";import{TabItem as P}from"./TabItem";import{TabsContext as j}from"./TabsContext";import{TabsList as R}from"./TabsList";import{TabsViewList as S}from"./TabsViews";import{TabView as k}from"./TabView";import{getTabData as y}from"./utils/getTabData";function e({fluid:u,defaultValue:s,value:c,children:a,onChange:m}){const[T,l]=C({controlledValue:c,defaultValue:s}),x=D(null),[I,v]=p({}),n=h(()=>y(a),[a]),b=n.findIndex(t=>t.value===s),[V,g]=p(b),i=f((t,o)=>{m?.(t,o),l(t),g(o)},[m,l]),w=f(t=>{const o=t.nativeEvent.position,r=n.find(L=>L.tabIndex===o);r!=null&&i(r.value,r.tabIndex)},[i,n]);return d(j.Provider,{value:{fluid:u,value:T,tabLayoutMap:I,setTabWidthMap:v,onChange:i,onPageSelected:w,initialTabIndex:b,pagerViewRef:x,tabIndex:V},children:d(M,{children:a})})}e.TabList=R,e.TabItem=P,e.ViewList=S,e.View=k;export{e as Tabs};
+"use strict";import{jsx as d}from"react/jsx-runtime";import{useCallback as f,useMemo as C,useRef as h,useState as p}from"react";import{useControlled as D}from"../../utils/index.js";import{IndicatorProvider as M}from"./IndicatorProvider.js";import{TabItem as P}from"./TabItem.js";import{TabsContext as j}from"./TabsContext.js";import{TabsList as R}from"./TabsList.js";import{TabsViewList as S}from"./TabsViews.js";import{TabView as k}from"./TabView.js";import{getTabData as y}from"./utils/getTabData.js";function e({fluid:u,defaultValue:s,value:c,children:a,onChange:m}){const[T,l]=D({controlledValue:c,defaultValue:s}),x=h(null),[I,v]=p({}),n=C(()=>y(a),[a]),b=n.findIndex(t=>t.value===s),[V,g]=p(b),i=f((t,o)=>{m?.(t,o),l(t),g(o)},[m,l]),w=f(t=>{const o=t.nativeEvent.position,r=n.find(L=>L.tabIndex===o);r!=null&&i(r.value,r.tabIndex)},[i,n]);return d(j.Provider,{value:{fluid:u,value:T,tabLayoutMap:I,setTabWidthMap:v,onChange:i,onPageSelected:w,initialTabIndex:b,pagerViewRef:x,tabIndex:V},children:d(M,{children:a})})}e.TabList=R,e.TabItem=P,e.ViewList=S,e.View=k;export{e as Tabs};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useAdaptive as h}from"../../core";import{Children as p,cloneElement as u,isValidElement as b}from"react";import{ScrollView as y,StyleSheet as s,View as t}from"react-native";import{TAB_LIST_CONTAINER_PADDING as I,TAB_LIST_FLUID_CONTAINER_PADDING as w}from"./const";import{Indicator as _}from"./Indicator";import{useTabs as g}from"./TabsContext";export function TabsList({children:n,style:a,...m}){const{fluid:i}=g(),c=h(),d={...r.border,borderBottomColor:c.grey200};return l(t,{children:[i?e(t,{style:[d,r.fluidBorder]}):null,e(y,{horizontal:i,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:l(t,{children:[l(t,{style:[r.itemList,a],accessibilityRole:"tablist",...m,children:[e(t,{style:[r.padding,i?r.fluidPadding:{}]}),p.map(n,(o,f)=>{if(b(o))return u(o,{...o.props,tabIndex:f})}),i?null:e(t,{style:r.padding})]}),i?null:e(t,{style:d}),e(_,{fluid:i})]})})]})}const r=s.create({padding:{width:I,height:1},fluidPadding:{width:w,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:s.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});
+"use strict";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useAdaptive as h}from"../../core/index.js";import{Children as p,cloneElement as u,isValidElement as b}from"react";import{ScrollView as y,StyleSheet as s,View as t}from"react-native";import{TAB_LIST_CONTAINER_PADDING as I,TAB_LIST_FLUID_CONTAINER_PADDING as w}from"./const.js";import{Indicator as _}from"./Indicator.js";import{useTabs as g}from"./TabsContext.js";export function TabsList({children:n,style:a,...m}){const{fluid:i}=g(),c=h(),d={...r.border,borderBottomColor:c.grey200};return l(t,{children:[i?e(t,{style:[d,r.fluidBorder]}):null,e(y,{horizontal:i,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:l(t,{children:[l(t,{style:[r.itemList,a],accessibilityRole:"tablist",...m,children:[e(t,{style:[r.padding,i?r.fluidPadding:{}]}),p.map(n,(o,f)=>{if(b(o))return u(o,{...o.props,tabIndex:f})}),i?null:e(t,{style:r.padding})]}),i?null:e(t,{style:d}),e(_,{fluid:i})]})})]})}const r=s.create({padding:{width:I,height:1},fluidPadding:{width:w,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:s.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});

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

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

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

@@ -1 +1 @@
-"use strict";import{useMemo as r}from"react";import{useTabs as p}from"../TabsContext";import{getIndicatorInterpolateOutput as c}from"../utils/getIndicatorInterpolateOutput";export function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=p(),n=r(()=>{const e=Object.values(u??{}).map(o=>o.width);return a(e)},[u]),s=r(()=>a(n.map((e,o)=>o)),[n]),i=r(()=>{const e=c(n,t);return a(e)},[t,n]);return{inputRange:s,widthOutputRange:n,translateXOutputRange:i}}function a(t){return t.length<2?[0,1]:t}
+"use strict";import{useMemo as r}from"react";import{useTabs as p}from"../TabsContext.js";import{getIndicatorInterpolateOutput as c}from"../utils/getIndicatorInterpolateOutput.js";export function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=p(),n=r(()=>{const e=Object.values(u??{}).map(o=>o.width);return a(e)},[u]),s=r(()=>a(n.map((e,o)=>o)),[n]),i=r(()=>{const e=c(n,t);return a(e)},[t,n]);return{inputRange:s,widthOutputRange:n,translateXOutputRange:i}}function a(t){return t.length<2?[0,1]:t}

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

@@ -1 +1 @@
-"use strict";import{spring as e}from"@toss/tds-easings";import{useEffect as o}from"react";import{Animated as i}from"react-native";import{useIndicator as n}from"../IndicatorContext";export function useIndicatorOpacityAnimation(){const{opacity:r,isGestureSwiping:t}=n();o(()=>{t?.current!==!0&&i.sequence([i.spring(r,{toValue:1,...e.slow,useNativeDriver:!1})]).start()},[t,r])}
+"use strict";import{spring as e}from"@toss/tds-easings";import{useEffect as o}from"react";import{Animated as i}from"react-native";import{useIndicator as n}from"../IndicatorContext.js";export function useIndicatorOpacityAnimation(){const{opacity:r,isGestureSwiping:t}=n();o(()=>{t?.current!==!0&&i.sequence([i.spring(r,{toValue:1,...e.slow,useNativeDriver:!1})]).start()},[t,r])}

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

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

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

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

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

@@ -1 +1 @@
-"use strict";export{Tabs}from"./Tabs";
+"use strict";export{Tabs}from"./Tabs.js";

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

@@ -1 +1 @@
-"use strict";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as n,TAB_ITEM_HORIZONTAL_MARGIN as o,TAB_LIST_CONTAINER_PADDING as e,TAB_LIST_FLUID_CONTAINER_PADDING as D}from"../const";export function getIndicatorInterpolateOutput(I,T){const t=T?D:e,A=T?n:o;return I.reduce((r,L,_)=>{if(_===0)return[t+A];const N=r[_-1]+I[_-1]+A*2;return[...r,N]},[])}
+"use strict";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as n,TAB_ITEM_HORIZONTAL_MARGIN as o,TAB_LIST_CONTAINER_PADDING as e,TAB_LIST_FLUID_CONTAINER_PADDING as D}from"../const.js";export function getIndicatorInterpolateOutput(I,T){const t=T?D:e,A=T?n:o;return I.reduce((r,L,_)=>{if(_===0)return[t+A];const N=r[_-1]+I[_-1]+A*2;return[...r,N]},[])}

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

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

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

@@ -1 +1 @@
-"use strict";import{Children as e,isValidElement as n}from"react";import{TabsList as p}from"../TabsList";export function getTabData(t){return(e.map(t,r=>r)??[]).filter(r=>n(r)).filter(r=>r.type===p).map(r=>e.map(r.props.children,(a,i)=>({value:a.props.value,tabIndex:i}))).flatMap(r=>r)}
+"use strict";import{Children as e,isValidElement as n}from"react";import{TabsList as p}from"../TabsList.js";export function getTabData(t){return(e.map(t,r=>r)??[]).filter(r=>n(r)).filter(r=>r.type===p).map(r=>e.map(r.props.children,(a,i)=>({value:a.props.value,tabIndex:i}))).flatMap(r=>r)}