@toss/tds-react-native 1.3.0 → 1.3.2

package/dist/cjs/components/carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CarouselItem } from './CarouselItem';
+import type { ReactNode } from 'react';
+import { CarouselItem } from './CarouselItem.js';
 interface Props {
     children: ReactNode[];
     /** 캐러셀 아이템의 너비 */

package/dist/cjs/components/carousel/Carousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=Carousel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),snap_1=require("./animations/snap"),CarouselItem_1=require("./CarouselItem");function Carousel({children:n,itemWidth:s=280,itemGap:i=12,padding:a=24,renderIndicators:c}){const o=react_1.Children.toArray(n).filter(e=>(0,react_1.isValidElement)(e)).length,t=(0,react_1.useMemo)(()=>({itemsCount:o,itemGap:i,itemWidth:s,padding:a}),[i,s,o,a]),r=(0,snap_1.useSnapAnimation)(t),l=react_native_gesture_handler_1.Gesture.Simultaneous(r.gesture),m={transform:[...r.transforms]},u=react_1.Children.toArray(n).filter(e=>(0,react_1.isValidElement)(e)).map((e,_)=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:t.itemWidth},children:e},_));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:l,children:(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:m,children:(0,jsx_runtime_1.jsx)(react_native_1.Stack.Horizontal,{gutter:t.itemGap,align:"flex-start",justify:"center",children:u})})}),c?.({activeIndex:r.activeIndex,itemsCount:u.length})]})}Carousel.Item=CarouselItem_1.CarouselItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=Carousel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),snap_js_1=require("./animations/snap.js"),CarouselItem_js_1=require("./CarouselItem.js");function Carousel({children:s,itemWidth:n=280,itemGap:i=12,padding:a=24,renderIndicators:c}){const o=react_1.Children.toArray(s).filter(e=>(0,react_1.isValidElement)(e)).length,t=(0,react_1.useMemo)(()=>({itemsCount:o,itemGap:i,itemWidth:n,padding:a}),[i,n,o,a]),r=(0,snap_js_1.useSnapAnimation)(t),l=react_native_gesture_handler_1.Gesture.Simultaneous(r.gesture),m={transform:[...r.transforms]},u=react_1.Children.toArray(s).filter(e=>(0,react_1.isValidElement)(e)).map((e,_)=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:t.itemWidth},children:e},_));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:l,children:(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:m,children:(0,jsx_runtime_1.jsx)(react_native_1.Stack.Horizontal,{gutter:t.itemGap,align:"flex-start",justify:"center",children:u})})}),c?.({activeIndex:r.activeIndex,itemsCount:u.length})]})}Carousel.Item=CarouselItem_js_1.CarouselItem;

package/dist/cjs/components/carousel/CarouselItem.d.ts

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

package/dist/cjs/components/carousel/animations/snap.d.ts

@@ -1,7 +1,7 @@
 import { Animated } from 'react-native';
-import { CarouselContext } from '../context';
+import type { CarouselContext } from '../context.js';
 export declare function useSnapAnimation(context: CarouselContext): {
-    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture.js").PanGesture;
     transforms: {
         translateX: Animated.Value;
     }[];

package/dist/cjs/components/carousel/index.d.ts

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

package/dist/cjs/components/carousel/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("./Carousel"),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("./Carousel.js"),exports);

package/dist/cjs/components/chart/BarChart.d.ts

