@toss/tds-react-native 1.3.4 → 1.3.6

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=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}}};
+"use strict";var __importDefault=this&&this.__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"),core_1=require("../../../../core"),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,...k}){const[t,r]=(0,react_1.useState)(e?"on":"off"),c=(0,core_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]),g=(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=>{g(),_?.(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},...k,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.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 type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 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=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]})})}
+"use strict";var __importDefault=this&&this.__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"),core_1=require("../../../../core"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:o,children:c,onPress:u,...a}){const{colorPreference:r}=(0,core_1.useColorPreference)(),s=(0,core_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},...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_1.Check,{stroke:e?i.disabledBlue500:i.grey200})})}),c]})})}

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

@@ -1,2 +1,2 @@
-import type { CheckboxProps } from '../types.js';
+import type { CheckboxProps } from '../types';
 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_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})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxLine=CheckboxLine;const jsx_runtime_1=require("react/jsx-runtime"),utils_1=require("../../../utils"),react_1=require("react"),AnimatedCheckboxGraphic_1=require("./Graphic/AnimatedCheckboxGraphic"),AnimatedCheckboxGraphicDisabled_1=require("./Graphic/AnimatedCheckboxGraphicDisabled");function CheckboxLine({checked:o,defaultChecked:h=!1,disabled:u,size:c=24,style:r,children:t,onCheckedChange:i,onPress:s,...d}){const[e,a]=(0,utils_1.useControlled)({controlledValue:o,defaultValue:h}),n=(0,react_1.useCallback)(l=>{i?.(!e),a(!e),s?.(l)},[i,e,a,s]);return u?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:t,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:t,onPress:n,...d})}

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

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

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

@@ -1 +1 @@
-"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};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=void 0;const Circle_1=require("./Circle"),Line_1=require("./Line");exports.Checkbox={Circle:Circle_1.CheckboxCircle,Line:Line_1.CheckboxLine};

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { AccessibilityProps } from 'react-native';
-import type { BaseDialogProps } from './BaseDialog.js';
+import type { BaseDialogProps } from './BaseDialog';
 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_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;
+"use strict";var __importDefault=this&&this.__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;

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

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

@@ -1,7 +1,7 @@
 import type { ComponentProps, ReactElement } from 'react';
 import type { PressableProps } from 'react-native';
 import { Animated } from 'react-native';
-import type { TxtProps } from '../txt/index.js';
+import type { TxtProps } from '../txt';
 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"),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}});
+"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}});

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

@@ -1,8 +1,8 @@
 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';
+import { Button } from '../button';
+import type { BaseDialogProps } from './BaseDialog';
 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_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;
+"use strict";var __importDefault=this&&this.__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;

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

@@ -1,5 +1,5 @@
-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';
+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';

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_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}});
+"use strict";var __importDefault=this&&this.__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}});

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { DropdownItem } from './DropdownItem.js';
+import { DropdownItem } from './DropdownItem';
 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"),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;
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__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;

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/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]})}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),__importStar=this&&this.__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]})}

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Placement, ReactElementWithRef } from '../types.js';
+import type { Placement, ReactElementWithRef } from '../types';
 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"),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})});
+"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})});

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Placement, ReactElementWithRef } from '../types.js';
+import type { Placement, ReactElementWithRef } from '../types';
 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"),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};
+"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};

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

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

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.js"),exports),__exportStar(require("./Trigger.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

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

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

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

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/index.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

package/dist/cjs/components/error-page/index.d.ts

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

