@toss/tds-react-native 1.3.4 → 1.3.6

package/dist/esm/core/overlay/useOverlayBase.d.ts

@@ -1,4 +1,4 @@
-import type { CreateOverlayElement } from './types.js';
+import type { CreateOverlayElement } from './types';
 interface Options {
     exitOnUnmount?: boolean;
 }

package/dist/esm/core/overlay/useOverlayBase.js

@@ -1 +1 @@
-"use strict";function c(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^155);return o}function u(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^71);return o}function E(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^65);return o}function f(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^185);return o}function i(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^169);return o}function F(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^140);return o}import{jsx as s}from"react/jsx-runtime";import{useContext as D,useEffect as h,useMemo as d,useRef as g}from"react";import{OverlayController as m}from"./OverlayController.js";import{OverlayContext as p}from"./_OverlayProvider.js";let l=0;export function useOverlayBase({[f("\xDC\xC1\xD0\xCD\xF6\xD7\xEC\xD7\xD4\xD6\xCC\xD7\xCD")]:r=!0}={}){const o=D(p);if(o==null)throw new Error("useOverlayBase\uB294 OverlayProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.");const{[u("*(2)3")]:t,[f("\xCC\xD7\xD4\xD6\xCC\xD7\xCD")]:x}=o,C=g(new Map).current;return h(()=>{const e=l;return()=>{r&&x(String(e))}},[r,x]),d(()=>({[u('(7")')]:e=>{const n=l;t(String(n),s(m,{[i("\xDB\xCC\xCF")]:a=>{C.set(n,a)},[c("\xF4\xED\xFE\xE9\xF7\xFA\xE2\xDE\xF7\xFE\xF6\xFE\xF5\xEF")]:e,[i("\xC6\xC7\xEC\xD1\xC0\xDD")]:()=>{x(String(n))}},Date.now())),l=l+1},[u('$+(4"')]:()=>{const e=C.values();for(const n of e)n?.close()}}),[C,t,x])}
+"use strict";function a(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^218);return o}function v(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^48);return o}function u(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^230);return o}function c(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^252);return o}function s(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^114);return o}function A(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^69);return o}import{jsx as C}from"react/jsx-runtime";import{useContext as h,useEffect as d,useMemo as m,useRef as g}from"react";import{OverlayController as B}from"./OverlayController";import{OverlayContext as p}from"./_OverlayProvider";let l=0;export function useOverlayBase({[u("\x83\x9E\x8F\x92\xA9\x88\xB3\x88\x8B\x89\x93\x88\x92")]:r=!0}={}){const o=h(p);if(o==null)throw new Error("useOverlayBase\uB294 OverlayProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.");const{[u("\x8B\x89\x93\x88\x92")]:t,[u("\x93\x88\x8B\x89\x93\x88\x92")]:n}=o,f=g(new Map).current;return d(()=>{const e=l;return()=>{r&&n(String(e))}},[r,n]),m(()=>({[a("\xB5\xAA\xBF\xB4")]:e=>{const x=l;t(String(x),C(B,{[u("\x94\x83\x80")]:i=>{f.set(x,i)},[s("\0\v7")]:e,[c("\x93\x92\xB9\x84\x95\x88")]:()=>{n(String(x))}},Date.now())),l=l+1},[c("\x9F\x90\x93\x8F\x99")]:()=>{const e=f.values();for(const x of e)x?.close()}}),[f,t,n])}

package/dist/esm/core/theme/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { DerivedToken } from './deriveToken/index.js';
-import type { SeedToken } from './seedToken/index.js';
+import type { DerivedToken } from './deriveToken';
+import type { SeedToken } from './seedToken';
 type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };

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

