@toss/tds-react-native 1.2.1 → 1.3.1

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

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

package/dist/cjs/core/theme/deriveToken/BaseDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";function __C8L(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^241);return t}function __aGGP7P7(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^119);return t}function __KSdQ0(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^196);return t}function __nPatMe4(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^122);return t}Object.defineProperty(exports,"__esModule",{[__KSdQ0("\xB2\xA5\xA8\xB1\xA1")]:!0}),exports.BaseDerivedTokenGenerator=void 0;class BaseDerivedTokenGenerator{cache=new Map;create(t){if(this.cache.has(t))return this.cache.get(t);const e=this.calculate(t);return this.cache.set(t,e),e}}exports.BaseDerivedTokenGenerator=BaseDerivedTokenGenerator;
+"use strict";function __Ine(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^68);return e}function __yuojvn(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^118);return e}function __UuXbb(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^223);return e}function __sc2wLyV(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^151);return e}function __k5QUfcI(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^137);return e}function __q5sXj(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^223);return e}Object.defineProperty(exports,"__esModule",{[__UuXbb("\xA9\xBE\xB3\xAA\xBA")]:!0}),exports.BaseDerivedTokenGenerator=void 0;class BaseDerivedTokenGenerator{cache=new Map;create(e){if(this.cache.has(e))return this.cache.get(e);const t=this.calculate(e);return this.cache.set(e,t),t}}exports.BaseDerivedTokenGenerator=BaseDerivedTokenGenerator;

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

@@ -1,5 +1,5 @@
-import { SeedToken } from '../seedToken';
-import { BaseDerivedTokenGenerator } from './BaseDerivedTokenGenerator';
+import type { SeedToken } from '../seedToken/index.js';
+import type { BaseDerivedTokenGenerator } from './BaseDerivedTokenGenerator.js';
 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/cjs/core/theme/deriveToken/batchDerivedTokenGenerators.js

@@ -1 +1 @@
-"use strict";function __yzu(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^181);return r}function __MWxV(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^243);return r}function __2tAR(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^178);return r}function __b525pcQ(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^221);return r}function __X7JZSN(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^71);return r}function __fAK(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^130);return r}Object.defineProperty(exports,"__esModule",{[__2tAR("\xC4\xD3\xDE\xC7\xD7")]:!0}),exports.batchDerivedTokenGenerators=batchDerivedTokenGenerators;function batchDerivedTokenGenerators(e){return r=>Object.fromEntries(Object.entries(e).map(([t,o])=>[t,o.create(r)]))}
+"use strict";function __4mXjEW(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^108);return r}function __SQS3RzI(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^134);return r}function __tYz(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^179);return r}function __aSNKGvn(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^64);return r}Object.defineProperty(exports,"__esModule",{[__aSNKGvn("6!,5%")]:!0}),exports.batchDerivedTokenGenerators=batchDerivedTokenGenerators;function batchDerivedTokenGenerators(e){return r=>Object.fromEntries(Object.entries(e).map(([t,o])=>[t,o.create(r)]))}

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

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

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

@@ -1 +1 @@
-"use strict";function __Lzr(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^72);return t}function __nLT(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^108);return t}function __kSMS4ro(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^53);return t}function __YQT(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^230);return t}Object.defineProperty(exports,"__esModule",{[__Lzr(">)$=-")]:!0}),exports.deriveToken=void 0;const ButtonDerivedTokenGenerator_1=require("../../../components/button/ButtonDerivedTokenGenerator"),batchDerivedTokenGenerators_1=require("./batchDerivedTokenGenerators"),BridgeDerivedTokenGenerator_1=require("../../../extensions/bridge/BridgeDerivedTokenGenerator"),derivedTokenGenerators={[__Lzr("*=<<'&")]:new ButtonDerivedTokenGenerator_1.ButtonDerivedTokenGenerator,[__Lzr("*:!,/-")]:new BridgeDerivedTokenGenerator_1.BridgeDerivedTokenGenerator};exports.deriveToken=(0,batchDerivedTokenGenerators_1.batchDerivedTokenGenerators)(derivedTokenGenerators);
+"use strict";function __bTlet(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^127);return t}function __10zp6(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^121);return t}function __GkFN6uW(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^113);return t}function __SNG7(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^193);return t}function __FaZa(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^70);return t}function __sf4V(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^155);return t}Object.defineProperty(exports,"__esModule",{[__SNG7("\xB7\xA0\xAD\xB4\xA4")]:!0}),exports.deriveToken=void 0;const ButtonDerivedTokenGenerator_js_1=require("../../../components/button/ButtonDerivedTokenGenerator.js"),batchDerivedTokenGenerators_js_1=require("./batchDerivedTokenGenerators.js"),BridgeDerivedTokenGenerator_js_1=require("../../../extensions/bridge/BridgeDerivedTokenGenerator.js"),derivedTokenGenerators={[__FaZa("$322)(")]:new ButtonDerivedTokenGenerator_js_1.ButtonDerivedTokenGenerator,[__SNG7("\xA3\xB3\xA8\xA5\xA6\xA4")]:new BridgeDerivedTokenGenerator_js_1.BridgeDerivedTokenGenerator};exports.deriveToken=(0,batchDerivedTokenGenerators_js_1.batchDerivedTokenGenerators)(derivedTokenGenerators);

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

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

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

@@ -1 +1 @@
-"use strict";function __TZPCx4(t){let x="";for(let e=0;e<t.length;e++)x+=String.fromCharCode(t.charCodeAt(e)^241);return x}var __createBinding=Object.create?function(t,x,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(x,e);(!n||(function(){return typeof global[__TZPCx4("\xAE\xAE\x95\x94\x92\x83\x88\x81\x85",241)]!="function"?"":global[__TZPCx4("\xAE\xAE\x95\x94\x92\x83\x88\x81\x85",241)]("HES",31)}()in n?!x.__esModule:n.writable||n.configurable))&&(n={[__TZPCx4("\x94\x9F\x84\x9C\x94\x83\x90\x93\x9D\x94")]:!0,[__TZPCx4("\x96\x94\x85")]:function(){return x[e]}}),Object.defineProperty(t,r,n)}:function(t,x,e,r){r===void 0&&(r=e),t[r]=x[e]},__exportStar=function(t,x){for(var e in t)e!==function(){return typeof global[__TZPCx4("\xAE\xAE\x95\x94\x92\x83\x88\x81\x85",241)]!="function"?"":global[__TZPCx4("\xAE\xAE\x95\x94\x92\x83\x88\x81\x85",241)]("***$7-4",58)}()&&!Object.prototype.hasOwnProperty.call(x,e)&&__createBinding(x,t,e)};Object.defineProperty(exports,"__esModule",{[__TZPCx4("\x87\x90\x9D\x84\x94")]:!0}),__exportStar(require("./deriveToken"),exports);
+"use strict";function __rKCtz(r){let t="";for(let e=0;e<r.length;e++)t+=String.fromCharCode(r.charCodeAt(e)^73);return t}var __createBinding=Object.create?function(r,t,e,n){n===void 0&&(n=e);var i=Object.getOwnPropertyDescriptor(t,e);(!i||(function(){return typeof global[__rKCtz("-,*;09=",73)]!="function"?"":global[__rKCtz("-,*;09=",73)]("MJX",26)}()in i?!t.__esModule:i.writable||i.configurable))&&(i={[__rKCtz(",'<$,;(+%,")]:!0,[__rKCtz(".,=")]:function(){return t[e]}}),Object.defineProperty(r,n,i)}:function(r,t,e,n){n===void 0&&(n=e),r[n]=t[e]},__exportStar=function(r,t){for(var e in r)e!==function(){return typeof global[__rKCtz("-,*;09=",73)]!="function"?"":global[__rKCtz("-,*;09=",73)]("YYYSf\\c",104)}()&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,r,e)};Object.defineProperty(exports,"__esModule",{[__rKCtz("?(%<,")]:!0}),__exportStar(require("./deriveToken.js"),exports);

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

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

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