package/dist/cjs/components/error-page/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("./ErrorPage.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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("./ErrorPage"),exports);

package/dist/cjs/components/fixed-bottom-cta/FixedBottomCTA.d.ts

@@ -1,4 +1,4 @@
-import type { BottomCTADoubleProps, BottomCTASingleProps } from '../bottom-cta/index.js';
+import type { BottomCTADoubleProps, BottomCTASingleProps } from '../bottom-cta';
 export type FixedBottomCTASingleProps = Omit<BottomCTASingleProps, 'display' | 'keyboardStyleEnabled'>;
 export type FixedBottomCTADoubleProps = Omit<BottomCTADoubleProps, 'keyboardStyleEnabled'>;
 /**

package/dist/cjs/components/fixed-bottom-cta/FixedBottomCTA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedBottomCTAWithoutConsumer=FixedBottomCTAWithoutConsumer,exports.FixedBottomCTADoubleWithoutConsumer=FixedBottomCTADoubleWithoutConsumer,exports.FixedBottomCTA=FixedBottomCTA;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../bottom-cta/index.js"),index_js_2=require("../../core/index.js"),FixedBottomCTAContext_js_1=require("./providers/FixedBottomCTAContext.js");function FixedBottomCTAWithoutConsumer(t){const e=(0,index_js_2.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_1.BottomCTA.Single,{keyboardStyleEnabled:!0,gradient:(0,jsx_runtime_1.jsx)(index_js_1.BottomCTAGradient,{stopColor:e.background}),...t})}function FixedBottomCTADoubleWithoutConsumer(t){const e=(0,index_js_2.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_1.BottomCTA.Double,{keyboardStyleEnabled:!0,gradient:(0,jsx_runtime_1.jsx)(index_js_1.BottomCTAGradient,{stopColor:e.background}),...t})}function FixedBottomCTA(t){return(0,jsx_runtime_1.jsx)(FixedBottomCTAContext_js_1.FixedBottomCTAConsumer,{children:(0,jsx_runtime_1.jsx)(FixedBottomCTAWithoutConsumer,{...t})})}function FixedBottomCTADouble(t){return(0,jsx_runtime_1.jsx)(FixedBottomCTAContext_js_1.FixedBottomCTAConsumer,{children:(0,jsx_runtime_1.jsx)(FixedBottomCTADoubleWithoutConsumer,{...t})})}FixedBottomCTA.Double=FixedBottomCTADouble;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedBottomCTAWithoutConsumer=FixedBottomCTAWithoutConsumer,exports.FixedBottomCTADoubleWithoutConsumer=FixedBottomCTADoubleWithoutConsumer,exports.FixedBottomCTA=FixedBottomCTA;const jsx_runtime_1=require("react/jsx-runtime"),bottom_cta_1=require("../bottom-cta"),core_1=require("../../core"),FixedBottomCTAContext_1=require("./providers/FixedBottomCTAContext");function FixedBottomCTAWithoutConsumer(t){const o=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(bottom_cta_1.BottomCTA.Single,{keyboardStyleEnabled:!0,gradient:(0,jsx_runtime_1.jsx)(bottom_cta_1.BottomCTAGradient,{stopColor:o.background}),...t})}function FixedBottomCTADoubleWithoutConsumer(t){const o=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(bottom_cta_1.BottomCTA.Double,{keyboardStyleEnabled:!0,gradient:(0,jsx_runtime_1.jsx)(bottom_cta_1.BottomCTAGradient,{stopColor:o.background}),...t})}function FixedBottomCTA(t){return(0,jsx_runtime_1.jsx)(FixedBottomCTAContext_1.FixedBottomCTAConsumer,{children:(0,jsx_runtime_1.jsx)(FixedBottomCTAWithoutConsumer,{...t})})}function FixedBottomCTADouble(t){return(0,jsx_runtime_1.jsx)(FixedBottomCTAContext_1.FixedBottomCTAConsumer,{children:(0,jsx_runtime_1.jsx)(FixedBottomCTADoubleWithoutConsumer,{...t})})}FixedBottomCTA.Double=FixedBottomCTADouble;

package/dist/cjs/components/fixed-bottom-cta/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FixedBottomCTA.js';
-export { FixedBottomCTAProvider, FixedBottomCTAConsumer } from './providers/FixedBottomCTAContext.js';
+export * from './FixedBottomCTA';
+export { FixedBottomCTAProvider, FixedBottomCTAConsumer } from './providers/FixedBottomCTAContext';

package/dist/cjs/components/fixed-bottom-cta/index.js

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

package/dist/cjs/components/fixed-bottom-cta/providers/FixedBottomCTAContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedBottomCTAProvider=FixedBottomCTAProvider,exports.FixedBottomCTAConsumer=FixedBottomCTAConsumer;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),index_js_1=require("../../bottom-cta/index.js"),react_1=require("react"),react_native_2=require("react-native"),FixedBottomCTAContext=(0,react_1.createContext)(null);function FixedBottomCTAProvider({children:e,wrapper:t=react_native_2.ScrollView,wrapperProps:r}){const o=t,[c,n]=(0,react_1.useState)(null),s=(0,react_1.useCallback)(l=>{n(l)},[]),i=(0,react_1.useCallback)(()=>{n(null)},[]),u=(0,react_1.useMemo)(()=>({render:s,cleanup:i}),[s,i]);return(0,jsx_runtime_1.jsxs)(FixedBottomCTAContext.Provider,{value:u,children:[(0,jsx_runtime_1.jsx)(o,{style:{flex:1},...r,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[e,(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{height:index_js_1.BottomCTAGradient.HEIGHT}})]})}),(0,jsx_runtime_1.jsxs)(react_native_1.KeyboardAboveView,{children:[(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{marginTop:-(index_js_1.BottomCTAGradient.HEIGHT-1)}}),c]})]})}function FixedBottomCTAConsumer({children:e}){const t=(0,react_1.useContext)(FixedBottomCTAContext);if(t==null)throw new Error("FixedBottomCTAContext \uB294 FixedBottomCTAProvider \uC5D0\uC11C \uC2E4\uD589\uD574\uC57C\uD569\uB2C8\uB2E4.");const{render:r,cleanup:o}=t;return(0,react_1.useEffect)(()=>(r(e),()=>{o()}),[e,o,r]),null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedBottomCTAProvider=FixedBottomCTAProvider,exports.FixedBottomCTAConsumer=FixedBottomCTAConsumer;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),bottom_cta_1=require("../../bottom-cta"),react_1=require("react"),react_native_2=require("react-native"),FixedBottomCTAContext=(0,react_1.createContext)(null);function FixedBottomCTAProvider({children:e,wrapper:t=react_native_2.ScrollView,wrapperProps:o}){const r=t,[c,n]=(0,react_1.useState)(null),s=(0,react_1.useCallback)(l=>{n(l)},[]),i=(0,react_1.useCallback)(()=>{n(null)},[]),u=(0,react_1.useMemo)(()=>({render:s,cleanup:i}),[s,i]);return(0,jsx_runtime_1.jsxs)(FixedBottomCTAContext.Provider,{value:u,children:[(0,jsx_runtime_1.jsx)(r,{style:{flex:1},...o,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[e,(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{height:bottom_cta_1.BottomCTAGradient.HEIGHT}})]})}),(0,jsx_runtime_1.jsxs)(react_native_1.KeyboardAboveView,{children:[(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{marginTop:-(bottom_cta_1.BottomCTAGradient.HEIGHT-1)}}),c]})]})}function FixedBottomCTAConsumer({children:e}){const t=(0,react_1.useContext)(FixedBottomCTAContext);if(t==null)throw new Error("FixedBottomCTAContext \uB294 FixedBottomCTAProvider \uC5D0\uC11C \uC2E4\uD589\uD574\uC57C\uD569\uB2C8\uB2E4.");const{render:o,cleanup:r}=t;return(0,react_1.useEffect)(()=>(o(e),()=>{r()}),[e,r,o]),null}

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

@@ -1,4 +1,4 @@
-export { LinearGradient } from './LinearGradient.js';
-export type { LinearGradientProps } from './LinearGradient.js';
-export { RadialGradient } from './RadialGradient.js';
-export type { RadialGradientProps } from './RadialGradient.js';
+export { LinearGradient } from './LinearGradient';
+export type { LinearGradientProps } from './LinearGradient';
+export { RadialGradient } from './RadialGradient';
+export type { RadialGradientProps } from './RadialGradient';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadialGradient=exports.LinearGradient=void 0;var LinearGradient_js_1=require("./LinearGradient.js");Object.defineProperty(exports,"LinearGradient",{enumerable:!0,get:function(){return LinearGradient_js_1.LinearGradient}});var RadialGradient_js_1=require("./RadialGradient.js");Object.defineProperty(exports,"RadialGradient",{enumerable:!0,get:function(){return RadialGradient_js_1.RadialGradient}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadialGradient=exports.LinearGradient=void 0;var LinearGradient_1=require("./LinearGradient");Object.defineProperty(exports,"LinearGradient",{enumerable:!0,get:function(){return LinearGradient_1.LinearGradient}});var RadialGradient_1=require("./RadialGradient");Object.defineProperty(exports,"RadialGradient",{enumerable:!0,get:function(){return RadialGradient_1.RadialGradient}});

package/dist/cjs/components/grid-list/GridList.d.ts

@@ -1,5 +1,5 @@
-import { GridListItem } from './GridListItem.js';
-import type { GridListProps } from './types.js';
+import { GridListItem } from './GridListItem';
+import type { GridListProps } from './types';
 /**
  *
  * @example

package/dist/cjs/components/grid-list/GridList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),const_js_1=require("./const.js"),GridListContext_js_1=require("./GridListContext.js"),GridListItem_js_1=require("./GridListItem.js");function GridList({children:e,column:t,style:r}){return(0,jsx_runtime_1.jsx)(GridListContext_js_1.GridListContext.Provider,{value:{column:t},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.container,r],children:e})})}const styles=react_native_1.StyleSheet.create({container:{flexWrap:"wrap",flexDirection:"row",margin:const_js_1.MARGIN*-1}});GridList.Item=GridListItem_js_1.GridListItem,exports.default=GridList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),const_1=require("./const"),GridListContext_1=require("./GridListContext"),GridListItem_1=require("./GridListItem");function GridList({children:e,column:t,style:r}){return(0,jsx_runtime_1.jsx)(GridListContext_1.GridListContext.Provider,{value:{column:t},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.container,r],children:e})})}const styles=react_native_1.StyleSheet.create({container:{flexWrap:"wrap",flexDirection:"row",margin:const_1.MARGIN*-1}});GridList.Item=GridListItem_1.GridListItem,exports.default=GridList;

package/dist/cjs/components/grid-list/GridListContext.d.ts

@@ -1,4 +1,4 @@
-import type { GridListColumn } from './types.js';
+import type { GridListColumn } from './types';
 export interface GridListContext {
     column: GridListColumn;
 }

package/dist/cjs/components/grid-list/GridListItem.d.ts

@@ -1,2 +1,2 @@
-import type { GridListItemProps } from './types.js';
+import type { GridListItemProps } from './types';
 export declare function GridListItem({ image, title, style, onPress }: GridListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/grid-list/GridListItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridListItem=GridListItem;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),index_js_3=require("../../utils/index.js"),react_1=require("react"),react_native_1=require("react-native"),const_js_1=require("./const.js"),GridListContext_js_1=require("./GridListContext.js");function GridListTitle({children:e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"st11",color:t.grey900,fontWeight:"medium",style:{textAlign:"center"},children:e})}function GridListItem({image:e,title:t,style:n,onPress:s}){const r=(0,index_js_1.useAdaptive)(),{column:o}=(0,react_1.useContext)(GridListContext_js_1.GridListContext);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexBasis:`${100/o}%`},children:(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{activeOpacity:1,underlayColor:r.grey100,style:[styles.itemContainer,{backgroundColor:r.opacity50},n],onPress:s,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.itemImageContainer,children:e}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:react_1.Children.map(t,i=>(0,index_js_3.isReactText)(i)?(0,jsx_runtime_1.jsx)(GridListTitle,{children:i}):i)})]})})})}const styles=react_native_1.StyleSheet.create({itemContainer:{margin:const_js_1.MARGIN,flex:1,paddingVertical:12,paddingHorizontal:8,borderRadius:9},itemImageContainer:{alignItems:"center",justifyContent:"center",maxHeight:28,marginBottom:6}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridListItem=GridListItem;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),utils_1=require("../../utils"),react_1=require("react"),react_native_1=require("react-native"),const_1=require("./const"),GridListContext_1=require("./GridListContext");function GridListTitle({children:e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"st11",color:t.grey900,fontWeight:"medium",style:{textAlign:"center"},children:e})}function GridListItem({image:e,title:t,style:n,onPress:s}){const r=(0,core_1.useAdaptive)(),{column:o}=(0,react_1.useContext)(GridListContext_1.GridListContext);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexBasis:`${100/o}%`},children:(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{activeOpacity:1,underlayColor:r.grey100,style:[styles.itemContainer,{backgroundColor:r.opacity50},n],onPress:s,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.itemImageContainer,children:e}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:react_1.Children.map(t,i=>(0,utils_1.isReactText)(i)?(0,jsx_runtime_1.jsx)(GridListTitle,{children:i}):i)})]})})})}const styles=react_native_1.StyleSheet.create({itemContainer:{margin:const_1.MARGIN,flex:1,paddingVertical:12,paddingHorizontal:8,borderRadius:9},itemImageContainer:{alignItems:"center",justifyContent:"center",maxHeight:28,marginBottom:6}});

package/dist/cjs/components/grid-list/index.d.ts

@@ -1 +1 @@
-export { default as GridList } from './GridList.js';
+export { default as GridList } from './GridList';

package/dist/cjs/components/grid-list/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridList=void 0;var GridList_js_1=require("./GridList.js");Object.defineProperty(exports,"GridList",{enumerable:!0,get:function(){return __importDefault(GridList_js_1).default}});
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridList=void 0;var GridList_1=require("./GridList");Object.defineProperty(exports,"GridList",{enumerable:!0,get:function(){return __importDefault(GridList_1).default}});

package/dist/cjs/components/highlight/Highlight.d.ts

@@ -1,3 +1,3 @@
 import { View } from 'react-native';
-import type { HighlightProps } from './types.js';
+import type { HighlightProps } from './types';
 export declare const Highlight: import("react").ForwardRefExoticComponent<HighlightProps & import("react").RefAttributes<View>>;

package/dist/cjs/components/highlight/Highlight.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../core/index.js"),HighlightUI_js_1=require("./HighlightUI.js"),index_js_2=require("./hooks/index.js"),useTimestampRef_js_1=require("./hooks/useTimestampRef.js"),mergeRefs_js_1=require("./utils/mergeRefs.js");exports.Highlight=(0,react_1.forwardRef)(function({open:s,delay:c=0,padding:e=0,paddingLeft:u=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:f=e,message:_,messageColor:a=tds_colors_1.colors.white,messageXAlignment:m,messageYAlignment:j,onPress:t,onExited:g,onTargetPress:x,children:R,closeLockDuration:q=0,...r},v){const d={padding:e,paddingLeft:u,paddingTop:l,paddingRight:h,paddingBottom:f,message:_,messageColor:a,messageXAlignment:m,messageYAlignment:j,onPress:t,onTargetPress:x,...r},i=(0,index_js_1.useOverlay)(),o=(0,index_js_2.useTimeout)(),n=(0,react_1.useRef)(null),w=(0,useTimestampRef_js_1.useTimestampRef)({active:s});return(0,react_1.useEffect)(()=>{if(s)return o.set(()=>{n.current?.measureInWindow((p,H,T,I)=>{i.open(({isOpen:U,close:y,exit:P})=>(0,jsx_runtime_1.jsx)(HighlightUI_js_1.HighlightUI,{...d,x:p,y:H,width:T,height:I,open:U,onPress:()=>{new Date().getTime()-w.current>q*1e3&&(t?.(),y())},onExited:()=>{g?.(),P()}}))})},c*1e3),o.clear;i.close()},[s]),(0,jsx_runtime_1.jsx)(react_native_1.View,{...r,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:(0,mergeRefs_js_1.mergeRefs)(v,n),removeClippedSubviews:!1,children:R})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../core"),HighlightUI_1=require("./HighlightUI"),hooks_1=require("./hooks"),useTimestampRef_1=require("./hooks/useTimestampRef"),mergeRefs_1=require("./utils/mergeRefs");exports.Highlight=(0,react_1.forwardRef)(function({open:r,delay:u=0,padding:e=0,paddingLeft:n=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:f=e,message:a,messageColor:m=tds_colors_1.colors.white,messageXAlignment:g,messageYAlignment:_,onPress:t,onExited:R,onTargetPress:q,children:v,closeLockDuration:x=0,...s},w){const j={padding:e,paddingLeft:n,paddingTop:l,paddingRight:h,paddingBottom:f,message:a,messageColor:m,messageXAlignment:g,messageYAlignment:_,onPress:t,onTargetPress:q,...s},i=(0,core_1.useOverlay)(),o=(0,hooks_1.useTimeout)(),c=(0,react_1.useRef)(null),p=(0,useTimestampRef_1.useTimestampRef)({active:r});return(0,react_1.useEffect)(()=>{if(r)return o.set(()=>{c.current?.measureInWindow((H,T,I,d)=>{i.open(({isOpen:U,close:k,exit:y})=>(0,jsx_runtime_1.jsx)(HighlightUI_1.HighlightUI,{...j,x:H,y:T,width:I,height:d,open:U,onPress:()=>{new Date().getTime()-p.current>x*1e3&&(t?.(),k())},onExited:()=>{R?.(),y()}}))})},u*1e3),o.clear;i.close()},[r]),(0,jsx_runtime_1.jsx)(react_native_1.View,{...s,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:(0,mergeRefs_1.mergeRefs)(w,c),removeClippedSubviews:!1,children:v})})});

package/dist/cjs/components/highlight/HighlightUI.d.ts

@@ -1,3 +1,3 @@
 import { View } from 'react-native';
-import type { HighlightUIProps } from './types.js';
+import type { HighlightUIProps } from './types';
 export declare const HighlightUI: import("react").ForwardRefExoticComponent<HighlightUIProps & import("react").RefAttributes<View>>;

package/dist/cjs/components/highlight/HighlightUI.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlightUI=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../utils/index.js"),index_js_2=require("./components/index.js"),index_js_3=require("./hooks/index.js"),index_js_4=require("./utils/index.js");exports.HighlightUI=(0,react_1.forwardRef)(function({open:u,x:s,y:o,width:r,height:l,padding:e=0,paddingLeft:h=e,paddingTop:d=e,paddingRight:y=e,paddingBottom:m=e,message:t,messageColor:x=tds_colors_1.colors.white,messageXAlignment:j,messageYAlignment:_,onPress:p,onExited:v,onTargetPress:A,...a},w){const n=(0,index_js_4.addLayoutPadding)({layout:{x:s,y:o,width:r,height:l},padding:{paddingLeft:h,paddingTop:d,paddingRight:y,paddingBottom:m}}),{style:i,enter:q,exit:H}=(0,index_js_3.useHighlightUIAnimation)(),{width:f,height:S}=react_native_1.Dimensions.get("window"),E=j??(0,index_js_4.getElementXAlignment)({x:s,width:r,parentWidth:f}),c=_??(0,index_js_4.getElementYAlignment)({y:o,height:l,parentHeight:S}),{presenceState:g}=(0,index_js_1.useAnimatePresence)(u,{enter:q,exit:H,onExited:v});return g==="invisible"?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:w,...a,style:[react_native_1.StyleSheet.absoluteFill,{pointerEvents:"none"},a.style],children:[(0,jsx_runtime_1.jsx)(index_js_2.SvgHighlightOverlay,{layout:n,opacity:i.overlayOpacity,holeStep:i.holeStep}),t&&(0,jsx_runtime_1.jsx)(index_js_2.MessageBox,{layout:n,opacity:i.messageOpacity,yAlignment:c,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(index_js_2.Message,{layout:n,color:x,xAlignment:E,yAlignment:c,children:t}):t})]}),(0,jsx_runtime_1.jsx)(index_js_2.PassClickEventThroughHoleOverlay,{layout:n,onPress:p,onTargetPress:A,style:{pointerEvents:g==="invisible-animation"?"none":"auto"}})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlightUI=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),utils_1=require("../../utils"),components_1=require("./components"),hooks_1=require("./hooks"),utils_2=require("./utils");exports.HighlightUI=(0,react_1.forwardRef)(function({open:g,x:s,y:o,width:r,height:l,padding:e=0,paddingLeft:h=e,paddingTop:m=e,paddingRight:y=e,paddingBottom:d=e,message:t,messageColor:p=tds_colors_1.colors.white,messageXAlignment:v,messageYAlignment:x,onPress:_,onExited:A,onTargetPress:j,...a},w){const n=(0,utils_2.addLayoutPadding)({layout:{x:s,y:o,width:r,height:l},padding:{paddingLeft:h,paddingTop:m,paddingRight:y,paddingBottom:d}}),{style:i,enter:q,exit:H}=(0,hooks_1.useHighlightUIAnimation)(),{width:f,height:S}=react_native_1.Dimensions.get("window"),E=v??(0,utils_2.getElementXAlignment)({x:s,width:r,parentWidth:f}),c=x??(0,utils_2.getElementYAlignment)({y:o,height:l,parentHeight:S}),{presenceState:u}=(0,utils_1.useAnimatePresence)(g,{enter:q,exit:H,onExited:A});return u==="invisible"?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:w,...a,style:[react_native_1.StyleSheet.absoluteFill,{pointerEvents:"none"},a.style],children:[(0,jsx_runtime_1.jsx)(components_1.SvgHighlightOverlay,{layout:n,opacity:i.overlayOpacity,holeStep:i.holeStep}),t&&(0,jsx_runtime_1.jsx)(components_1.MessageBox,{layout:n,opacity:i.messageOpacity,yAlignment:c,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(components_1.Message,{layout:n,color:p,xAlignment:E,yAlignment:c,children:t}):t})]}),(0,jsx_runtime_1.jsx)(components_1.PassClickEventThroughHoleOverlay,{layout:n,onPress:_,onTargetPress:j,style:{pointerEvents:u==="invisible-animation"?"none":"auto"}})]})});

package/dist/cjs/components/highlight/components/Message.d.ts

@@ -1,4 +1,4 @@
-import type { Layout, XAlignmentValue, YAlignmentValue } from '../types.js';
+import type { Layout, XAlignmentValue, YAlignmentValue } from '../types';
 type MessageProps = {
     color: string;
     children: string;

package/dist/cjs/components/highlight/components/Message.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Message=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),Message=({color:r,children:i,layout:e,xAlignment:t,yAlignment:n})=>{const[a,c]=(0,react_1.useState)(null),s=t==="center"?-(a?.width??0)/2+e.x+e.width/2:t==="left"?10:0,o=t==="right"?10:0;return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{onLayout:d=>{c(d.nativeEvent.layout)},color:r,typography:"t6",fontWeight:"bold",textAlign:t,style:{position:"absolute",maxWidth:react_native_1.Dimensions.get("window").width-(o+s),left:s,right:o,bottom:n==="top"?0:void 0},children:i})};exports.Message=Message;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Message=void 0;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),Message=({color:s,children:i,layout:e,xAlignment:t,yAlignment:n})=>{const[a,c]=(0,react_1.useState)(null),o=t==="center"?-(a?.width??0)/2+e.x+e.width/2:t==="left"?10:0,r=t==="right"?10:0;return(0,jsx_runtime_1.jsx)(txt_1.Txt,{onLayout:u=>{c(u.nativeEvent.layout)},color:s,typography:"t6",fontWeight:"bold",textAlign:t,style:{position:"absolute",maxWidth:react_native_1.Dimensions.get("window").width-(r+o),left:o,right:r,bottom:n==="top"?0:void 0},children:i})};exports.Message=Message;

package/dist/cjs/components/highlight/components/MessageBox.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import type { Animated as ReactNativeAnimated } from 'react-native';
-import type { Layout, YAlignmentValue } from '../types.js';
+import type { Layout, YAlignmentValue } from '../types';
 type MessageBoxProps = {
     layout: Layout;
     yAlignment: YAlignmentValue;

package/dist/cjs/components/highlight/components/MessageBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_easings_1=require("@toss/tds-easings"),index_js_1=require("../../../interactions/animated/index.js"),index_js_2=require("../../asset/index.js"),index_js_3=require("../utils/index.js"),HORIZONTAL_PADDING=12,MessageBox=({layout:{x:i,y:s,width:r,height:n},yAlignment:o,opacity:a,children:u})=>{const{height:c}=react_native_1.Dimensions.get("window"),t=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,e=o==="top";return(0,react_1.useEffect)(()=>{index_js_1.Animated.sequence([index_js_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,index_js_3.sToMs)(.6)}),index_js_1.Animated.timing(t,{toValue:e?-5:5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,index_js_3.sToMs)(.8)}),index_js_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,index_js_3.sToMs)(.8)})]).start()},[]),(0,jsx_runtime_1.jsxs)(index_js_1.Animated.View,{style:[{position:"absolute",left:0,right:0},e?{bottom:c-s+HORIZONTAL_PADDING,flexDirection:"column-reverse"}:{top:s+n+HORIZONTAL_PADDING,flexDirection:"column"},{transform:[{translateY:t}],opacity:a}],children:[(0,jsx_runtime_1.jsx)(index_js_2.Asset.Icon,{style:{left:i+r/2-HORIZONTAL_PADDING,transform:[{rotateX:e?"180deg":"0deg"}]},frameShape:index_js_2.Asset.frameShape.CleanW24,name:"icon-arrow-up-sidebar-mono",color:"white"}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"}],children:u})]})};exports.MessageBox=MessageBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_easings_1=require("@toss/tds-easings"),animated_1=require("../../../interactions/animated"),asset_1=require("../../asset"),utils_1=require("../utils"),HORIZONTAL_PADDING=12,MessageBox=({layout:{x:i,y:s,width:r,height:n},yAlignment:o,opacity:a,children:u})=>{const{height:c}=react_native_1.Dimensions.get("window"),t=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=o==="top";return(0,react_1.useEffect)(()=>{animated_1.Animated.sequence([animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.6)}),animated_1.Animated.timing(t,{toValue:e?-5:5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)}),animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)})]).start()},[]),(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{position:"absolute",left:0,right:0},e?{bottom:c-s+HORIZONTAL_PADDING,flexDirection:"column-reverse"}:{top:s+n+HORIZONTAL_PADDING,flexDirection:"column"},{transform:[{translateY:t}],opacity:a}],children:[(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{style:{left:i+r/2-HORIZONTAL_PADDING,transform:[{rotateX:e?"180deg":"0deg"}]},frameShape:asset_1.Asset.frameShape.CleanW24,name:"icon-arrow-up-sidebar-mono",color:"white"}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"}],children:u})]})};exports.MessageBox=MessageBox;

package/dist/cjs/components/highlight/components/PassClickEventThroughHoleOverlay.d.ts

@@ -1,5 +1,5 @@
 import { type ViewProps } from 'react-native';
-import type { Layout } from '../types.js';
+import type { Layout } from '../types';
 type PassClickEventThroughHoleOverlayProps = {
     layout: Layout;
     onPress?: () => void;

package/dist/cjs/components/highlight/components/PassClickEventThroughHoleOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PassClickEventThroughHoleOverlay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),getHoleAnimateVariants_js_1=require("./getHoleAnimateVariants.js"),PassClickEventThroughHoleOverlay=({layout:t,onPress:s,onTargetPress:r,style:a})=>{const{default:e}=(0,getHoleAnimateVariants_js_1.getHoleAnimateVariants)(t);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:s,style:[react_native_1.StyleSheet.absoluteFill,a],children:(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,style:[{position:"absolute",left:e.x,top:e.y,width:e.width,height:e.height,borderRadius:e.radius}]})})};exports.PassClickEventThroughHoleOverlay=PassClickEventThroughHoleOverlay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PassClickEventThroughHoleOverlay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),getHoleAnimateVariants_1=require("./getHoleAnimateVariants"),PassClickEventThroughHoleOverlay=({layout:t,onPress:s,onTargetPress:r,style:a})=>{const{default:e}=(0,getHoleAnimateVariants_1.getHoleAnimateVariants)(t);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:s,style:[react_native_1.StyleSheet.absoluteFill,a],children:(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,style:[{position:"absolute",left:e.x,top:e.y,width:e.width,height:e.height,borderRadius:e.radius}]})})};exports.PassClickEventThroughHoleOverlay=PassClickEventThroughHoleOverlay;

package/dist/cjs/components/highlight/components/SvgHighlightOverlay.d.ts

@@ -1,5 +1,5 @@
 import type { Animated as ReactNativeAnimated } from 'react-native';
-import type { Layout } from '../types.js';
+import type { Layout } from '../types';
 type SvgHighlightOverlayProps = {
     layout: Layout;
     opacity: ReactNativeAnimated.Value;

package/dist/cjs/components/highlight/components/SvgHighlightOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHighlightOverlay=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("react-native"),index_js_1=require("../../../interactions/animated/index.js"),index_js_2=require("../../../core/index.js"),SvgHolePath_js_1=require("./SvgHolePath.js"),AnimatedSvg=index_js_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=index_js_1.Animated.createAnimatedComponent(react_native_svg_1.Rect),SVG_HOLE_CLIP_PATH_ID="HIGHLIGHT_SVG_HOLE_CLIP_PATH_ID",SvgHighlightOverlay=({layout:e,opacity:t,holeStep:i})=>{const{colorPreference:r}=(0,index_js_2.useColorPreference)(),n=(0,index_js_2.useAdaptive)(),s=r==="dark"?"rgba(33, 33, 38, 0.87)":n.greyOpacity700;return(0,jsx_runtime_1.jsxs)(AnimatedSvg,{width:"100%",height:"100%",style:react_native_1.StyleSheet.absoluteFill,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:SVG_HOLE_CLIP_PATH_ID,children:(0,jsx_runtime_1.jsx)(SvgHolePath_js_1.SvgHolePath,{step:i,layout:e})})}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",fillOpacity:t,fill:s,clipPath:`url(#${SVG_HOLE_CLIP_PATH_ID})`})]})};exports.SvgHighlightOverlay=SvgHighlightOverlay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHighlightOverlay=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("react-native"),animated_1=require("../../../interactions/animated"),core_1=require("../../../core"),SvgHolePath_1=require("./SvgHolePath"),AnimatedSvg=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Rect),SVG_HOLE_CLIP_PATH_ID="HIGHLIGHT_SVG_HOLE_CLIP_PATH_ID",SvgHighlightOverlay=({layout:e,opacity:t,holeStep:r})=>{const{colorPreference:i}=(0,core_1.useColorPreference)(),a=(0,core_1.useAdaptive)(),n=i==="dark"?"rgba(33, 33, 38, 0.87)":a.greyOpacity700;return(0,jsx_runtime_1.jsxs)(AnimatedSvg,{width:"100%",height:"100%",style:react_native_1.StyleSheet.absoluteFill,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:SVG_HOLE_CLIP_PATH_ID,children:(0,jsx_runtime_1.jsx)(SvgHolePath_1.SvgHolePath,{step:r,layout:e})})}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",fillOpacity:t,fill:n,clipPath:`url(#${SVG_HOLE_CLIP_PATH_ID})`})]})};exports.SvgHighlightOverlay=SvgHighlightOverlay;