@@ -1,2 +1 @@
-"use strict";function o(t){let r="";for(let e=0;e<t.length;e++)r+=String.fromCharCode(t.charCodeAt(e)^238);return r}function l(t){let r="";for(let e=0;e<t.length;e++)r+=String.fromCharCode(t.charCodeAt(e)^109);return r}function s(t){let r="";for(let e=0;e<t.length;e++)r+=String.fromCharCode(t.charCodeAt(e)^101);return r}function x(t){let r="";for(let e=0;e<t.length;e++)r+=String.fromCharCode(t.charCodeAt(e)^126);return r}import{jsx as C}from"react/jsx-runtime";import{createContext as c,useContext as i,useMemo as d}from"react";import{deepMerge as u}from"../../utils/index.js";import{deriveToken as h}from"./deriveToken/index.js";import{seedToken as p}from"./seedToken/index.js";export const ThemeContext=c(null);export function ThemeProvider({[o("\x9A\x81\x85\x8B\x80")]:t={},[o("\x8D\x86\x87\x82\x8A\x9C\x8B\x80")]:r}){const e=i(ThemeContext),f=d(()=>{const n=u(e?.token??p,t),m=h(n);return u(n,m)},[t,e]);return C(ThemeContext.Provider,{[x("\b\v\x1B")]:{[x(`
-\x1B`)]:f},[o("\x8D\x86\x87\x82\x8A\x9C\x8B\x80")]:r})}export function useTheme(){const t=i(ThemeContext);if(!t)throw new Error("ThemeProvider\uB85C \uAC10\uC2F8\uC57C \uD569\uB2C8\uB2E4.");return t}
+"use strict";function C(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^132);return r}function g(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^180);return r}function s(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^239);return r}function n(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^144);return r}function h(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^86);return r}function m(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^192);return r}import{jsx as c}from"react/jsx-runtime";import{createContext as d,useContext as u,useMemo as l}from"react";import{deepMerge as x}from"../../utils";import{deriveToken as p}from"./deriveToken";import{seedToken as a}from"./seedToken";export const ThemeContext=d(null);export function ThemeProvider({[n("\xE4\xFF\xFB\xF5\xFE")]:e={},[C("\xE7\xEC\xED\xE8\xE0\xF6\xE1\xEA")]:r}){const t=u(ThemeContext),i=l(()=>{const o=x(t?.token??a,e),f=p(o);return x(o,f)},[e,t]);return c(ThemeContext.Provider,{[m("\xB6\xA1\xAC\xB5\xA5")]:{[n("\xE4\xFF\xFB\xF5\xFE")]:i},[h("5>?:2$38")]:r})}export function useTheme(){const e=u(ThemeContext);if(!e)throw new Error("ThemeProvider\uB85C \uAC10\uC2F8\uC57C \uD569\uB2C8\uB2E4.");return e}

package/dist/esm/core/theme/deriveToken/BaseDerivedTokenGenerator.d.ts

@@ -1,4 +1,4 @@
-import type { SeedToken } from '../seedToken/index.js';
+import type { SeedToken } from '../seedToken';
 export declare abstract class BaseDerivedTokenGenerator<T> {
     private cache;
     create(seed: SeedToken): T;

package/dist/esm/core/theme/deriveToken/batchDerivedTokenGenerators.d.ts

@@ -1,5 +1,5 @@
-import type { SeedToken } from '../seedToken/index.js';
-import type { BaseDerivedTokenGenerator } from './BaseDerivedTokenGenerator.js';
+import type { SeedToken } from '../seedToken';
+import type { BaseDerivedTokenGenerator } from './BaseDerivedTokenGenerator';
 type DerivedTokenGenerators = Record<string, BaseDerivedTokenGenerator<unknown>>;
 export declare function batchDerivedTokenGenerators<T extends DerivedTokenGenerators>(styleMap: T): (seed: SeedToken) => { [K in keyof T]: T[K] extends BaseDerivedTokenGenerator<infer R> ? R : never; };
 export {};

package/dist/esm/core/theme/deriveToken/deriveToken.d.ts

@@ -1,5 +1,5 @@
-export declare const deriveToken: (seed: import("../index.js").SeedToken) => {
-    readonly button: import("../../../components/button/ButtonDerivedTokenGenerator.js").ButtonDerivedTheme;
-    readonly bridge: import("../../../extensions/bridge/BridgeDerivedTokenGenerator.js").BridgeDerivedTheme;
+export declare const deriveToken: (seed: import("..").SeedToken) => {
+    readonly button: import("../../../components/button/ButtonDerivedTokenGenerator").ButtonDerivedTheme;
+    readonly bridge: import("../../../extensions/bridge/BridgeDerivedTokenGenerator").BridgeDerivedTheme;
 };
 export type DerivedToken = ReturnType<typeof deriveToken>;

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

@@ -1 +1 @@
-"use strict";function h(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^228);return e}function d(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^231);return e}function o(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^167);return e}function n(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^183);return e}function l(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^125);return e}function a(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^48);return e}import{ButtonDerivedTokenGenerator as i}from"../../../components/button/ButtonDerivedTokenGenerator.js";import{batchDerivedTokenGenerators as u}from"./batchDerivedTokenGenerators.js";import{BridgeDerivedTokenGenerator as f}from"../../../extensions/bridge/BridgeDerivedTokenGenerator.js";const C={[o("\xC5\xD2\xD3\xD3\xC8\xC9")]:new i,[n("\xD5\xC5\xDE\xD3\xD0\xD2")]:new f};export const deriveToken=u(C);
+"use strict";function o(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^205);return r}function n(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^179);return r}function f(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^123);return r}function a(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^208);return r}import{ButtonDerivedTokenGenerator as i}from"../../../components/button/ButtonDerivedTokenGenerator";import{batchDerivedTokenGenerators as u}from"./batchDerivedTokenGenerators";import{BridgeDerivedTokenGenerator as d}from"../../../extensions/bridge/BridgeDerivedTokenGenerator";const C={[n("\xD1\xC6\xC7\xC7\xDC\xDD")]:new i,[o("\xAF\xBF\xA4\xA9\xAA\xA8")]:new d};export const deriveToken=u(C);