@@ -1 +1 @@
-"use strict";function __6vKLf(r){let x="";for(let e=0;e<r.length;e++)x+=String.fromCharCode(r.charCodeAt(e)^147);return x}var __createBinding=Object.create?function(r,x,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(x,e);(!n||(function(){return typeof global[__6vKLf("\xCC\xCC\xF7\xF6\xF0\xE1\xEA\xE3\xE7",147)]!="function"?"":global[__6vKLf("\xCC\xCC\xF7\xF6\xF0\xE1\xEA\xE3\xE7",147)]("qn|",83)}()in n?!x.__esModule:n.writable||n.configurable))&&(n={[__6vKLf("\xF6\xFD\xE6\xFE\xF6\xE1\xF2\xF1\xFF\xF6")]:!0,[__6vKLf("\xF4\xF6\xE7")]:function(){return x[e]}}),Object.defineProperty(r,t,n)}:function(r,x,e,t){t===void 0&&(t=e),r[t]=x[e]},__exportStar=function(r,x){for(var e in r)e!==function(){return typeof global[__6vKLf("\xCC\xCC\xF7\xF6\xF0\xE1\xEA\xE3\xE7",147)]!="function"?"":global[__6vKLf("\xCC\xCC\xF7\xF6\xF0\xE1\xEA\xE3\xE7",147)]("bbb\\oel",95)}()&&!Object.prototype.hasOwnProperty.call(x,e)&&__createBinding(x,r,e)};Object.defineProperty(exports,"__esModule",{[__6vKLf("\xE5\xF2\xFF\xE6\xF6")]:!0}),__exportStar(require("./seedToken"),exports),__exportStar(require("./deriveToken"),exports),__exportStar(require("./ThemeProvider"),exports);
+"use strict";function __uZpdE(r){let x="";for(let e=0;e<r.length;e++)x+=String.fromCharCode(r.charCodeAt(e)^233);return x}var __createBinding=Object.create?function(r,x,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(x,e);(!n||(function(){return typeof global[__uZpdE("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]!="function"?"":global[__uZpdE("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]("EBP",34)}()in n?!x.__esModule:n.writable||n.configurable))&&(n={[__uZpdE("\x8C\x87\x9C\x84\x8C\x9B\x88\x8B\x85\x8C")]:!0,[__uZpdE("\x8E\x8C\x9D")]:function(){return x[e]}}),Object.defineProperty(r,t,n)}:function(r,x,e,t){t===void 0&&(t=e),r[t]=x[e]},__exportStar=function(r,x){for(var e in r)e!==function(){return typeof global[__uZpdE("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]!="function"?"":global[__uZpdE("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]("NNNH[QX",115)}()&&!Object.prototype.hasOwnProperty.call(x,e)&&__createBinding(x,r,e)};Object.defineProperty(exports,"__esModule",{[__uZpdE("\x9F\x88\x85\x9C\x8C")]:!0}),__exportStar(require("./seedToken/index.js"),exports),__exportStar(require("./deriveToken/index.js"),exports),__exportStar(require("./ThemeProvider.js"),exports);

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

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

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

@@ -1 +1 @@
-"use strict";function __qfX(t){let x="";for(let e=0;e<t.length;e++)x+=String.fromCharCode(t.charCodeAt(e)^145);return x}var __createBinding=Object.create?function(t,x,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(x,e);(!n||(function(){return typeof global[__qfX("\xCE\xCE\xF5\xF4\xF2\xE3\xE8\xE1\xE5",145)]!="function"?"":global[__qfX("\xCE\xCE\xF5\xF4\xF2\xE3\xE8\xE1\xE5",145)]("?<J",40)}()in n?!x.__esModule:n.writable||n.configurable))&&(n={[__qfX("\xF4\xFF\xE4\xFC\xF4\xE3\xF0\xF3\xFD\xF4")]:!0,[__qfX("\xF6\xF4\xE5")]:function(){return x[e]}}),Object.defineProperty(t,r,n)}:function(t,x,e,r){r===void 0&&(r=e),t[r]=x[e]},__exportStar=function(t,x){for(var e in t)e!==function(){return typeof global[__qfX("\xCE\xCE\xF5\xF4\xF2\xE3\xE8\xE1\xE5",145)]!="function"?"":global[__qfX("\xCE\xCE\xF5\xF4\xF2\xE3\xE8\xE1\xE5",145)]("!!!x.$+",67)}()&&!Object.prototype.hasOwnProperty.call(x,e)&&__createBinding(x,t,e)};Object.defineProperty(exports,"__esModule",{[__qfX("\xE7\xF0\xFD\xE4\xF4")]:!0}),__exportStar(require("./seedToken"),exports);
+"use strict";function __WNQ0WJ(t){let x="";for(let e=0;e<t.length;e++)x+=String.fromCharCode(t.charCodeAt(e)^251);return x}var __createBinding=Object.create?function(t,x,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(x,e);(!n||(function(){return typeof global[__WNQ0WJ("\xA4\xA4\x9F\x9E\x98\x89\x82\x8B\x8F",251)]!="function"?"":global[__WNQ0WJ("\xA4\xA4\x9F\x9E\x98\x89\x82\x8B\x8F",251)]("zw(",74)}()in n?!x.__esModule:n.writable||n.configurable))&&(n={[__WNQ0WJ("\x9E\x95\x8E\x96\x9E\x89\x9A\x99\x97\x9E")]:!0,[__WNQ0WJ("\x9C\x9E\x8F")]:function(){return x[e]}}),Object.defineProperty(t,r,n)}:function(t,x,e,r){r===void 0&&(r=e),t[r]=x[e]},__exportStar=function(t,x){for(var e in t)e!==function(){return typeof global[__WNQ0WJ("\xA4\xA4\x9F\x9E\x98\x89\x82\x8B\x8F",251)]!="function"?"":global[__WNQ0WJ("\xA4\xA4\x9F\x9E\x98\x89\x82\x8B\x8F",251)]("___Ylbi",5)}()&&!Object.prototype.hasOwnProperty.call(x,e)&&__createBinding(x,t,e)};Object.defineProperty(exports,"__esModule",{[__WNQ0WJ("\x8D\x9A\x97\x8E\x9E")]:!0}),__exportStar(require("./seedToken.js"),exports);

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

@@ -1 +1 @@
-"use strict";function __KSG4hV(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^225);return r}function __1bXsp(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^173);return r}function __qite(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^98);return r}function __dDjLv5(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^203);return r}function __m3fSK(e){let r="";for(let t=0;t<e.length;t++)r+=String.fromCharCode(e.charCodeAt(t)^170);return r}Object.defineProperty(exports,"__esModule",{[__dDjLv5("\xBD\xAA\xA7\xBE\xAE")]:!0}),exports.seedToken=void 0;const tds_colors_1=require("@toss/tds-colors");exports.seedToken={[__KSG4hV("\x82\x8E\x8D\x8E\x93")]:{[__1bXsp("\xDD\xDF\xC4\xC0\xCC\xDF\xD4")]:tds_colors_1.colors.blue500}};
+"use strict";function __6UyI7m(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^168);return o}function __vkpHyp(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^162);return o}function __tMsti(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^208);return o}function __SBw(e){let o="";for(let t=0;t<e.length;t++)o+=String.fromCharCode(e.charCodeAt(t)^138);return o}Object.defineProperty(exports,"__esModule",{[__vkpHyp("\xD4\xC3\xCE\xD7\xC7")]:!0}),exports.seedToken=void 0;const tds_colors_1=require("@toss/tds-colors");exports.seedToken={[__tMsti("\xB3\xBF\xBC\xBF\xA2")]:{[__SBw("\xFA\xF8\xE3\xE7\xEB\xF8\xF3")]:tds_colors_1.colors.blue500}};

