@toss/tds-react-native 1.2.1 → 1.3.1

package/dist/esm/core/theme/seedToken/seedToken.js

@@ -1 +1 @@
-"use strict";function u(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^57);return e}function l(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^237);return e}function f(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^176);return e}function o(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^48);return e}function h(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^131);return e}import{colors as n}from"@toss/tds-colors";export const seedToken={[o("S_\\_B")]:{[o("@BY]QBI")]:n.blue500}};
+"use strict";function l(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^104);return o}function r(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^97);return o}function f(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^186);return o}function n(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^234);return o}import{colors as u}from"@toss/tds-colors";export const seedToken={[n("\x89\x85\x86\x85\x98")]:{[r("\b\f\0")]:u.blue500}};

package/dist/esm/extensions/bridge/Bridge.d.ts

@@ -1,5 +1,5 @@
-import { ViewProps } from 'react-native';
-import { IconProps } from './components';
+import type { ViewProps } from 'react-native';
+import type { IconProps } from './components/index.js';
 interface BridgeBaseProps extends ViewProps {
     /**
      * `Bridge` 컴포넌트 중앙에 표시될 아이콘이에요.

package/dist/esm/extensions/bridge/Bridge.js

@@ -1,2 +1,2 @@
-"use strict";import{jsx as o,jsxs as T}from"react/jsx-runtime";import{bezier as C,spring as R}from"@toss/tds-easings";import{josa as A}from"es-hangul";import{useCallback as G,useEffect as E,useLayoutEffect as Q,useMemo as X,useRef as Z,useState as w}from"react";import{Dimensions as ee,Easing as v,Platform as te,Pressable as oe,StyleSheet as O,useAnimatedValue as r,View as L}from"react-native";import{usePreservedCallback as k}from"../../components/bottom-sheet/utils/usePreservedCallback";import{LinearGradient as re,RadialGradient as B}from"../../components/gradient";import{Text as z}from"../../components/txt";import{useTheme as ie}from"../../core/theme/ThemeProvider";import{Animated as t}from"../../interactions/animated/Animated";import{Icon as ne,NestedShadow as ae}from"./components";import{getCenterOffset as N}from"./utils";const le=600,se=400;export function Bridge({style:a,icon:f,open:c,colorMode:p="basic",onClose:l,onExited:y,variant:x,serviceName:u,amount:s,...m}){const{token:e}=ie(),g=p==="basic",D=k(l??Y),I=k(y??Y),[j,P]=w(!1),b=Z(null),_=G(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{D?.(),b.current=null},se)},[D]);E(()=>()=>{b.current&&clearTimeout(b.current)},[]),E(()=>{const d=setTimeout(()=>{P(!0)},le);return()=>{clearTimeout(d)}},[]);const h={large:412.5,small:375},i=ge();E(()=>{if(c)return i.controller.open().start(),()=>{D?.(),i.controller.close().start(()=>{I?.()})}},[i.controller,D,I,c]);const M=x==="point"?[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
+"use strict";import{jsx as o,jsxs as T}from"react/jsx-runtime";import{bezier as C,spring as R}from"@toss/tds-easings";import{josa as A}from"es-hangul";import{useCallback as G,useEffect as E,useLayoutEffect as Q,useMemo as X,useRef as Z,useState as w}from"react";import{Dimensions as ee,Easing as v,Platform as te,Pressable as oe,StyleSheet as O,useAnimatedValue as r,View as L}from"react-native";import{usePreservedCallback as k}from"../../components/bottom-sheet/utils/usePreservedCallback.js";import{LinearGradient as re,RadialGradient as B}from"../../components/gradient/index.js";import{Text as z}from"../../components/txt/index.js";import{useTheme as ie}from"../../core/theme/ThemeProvider.js";import{Animated as t}from"../../interactions/animated/Animated.js";import{Icon as ne,NestedShadow as ae}from"./components/index.js";import{getCenterOffset as N}from"./utils/index.js";const le=600,se=400;export function Bridge({style:a,icon:f,open:c,colorMode:p="basic",onClose:l,onExited:y,variant:x,serviceName:u,amount:s,...m}){const{token:e}=ie(),g=p==="basic",D=k(l??Y),I=k(y??Y),[j,P]=w(!1),b=Z(null),_=G(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{D?.(),b.current=null},se)},[D]);E(()=>()=>{b.current&&clearTimeout(b.current)},[]),E(()=>{const d=setTimeout(()=>{P(!0)},le);return()=>{clearTimeout(d)}},[]);const h={large:412.5,small:375},i=ge();E(()=>{if(c)return i.controller.open().start(),()=>{D?.(),i.controller.close().start(()=>{I?.()})}},[i.controller,D,I,c]);const M=x==="point"?[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
 `},{type:"strong",text:`${s.toLocaleString()}\uC6D0`},{type:"default",text:" \uBC1B\uC558\uC5B4\uC694"}]:[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+" \uC774\uB3D9\uD588\uC5B4\uC694"}],[S,H]=w(null),[V,W]=w(null),[U,$]=w(0),q=G(d=>{H(N(d.nativeEvent.layout))},[]),F=G(d=>{W(N(d.nativeEvent.layout))},[]);return Q(()=>{S===null||V===null||$(S.y-V.y)},[V,S]),T(oe,{style:[n.fullCover,{zIndex:10},a],disabled:!j,onPress:_,...m,children:[o(L,{style:{flex:1,paddingTop:te.select({ios:103,android:56,default:56}),zIndex:1},children:T(t.View,{style:[{flexDirection:"column",gap:16,paddingHorizontal:20,alignItems:"center"}],onLayout:q,children:[o(ae,{shadows:g?[{offset:{x:0,y:4},opacity:.03,radius:6,color:"#000"},{offset:{x:0,y:10},opacity:.18,radius:16,color:e.bridge.contentLogoShadowColor},{offset:{x:0,y:12},opacity:.52,radius:64,color:e.bridge.contentLogoShadowColor}]:[],children:o(ce,{...f,style:[n.iconBorder,i.style.contentLogo]})}),o(ue,{style:[{textAlign:"center"},i.style.contentTitle],children:M.map(({type:d,text:J},K)=>o(z,{typography:"t3",fontWeight:"bold",color:g?d==="strong"?e.bridge.contentTitleStrongColor:e.bridge.contentTitleDefaultColor:d==="strong"?e.bridge.contentTitleStrongInvertedColor:e.bridge.contentTitleDefaultInvertedColor,textAlign:"center",children:J},K))})]})}),o(L,{style:[n.fullCover,{height:de}],children:T(t.View,{style:[n.center,n.fullCover,i.style.backgroundGroup],onLayout:F,children:[o(L,{style:n.fullCover,children:o(re,{opacity:1,degree:180,colors:g?[e.bridge.baseGradientStartColor,e.bridge.baseGradientStartColor,e.bridge.baseGradientMiddleColor,e.bridge.baseGradientEndColor]:[e.bridge.baseGradientStartInvertedColor,e.bridge.baseGradientStartInvertedColor,e.bridge.baseGradientMiddleInvertedColor,e.bridge.baseGradientEndInvertedColor],positions:[0,.25,.31,1],easing:"linear"})}),o(L,{style:{width:h.large+135,height:h.large,position:"relative",transform:[{translateY:U}]},children:g&&T(t.View,{style:[n.fullCover,{opacity:.02},i.style.radialGradientGroup],children:[o(t.View,{style:[n.rightCover,{width:h.small,height:h.small},i.style.rightRadialGradient],children:o(B,{colors:[{value:e.bridge.rightRadialGradientColor,opacity:1},{value:e.bridge.rightRadialGradientColor,opacity:0}]})}),o(t.View,{style:[n.leftCover,{width:h.large,height:h.large},i.style.leftRadialGradient],children:o(B,{colors:[{value:e.bridge.leftRadialGradientColor,opacity:1},{value:e.bridge.leftRadialGradientColor,opacity:0}]})})]})})]})})]})}const n=O.create({fullCover:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%"},halfCover:{position:"absolute",top:0,left:0,width:"100%",height:"50%"},leftCover:{position:"absolute",bottom:0,left:0},rightCover:{position:"absolute",bottom:0,right:0},center:{display:"flex",justifyContent:"center",alignItems:"center"},iconBorder:{width:56,height:56,borderWidth:O.hairlineWidth,borderRadius:14,borderColor:"rgba(25, 66, 142, 0.12)",borderStyle:"solid",overflow:"hidden"}}),Y=()=>{},de=ee.get("window").height,ce=t.createAnimatedComponent(ne),ue=t.createAnimatedComponent(z);function ge(){const a=r(0),f=r(.5),c=r(0),p=r(0),l=r(0),y=r(.6),x=r(0),u=r(0),s=r(0),m=r(.7),e=G(()=>t.parallel([t.spring(a,{toValue:1,...R.small,useNativeDriver:!1}),t.timing(f,{toValue:1,easing:v.bezier(...C.out),duration:800,useNativeDriver:!1}),t.spring(c,{toValue:1,...R.basic,useNativeDriver:!1}),t.spring(p,{toValue:1,delay:40,...R.basic,useNativeDriver:!1}),t.timing(l,{toValue:1,easing:v.bezier(...C.out),duration:600,useNativeDriver:!1,delay:40}),t.spring(y,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:40}),t.timing(s,{toValue:1,easing:v.bezier(...C.out),duration:600,useNativeDriver:!1,delay:80}),t.spring(m,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:80})]),[a,f,c,p,l,y,s,m]),g=G(()=>t.parallel([t.timing(l,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1}),t.timing(s,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1}),t.timing(a,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1})]),[a,l,s]);return X(()=>({style:{backgroundGroup:{opacity:a},radialGradientGroup:{transform:[{scale:f}]},leftRadialGradient:{opacity:c},rightRadialGradient:{opacity:p},contentLogo:{opacity:l,transform:[{translateY:x},{scale:y}]},contentTitle:{opacity:s,transform:[{translateY:u},{scale:m}]}},controller:{open:e,close:g}}),[a,g,l,y,x,s,m,u,c,e,f,p])}

package/dist/esm/extensions/bridge/BridgeDerivedTokenGenerator.d.ts

@@ -1,5 +1,5 @@
-import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator';
-import { SeedToken } from '../../core/theme/seedToken/seedToken';
+import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator.js';
+import type { SeedToken } from '../../core/theme/seedToken/seedToken.js';
 export type BridgeDerivedTheme = {
     contentLogoShadowColor: string;
     leftRadialGradientColor: string;

package/dist/esm/extensions/bridge/BridgeDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";import{colors as e}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as u}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator";import{ColorManager as o}from"../../utils/ColorManager";import{getThemeColorCodeFromOklch as f}from"./utils/getThemeColorCodeFromOklch";function h(r){const t=new o(r);return f(t.getOklch())}const m={red:e.purple300,orange:e.yellow500,yellow:"#ffe812",green:e.blue500,teal:e.blue500,blue:e.blue500,purple:e.purple300,grey:e.blue500};function w(r){const t=h(r),n=t==="grey"?e.blue500:r,s=new o(n).setLightness(.418).getRgba(),d=new o(n).setLightness(.315).setAlpha(.56).getRgba(),l="#fff",g=new o(l).setAlpha(.95).getRgba(),i=new o(l).setAlpha(0).getRgba(),c="#fff",b="#b7b7b7",a=new o("#000").setAlpha(.93).getRgba(),C=new o(a).setAlpha(.88).getRgba(),p=new o(a).setAlpha(0).getRgba();return{contentLogoShadowColor:n,leftRadialGradientColor:n,rightRadialGradientColor:m[t]??e.blue500,contentTitleStrongColor:s,contentTitleDefaultColor:d,baseGradientStartColor:l,baseGradientMiddleColor:g,baseGradientEndColor:i,contentTitleStrongInvertedColor:c,contentTitleDefaultInvertedColor:b,baseGradientStartInvertedColor:a,baseGradientMiddleInvertedColor:C,baseGradientEndInvertedColor:p}}export class BridgeDerivedTokenGenerator extends u{calculate(t){return w(t.color.primary)}}
+"use strict";import{colors as e}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as u}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator.js";import{ColorManager as o}from"../../utils/ColorManager.js";import{getThemeColorCodeFromOklch as f}from"./utils/getThemeColorCodeFromOklch.js";function h(r){const t=new o(r);return f(t.getOklch())}const m={red:e.purple300,orange:e.yellow500,yellow:"#ffe812",green:e.blue500,teal:e.blue500,blue:e.blue500,purple:e.purple300,grey:e.blue500};function w(r){const t=h(r),n=t==="grey"?e.blue500:r,s=new o(n).setLightness(.418).getRgba(),d=new o(n).setLightness(.315).setAlpha(.56).getRgba(),l="#fff",g=new o(l).setAlpha(.95).getRgba(),i=new o(l).setAlpha(0).getRgba(),c="#fff",b="#b7b7b7",a=new o("#000").setAlpha(.93).getRgba(),C=new o(a).setAlpha(.88).getRgba(),p=new o(a).setAlpha(0).getRgba();return{contentLogoShadowColor:n,leftRadialGradientColor:n,rightRadialGradientColor:m[t]??e.blue500,contentTitleStrongColor:s,contentTitleDefaultColor:d,baseGradientStartColor:l,baseGradientMiddleColor:g,baseGradientEndColor:i,contentTitleStrongInvertedColor:c,contentTitleDefaultInvertedColor:b,baseGradientStartInvertedColor:a,baseGradientMiddleInvertedColor:C,baseGradientEndInvertedColor:p}}export class BridgeDerivedTokenGenerator extends u{calculate(t){return w(t.color.primary)}}

package/dist/esm/extensions/bridge/components/Icon.d.ts

@@ -1,5 +1,6 @@
-import { Source } from '@granite-js/native/react-native-fast-image';
-import { View, ViewProps } from 'react-native';
+import type { Source } from '@granite-js/native/react-native-fast-image';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 export type IconProps = ({
     source: Source;
     name?: never;

package/dist/esm/extensions/bridge/components/Icon.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{forwardRef as c}from"react";import{View as s}from"react-native";import{Image as m}from"@granite-js/react-native";import{Icon as a}from"../../../components/icon";export const Icon=c(function({name:t,source:e,...i},r){const n=t!==void 0?o(a,{name:t,style:{width:"100%",aspectRatio:1}}):o(m,{source:e,style:{width:"100%",aspectRatio:1},resizeMode:"contain",accessibilityRole:"image"});return o(s,{ref:r,...i,children:n})});
+"use strict";import{jsx as o}from"react/jsx-runtime";import{forwardRef as c}from"react";import{View as s}from"react-native";import{Image as m}from"@granite-js/react-native";import{Icon as a}from"../../../components/icon/index.js";export const Icon=c(function({name:t,source:e,...i},r){const n=t!==void 0?o(a,{name:t,style:{width:"100%",aspectRatio:1}}):o(m,{source:e,style:{width:"100%",aspectRatio:1},resizeMode:"contain",accessibilityRole:"image"});return o(s,{ref:r,...i,children:n})});

package/dist/esm/extensions/bridge/components/NestedShadow.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface Shadow {
     opacity?: number;
     offset?: {

package/dist/esm/extensions/bridge/components/NestedShadow.js

@@ -1 +1 @@
-"use strict";import{Fragment as d,jsx as e}from"react/jsx-runtime";import{View as n}from"react-native";import{generateShadowStyle as s}from"../../../components/shadow/generateShadowStyle";export function NestedShadow({shadows:r,children:t,...i}){if(r.length===0)return e(d,{children:t});const o=r.reduceRight((m,a)=>e(n,{style:s(a),children:m}),t);return e(n,{...i,children:o})}
+"use strict";import{Fragment as d,jsx as e}from"react/jsx-runtime";import{View as n}from"react-native";import{generateShadowStyle as s}from"../../../components/shadow/generateShadowStyle.js";export function NestedShadow({shadows:r,children:t,...i}){if(r.length===0)return e(d,{children:t});const o=r.reduceRight((m,a)=>e(n,{style:s(a),children:m}),t);return e(n,{...i,children:o})}

package/dist/esm/extensions/bridge/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Icon';
-export * from './NestedShadow';
+export * from './Icon.js';
+export * from './NestedShadow.js';

package/dist/esm/extensions/bridge/components/index.js

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

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

@@ -1,2 +1,2 @@
-export * from './Bridge';
-export * from './useBridge';
+export * from './Bridge.js';
+export * from './useBridge.js';

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

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

package/dist/esm/extensions/bridge/useBridge.d.ts

@@ -1,4 +1,4 @@
-import { BridgeProps } from './Bridge';
+import type { BridgeProps } from './Bridge.js';
 interface UseBridgeOptions {
     /** @default true */
     closeOnDestroy?: boolean;

package/dist/esm/extensions/bridge/useBridge.js

@@ -1 +1 @@
-"use strict";import{jsx as c}from"react/jsx-runtime";import{useCallback as u,useEffect as h,useMemo as v,useRef as x}from"react";import{ThemeProvider as C,useOverlay as T}from"../../core/index";import{Bridge as g}from"./Bridge";export function useBridge({closeOnDestroy:n=!0}={}){const e=x(),r=T(),o=u(()=>r.close(),[r]),s=u(({onExited:l,onClose:m,color:a,...i})=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.open(({isOpen:d,exit:p,close:b})=>c(C,{token:{color:{primary:a}},children:c(g,{open:d,onClose:()=>{m?.(),b()},onExited:()=>{l?.(),p()},...i})}));const f=i.variant==="basic"?2e3:2300;e.current=setTimeout(()=>{o()},f)},200)},[o,r]),t=v(()=>({close:o,open:s}),[o,s]);return h(()=>()=>{n&&t?.close()},[n,t]),t}
+"use strict";import{jsx as c}from"react/jsx-runtime";import{useCallback as u,useEffect as h,useMemo as v,useRef as x}from"react";import{ThemeProvider as C,useOverlay as T}from"../../core/index.js";import{Bridge as g}from"./Bridge.js";export function useBridge({closeOnDestroy:n=!0}={}){const e=x(),r=T(),o=u(()=>r.close(),[r]),s=u(({onExited:l,onClose:m,color:a,...i})=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.open(({isOpen:d,exit:p,close:b})=>c(C,{token:{color:{primary:a}},children:c(g,{open:d,onClose:()=>{m?.(),b()},onExited:()=>{l?.(),p()},...i})}));const f=i.variant==="basic"?2e3:2300;e.current=setTimeout(()=>{o()},f)},200)},[o,r]),t=v(()=>({close:o,open:s}),[o,s]);return h(()=>()=>{n&&t?.close()},[n,t]),t}