@@ -1,4 +1,4 @@
-import { View, ViewProps } from 'react-native';
+import type { View, ViewProps } from 'react-native';
 type Theme = 'blue' | 'green' | 'yellow' | 'orange' | 'red' | 'grey';
 type SingleBarFill = {
     /**

package/dist/cjs/components/chart/BarChart.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(r,e,n,o){o===void 0&&(o=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(r,o,t)}:function(r,e,n,o){o===void 0&&(o=n),r[o]=e[n]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(n){var o=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(o[o.length]=t);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o=r(e),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(n,e,o[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),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"),core_1=require("../../core"),txt_1=require("../txt");function Bar({borderRadius:r,backgroundColor:e=tds_colors_1.colors.grey100,...n}){const o="bar-background-color",t=`0 0 ${n.width} ${n.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{viewBox:t,...n,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:o,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:n.width??"100%",height:n.height??"100%",fill:`url(#${o})`,rx:r,ry:r})]})}function XAxisLabel({style:r,color:e=tds_colors_1.colors.grey600,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginTop:6,paddingHorizontal:4},r],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarAnnotation({style:r,color:e=tds_colors_1.colors.grey500,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginBottom:6,paddingHorizontal:6},r],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarContainer({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:r,...e})}function ChartArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}function XAxisArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:n=WINDOW_WIDTH,height:o=205,fill:t={type:"all-bar",theme:"blue"},style:y,...x},p){const i=(0,core_1.useAdaptive)(),v=48,B=24,A=23,j=58,M=38,C=n-v,O=o-B-A,H=Math.max(...e.map(({value:s})=>s)),d=Math.floor(Math.min(C/e.length,j)),S=O*.7,_=s=>Math.floor(s/H*S),u=Math.round(M/j*d),b=u>=30?8:u>9?Math.floor(u/5+2):3,a=(0,react_1.useMemo)(()=>({default:i.grey100,blue:[i.blue300,i.blue500],green:[i.green200,i.green400],yellow:[i.yellow300,i.yellow500],orange:[i.orange300,i.orange500],red:[i.red300,i.red500],grey:[i.grey400,i.grey500]}),[i]),l=(0,react_1.useMemo)(()=>({default:i.grey500,blue:i.blue700,green:i.green800,yellow:i.yellow900,orange:i.orange900,red:i.red700,grey:i.grey700}),[i]),w=[t.type,t.theme,t.count],m=(0,react_1.useMemo)(()=>{const s=a.default;if(t.type==="auto"){const g=[a.blue,a.green,a.yellow,a.orange,a.red,a.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=a[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(c)},[...w,e.length,a]),D=(0,react_1.useMemo)(()=>{const s=l.default;if(t.type==="auto"){const g=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=l[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(s)},[...w,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:D[c],children:s}),(0,jsx_runtime_1.jsx)(Bar,{width:u,height:_(s),borderRadius:b,backgroundColor:m[c]})]},c))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:s},c)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:s},c))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:u,height:_(s),borderRadius:b,backgroundColor:m[c]})},c))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),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("../../core/index.js"),index_js_2=require("../txt/index.js");function Bar({borderRadius:o,backgroundColor:e=tds_colors_1.colors.grey100,...s}){const a="bar-background-color",n=`0 0 ${s.width} ${s.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:n,...s,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:a,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:s.width??"100%",height:s.height??"100%",fill:`url(#${a})`,rx:o,ry:o})]})}function XAxisLabel({style:o,color:e=tds_colors_1.colors.grey600,...s}){return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:[{marginTop:6,paddingHorizontal:4},o],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarAnnotation({style:o,color:e=tds_colors_1.colors.grey500,...s}){return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:[{marginBottom:6,paddingHorizontal:6},o],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarContainer({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:o,...e})}function ChartArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}function XAxisArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:s=WINDOW_WIDTH,height:a=205,fill:n={type:"all-bar",theme:"blue"},style:y,...j},f){const t=(0,index_js_1.useAdaptive)(),_=48,A=24,B=23,p=58,C=38,H=s-_,M=a-A-B,S=Math.max(...e.map(({value:r})=>r)),d=Math.floor(Math.min(H/e.length,p)),W=M*.7,m=r=>Math.floor(r/S*W),g=Math.round(C/p*d),w=g>=30?8:g>9?Math.floor(g/5+2):3,c=(0,react_1.useMemo)(()=>({default:t.grey100,blue:[t.blue300,t.blue500],green:[t.green200,t.green400],yellow:[t.yellow300,t.yellow500],orange:[t.orange300,t.orange500],red:[t.red300,t.red500],grey:[t.grey400,t.grey500]}),[t]),l=(0,react_1.useMemo)(()=>({default:t.grey500,blue:t.blue700,green:t.green800,yellow:t.yellow900,orange:t.orange900,red:t.red700,grey:t.grey700}),[t]),b=[n.type,n.theme,n.count],v=(0,react_1.useMemo)(()=>{const r=c.default;if(n.type==="auto"){const u=[c.blue,c.green,c.yellow,c.orange,c.red,c.grey];return new Array(e.length).fill(r).map((x,h)=>h<n.count?u[h%u.length]:x).reverse()}const i=c[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(i)},[...b,e.length,c]),q=(0,react_1.useMemo)(()=>{const r=l.default;if(n.type==="auto"){const u=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(r).map((x,h)=>h<n.count?u[h%u.length]:x).reverse()}const i=l[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(r)},[...b,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:f,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},y],gutter:0,...j,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:q[i],children:r}),(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})]},i))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:r},i)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:r},i))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:f,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},y],gutter:0,...j,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})},i))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});

package/dist/cjs/components/chart/index.d.ts

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

package/dist/cjs/components/chart/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("./BarChart"),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("./BarChart.js"),exports);

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxBaseProps } from '../../types';
+import type { CheckboxBaseProps } from '../../types.js';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onTouchStart, onTouchEnd, onTouchCancel, onPress, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),index_2=require("../../../../interactions/pressable-effect/index"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:b,onTouchStart:C,onTouchEnd:x,onTouchCancel:_,onPress:A,...v}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,index_1.useAdaptive)(),u=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??tds_colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:d,startPressOutAnim:p,scaleAnim:h}=(0,index_2.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:j,blue600:c,blue500:k,white:g,transparent:D}=u;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:g,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:g,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:j},"off-press":{fill:c},on:{fill:k},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:k,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[u]),w=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),d()},[d]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),p()},[t,p]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(f,{toValue:r.check[s].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,f]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{w(),C?.(e)},onTouchEnd:e=>{y(),x?.(e)},onTouchCancel:e=>{y(),_?.(e)},onPress:A,style:[styles_1.styles.container,{width:o,height:o},b],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...v,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:h}]},{width:o,height:o},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:h}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:u.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};
+"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../../interactions/pressable-effect/index.js"),const_js_1=require("../../const.js"),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:_,onTouchStart:b,onTouchEnd:C,onTouchCancel:x,onPress:j,...A}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,index_js_1.useAdaptive)(),u=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??tds_colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:d,startPressOutAnim:p,scaleAnim:h}=(0,index_js_2.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:w,blue600:c,blue500:g,white:k,transparent:D}=u;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:k,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:k,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:w},"off-press":{fill:c},on:{fill:g},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:g,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[u]),v=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),d()},[d]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),p()},[t,p]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_js_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(f,{toValue:r.check[s].strokeDashoffset,...const_js_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,f]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{v(),b?.(e)},onTouchEnd:e=>{y(),C?.(e)},onTouchCancel:e=>{y(),x?.(e)},onPress:j,style:[styles_js_1.styles.container,{width:o,height:o},_],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...A,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:h}]},{width:o,height:o},styles_js_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_js_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_js_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:h}]},children:[(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:u.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxBaseProps } from '../../types';
+import type { CheckboxBaseProps } from '../../types.js';
 export declare function AnimatedCheckboxGraphicDisabled({ checked, size, style, children, onPress: _, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>t*20/24,[t]),{colorPreference:o}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.white):(0,hex_to_rgba_1.default)(tds_colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_1.styles.container,{width:t,height:t},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?r.disabledBlue500:r.grey200,borderRadius:t/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?r.transparent:r.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?r.disabledWhite:r.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),useWiggle_js_1=__importDefault(require("../../useWiggle.js")),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>t*20/24,[t]),{colorPreference:o}=(0,index_js_1.useColorPreference)(),s=(0,index_js_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.white):(0,hex_to_rgba_1.default)(tds_colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_js_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_js_1.styles.container,{width:t,height:t},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:t,height:t},styles_js_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?r.disabledBlue500:r.grey200,borderRadius:t/2},styles_js_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?r.transparent:r.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:t,height:t},styles_js_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:e?r.disabledWhite:r.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}

package/dist/cjs/components/checkbox/Circle/Graphic/paths.d.ts

@@ -1,6 +1,7 @@
 import { Path } from '@granite-js/native/react-native-svg';
-import { ComponentProps } from 'react';
-import { Animated, StyleProp, ViewStyle } from 'react-native';
+import type { ComponentProps } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { Animated } from 'react-native';
 declare const AnimatedPath: Animated.AnimatedComponent<typeof Path>;
 export declare function OuterCircle(props: any): import("react/jsx-runtime").JSX.Element;
 export declare function InnerCircle(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/index.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxProps } from '../types';
+import type { CheckboxProps } from '../types.js';
 export declare function CheckboxCircle({ checked: _checked, defaultChecked, disabled, size, style, children, onCheckedChange, onPress, ...pressableProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxCircle=CheckboxCircle;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../utils/index"),react_1=require("react"),AnimatedCheckboxGraphic_1=require("./Graphic/AnimatedCheckboxGraphic"),AnimatedCheckboxGraphicDisabled_1=require("./Graphic/AnimatedCheckboxGraphicDisabled");function CheckboxCircle({checked:o,defaultChecked:d=!1,disabled:h,size:c=24,style:r,children:i,onCheckedChange:t,onPress:s,...l}){const[e,a]=(0,index_1.useControlled)({controlledValue:o,defaultValue:d}),n=(0,react_1.useCallback)(u=>{t?.(!e),a(!e),s?.(u)},[t,a,e,s]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:i,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:i,onPress:n,...l})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxCircle=CheckboxCircle;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../utils/index.js"),react_1=require("react"),AnimatedCheckboxGraphic_js_1=require("./Graphic/AnimatedCheckboxGraphic.js"),AnimatedCheckboxGraphicDisabled_js_1=require("./Graphic/AnimatedCheckboxGraphicDisabled.js");function CheckboxCircle({checked:o,defaultChecked:d=!1,disabled:h,size:c=24,style:r,children:s,onCheckedChange:i,onPress:t,...l}){const[e,a]=(0,index_js_1.useControlled)({controlledValue:o,defaultValue:d}),n=(0,react_1.useCallback)(u=>{i?.(!e),a(!e),t?.(u)},[i,a,e,t]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_js_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:s,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_js_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:s,onPress:n,...l})}

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxBaseProps } from '../../types';
+import type { CheckboxBaseProps } from '../../types.js';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onPress, onTouchStart, onTouchEnd, onTouchCancel, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:e,size:n,children:f,style:l,onPress:h,onTouchStart:_,onTouchEnd:p,onTouchCancel:d,...x}){const[t,r]=(0,react_1.useState)(e?"on":"off"),c=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(c.grey200??tds_colors_1.colors.grey200),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500)}),[c.grey200]),k=(0,react_1.useCallback)(()=>{r(s=>s==="on"?"on-press":"off-press")},[]),u=(0,react_1.useCallback)(()=>{r(e?s=>s==="on-press"?"on":"off":s=>s==="off-press"?"off":"on")},[e]);(0,react_1.useEffect)(()=>{r(e?"on":"off")},[e]);const o=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].strokeDashoffset)).current;(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(o,{toValue:animationConfig.check[t].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[t,o]);const a=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].scale)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.spring(a,{toValue:animationConfig.check[t].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start()},[t,a]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:s=>{k(),_?.(s)},onTouchEnd:s=>{u(),p?.(s)},onTouchCancel:s=>{u(),d?.(s)},onPress:h,style:[styles_1.styles.container,l],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!1},...x,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:n,height:n},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:a}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.grey200}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.blue500,strokeDasharray:"24px 24px",strokeDashoffset:o})]})}),f]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),animationConfig={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),const_js_1=require("../../const.js"),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphic({checked:e,size:n,children:f,style:l,onPress:h,onTouchStart:_,onTouchEnd:p,onTouchCancel:d,...x}){const[t,r]=(0,react_1.useState)(e?"on":"off"),c=(0,index_js_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(c.grey200??tds_colors_1.colors.grey200),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500)}),[c.grey200]),k=(0,react_1.useCallback)(()=>{r(s=>s==="on"?"on-press":"off-press")},[]),u=(0,react_1.useCallback)(()=>{r(e?s=>s==="on-press"?"on":"off":s=>s==="off-press"?"off":"on")},[e]);(0,react_1.useEffect)(()=>{r(e?"on":"off")},[e]);const o=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].strokeDashoffset)).current;(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(o,{toValue:animationConfig.check[t].strokeDashoffset,...const_js_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[t,o]);const a=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].scale)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.spring(a,{toValue:animationConfig.check[t].scale,...const_js_1.SPRING_CONFIG,useNativeDriver:!0}).start()},[t,a]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:s=>{k(),_?.(s)},onTouchEnd:s=>{u(),p?.(s)},onTouchCancel:s=>{u(),d?.(s)},onPress:h,style:[styles_js_1.styles.container,l],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!1},...x,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:n,height:n},styles_js_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:a}]},children:[(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:i.grey200}),(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:i.blue500,strokeDasharray:"24px 24px",strokeDashoffset:o})]})}),f]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),animationConfig={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxBaseProps } from '../../types';
+import type { CheckboxBaseProps } from '../../types.js';
 export declare function AnimatedCheckboxGraphicDisabled({ checked, size, style, children, onPress: _, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:o,children:a,onPress:u,...c}){const{colorPreference:r}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:r==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2)}),[r,s.grey200]),{startWiggle:l,style:n}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:l,style:[styles_1.styles.container,o],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...c,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:n,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",width:t,height:t,children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?i.disabledBlue500:i.grey200})})}),a]})})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),useWiggle_js_1=__importDefault(require("../../useWiggle.js")),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:o,children:c,onPress:u,...a}){const{colorPreference:s}=(0,index_js_1.useColorPreference)(),r=(0,index_js_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(r.grey200??tds_colors_1.colors.grey200),disabledBlue500:s==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2)}),[s,r.grey200]),{startWiggle:l,style:n}=(0,useWiggle_js_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:l,style:[styles_js_1.styles.container,o],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...a,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:n,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{viewBox:"0 0 24 24",width:t,height:t,children:(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:e?i.disabledBlue500:i.grey200})})}),c]})})}

package/dist/cjs/components/checkbox/Line/Graphic/paths.d.ts

@@ -1,5 +1,5 @@
 import { Path } from '@granite-js/native/react-native-svg';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import { Animated } from 'react-native';
 declare const AnimatedPath: Animated.AnimatedComponent<typeof Path>;
 export declare function Check(props: ComponentProps<typeof AnimatedPath>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Line/index.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxProps } from '../types';
+import type { CheckboxProps } from '../types.js';
 export declare function CheckboxLine({ checked: _checked, defaultChecked, disabled, size, style, children, onCheckedChange, onPress, ...pressableProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Line/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxLine=CheckboxLine;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../utils/index"),react_1=require("react"),AnimatedCheckboxGraphic_1=require("./Graphic/AnimatedCheckboxGraphic"),AnimatedCheckboxGraphicDisabled_1=require("./Graphic/AnimatedCheckboxGraphicDisabled");function CheckboxLine({checked:o,defaultChecked:d=!1,disabled:h,size:c=24,style:r,children:i,onCheckedChange:t,onPress:s,...u}){const[e,a]=(0,index_1.useControlled)({controlledValue:o,defaultValue:d}),n=(0,react_1.useCallback)(l=>{t?.(!e),a(!e),s?.(l)},[t,e,a,s]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:i,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:i,onPress:n,...u})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxLine=CheckboxLine;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../utils/index.js"),react_1=require("react"),AnimatedCheckboxGraphic_js_1=require("./Graphic/AnimatedCheckboxGraphic.js"),AnimatedCheckboxGraphicDisabled_js_1=require("./Graphic/AnimatedCheckboxGraphicDisabled.js");function CheckboxLine({checked:o,defaultChecked:d=!1,disabled:h,size:c=24,style:r,children:s,onCheckedChange:i,onPress:t,...u}){const[e,a]=(0,index_js_1.useControlled)({controlledValue:o,defaultValue:d}),n=(0,react_1.useCallback)(l=>{i?.(!e),a(!e),t?.(l)},[i,e,a,t]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_js_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:s,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_js_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:s,onPress:n,...u})}

package/dist/cjs/components/checkbox/index.d.ts

@@ -1,7 +1,7 @@
-import { CheckboxCircle } from './Circle/index';
-import { CheckboxLine } from './Line/index';
+import { CheckboxCircle } from './Circle/index.js';
+import { CheckboxLine } from './Line/index.js';
 export declare const Checkbox: {
     Circle: typeof CheckboxCircle;
     Line: typeof CheckboxLine;
 };
-export type { CheckboxProps } from './types';
+export type { CheckboxProps } from './types.js';

package/dist/cjs/components/checkbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=void 0;const index_1=require("./Circle/index"),index_2=require("./Line/index");exports.Checkbox={Circle:index_1.CheckboxCircle,Line:index_2.CheckboxLine};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=void 0;const index_js_1=require("./Circle/index.js"),index_js_2=require("./Line/index.js");exports.Checkbox={Circle:index_js_1.CheckboxCircle,Line:index_js_2.CheckboxLine};

package/dist/cjs/components/checkbox/types.d.ts

@@ -1,4 +1,4 @@
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 export interface CheckboxBaseProps extends PressableProps {
     /**
      * `Checkbox` 컴포넌트의 선택 상태를 설정해요.

package/dist/cjs/components/dialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { AccessibilityProps } from 'react-native';
-import { BaseDialogProps } from './BaseDialog';
+import type { ReactNode } from 'react';
+import type { AccessibilityProps } from 'react-native';
+import type { BaseDialogProps } from './BaseDialog.js';
 export interface AlertDialogProps extends Pick<BaseDialogProps, 'open' | 'closeOnDimmerClick' | 'onClose' | 'onExited' | 'onEntered'>, AccessibilityProps {
     title: ReactNode;
     description?: ReactNode;

package/dist/cjs/components/dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_1=require("../../core/contexts/HideAccessibility"),text_button_1=require("../text-button"),BaseDialog_1=__importDefault(require("./BaseDialog")),BaseDialogContents_1=require("./BaseDialogContents");function AlertDialog({open:e,title:s,description:i,content:n,buttonText:o="\uD655\uC778",closeOnDimmerClick:c,onClose:r,onExited:a,onButtonPress:l,onEntered:u,...d}){const t=(0,HideAccessibility_1.useHideAccessibility)(),_=(0,react_1.useCallback)(async()=>{l?.(),r()},[l,r]);return(0,react_1.useEffect)(()=>(e?t.activate():t.inactivate(),t.inactivate),[t,e]),(0,jsx_runtime_1.jsx)(BaseDialog_1.default,{open:e,header:s!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogHeaderTxt,{children:s}):void 0,body:i!=null||n!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogBodyTxt,{children:i}):null,n]}):void 0,footer:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignSelf:"flex-end"},children:(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{color:tds_colors_1.colors.blue500,onPress:_,typography:"t5",fontWeight:"medium",children:o})}),closeOnDimmerClick:c,onClose:r,onExited:a,onEntered:u,...d})}exports.default=AlertDialog;
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_js_1=require("../../core/contexts/HideAccessibility.js"),index_js_1=require("../text-button/index.js"),BaseDialog_js_1=__importDefault(require("./BaseDialog.js")),BaseDialogContents_js_1=require("./BaseDialogContents.js");function AlertDialog({open:e,title:r,description:s,content:n,buttonText:o="\uD655\uC778",closeOnDimmerClick:c,onClose:i,onExited:a,onButtonPress:l,onEntered:u,...d}){const t=(0,HideAccessibility_js_1.useHideAccessibility)(),_=(0,react_1.useCallback)(async()=>{l?.(),i()},[l,i]);return(0,react_1.useEffect)(()=>(e?t.activate():t.inactivate(),t.inactivate),[t,e]),(0,jsx_runtime_1.jsx)(BaseDialog_js_1.default,{open:e,header:r!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogHeaderTxt,{children:r}):void 0,body:s!=null||n!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogBodyTxt,{children:s}):null,n]}):void 0,footer:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignSelf:"flex-end"},children:(0,jsx_runtime_1.jsx)(index_js_1.TextButton,{color:tds_colors_1.colors.blue500,onPress:_,typography:"t5",fontWeight:"medium",children:o})}),closeOnDimmerClick:c,onClose:i,onExited:a,onEntered:u,...d})}exports.default=AlertDialog;

package/dist/cjs/components/dialog/BaseDialog.d.ts

@@ -1,5 +1,6 @@
-import { ReactElement } from 'react';
-import { AccessibilityProps, View } from 'react-native';
+import type { ReactElement } from 'react';
+import type { AccessibilityProps } from 'react-native';
+import { View } from 'react-native';
 export interface BaseDialogProps extends AccessibilityProps {
     open: boolean;
     header?: ReactElement;

package/dist/cjs/components/dialog/BaseDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),utils_1=require("../../utils"),BaseDialogContents_1=require("./BaseDialogContents"),noop=()=>{},BaseDialog=(0,react_1.forwardRef)(({open:s,header:r,body:a,footer:o,closeOnDimmerClick:c,onClose:l,onExited:u,onEntered:p=noop,...m},d)=>{const e=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.opacity)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.scale)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.dimmer.close.opacity)).current,g=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(n,{toValue:animationConfig.content.open.scale,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{i()})}),[e,n,t]),y=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid})]).start(()=>{i()})}),[e,t]),{presenceState:A}=(0,utils_1.useAnimatePresence)(s,{enter:g,exit:y,onExited:u,onEntered:p}),{startWiggle:f,style:v}=(0,utils_1.useWiggleAnim)({direction:"x",type:"small"});return A==="invisible"?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{}):(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:styles.container,...m,children:[(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogOverlay,{style:{opacity:t},onPress:c?l:f}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{opacity:e,transform:[{scale:n},...v.transform]}],children:(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogContent,{header:r,body:a,footer:o})})]})});exports.default=BaseDialog;const animationConfig={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../utils/index.js"),BaseDialogContents_js_1=require("./BaseDialogContents.js"),noop=()=>{},BaseDialog=(0,react_1.forwardRef)(({open:s,header:r,body:a,footer:o,closeOnDimmerClick:c,onClose:l,onExited:u,onEntered:p=noop,...m},d)=>{const e=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.opacity)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.scale)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.dimmer.close.opacity)).current,g=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(n,{toValue:animationConfig.content.open.scale,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{i()})}),[e,n,t]),y=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid})]).start(()=>{i()})}),[e,t]),{presenceState:A}=(0,index_js_1.useAnimatePresence)(s,{enter:g,exit:y,onExited:u,onEntered:p}),{startWiggle:f,style:v}=(0,index_js_1.useWiggleAnim)({direction:"x",type:"small"});return A==="invisible"?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{}):(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:styles.container,...m,children:[(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogOverlay,{style:{opacity:t},onPress:c?l:f}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{opacity:e,transform:[{scale:n},...v.transform]}],children:(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogContent,{header:r,body:a,footer:o})})]})});exports.default=BaseDialog;const animationConfig={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});

package/dist/cjs/components/dialog/BaseDialogContents.d.ts

@@ -1,6 +1,7 @@
-import { ComponentProps, ReactElement } from 'react';
-import { Animated, PressableProps } from 'react-native';
-import { TxtProps } from '../txt';
+import type { ComponentProps, ReactElement } from 'react';
+import type { PressableProps } from 'react-native';
+import { Animated } from 'react-native';
+import type { TxtProps } from '../txt/index.js';
 declare function DialogOverlay({ color, style, onPress, }: {
     color?: string;
     style?: ComponentProps<typeof Animated.View>['style'];

package/dist/cjs/components/dialog/BaseDialogContents.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogBodyTxt=DialogBodyTxt,exports.DialogContent=DialogContent,exports.DialogHeaderTxt=DialogHeaderTxt,exports.DialogOverlay=DialogOverlay;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),core_1=require("../../core"),txt_1=require("../txt");function DialogOverlay({color:e,style:t,onPress:o}){const{width:n,height:r}=(0,react_native_1.useWindowDimensions)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:o,style:[{width:n,height:r},styles.overlayPressable],children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e??tds_colors_1.colors.black},styles.overlay,t]})})}function DialogContent({header:e,body:t,footer:o}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:n.floatBackground},styles.content],children:[(0,jsx_runtime_1.jsxs)(react_native_1.ScrollView,{style:styles.contentScrollView,children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:e}):null,t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentBody,children:t}):null]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentFooter,children:o})]})}function DialogHeaderTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey800,fontWeight:"bold",typography:"t4",...e})}function DialogBodyTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey700,fontWeight:"medium",typography:"t6",...e})}const styles=react_native_1.StyleSheet.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:react_native_1.Dimensions.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogBodyTxt=DialogBodyTxt,exports.DialogContent=DialogContent,exports.DialogHeaderTxt=DialogHeaderTxt,exports.DialogOverlay=DialogOverlay;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js");function DialogOverlay({color:e,style:t,onPress:o}){const{width:n,height:r}=(0,react_native_1.useWindowDimensions)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:o,style:[{width:n,height:r},styles.overlayPressable],children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e??tds_colors_1.colors.black},styles.overlay,t]})})}function DialogContent({header:e,body:t,footer:o}){const n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:n.floatBackground},styles.content],children:[(0,jsx_runtime_1.jsxs)(react_native_1.ScrollView,{style:styles.contentScrollView,children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:e}):null,t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentBody,children:t}):null]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentFooter,children:o})]})}function DialogHeaderTxt({...e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:t.grey800,fontWeight:"bold",typography:"t4",...e})}function DialogBodyTxt({...e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:t.grey700,fontWeight:"medium",typography:"t6",...e})}const styles=react_native_1.StyleSheet.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:react_native_1.Dimensions.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});

package/dist/cjs/components/dialog/ConfirmDialog.d.ts

@@ -1,7 +1,8 @@
-import { ComponentProps, ReactElement, ReactNode } from 'react';
-import { AccessibilityProps, View } from 'react-native';
-import { Button } from '../button';
-import { BaseDialogProps } from './BaseDialog';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+import type { AccessibilityProps } from 'react-native';
+import { View } from 'react-native';
+import { Button } from '../button/index.js';
+import type { BaseDialogProps } from './BaseDialog.js';
 export interface ConfirmDialogProps extends Pick<BaseDialogProps, 'open' | 'closeOnDimmerClick' | 'onClose' | 'onExited' | 'onEntered'>, AccessibilityProps {
     title: ReactNode;
     description?: ReactNode;

package/dist/cjs/components/dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DoubleButton=DoubleButton;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_1=require("../../core/contexts/HideAccessibility"),button_1=require("../button"),BaseDialog_1=__importDefault(require("./BaseDialog")),BaseDialogContents_1=require("./BaseDialogContents"),ConfirmDialogImpl=(0,react_1.forwardRef)(({open:e,title:t,description:i,content:r,leftButton:o,rightButton:l,closeOnDimmerClick:u,onClose:s,onExited:c,onEntered:a,...d},f)=>{const n=(0,HideAccessibility_1.useHideAccessibility)();return(0,react_1.useEffect)(()=>(e?n.activate():n.inactivate(),n.inactivate),[n,e]),(0,jsx_runtime_1.jsx)(BaseDialog_1.default,{ref:f,open:e,header:t!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogHeaderTxt,{children:t}):void 0,body:i!=null||r!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogBodyTxt,{children:i}):null,r]}):void 0,footer:(0,jsx_runtime_1.jsxs)(DoubleButton,{children:[o,l]}),closeOnDimmerClick:u,onClose:s,onExited:c,onEntered:a,...d})});function DoubleButton(e){const t=react_1.Children.count(e.children);if(t!==2)throw new Error(`There should be 2 children in DoubleButton. Given children: ${t}`);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButton,children:e.children})}function DoubleButtonItem(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButtonItem,children:(0,jsx_runtime_1.jsx)(button_1.Button,{size:"large",viewStyle:[{flexGrow:1}],...e})})}const ConfirmDialog=Object.assign(ConfirmDialogImpl,{Button:DoubleButtonItem}),styles=react_native_1.StyleSheet.create({doubleButton:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonItem:{flexDirection:"row",minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});exports.default=ConfirmDialog;
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DoubleButton=DoubleButton;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_js_1=require("../../core/contexts/HideAccessibility.js"),index_js_1=require("../button/index.js"),BaseDialog_js_1=__importDefault(require("./BaseDialog.js")),BaseDialogContents_js_1=require("./BaseDialogContents.js"),ConfirmDialogImpl=(0,react_1.forwardRef)(({open:e,title:t,description:i,content:r,leftButton:o,rightButton:l,closeOnDimmerClick:s,onClose:u,onExited:c,onEntered:a,...d},f)=>{const n=(0,HideAccessibility_js_1.useHideAccessibility)();return(0,react_1.useEffect)(()=>(e?n.activate():n.inactivate(),n.inactivate),[n,e]),(0,jsx_runtime_1.jsx)(BaseDialog_js_1.default,{ref:f,open:e,header:t!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogHeaderTxt,{children:t}):void 0,body:i!=null||r!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_js_1.DialogBodyTxt,{children:i}):null,r]}):void 0,footer:(0,jsx_runtime_1.jsxs)(DoubleButton,{children:[o,l]}),closeOnDimmerClick:s,onClose:u,onExited:c,onEntered:a,...d})});function DoubleButton(e){const t=react_1.Children.count(e.children);if(t!==2)throw new Error(`There should be 2 children in DoubleButton. Given children: ${t}`);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButton,children:e.children})}function DoubleButtonItem(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButtonItem,children:(0,jsx_runtime_1.jsx)(index_js_1.Button,{size:"large",viewStyle:[{flexGrow:1}],...e})})}const ConfirmDialog=Object.assign(ConfirmDialogImpl,{Button:DoubleButtonItem}),styles=react_native_1.StyleSheet.create({doubleButton:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonItem:{flexDirection:"row",minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});exports.default=ConfirmDialog;

package/dist/cjs/components/dialog/index.d.ts

@@ -1,5 +1,5 @@
-export { default as AlertDialog } from './AlertDialog';
-export { default as BaseDialog } from './BaseDialog';
-export { default as ConfirmDialog } from './ConfirmDialog';
-export type { AlertDialogProps } from './AlertDialog';
-export type { ConfirmDialogProps } from './ConfirmDialog';
+export { default as AlertDialog } from './AlertDialog.js';
+export { default as BaseDialog } from './BaseDialog.js';
+export { default as ConfirmDialog } from './ConfirmDialog.js';
+export type { AlertDialogProps } from './AlertDialog.js';
+export type { ConfirmDialogProps } from './ConfirmDialog.js';

package/dist/cjs/components/dialog/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConfirmDialog=exports.BaseDialog=exports.AlertDialog=void 0;var AlertDialog_1=require("./AlertDialog");Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return __importDefault(AlertDialog_1).default}});var BaseDialog_1=require("./BaseDialog");Object.defineProperty(exports,"BaseDialog",{enumerable:!0,get:function(){return __importDefault(BaseDialog_1).default}});var ConfirmDialog_1=require("./ConfirmDialog");Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:function(){return __importDefault(ConfirmDialog_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConfirmDialog=exports.BaseDialog=exports.AlertDialog=void 0;var AlertDialog_js_1=require("./AlertDialog.js");Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return __importDefault(AlertDialog_js_1).default}});var BaseDialog_js_1=require("./BaseDialog.js");Object.defineProperty(exports,"BaseDialog",{enumerable:!0,get:function(){return __importDefault(BaseDialog_js_1).default}});var ConfirmDialog_js_1=require("./ConfirmDialog.js");Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:function(){return __importDefault(ConfirmDialog_js_1).default}});

package/dist/cjs/components/dropdown/components/Dropdown.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { DropdownItem } from './DropdownItem';
+import type { ReactNode } from 'react';
+import { DropdownItem } from './DropdownItem.js';
 interface Props {
     title?: string;
     children?: ReactNode;

package/dist/cjs/components/dropdown/components/Dropdown.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,o)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(n,e,r[o]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=Dropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),core_1=require("../../../core"),Paragraph=__importStar(require("../../paragraph")),DropdownContext_1=require("../contexts/DropdownContext"),DropdownItem_1=require("./DropdownItem");function Dropdown({title:t,children:e}){const n=(0,core_1.useAdaptive)(),{colorPreference:r}=(0,core_1.useColorPreference)(),{dropdownBaseRef:o}=(0,DropdownContext_1.useDropdown)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:o,style:{width:240,backgroundColor:n.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:r==="light"?react_native_1.Platform.OS==="ios"?tds_colors_1.colors.greyOpacity300:void 0:tds_colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[t!=null?(0,jsx_runtime_1.jsx)(TitleWrapper,{children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"bold",typography:"st8",color:n.grey800,children:t})}):void 0,e]})}function TitleWrapper({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},t],...e})}Dropdown.Item=DropdownItem_1.DropdownItem;
+"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,o)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(n,e,r[o]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=Dropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),Paragraph=__importStar(require("../../paragraph/index.js")),DropdownContext_js_1=require("../contexts/DropdownContext.js"),DropdownItem_js_1=require("./DropdownItem.js");function Dropdown({title:t,children:e}){const n=(0,index_js_1.useAdaptive)(),{colorPreference:r}=(0,index_js_1.useColorPreference)(),{dropdownBaseRef:o}=(0,DropdownContext_js_1.useDropdown)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:o,style:{width:240,backgroundColor:n.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:r==="light"?react_native_1.Platform.OS==="ios"?tds_colors_1.colors.greyOpacity300:void 0:tds_colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[t!=null?(0,jsx_runtime_1.jsx)(TitleWrapper,{children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"bold",typography:"st8",color:n.grey800,children:t})}):void 0,e]})}function TitleWrapper({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},t],...e})}Dropdown.Item=DropdownItem_js_1.DropdownItem;

package/dist/cjs/components/dropdown/components/DropdownItem.d.ts

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

package/dist/cjs/components/dropdown/components/DropdownItem.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownItem=DropdownItem;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),Paragraph=__importStar(require("../../paragraph")),core_1=require("../../../core");function DropdownItem({icon:i,children:e,style:n,iconViewStyle:t}){const r=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",paddingVertical:12,paddingHorizontal:24,alignItems:"center"},n],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"st8",fontWeight:"semiBold",color:r.grey600,children:e}),i!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},t],children:i}):void 0]})}
+"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownItem=DropdownItem;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),Paragraph=__importStar(require("../../paragraph/index.js")),index_js_1=require("../../../core/index.js");function DropdownItem({icon:i,children:e,style:n,iconViewStyle:t}){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",paddingVertical:12,paddingHorizontal:24,alignItems:"center"},n],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"st8",fontWeight:"semiBold",color:r.grey600,children:e}),i!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},t],children:i}):void 0]})}

package/dist/cjs/components/dropdown/components/FixedFloatingDropdown.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { Placement, ReactElementWithRef } from '../types';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { Placement, ReactElementWithRef } from '../types.js';
 export interface FixedFloatingDropdownProps {
     open?: boolean;
     defaultOpen?: boolean;

package/dist/cjs/components/dropdown/components/FixedFloatingDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs");function FixedFloatingDropdown({children:s,onOpen:f,onClose:n,open:o,dropdown:c,containerStyle:r}){const{placement:g}=(0,DropdownContext_1.useDropdown)(),i=(0,react_1.useRef)(null),d=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),x=s.ref,R=(0,react_1.cloneElement)(s,{...s.props,ref:x!=null?(0,mergeRefs_1.mergeRefs)(x,i):i,onPress:()=>{o?n?.():f?.(),s.props?.onPress?.()}}),m=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const t=a=>{const e=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((v,y,p,w,E,_)=>{e>=E&&e<=E+p&&u>=_&&u<=_+w||n?.()})};return m.addEventListener("touchEnd",t),()=>{m.removeEventListener("touchEnd",t)}},[l,m,n,i]);const h=(0,core_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!o){h.close();return}i.current==null||d.current==null||i.current.measure((...t)=>{d.current?.measure((...a)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};h.open(({isOpen:u,exit:v,close:y})=>{const p=g==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(a[e.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{y(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{onExitEnd:v,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:g,children:c}):void 0})})})})})},[o]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[R,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:f,children:n,placement:o},c){const r=o==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(rally_1.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},f],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},children:n})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/rally/index.js"),z_index_js_1=require("../constants/z-index.js"),DropdownContext_js_1=require("../contexts/DropdownContext.js"),mergeRefs_js_1=require("../utils/mergeRefs.js");function FixedFloatingDropdown({children:s,onOpen:d,onClose:n,open:o,dropdown:c,containerStyle:r}){const{placement:x}=(0,DropdownContext_js_1.useDropdown)(),i=(0,react_1.useRef)(null),f=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),g=s.ref,E=(0,react_1.cloneElement)(s,{...s.props,ref:g!=null?(0,mergeRefs_js_1.mergeRefs)(g,i):i,onPress:()=>{o?n?.():d?.(),s.props?.onPress?.()}}),m=(0,index_js_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const t=a=>{const e=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((_,v,p,R,j,y)=>{e>=j&&e<=j+p&&u>=y&&u<=y+R||n?.()})};return m.addEventListener("touchEnd",t),()=>{m.removeEventListener("touchEnd",t)}},[l,m,n,i]);const h=(0,index_js_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!o){h.close();return}i.current==null||f.current==null||i.current.measure((...t)=>{f.current?.measure((...a)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};h.open(({isOpen:u,exit:_,close:v})=>{const p=x==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(a[e.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{v(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_js_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(index_js_2.AnimateRallyPresence,{onExitEnd:_,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:x,children:c}):void 0})})})})})},[o]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[E,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:f,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:d,children:n,placement:o},c){const r=o==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(index_js_2.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},d],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},children:n})});

package/dist/cjs/components/dropdown/components/Trigger.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { Placement, ReactElementWithRef } from '../types';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { Placement, ReactElementWithRef } from '../types.js';
 interface Props {
     open?: boolean;
     defaultOpen?: boolean;

package/dist/cjs/components/dropdown/components/Trigger.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs"),FixedFloatingDropdown_1=require("./FixedFloatingDropdown");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:r="absolute",...n}){const o=r==="fixed"?FixedFloatingDropdown_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(o,{...n,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:r,open:n,dropdown:o,containerStyle:l}){const{targetRef:i,dropdownBaseRef:a}=(0,DropdownContext_1.useDropdown)(),u=e.ref,d=(0,react_1.cloneElement)(e,{...e.props,ref:u!=null?(0,mergeRefs_1.mergeRefs)(u,i):i,onPress:()=>{n?r?.():t?.(),e.props?.onPress?.()}}),s=(0,core_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const f=(c,g)=>{a?.current==null||c.target==null||!g&&!isInsideComponent(c.target,a.current)&&!isInsideComponent(c.target,i?.current)&&r?.()};return s.addEventListener("touchEnd",f),()=>{s.removeEventListener("touchEnd",f)}},[a,s,r,i]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_1.MENU_Z_INDEX},l],children:[d,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:n?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:o}):void 0})]})}function FloatingOverlay({style:e,children:t,...r}){const{targetRef:n,dropdownBaseRef:o,placement:l}=(0,DropdownContext_1.useDropdown)(),[i,a]=(0,react_1.useState)(null),[u,d]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{n?.current!=null&&o?.current!=null&&n.current.measureInWindow((f,c,g,p)=>{o?.current?.measureInWindow((x,h,m,_)=>{a({width:g,height:p}),d({width:m,height:_})})})},[o,n]),u==null||i==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const s=l==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(rally_1.Rally,{style:[{zIndex:9e3,position:"absolute",top:i.height},l==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},...r,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:r,...n}){const[o,l]=(0,react_1.useState)(e),i=(0,react_1.useCallback)(()=>{t?.(),l(!0)},[t]),a=(0,react_1.useCallback)(()=>{r?.(),l(!1)},[r]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:o,onOpen:i,onClose:a,...n})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_1.MENU_Z_INDEX;const isInsideComponent=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let r=0;r<=t._children.length-1;r++)if(isInsideComponent(e,t._children[r]))return!0}return!1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/rally/index.js"),z_index_js_1=require("../constants/z-index.js"),DropdownContext_js_1=require("../contexts/DropdownContext.js"),mergeRefs_js_1=require("../utils/mergeRefs.js"),FixedFloatingDropdown_js_1=require("./FixedFloatingDropdown.js");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:n="absolute",...r}){const o=n==="fixed"?FixedFloatingDropdown_js_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_js_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(o,{...r,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:n,open:r,dropdown:o,containerStyle:l}){const{targetRef:s,dropdownBaseRef:a}=(0,DropdownContext_js_1.useDropdown)(),u=e.ref,d=(0,react_1.cloneElement)(e,{...e.props,ref:u!=null?(0,mergeRefs_js_1.mergeRefs)(u,s):s,onPress:()=>{r?n?.():t?.(),e.props?.onPress?.()}}),i=(0,index_js_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const f=(c,g)=>{a?.current==null||c.target==null||!g&&!isInsideComponent(c.target,a.current)&&!isInsideComponent(c.target,s?.current)&&n?.()};return i.addEventListener("touchEnd",f),()=>{i.removeEventListener("touchEnd",f)}},[a,i,n,s]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_js_1.MENU_Z_INDEX},l],children:[d,(0,jsx_runtime_1.jsx)(index_js_2.AnimateRallyPresence,{children:r?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:o}):void 0})]})}function FloatingOverlay({style:e,children:t,...n}){const{targetRef:r,dropdownBaseRef:o,placement:l}=(0,DropdownContext_js_1.useDropdown)(),[s,a]=(0,react_1.useState)(null),[u,d]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{r?.current!=null&&o?.current!=null&&r.current.measureInWindow((f,c,g,_)=>{o?.current?.measureInWindow((x,h,p,m)=>{a({width:g,height:_}),d({width:p,height:m})})})},[o,r]),u==null||s==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const i=l==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(index_js_2.Rally,{style:[{zIndex:9e3,position:"absolute",top:s.height},l==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:i,to:i},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:i,to:i},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},...n,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:n,...r}){const[o,l]=(0,react_1.useState)(e),s=(0,react_1.useCallback)(()=>{t?.(),l(!0)},[t]),a=(0,react_1.useCallback)(()=>{n?.(),l(!1)},[n]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:o,onOpen:s,onClose:a,...r})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_js_1.MENU_Z_INDEX;const isInsideComponent=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let n=0;n<=t._children.length-1;n++)if(isInsideComponent(e,t._children[n]))return!0}return!1};

package/dist/cjs/components/dropdown/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Dropdown';
-export * from './Trigger';
+export * from './Dropdown.js';
+export * from './Trigger.js';

package/dist/cjs/components/dropdown/components/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("./Dropdown"),exports),__exportStar(require("./Trigger"),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("./Dropdown.js"),exports),__exportStar(require("./Trigger.js"),exports);

package/dist/cjs/components/dropdown/contexts/DropdownContext.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, RefObject } from 'react';
-import { View } from 'react-native';
-import { Placement } from '../types';
+import type { ReactNode, RefObject } from 'react';
+import type { View } from 'react-native';
+import type { Placement } from '../types.js';
 interface DropdownProviderProps {
     open?: boolean;
     placement: Placement;

package/dist/cjs/components/dropdown/index.d.ts

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

package/dist/cjs/components/dropdown/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("./components"),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("./components/index.js"),exports);

package/dist/cjs/components/dropdown/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, RefCallback, RefObject } from 'react';
+import type { ReactElement, RefCallback, RefObject } from 'react';
 export type ReactElementWithRef = ReactElement & {
     ref?: RefObject<any> | RefCallback<any>;
 };

package/dist/cjs/components/error-page/ErrorPage.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorPage=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),core_1=require("../../core"),asset_1=require("../asset"),button_1=require("../button"),fixed_bottom_cta_1=require("../fixed-bottom-cta"),top_1=require("../top"),ErrorPage=({statusCode:t=500,title:e,subtitle:r,onPressLeftButton:s,onPressRightButton:i,children:o})=>{const u=(0,core_1.useAdaptive)(),{title:n,subtitle:a,image:c}=mapStatusCodeToText(t),l=e??n,p=r??a;return(0,jsx_runtime_1.jsxs)(fixed_bottom_cta_1.FixedBottomCTAProvider,{children:[(0,jsx_runtime_1.jsx)(top_1.Top,{title:(0,jsx_runtime_1.jsx)(top_1.Top.TitleParagraph,{color:u.grey900,children:l}),subtitle2:(0,jsx_runtime_1.jsx)(top_1.Top.SubtitleParagraph,{children:p}),upper:(0,jsx_runtime_1.jsx)(top_1.Top.UpperAssetContent,{content:(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:{uri:c},"aria-hidden":!0,style:asset_1.Asset.frameShape.CleanW60})})}),o,(0,jsx_runtime_1.jsx)(fixed_bottom_cta_1.FixedBottomCTA.Double,{leftButton:(0,jsx_runtime_1.jsx)(button_1.Button,{type:"dark",style:"weak",onPress:s,children:"\uACE0\uAC1D\uC13C\uD130 \uBB38\uC758"}),rightButton:(0,jsx_runtime_1.jsx)(button_1.Button,{type:"primary",style:"fill",onPress:i,children:t===400?"\uB2E4\uC2DC \uC785\uB825\uD558\uAE30":"\uB2EB\uAE30"})})]})};exports.ErrorPage=ErrorPage;const mapStatusCodeToText=t=>{switch(t){case 404:return{title:"\uC815\uBCF4\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC5B4\uC694",subtitle:"\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uAC70\uB098, \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};case 400:return{title:`\uC785\uB825\uD55C \uC815\uBCF4\uB97C 
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorPage=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../asset/index.js"),index_js_3=require("../button/index.js"),index_js_4=require("../fixed-bottom-cta/index.js"),index_js_5=require("../top/index.js"),ErrorPage=({statusCode:e=500,title:t,subtitle:s,onPressLeftButton:r,onPressRightButton:i,children:n})=>{const o=(0,index_js_1.useAdaptive)(),{title:u,subtitle:a,image:c}=mapStatusCodeToText(e),l=t??u,d=s??a;return(0,jsx_runtime_1.jsxs)(index_js_4.FixedBottomCTAProvider,{children:[(0,jsx_runtime_1.jsx)(index_js_5.Top,{title:(0,jsx_runtime_1.jsx)(index_js_5.Top.TitleParagraph,{color:o.grey900,children:l}),subtitle2:(0,jsx_runtime_1.jsx)(index_js_5.Top.SubtitleParagraph,{children:d}),upper:(0,jsx_runtime_1.jsx)(index_js_5.Top.UpperAssetContent,{content:(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:{uri:c},"aria-hidden":!0,style:index_js_2.Asset.frameShape.CleanW60})})}),n,(0,jsx_runtime_1.jsx)(index_js_4.FixedBottomCTA.Double,{leftButton:(0,jsx_runtime_1.jsx)(index_js_3.Button,{type:"dark",style:"weak",onPress:r,children:"\uACE0\uAC1D\uC13C\uD130 \uBB38\uC758"}),rightButton:(0,jsx_runtime_1.jsx)(index_js_3.Button,{type:"primary",style:"fill",onPress:i,children:e===400?"\uB2E4\uC2DC \uC785\uB825\uD558\uAE30":"\uB2EB\uAE30"})})]})};exports.ErrorPage=ErrorPage;const mapStatusCodeToText=e=>{switch(e){case 404:return{title:"\uC815\uBCF4\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC5B4\uC694",subtitle:"\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uAC70\uB098, \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};case 400:return{title:`\uC785\uB825\uD55C \uC815\uBCF4\uB97C 
 \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694`,subtitle:"\uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uC815\uBCF4\uAC00 \uC788\uC5B4\uC694. \uB9DE\uAC8C \uC785\uB825\uD588\uB294\uB370\uB3C4 \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};default:return{title:"\uC77C\uC2DC\uC801\uC778 \uC624\uB958\uAC00 \uC0DD\uACBC\uC5B4\uC694",subtitle:"\uBB38\uC81C\uC758 \uC6D0\uC778\uC744 \uCC3E\uC544 \uD574\uACB0\uD558\uACE0 \uC788\uC5B4\uC694. \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F6A7-orange-cone.png"}}};