package/dist/cjs/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/cjs/extensions/bridge/Bridge.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Bridge=Bridge;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),es_hangul_1=require("es-hangul"),react_1=require("react"),react_native_1=require("react-native"),usePreservedCallback_1=require("../../components/bottom-sheet/utils/usePreservedCallback"),gradient_1=require("../../components/gradient"),txt_1=require("../../components/txt"),ThemeProvider_1=require("../../core/theme/ThemeProvider"),Animated_1=require("../../interactions/animated/Animated"),components_1=require("./components"),utils_1=require("./utils"),BRIDGE_TOUCHABLE_DELAY=600,BRIDGE_CLOSE_DELAY=400;function Bridge({style:i,icon:d,open:a,colorMode:c="basic",onClose:r,onExited:u,variant:p,serviceName:s,amount:n,...g}){const{token:e}=(0,ThemeProvider_1.useTheme)(),l=c==="basic",b=(0,usePreservedCallback_1.usePreservedCallback)(r??noop),C=(0,usePreservedCallback_1.usePreservedCallback)(u??noop),[v,x]=(0,react_1.useState)(!1),f=(0,react_1.useRef)(null),A=(0,react_1.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{b?.(),f.current=null},BRIDGE_CLOSE_DELAY)},[b]);(0,react_1.useEffect)(()=>()=>{f.current&&clearTimeout(f.current)},[]),(0,react_1.useEffect)(()=>{const o=setTimeout(()=>{x(!0)},BRIDGE_TOUCHABLE_DELAY);return()=>{clearTimeout(o)}},[]);const m={large:412.5,small:375},t=useBridgeAnimation();(0,react_1.useEffect)(()=>{if(a)return t.controller.open().start(),()=>{b?.(),t.controller.close().start(()=>{C?.()})}},[t.controller,b,C,a]);const G=p==="point"?[{type:"strong",text:s},{type:"default",text:es_hangul_1.josa.pick(s,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
-`},{type:"strong",text:`${n.toLocaleString()}\uC6D0`},{type:"default",text:" \uBC1B\uC558\uC5B4\uC694"}]:[{type:"strong",text:s},{type:"default",text:es_hangul_1.josa.pick(s,"\uC73C\uB85C/\uB85C")+" \uC774\uB3D9\uD588\uC5B4\uC694"}],[y,V]=(0,react_1.useState)(null),[h,T]=(0,react_1.useState)(null),[j,S]=(0,react_1.useState)(0),w=(0,react_1.useCallback)(o=>{V((0,utils_1.getCenterOffset)(o.nativeEvent.layout))},[]),D=(0,react_1.useCallback)(o=>{T((0,utils_1.getCenterOffset)(o.nativeEvent.layout))},[]);return(0,react_1.useLayoutEffect)(()=>{y===null||h===null||S(y.y-h.y)},[h,y]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{style:[styles.fullCover,{zIndex:10},i],disabled:!v,onPress:A,...g,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1,paddingTop:react_native_1.Platform.select({ios:103,android:56,default:56}),zIndex:1},children:(0,jsx_runtime_1.jsxs)(Animated_1.Animated.View,{style:[{flexDirection:"column",gap:16,paddingHorizontal:20,alignItems:"center"}],onLayout:w,children:[(0,jsx_runtime_1.jsx)(components_1.NestedShadow,{shadows:l?[{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:(0,jsx_runtime_1.jsx)(AnimatedIcon,{...d,style:[styles.iconBorder,t.style.contentLogo]})}),(0,jsx_runtime_1.jsx)(AnimatedText,{style:[{textAlign:"center"},t.style.contentTitle],children:G.map(({type:o,text:E},_)=>(0,jsx_runtime_1.jsx)(txt_1.Text,{typography:"t3",fontWeight:"bold",color:l?o==="strong"?e.bridge.contentTitleStrongColor:e.bridge.contentTitleDefaultColor:o==="strong"?e.bridge.contentTitleStrongInvertedColor:e.bridge.contentTitleDefaultInvertedColor,textAlign:"center",children:E},_))})]})}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.fullCover,{height:DeviceHeight}],children:(0,jsx_runtime_1.jsxs)(Animated_1.Animated.View,{style:[styles.center,styles.fullCover,t.style.backgroundGroup],onLayout:D,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.fullCover,children:(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{opacity:1,degree:180,colors:l?[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"})}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:m.large+135,height:m.large,position:"relative",transform:[{translateY:j}]},children:l&&(0,jsx_runtime_1.jsxs)(Animated_1.Animated.View,{style:[styles.fullCover,{opacity:.02},t.style.radialGradientGroup],children:[(0,jsx_runtime_1.jsx)(Animated_1.Animated.View,{style:[styles.rightCover,{width:m.small,height:m.small},t.style.rightRadialGradient],children:(0,jsx_runtime_1.jsx)(gradient_1.RadialGradient,{colors:[{value:e.bridge.rightRadialGradientColor,opacity:1},{value:e.bridge.rightRadialGradientColor,opacity:0}]})}),(0,jsx_runtime_1.jsx)(Animated_1.Animated.View,{style:[styles.leftCover,{width:m.large,height:m.large},t.style.leftRadialGradient],children:(0,jsx_runtime_1.jsx)(gradient_1.RadialGradient,{colors:[{value:e.bridge.leftRadialGradientColor,opacity:1},{value:e.bridge.leftRadialGradientColor,opacity:0}]})})]})})]})})]})}const styles=react_native_1.StyleSheet.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:react_native_1.StyleSheet.hairlineWidth,borderRadius:14,borderColor:"rgba(25, 66, 142, 0.12)",borderStyle:"solid",overflow:"hidden"}}),noop=()=>{},DeviceHeight=react_native_1.Dimensions.get("window").height,AnimatedIcon=Animated_1.Animated.createAnimatedComponent(components_1.Icon),AnimatedText=Animated_1.Animated.createAnimatedComponent(txt_1.Text);function useBridgeAnimation(){const i=(0,react_native_1.useAnimatedValue)(0),d=(0,react_native_1.useAnimatedValue)(.5),a=(0,react_native_1.useAnimatedValue)(0),c=(0,react_native_1.useAnimatedValue)(0),r=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(.6),p=(0,react_native_1.useAnimatedValue)(0),s=(0,react_native_1.useAnimatedValue)(0),n=(0,react_native_1.useAnimatedValue)(0),g=(0,react_native_1.useAnimatedValue)(.7),e=(0,react_1.useCallback)(()=>Animated_1.Animated.parallel([Animated_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.small,useNativeDriver:!1}),Animated_1.Animated.timing(d,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:800,useNativeDriver:!1}),Animated_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.basic,useNativeDriver:!1}),Animated_1.Animated.spring(c,{toValue:1,delay:40,...tds_easings_1.spring.basic,useNativeDriver:!1}),Animated_1.Animated.timing(r,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1,delay:40}),Animated_1.Animated.spring(u,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:40}),Animated_1.Animated.timing(n,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1,delay:80}),Animated_1.Animated.spring(g,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:80})]),[i,d,a,c,r,u,n,g]),l=(0,react_1.useCallback)(()=>Animated_1.Animated.parallel([Animated_1.Animated.timing(r,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1}),Animated_1.Animated.timing(n,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1}),Animated_1.Animated.timing(i,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1})]),[i,r,n]);return(0,react_1.useMemo)(()=>({style:{backgroundGroup:{opacity:i},radialGradientGroup:{transform:[{scale:d}]},leftRadialGradient:{opacity:a},rightRadialGradient:{opacity:c},contentLogo:{opacity:r,transform:[{translateY:p},{scale:u}]},contentTitle:{opacity:n,transform:[{translateY:s},{scale:g}]}},controller:{open:e,close:l}}),[i,l,r,u,p,n,g,s,a,e,d,c])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Bridge=Bridge;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),es_hangul_1=require("es-hangul"),react_1=require("react"),react_native_1=require("react-native"),usePreservedCallback_js_1=require("../../components/bottom-sheet/utils/usePreservedCallback.js"),index_js_1=require("../../components/gradient/index.js"),index_js_2=require("../../components/txt/index.js"),ThemeProvider_js_1=require("../../core/theme/ThemeProvider.js"),Animated_js_1=require("../../interactions/animated/Animated.js"),index_js_3=require("./components/index.js"),index_js_4=require("./utils/index.js"),BRIDGE_TOUCHABLE_DELAY=600,BRIDGE_CLOSE_DELAY=400;function Bridge({style:i,icon:d,open:a,colorMode:c="basic",onClose:n,onExited:u,variant:p,serviceName:s,amount:r,...g}){const{token:e}=(0,ThemeProvider_js_1.useTheme)(),l=c==="basic",b=(0,usePreservedCallback_js_1.usePreservedCallback)(n??noop),C=(0,usePreservedCallback_js_1.usePreservedCallback)(u??noop),[v,x]=(0,react_1.useState)(!1),f=(0,react_1.useRef)(null),A=(0,react_1.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{b?.(),f.current=null},BRIDGE_CLOSE_DELAY)},[b]);(0,react_1.useEffect)(()=>()=>{f.current&&clearTimeout(f.current)},[]),(0,react_1.useEffect)(()=>{const o=setTimeout(()=>{x(!0)},BRIDGE_TOUCHABLE_DELAY);return()=>{clearTimeout(o)}},[]);const m={large:412.5,small:375},t=useBridgeAnimation();(0,react_1.useEffect)(()=>{if(a)return t.controller.open().start(),()=>{b?.(),t.controller.close().start(()=>{C?.()})}},[t.controller,b,C,a]);const G=p==="point"?[{type:"strong",text:s},{type:"default",text:es_hangul_1.josa.pick(s,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
+`},{type:"strong",text:`${r.toLocaleString()}\uC6D0`},{type:"default",text:" \uBC1B\uC558\uC5B4\uC694"}]:[{type:"strong",text:s},{type:"default",text:es_hangul_1.josa.pick(s,"\uC73C\uB85C/\uB85C")+" \uC774\uB3D9\uD588\uC5B4\uC694"}],[y,j]=(0,react_1.useState)(null),[h,V]=(0,react_1.useState)(null),[_,T]=(0,react_1.useState)(0),S=(0,react_1.useCallback)(o=>{j((0,index_js_4.getCenterOffset)(o.nativeEvent.layout))},[]),w=(0,react_1.useCallback)(o=>{V((0,index_js_4.getCenterOffset)(o.nativeEvent.layout))},[]);return(0,react_1.useLayoutEffect)(()=>{y===null||h===null||T(y.y-h.y)},[h,y]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{style:[styles.fullCover,{zIndex:10},i],disabled:!v,onPress:A,...g,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1,paddingTop:react_native_1.Platform.select({ios:103,android:56,default:56}),zIndex:1},children:(0,jsx_runtime_1.jsxs)(Animated_js_1.Animated.View,{style:[{flexDirection:"column",gap:16,paddingHorizontal:20,alignItems:"center"}],onLayout:S,children:[(0,jsx_runtime_1.jsx)(index_js_3.NestedShadow,{shadows:l?[{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:(0,jsx_runtime_1.jsx)(AnimatedIcon,{...d,style:[styles.iconBorder,t.style.contentLogo]})}),(0,jsx_runtime_1.jsx)(AnimatedText,{style:[{textAlign:"center"},t.style.contentTitle],children:G.map(({type:o,text:D},E)=>(0,jsx_runtime_1.jsx)(index_js_2.Text,{typography:"t3",fontWeight:"bold",color:l?o==="strong"?e.bridge.contentTitleStrongColor:e.bridge.contentTitleDefaultColor:o==="strong"?e.bridge.contentTitleStrongInvertedColor:e.bridge.contentTitleDefaultInvertedColor,textAlign:"center",children:D},E))})]})}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.fullCover,{height:DeviceHeight}],children:(0,jsx_runtime_1.jsxs)(Animated_js_1.Animated.View,{style:[styles.center,styles.fullCover,t.style.backgroundGroup],onLayout:w,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.fullCover,children:(0,jsx_runtime_1.jsx)(index_js_1.LinearGradient,{opacity:1,degree:180,colors:l?[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"})}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:m.large+135,height:m.large,position:"relative",transform:[{translateY:_}]},children:l&&(0,jsx_runtime_1.jsxs)(Animated_js_1.Animated.View,{style:[styles.fullCover,{opacity:.02},t.style.radialGradientGroup],children:[(0,jsx_runtime_1.jsx)(Animated_js_1.Animated.View,{style:[styles.rightCover,{width:m.small,height:m.small},t.style.rightRadialGradient],children:(0,jsx_runtime_1.jsx)(index_js_1.RadialGradient,{colors:[{value:e.bridge.rightRadialGradientColor,opacity:1},{value:e.bridge.rightRadialGradientColor,opacity:0}]})}),(0,jsx_runtime_1.jsx)(Animated_js_1.Animated.View,{style:[styles.leftCover,{width:m.large,height:m.large},t.style.leftRadialGradient],children:(0,jsx_runtime_1.jsx)(index_js_1.RadialGradient,{colors:[{value:e.bridge.leftRadialGradientColor,opacity:1},{value:e.bridge.leftRadialGradientColor,opacity:0}]})})]})})]})})]})}const styles=react_native_1.StyleSheet.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:react_native_1.StyleSheet.hairlineWidth,borderRadius:14,borderColor:"rgba(25, 66, 142, 0.12)",borderStyle:"solid",overflow:"hidden"}}),noop=()=>{},DeviceHeight=react_native_1.Dimensions.get("window").height,AnimatedIcon=Animated_js_1.Animated.createAnimatedComponent(index_js_3.Icon),AnimatedText=Animated_js_1.Animated.createAnimatedComponent(index_js_2.Text);function useBridgeAnimation(){const i=(0,react_native_1.useAnimatedValue)(0),d=(0,react_native_1.useAnimatedValue)(.5),a=(0,react_native_1.useAnimatedValue)(0),c=(0,react_native_1.useAnimatedValue)(0),n=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(.6),p=(0,react_native_1.useAnimatedValue)(0),s=(0,react_native_1.useAnimatedValue)(0),r=(0,react_native_1.useAnimatedValue)(0),g=(0,react_native_1.useAnimatedValue)(.7),e=(0,react_1.useCallback)(()=>Animated_js_1.Animated.parallel([Animated_js_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.small,useNativeDriver:!1}),Animated_js_1.Animated.timing(d,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:800,useNativeDriver:!1}),Animated_js_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.basic,useNativeDriver:!1}),Animated_js_1.Animated.spring(c,{toValue:1,delay:40,...tds_easings_1.spring.basic,useNativeDriver:!1}),Animated_js_1.Animated.timing(n,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1,delay:40}),Animated_js_1.Animated.spring(u,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:40}),Animated_js_1.Animated.timing(r,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1,delay:80}),Animated_js_1.Animated.spring(g,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:80})]),[i,d,a,c,n,u,r,g]),l=(0,react_1.useCallback)(()=>Animated_js_1.Animated.parallel([Animated_js_1.Animated.timing(n,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1}),Animated_js_1.Animated.timing(r,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1}),Animated_js_1.Animated.timing(i,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500,useNativeDriver:!1})]),[i,n,r]);return(0,react_1.useMemo)(()=>({style:{backgroundGroup:{opacity:i},radialGradientGroup:{transform:[{scale:d}]},leftRadialGradient:{opacity:a},rightRadialGradient:{opacity:c},contentLogo:{opacity:n,transform:[{translateY:p},{scale:u}]},contentTitle:{opacity:r,transform:[{translateY:s},{scale:g}]}},controller:{open:e,close:l}}),[i,l,n,u,p,r,g,s,a,e,d,c])}

package/dist/cjs/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/cjs/extensions/bridge/BridgeDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BridgeDerivedTokenGenerator=void 0;const tds_colors_1=require("@toss/tds-colors"),BaseDerivedTokenGenerator_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator"),ColorManager_1=require("../../utils/ColorManager"),getThemeColorCodeFromOklch_1=require("./utils/getThemeColorCodeFromOklch");function getThemeColorCode(o){const e=new ColorManager_1.ColorManager(o);return(0,getThemeColorCodeFromOklch_1.getThemeColorCodeFromOklch)(e.getOklch())}const gradientColorByTheme={red:tds_colors_1.colors.purple300,orange:tds_colors_1.colors.yellow500,yellow:"#ffe812",green:tds_colors_1.colors.blue500,teal:tds_colors_1.colors.blue500,blue:tds_colors_1.colors.blue500,purple:tds_colors_1.colors.purple300,grey:tds_colors_1.colors.blue500};function getThemeColors(o){const e=getThemeColorCode(o),r=e==="grey"?tds_colors_1.colors.blue500:o,l=new ColorManager_1.ColorManager(r).setLightness(.418).getRgba(),a=new ColorManager_1.ColorManager(r).setLightness(.315).setAlpha(.56).getRgba(),t="#fff",s=new ColorManager_1.ColorManager(t).setAlpha(.95).getRgba(),c=new ColorManager_1.ColorManager(t).setAlpha(0).getRgba(),d="#fff",g="#b7b7b7",n=new ColorManager_1.ColorManager("#000").setAlpha(.93).getRgba(),i=new ColorManager_1.ColorManager(n).setAlpha(.88).getRgba(),C=new ColorManager_1.ColorManager(n).setAlpha(0).getRgba();return{contentLogoShadowColor:r,leftRadialGradientColor:r,rightRadialGradientColor:gradientColorByTheme[e]??tds_colors_1.colors.blue500,contentTitleStrongColor:l,contentTitleDefaultColor:a,baseGradientStartColor:t,baseGradientMiddleColor:s,baseGradientEndColor:c,contentTitleStrongInvertedColor:d,contentTitleDefaultInvertedColor:g,baseGradientStartInvertedColor:n,baseGradientMiddleInvertedColor:i,baseGradientEndInvertedColor:C}}class BridgeDerivedTokenGenerator extends BaseDerivedTokenGenerator_1.BaseDerivedTokenGenerator{calculate(e){return getThemeColors(e.color.primary)}}exports.BridgeDerivedTokenGenerator=BridgeDerivedTokenGenerator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BridgeDerivedTokenGenerator=void 0;const tds_colors_1=require("@toss/tds-colors"),BaseDerivedTokenGenerator_js_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator.js"),ColorManager_js_1=require("../../utils/ColorManager.js"),getThemeColorCodeFromOklch_js_1=require("./utils/getThemeColorCodeFromOklch.js");function getThemeColorCode(o){const e=new ColorManager_js_1.ColorManager(o);return(0,getThemeColorCodeFromOklch_js_1.getThemeColorCodeFromOklch)(e.getOklch())}const gradientColorByTheme={red:tds_colors_1.colors.purple300,orange:tds_colors_1.colors.yellow500,yellow:"#ffe812",green:tds_colors_1.colors.blue500,teal:tds_colors_1.colors.blue500,blue:tds_colors_1.colors.blue500,purple:tds_colors_1.colors.purple300,grey:tds_colors_1.colors.blue500};function getThemeColors(o){const e=getThemeColorCode(o),r=e==="grey"?tds_colors_1.colors.blue500:o,l=new ColorManager_js_1.ColorManager(r).setLightness(.418).getRgba(),a=new ColorManager_js_1.ColorManager(r).setLightness(.315).setAlpha(.56).getRgba(),t="#fff",s=new ColorManager_js_1.ColorManager(t).setAlpha(.95).getRgba(),c=new ColorManager_js_1.ColorManager(t).setAlpha(0).getRgba(),d="#fff",g="#b7b7b7",n=new ColorManager_js_1.ColorManager("#000").setAlpha(.93).getRgba(),i=new ColorManager_js_1.ColorManager(n).setAlpha(.88).getRgba(),C=new ColorManager_js_1.ColorManager(n).setAlpha(0).getRgba();return{contentLogoShadowColor:r,leftRadialGradientColor:r,rightRadialGradientColor:gradientColorByTheme[e]??tds_colors_1.colors.blue500,contentTitleStrongColor:l,contentTitleDefaultColor:a,baseGradientStartColor:t,baseGradientMiddleColor:s,baseGradientEndColor:c,contentTitleStrongInvertedColor:d,contentTitleDefaultInvertedColor:g,baseGradientStartInvertedColor:n,baseGradientMiddleInvertedColor:i,baseGradientEndInvertedColor:C}}class BridgeDerivedTokenGenerator extends BaseDerivedTokenGenerator_js_1.BaseDerivedTokenGenerator{calculate(e){return getThemeColors(e.color.primary)}}exports.BridgeDerivedTokenGenerator=BridgeDerivedTokenGenerator;

package/dist/cjs/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/cjs/extensions/bridge/components/Icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),react_native_2=require("@granite-js/react-native"),icon_1=require("../../../components/icon");exports.Icon=(0,react_1.forwardRef)(function({name:e,source:t,...r},n){const c=e!==void 0?(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:e,style:{width:"100%",aspectRatio:1}}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:t,style:{width:"100%",aspectRatio:1},resizeMode:"contain",accessibilityRole:"image"});return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:n,...r,children:c})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),react_native_2=require("@granite-js/react-native"),index_js_1=require("../../../components/icon/index.js");exports.Icon=(0,react_1.forwardRef)(function({name:e,source:t,...r},n){const i=e!==void 0?(0,jsx_runtime_1.jsx)(index_js_1.Icon,{name:e,style:{width:"100%",aspectRatio:1}}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:t,style:{width:"100%",aspectRatio:1},resizeMode:"contain",accessibilityRole:"image"});return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:n,...r,children:i})});