package/dist/esm/extensions/bridge/utils/getCenterOffset.d.ts

@@ -1,4 +1,4 @@
-import { LayoutRectangle } from 'react-native';
+import type { LayoutRectangle } from 'react-native';
 export declare function getCenterOffset(layout: LayoutRectangle): {
     x: number;
     y: number;

package/dist/esm/extensions/bridge/utils/getThemeColorCodeFromOklch.d.ts

@@ -1,4 +1,4 @@
-import { Oklch } from '../../../utils/ColorManager';
+import type { Oklch } from '../../../utils/ColorManager.js';
 export type ThemeColorCode = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'grey';
 /**
  * OKLCH 색상 값에서 ThemeColorCode 추출

package/dist/esm/extensions/bridge/utils/index.d.ts

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

package/dist/esm/extensions/bridge/utils/index.js

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

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

@@ -1,5 +1,6 @@
-import { WebView, WebViewProps } from '@granite-js/native/react-native-webview';
-import { Icon } from '../../components/icon';
+import type { WebViewProps } from '@granite-js/native/react-native-webview';
+import { WebView } from '@granite-js/native/react-native-webview';
+import type { Icon } from '../../components/icon/index.js';
 type Icon = {
     source: {
         uri: string;
@@ -17,7 +18,7 @@ type Header = {
 export type ExternalWebViewScreenProps = WebViewProps & {
     header?: Header;
 };
-export declare const ExternalWebViewScreen: 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 ExternalWebViewScreen: 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?: Header;
 } & import("react").RefAttributes<WebView<{}>>>;
 export {};

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}});