package/dist/esm/core/theme/deriveToken/index.d.ts

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

package/dist/esm/core/theme/deriveToken/index.js

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

package/dist/esm/core/theme/index.d.ts

@@ -1,3 +1,3 @@
-export * from './seedToken/index.js';
-export * from './deriveToken/index.js';
-export * from './ThemeProvider.js';
+export * from './seedToken';
+export * from './deriveToken';
+export * from './ThemeProvider';

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

@@ -1 +1 @@
-"use strict";export*from"./seedToken/index.js";export*from"./deriveToken/index.js";export*from"./ThemeProvider.js";
+"use strict";export*from"./seedToken";export*from"./deriveToken";export*from"./ThemeProvider";

package/dist/esm/core/theme/seedToken/index.d.ts

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

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

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

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

@@ -1 +1 @@
-"use strict";function l(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^103);return o}function f(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^57);return o}function e(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^155);return o}function h(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^101);return o}function n(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^52);return o}import{colors as u}from"@toss/tds-colors";export const seedToken={[e("\xF8\xF4\xF7\xF4\xE9")]:{[n("DF]YUFM")]:u.blue500}};
+"use strict";function e(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^187);return o}function C(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^200);return o}function i(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^173);return o}function f(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^188);return o}function l(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^126);return o}function h(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^249);return o}function n(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^201);return o}import{colors as u}from"@toss/tds-colors";export const seedToken={[e("\xD8\xD4\xD7\xD4\xC9")]:{[n("\xB9\xBB\xA0\xA4\xA8\xBB\xB0")]:u.blue500}};

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

@@ -1,5 +1,5 @@
 import type { ViewProps } from 'react-native';
-import type { IconProps } from './components/index.js';
+import type { IconProps } from './components';
 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.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
+"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
 `},{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.js';
-import type { SeedToken } from '../../core/theme/seedToken/seedToken.js';
+import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator';
+import type { SeedToken } from '../../core/theme/seedToken/seedToken';
 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.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)}}
+"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)}}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { BridgeProps } from './Bridge.js';
+import type { BridgeProps } from './Bridge';
 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.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}
+"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";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}

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

@@ -1,4 +1,4 @@
-import type { Oklch } from '../../../utils/ColorManager.js';
+import type { Oklch } from '../../../utils/ColorManager';
 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.js';
+export * from './getCenterOffset';

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

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

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

@@ -1,6 +1,6 @@
 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';
+import type { Icon } from '../../components/icon';
 type Icon = {
     source: {
         uri: string;
@@ -18,7 +18,7 @@ type Header = {
 export type ExternalWebViewScreenProps = WebViewProps & {
     header?: Header;
 };
-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 & {
+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 & {
     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.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}})]})]})});
+"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}})]})]})});

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { TxtProps } from '../../components/txt/index.js';
+import type { TxtProps } from '../../components/txt';
 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/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()}})}
+"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()}})}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/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/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}
+"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}

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

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

package/dist/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/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}
+"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}

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

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

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

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

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

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

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

package/dist/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/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})}
+"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})}

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

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

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

package/dist/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/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;
+"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";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;

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

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

package/dist/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/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}
+"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}

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

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

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.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}]})})]})});
+"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";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.js';
+export * from './TransparentNavigation';

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

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

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

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

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

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

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

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

package/dist/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.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}})]})});
+"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";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}})]})});