package/dist/cjs/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/cjs/extensions/bridge/components/NestedShadow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NestedShadow=NestedShadow;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),generateShadowStyle_1=require("../../../components/shadow/generateShadowStyle");function NestedShadow({shadows:e,children:t,...r}){if(e.length===0)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t});const n=e.reduceRight((s,i)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:(0,generateShadowStyle_1.generateShadowStyle)(i),children:s}),t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{...r,children:n})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NestedShadow=NestedShadow;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),generateShadowStyle_js_1=require("../../../components/shadow/generateShadowStyle.js");function NestedShadow({shadows:e,children:t,...r}){if(e.length===0)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t});const n=e.reduceRight((s,i)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:(0,generateShadowStyle_js_1.generateShadowStyle)(i),children:s}),t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{...r,children:n})}

package/dist/cjs/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/cjs/extensions/bridge/components/index.js

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

package/dist/cjs/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/cjs/extensions/bridge/index.js

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

package/dist/cjs/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/cjs/extensions/bridge/useBridge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBridge=useBridge;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_1=require("../../core/index"),Bridge_1=require("./Bridge");function useBridge({closeOnDestroy:o=!0}={}){const e=(0,react_1.useRef)(),r=(0,index_1.useOverlay)(),t=(0,react_1.useCallback)(()=>r.close(),[r]),s=(0,react_1.useCallback)(({onExited:u,onClose:i,color:l,...c})=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.open(({isOpen:d,exit:m,close:x})=>{const _=()=>{i?.(),x()};return(0,jsx_runtime_1.jsx)(index_1.ThemeProvider,{token:{color:{primary:l}},children:(0,jsx_runtime_1.jsx)(Bridge_1.Bridge,{open:d,onClose:_,onExited:()=>{u?.(),m()},...c})})});const a=c.variant==="basic"?2e3:2300;e.current=setTimeout(()=>{t()},a)},200)},[t,r]),n=(0,react_1.useMemo)(()=>({close:t,open:s}),[t,s]);return(0,react_1.useEffect)(()=>()=>{o&&n?.close()},[o,n]),n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBridge=useBridge;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../../core/index.js"),Bridge_js_1=require("./Bridge.js");function useBridge({closeOnDestroy:n=!0}={}){const e=(0,react_1.useRef)(),r=(0,index_js_1.useOverlay)(),t=(0,react_1.useCallback)(()=>r.close(),[r]),o=(0,react_1.useCallback)(({onExited:u,onClose:i,color:l,...c})=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.open(({isOpen:d,exit:_,close:j})=>{const m=()=>{i?.(),j()};return(0,jsx_runtime_1.jsx)(index_js_1.ThemeProvider,{token:{color:{primary:l}},children:(0,jsx_runtime_1.jsx)(Bridge_js_1.Bridge,{open:d,onClose:m,onExited:()=>{u?.(),_()},...c})})});const a=c.variant==="basic"?2e3:2300;e.current=setTimeout(()=>{t()},a)},200)},[t,r]),s=(0,react_1.useMemo)(()=>({close:t,open:o}),[t,o]);return(0,react_1.useEffect)(()=>()=>{n&&s?.close()},[n,s]),s}

package/dist/cjs/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/cjs/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/cjs/extensions/bridge/utils/index.d.ts

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

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

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

package/dist/cjs/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/cjs/extensions/external-web-view-screen/ExternalWebViewScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalWebViewScreen=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_webview_1=require("@granite-js/native/react-native-webview"),react_1=require("react"),react_native_1=require("react-native"),mergeRefs_1=require("../../utils/mergeRefs"),Navigation_1=require("./Navigation");exports.ExternalWebViewScreen=(0,react_1.forwardRef)(function({header:s={},onNavigationStateChange:c,...o},l){const{title:n,icon:i,withBackButton:u=!1}=s,a=(0,react_1.useRef)(!1),e=(0,react_1.useRef)(null),x=(0,mergeRefs_1.mergeRefs)(l,e),r=(0,Navigation_1.useBackOrCloseNavigation)(),v=(0,react_1.useCallback)(function(){if(e.current!=null&&a.current){e.current?.goBack();return}r()},[r]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Navigation_1.Navigation,{children:[(0,jsx_runtime_1.jsx)(Navigation_1.NavigationLeft,{visible:u,children:(0,jsx_runtime_1.jsx)(Navigation_1.NavigationBackButton,{onPress:v,canGoBack:!1})}),(0,jsx_runtime_1.jsxs)(Navigation_1.NavigationCenter,{children:[i!=null&&(0,jsx_runtime_1.jsx)(Navigation_1.NavigationTitleIcon,{...i}),n!=null&&(0,jsx_runtime_1.jsx)(Navigation_1.NavigationTitleText,{children:n})]}),(0,jsx_runtime_1.jsx)(Navigation_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(Navigation_1.NavigationCloseButton,{})})]}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{display:"flex",flexDirection:"column",flex:1,position:"relative"},children:[(0,jsx_runtime_1.jsx)(Navigation_1.NavigationBackdrop,{}),(0,jsx_runtime_1.jsx)(react_native_webview_1.WebView,{ref:x,...o,onNavigationStateChange:t=>{a.current=t.canGoBack,c?.(t)},style:{flex:1}})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalWebViewScreen=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_webview_1=require("@granite-js/native/react-native-webview"),react_1=require("react"),react_native_1=require("react-native"),mergeRefs_js_1=require("../../utils/mergeRefs.js"),Navigation_js_1=require("./Navigation.js");exports.ExternalWebViewScreen=(0,react_1.forwardRef)(function({header:s={},onNavigationStateChange:c,...o},l){const{title:n,icon:i,withBackButton:u=!1}=s,a=(0,react_1.useRef)(!1),e=(0,react_1.useRef)(null),x=(0,mergeRefs_js_1.mergeRefs)(l,e),r=(0,Navigation_js_1.useBackOrCloseNavigation)(),v=(0,react_1.useCallback)(function(){if(e.current!=null&&a.current){e.current?.goBack();return}r()},[r]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Navigation_js_1.Navigation,{children:[(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationLeft,{visible:u,children:(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationBackButton,{onPress:v,canGoBack:!1})}),(0,jsx_runtime_1.jsxs)(Navigation_js_1.NavigationCenter,{children:[i!=null&&(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationTitleIcon,{...i}),n!=null&&(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationTitleText,{children:n})]}),(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationCloseButton,{})})]}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{display:"flex",flexDirection:"column",flex:1,position:"relative"},children:[(0,jsx_runtime_1.jsx)(Navigation_js_1.NavigationBackdrop,{}),(0,jsx_runtime_1.jsx)(react_native_webview_1.WebView,{ref:x,...o,onNavigationStateChange:t=>{a.current=t.canGoBack,c?.(t)},style:{flex:1}})]})]})});

package/dist/cjs/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/cjs/extensions/external-web-view-screen/Navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Navigation=Navigation,exports.useBackOrCloseNavigation=useBackOrCloseNavigation,exports.NavigationBackdrop=NavigationBackdrop,exports.NavigationLeft=NavigationLeft,exports.NavigationRight=NavigationRight,exports.NavigationCenter=NavigationCenter,exports.NavigationTitleIcon=NavigationTitleIcon,exports.NavigationTitleText=NavigationTitleText,exports.NavigationBackButton=NavigationBackButton,exports.NavigationCloseButton=NavigationCloseButton;const jsx_runtime_1=require("react/jsx-runtime"),elements_1=require("@granite-js/native/@react-navigation/elements"),native_1=require("@granite-js/native/@react-navigation/native"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),asset_1=require("../../components/asset"),gradient_1=require("../../components/gradient"),navbar_1=require("../../components/navbar"),shadow_1=require("../../components/shadow"),txt_1=require("../../components/txt"),ColorPreferenceProvider_1=require("../../core/contexts/ColorPreferenceProvider"),prevent_font_scaling_1=require("../../extensions/prevent-font-scaling");function useAdaptive(){const{colorPreference:e}=(0,ColorPreferenceProvider_1.useColorPreference)(),{adaptive:t}=(0,react_1.useMemo)(()=>({adaptive:tds_colors_1.colorsByPreference[e]}),[e]);return t}function hasValidChild(e){return react_1.Children.toArray(e).length>0}function Navigation({children:e}){const t=(0,native_1.useNavigation)(),n=useAdaptive(),{colorPreference:o}=(0,ColorPreferenceProvider_1.useColorPreference)(),r=hasValidChild(e);return(0,react_1.useLayoutEffect)(()=>{function i(){t.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!r){i();return}return t.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:"auto"}),()=>{i()}},[t,o,r,n.background]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}function useBackOrCloseNavigation(){const e=(0,native_1.useNavigation)();return(0,react_1.useCallback)(()=>{e.canGoBack()?e.goBack():(0,react_native_1.closeView)()},[e])}const BACKDROP_SHADOW_COLOR=react_native_2.Platform.select({android:tds_colors_1.colors.greyOpacity400,ios:tds_colors_1.colors.greyOpacity100,default:tds_colors_1.colors.greyOpacity100});function NavigationBackdrop(){const{colorPreference:e}=(0,ColorPreferenceProvider_1.useColorPreference)(),t=useAdaptive(),n=(0,elements_1.useHeaderHeight)(),o=e==="dark",r=(0,shadow_1.useShadow)({offset:{x:0,y:0},opacity:1,radius:o?50:20,color:o?"rgba(0, 0, 0, 0.1)":BACKDROP_SHADOW_COLOR}),i=o?[t.grey100,t.grey300,t.grey100]:[t.greyOpacity100,t.greyOpacity300,t.greyOpacity100];return(0,jsx_runtime_1.jsxs)(react_native_2.View,{pointerEvents:"none",style:[{position:"absolute",top:-n,left:0,right:0,zIndex:1,width:"100%",height:n+.5}],children:[(0,jsx_runtime_1.jsx)(react_native_2.View,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:t.background,width:"100%",height:n},r]}),(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{degree:90,easing:"linear",positions:[0,.5,1],colors:i})]})}function NavigationLeft({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})})},[e,n,t]),null}function NavigationRight({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{marginRight:4,flexDirection:"row"},children:e})})},[e,n,t]),null}const DEVICE_WIDTH=react_native_2.Dimensions.get("window").width;function NavigationCenter({children:e,visible:t=!0}){const o=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){o.setOptions({headerBackVisible:!1,headerTitle:null});return}o.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[{maxWidth:DEVICE_WIDTH-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:e})})},[e,o,t]),null}function NavigationTitleIcon(e){const t={width:16,height:16,radius:5};return e.name!==void 0?(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{name:e.name,frameShape:t}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:e.source,style:{overflow:"hidden",borderRadius:t.radius,width:t.width,height:t.height}})}function NavigationTitleText({style:e,...t}){const n=useAdaptive();return(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:100,children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"st10",fontWeight:"semibold",color:n.grey900,numberOfLines:1,ellipsizeMode:"tail",...t})})}function NavigationBackButton({onPress:e,canGoBack:t=!0}){const{colorPreference:n}=(0,ColorPreferenceProvider_1.useColorPreference)(),o=useAdaptive(),r=n==="light"?o.greyOpacity400:o.greyOpacity500,i=useBackOrCloseNavigation();return(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.BackButton,{tintColor:r,onPress:()=>{e?.(),t&&i()}})}function NavigationCloseButton({onPress:e}){const{colorPreference:t}=(0,ColorPreferenceProvider_1.useColorPreference)(),n=useAdaptive(),o=t==="light"?n.greyOpacity400:n.greyOpacity500;return(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.CloseButton,{tintColor:o,onPress:()=>{e?.(),(0,react_native_1.closeView)()}})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Navigation=Navigation,exports.useBackOrCloseNavigation=useBackOrCloseNavigation,exports.NavigationBackdrop=NavigationBackdrop,exports.NavigationLeft=NavigationLeft,exports.NavigationRight=NavigationRight,exports.NavigationCenter=NavigationCenter,exports.NavigationTitleIcon=NavigationTitleIcon,exports.NavigationTitleText=NavigationTitleText,exports.NavigationBackButton=NavigationBackButton,exports.NavigationCloseButton=NavigationCloseButton;const jsx_runtime_1=require("react/jsx-runtime"),elements_1=require("@granite-js/native/@react-navigation/elements"),native_1=require("@granite-js/native/@react-navigation/native"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),index_js_1=require("../../components/asset/index.js"),index_js_2=require("../../components/gradient/index.js"),index_js_3=require("../../components/navbar/index.js"),index_js_4=require("../../components/shadow/index.js"),index_js_5=require("../../components/txt/index.js"),ColorPreferenceProvider_js_1=require("../../core/contexts/ColorPreferenceProvider.js"),index_js_6=require("../../extensions/prevent-font-scaling/index.js");function useAdaptive(){const{colorPreference:e}=(0,ColorPreferenceProvider_js_1.useColorPreference)(),{adaptive:t}=(0,react_1.useMemo)(()=>({adaptive:tds_colors_1.colorsByPreference[e]}),[e]);return t}function hasValidChild(e){return react_1.Children.toArray(e).length>0}function Navigation({children:e}){const t=(0,native_1.useNavigation)(),n=useAdaptive(),{colorPreference:o}=(0,ColorPreferenceProvider_js_1.useColorPreference)(),i=hasValidChild(e);return(0,react_1.useLayoutEffect)(()=>{function r(){t.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!i){r();return}return t.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:"auto"}),()=>{r()}},[t,o,i,n.background]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})}function useBackOrCloseNavigation(){const e=(0,native_1.useNavigation)();return(0,react_1.useCallback)(()=>{e.canGoBack()?e.goBack():(0,react_native_1.closeView)()},[e])}const BACKDROP_SHADOW_COLOR=react_native_2.Platform.select({android:tds_colors_1.colors.greyOpacity400,ios:tds_colors_1.colors.greyOpacity100,default:tds_colors_1.colors.greyOpacity100});function NavigationBackdrop(){const{colorPreference:e}=(0,ColorPreferenceProvider_js_1.useColorPreference)(),t=useAdaptive(),n=(0,elements_1.useHeaderHeight)(),o=e==="dark",i=(0,index_js_4.useShadow)({offset:{x:0,y:0},opacity:1,radius:o?50:20,color:o?"rgba(0, 0, 0, 0.1)":BACKDROP_SHADOW_COLOR}),r=o?[t.grey100,t.grey300,t.grey100]:[t.greyOpacity100,t.greyOpacity300,t.greyOpacity100];return(0,jsx_runtime_1.jsxs)(react_native_2.View,{pointerEvents:"none",style:[{position:"absolute",top:-n,left:0,right:0,zIndex:1,width:"100%",height:n+.5}],children:[(0,jsx_runtime_1.jsx)(react_native_2.View,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:t.background,width:"100%",height:n},i]}),(0,jsx_runtime_1.jsx)(index_js_2.LinearGradient,{degree:90,easing:"linear",positions:[0,.5,1],colors:r})]})}function NavigationLeft({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e})})},[e,n,t]),null}function NavigationRight({children:e,visible:t=!0}){const n=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{marginRight:4,flexDirection:"row"},children:e})})},[e,n,t]),null}const DEVICE_WIDTH=react_native_2.Dimensions.get("window").width;function NavigationCenter({children:e,visible:t=!0}){const o=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{if(!hasValidChild(e)||!t){o.setOptions({headerBackVisible:!1,headerTitle:null});return}o.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[{maxWidth:DEVICE_WIDTH-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:e})})},[e,o,t]),null}function NavigationTitleIcon(e){const t={width:16,height:16,radius:5};return e.name!==void 0?(0,jsx_runtime_1.jsx)(index_js_1.Asset.Icon,{name:e.name,frameShape:t}):(0,jsx_runtime_1.jsx)(react_native_2.Image,{source:e.source,style:{overflow:"hidden",borderRadius:t.radius,width:t.width,height:t.height}})}function NavigationTitleText({style:e,...t}){const n=useAdaptive();return(0,jsx_runtime_1.jsx)(index_js_6.PreventFontScaling,{limit:100,children:(0,jsx_runtime_1.jsx)(index_js_5.Txt,{typography:"st10",fontWeight:"semibold",color:n.grey900,numberOfLines:1,ellipsizeMode:"tail",...t})})}function NavigationBackButton({onPress:e,canGoBack:t=!0}){const{colorPreference:n}=(0,ColorPreferenceProvider_js_1.useColorPreference)(),o=useAdaptive(),i=n==="light"?o.greyOpacity400:o.greyOpacity500,r=useBackOrCloseNavigation();return(0,jsx_runtime_1.jsx)(index_js_3.ReactNavigationNavbar.BackButton,{tintColor:i,onPress:()=>{e?.(),t&&r()}})}function NavigationCloseButton({onPress:e}){const{colorPreference:t}=(0,ColorPreferenceProvider_js_1.useColorPreference)(),n=useAdaptive(),o=t==="light"?n.greyOpacity400:n.greyOpacity500;return(0,jsx_runtime_1.jsx)(index_js_3.ReactNavigationNavbar.CloseButton,{tintColor:o,onPress:()=>{e?.(),(0,react_native_1.closeView)()}})}

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

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

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

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

package/dist/cjs/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("../../components/icon").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/cjs/extensions/navigation/Navigation.js

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

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

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

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

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

package/dist/cjs/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/cjs/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/cjs/extensions/overlay-extension/hooks/index.js

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

package/dist/cjs/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/cjs/extensions/overlay-extension/hooks/useBottomSheet.js

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

package/dist/cjs/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/cjs/extensions/overlay-extension/hooks/useDialog.js

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/extensions/page-navbar/CompatAccessoryButton.js

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

package/dist/cjs/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/cjs/extensions/page-navbar/PageAccessoryButtons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageAccessoryButtons=PageAccessoryButtons;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),navbar_1=require("../../components/navbar"),react_1=require("react");function PageAccessoryButtons({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(navbar_1.ReactNavigationNavbar.HeaderRight,{children:e})})},[e,t]),null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageAccessoryButtons=PageAccessoryButtons;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),index_js_1=require("../../components/navbar/index.js"),react_1=require("react");function PageAccessoryButtons({children:e}){const t=(0,native_1.useNavigation)();return(0,react_1.useLayoutEffect)(()=>{t.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(index_js_1.ReactNavigationNavbar.HeaderRight,{children:e})})},[e,t]),null}