@toss/tds-react-native 1.3.4 → 1.3.5

package/dist/cjs/components/highlight/components/SvgHolePath.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 Props = {
     step: ReactNativeAnimated.Value;
     layout: Layout;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHolePath=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),index_js_1=require("../../../interactions/animated/index.js"),index_js_2=require("../utils/index.js"),getHoleAnimateVariants_js_1=require("./getHoleAnimateVariants.js"),AnimatedPath=index_js_1.Animated.createAnimatedComponent(react_native_svg_1.Path),SvgHolePath=({step:t,layout:n})=>{const e=(0,getHoleAnimateVariants_js_1.getHoleAnimateVariants)(n),a=generateHolePath(e.initial),i=generateHolePath(e.default),s=generateHolePath(e.exit);return(0,jsx_runtime_1.jsx)(AnimatedPath,{clipRule:"evenodd",d:t.interpolate({inputRange:[0,1,2],outputRange:[a,i,s]})})};exports.SvgHolePath=SvgHolePath;const generateHolePath=t=>{const n=(0,index_js_2.generateRadiusRectanglePath)(t);return`
-  ${(0,index_js_2.generateWindowPath)()}
-  ${n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHolePath=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),animated_1=require("../../../interactions/animated"),utils_1=require("../utils"),getHoleAnimateVariants_1=require("./getHoleAnimateVariants"),AnimatedPath=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Path),SvgHolePath=({step:e,layout:a})=>{const t=(0,getHoleAnimateVariants_1.getHoleAnimateVariants)(a),n=generateHolePath(t.initial),i=generateHolePath(t.default),r=generateHolePath(t.exit);return(0,jsx_runtime_1.jsx)(AnimatedPath,{clipRule:"evenodd",d:e.interpolate({inputRange:[0,1,2],outputRange:[n,i,r]})})};exports.SvgHolePath=SvgHolePath;const generateHolePath=e=>{const a=(0,utils_1.generateRadiusRectanglePath)(e);return`
+  ${(0,utils_1.generateWindowPath)()}
+  ${a}
   `};

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

@@ -1,4 +1,4 @@
-import type { Layout } from '../types.js';
+import type { Layout } from '../types';
 export declare const getHoleAnimateVariants: ({ x, y, width, height }: Layout) => {
     initial: {
         x: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getHoleAnimateVariants=void 0;const react_native_1=require("react-native"),index_js_1=require("../utils/index.js"),getHoleAnimateVariants=({x:i,y:a,width:e,height:t})=>{const{width:c,height:l}=react_native_1.Dimensions.get("window"),s=e*.9,n=t*.9,r=c*2.5,o=l*1.5;return{initial:{x:(0,index_js_1.calculateOffset)({base:i,prevSize:e,nextSize:s}),y:(0,index_js_1.calculateOffset)({base:a,prevSize:t,nextSize:n}),width:s,height:n,radius:16},default:{x:i,y:a,width:e,height:t,radius:16},exit:{x:(0,index_js_1.calculateOffset)({base:i,prevSize:e,nextSize:r}),y:(0,index_js_1.calculateOffset)({base:a,prevSize:t,nextSize:o}),width:r,height:o,radius:1e3}}};exports.getHoleAnimateVariants=getHoleAnimateVariants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getHoleAnimateVariants=void 0;const react_native_1=require("react-native"),utils_1=require("../utils"),getHoleAnimateVariants=({x:i,y:a,width:e,height:t})=>{const{width:c,height:l}=react_native_1.Dimensions.get("window"),s=e*.9,n=t*.9,r=c*2.5,o=l*1.5;return{initial:{x:(0,utils_1.calculateOffset)({base:i,prevSize:e,nextSize:s}),y:(0,utils_1.calculateOffset)({base:a,prevSize:t,nextSize:n}),width:s,height:n,radius:16},default:{x:i,y:a,width:e,height:t,radius:16},exit:{x:(0,utils_1.calculateOffset)({base:i,prevSize:e,nextSize:r}),y:(0,utils_1.calculateOffset)({base:a,prevSize:t,nextSize:o}),width:r,height:o,radius:1e3}}};exports.getHoleAnimateVariants=getHoleAnimateVariants;

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

@@ -1,4 +1,4 @@
-export { Message } from './Message.js';
-export { MessageBox } from './MessageBox.js';
-export { PassClickEventThroughHoleOverlay } from './PassClickEventThroughHoleOverlay.js';
-export { SvgHighlightOverlay } from './SvgHighlightOverlay.js';
+export { Message } from './Message';
+export { MessageBox } from './MessageBox';
+export { PassClickEventThroughHoleOverlay } from './PassClickEventThroughHoleOverlay';
+export { SvgHighlightOverlay } from './SvgHighlightOverlay';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHighlightOverlay=exports.PassClickEventThroughHoleOverlay=exports.MessageBox=exports.Message=void 0;var Message_js_1=require("./Message.js");Object.defineProperty(exports,"Message",{enumerable:!0,get:function(){return Message_js_1.Message}});var MessageBox_js_1=require("./MessageBox.js");Object.defineProperty(exports,"MessageBox",{enumerable:!0,get:function(){return MessageBox_js_1.MessageBox}});var PassClickEventThroughHoleOverlay_js_1=require("./PassClickEventThroughHoleOverlay.js");Object.defineProperty(exports,"PassClickEventThroughHoleOverlay",{enumerable:!0,get:function(){return PassClickEventThroughHoleOverlay_js_1.PassClickEventThroughHoleOverlay}});var SvgHighlightOverlay_js_1=require("./SvgHighlightOverlay.js");Object.defineProperty(exports,"SvgHighlightOverlay",{enumerable:!0,get:function(){return SvgHighlightOverlay_js_1.SvgHighlightOverlay}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgHighlightOverlay=exports.PassClickEventThroughHoleOverlay=exports.MessageBox=exports.Message=void 0;var Message_1=require("./Message");Object.defineProperty(exports,"Message",{enumerable:!0,get:function(){return Message_1.Message}});var MessageBox_1=require("./MessageBox");Object.defineProperty(exports,"MessageBox",{enumerable:!0,get:function(){return MessageBox_1.MessageBox}});var PassClickEventThroughHoleOverlay_1=require("./PassClickEventThroughHoleOverlay");Object.defineProperty(exports,"PassClickEventThroughHoleOverlay",{enumerable:!0,get:function(){return PassClickEventThroughHoleOverlay_1.PassClickEventThroughHoleOverlay}});var SvgHighlightOverlay_1=require("./SvgHighlightOverlay");Object.defineProperty(exports,"SvgHighlightOverlay",{enumerable:!0,get:function(){return SvgHighlightOverlay_1.SvgHighlightOverlay}});

package/dist/cjs/components/highlight/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export { useHighlightUIAnimation } from './useHighlightUIAnimation.js';
-export { useTimeout } from './useTimeout.js';
+export { useHighlightUIAnimation } from './useHighlightUIAnimation';
+export { useTimeout } from './useTimeout';

package/dist/cjs/components/highlight/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTimeout=exports.useHighlightUIAnimation=void 0;var useHighlightUIAnimation_js_1=require("./useHighlightUIAnimation.js");Object.defineProperty(exports,"useHighlightUIAnimation",{enumerable:!0,get:function(){return useHighlightUIAnimation_js_1.useHighlightUIAnimation}});var useTimeout_js_1=require("./useTimeout.js");Object.defineProperty(exports,"useTimeout",{enumerable:!0,get:function(){return useTimeout_js_1.useTimeout}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTimeout=exports.useHighlightUIAnimation=void 0;var useHighlightUIAnimation_1=require("./useHighlightUIAnimation");Object.defineProperty(exports,"useHighlightUIAnimation",{enumerable:!0,get:function(){return useHighlightUIAnimation_1.useHighlightUIAnimation}});var useTimeout_1=require("./useTimeout");Object.defineProperty(exports,"useTimeout",{enumerable:!0,get:function(){return useTimeout_1.useTimeout}});

package/dist/cjs/components/highlight/hooks/useHighlightUIAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHighlightUIAnimation=void 0;const 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"),useHighlightUIAnimation=()=>{const e=react_native_1.Platform.OS==="android",t=(0,react_1.useRef)(new index_js_1.Animated.Value(e?1:0)).current,i=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current;return{style:{overlayOpacity:i,holeStep:t,messageOpacity:r},enter:()=>new Promise(n=>index_js_1.Animated.parallel([...e?[]:[index_js_1.Animated.spring(t,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0})],index_js_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0}),index_js_1.Animated.spring(r,{...tds_easings_1.spring.quick,toValue:1,useNativeDriver:!0})]).start(()=>{n()})),exit:()=>new Promise(n=>{index_js_1.Animated.parallel([...e?[]:[index_js_1.Animated.spring(t,{...tds_easings_1.spring.slow,toValue:2,useNativeDriver:!0})],index_js_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:0,useNativeDriver:!0}),index_js_1.Animated.spring(r,{...tds_easings_1.spring.rapid,toValue:0,useNativeDriver:!0})]).start(()=>{n()})})}};exports.useHighlightUIAnimation=useHighlightUIAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHighlightUIAnimation=void 0;const react_1=require("react"),react_native_1=require("react-native"),tds_easings_1=require("@toss/tds-easings"),animated_1=require("../../../interactions/animated"),useHighlightUIAnimation=()=>{const e=react_native_1.Platform.OS==="android",t=(0,react_1.useRef)(new animated_1.Animated.Value(e?1:0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;return{style:{overlayOpacity:i,holeStep:t,messageOpacity:r},enter:()=>new Promise(n=>animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0})],animated_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0}),animated_1.Animated.spring(r,{...tds_easings_1.spring.quick,toValue:1,useNativeDriver:!0})]).start(()=>{n()})),exit:()=>new Promise(n=>{animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...tds_easings_1.spring.slow,toValue:2,useNativeDriver:!0})],animated_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:0,useNativeDriver:!0}),animated_1.Animated.spring(r,{...tds_easings_1.spring.rapid,toValue:0,useNativeDriver:!0})]).start(()=>{n()})})}};exports.useHighlightUIAnimation=useHighlightUIAnimation;

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

@@ -1,2 +1,2 @@
-export { Highlight } from './Highlight.js';
-export type { HighlightProps } from './types.js';
+export { Highlight } from './Highlight';
+export type { HighlightProps } from './types';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;var Highlight_js_1=require("./Highlight.js");Object.defineProperty(exports,"Highlight",{enumerable:!0,get:function(){return Highlight_js_1.Highlight}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;var Highlight_1=require("./Highlight");Object.defineProperty(exports,"Highlight",{enumerable:!0,get:function(){return Highlight_1.Highlight}});

package/dist/cjs/components/highlight/utils/addLayoutPadding.d.ts

@@ -1,4 +1,4 @@
-import type { Layout } from '../types.js';
+import type { Layout } from '../types';
 type AddLayoutPaddingProps = {
     layout: Layout;
     padding: {

package/dist/cjs/components/highlight/utils/generateSvgPath.d.ts

@@ -1,4 +1,4 @@
-import type { Layout } from '../types.js';
+import type { Layout } from '../types';
 export declare const generateRadiusRectanglePath: ({ x, y, width, height, radius }: Layout & {
     radius: number;
 }) => string;

package/dist/cjs/components/highlight/utils/index.d.ts

@@ -1,5 +1,5 @@
-export { addLayoutPadding } from './addLayoutPadding.js';
-export { calculateOffset } from './calculateOffset.js';
-export { generateOverlayPath, generateRadiusRectanglePath, generateWindowPath } from './generateSvgPath.js';
-export { getElementXAlignment, getElementYAlignment } from './getElementAlignment.js';
-export { sToMs } from './sToMs.js';
+export { addLayoutPadding } from './addLayoutPadding';
+export { calculateOffset } from './calculateOffset';
+export { generateOverlayPath, generateRadiusRectanglePath, generateWindowPath } from './generateSvgPath';
+export { getElementXAlignment, getElementYAlignment } from './getElementAlignment';
+export { sToMs } from './sToMs';

package/dist/cjs/components/highlight/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sToMs=exports.getElementYAlignment=exports.getElementXAlignment=exports.generateWindowPath=exports.generateRadiusRectanglePath=exports.generateOverlayPath=exports.calculateOffset=exports.addLayoutPadding=void 0;var addLayoutPadding_js_1=require("./addLayoutPadding.js");Object.defineProperty(exports,"addLayoutPadding",{enumerable:!0,get:function(){return addLayoutPadding_js_1.addLayoutPadding}});var calculateOffset_js_1=require("./calculateOffset.js");Object.defineProperty(exports,"calculateOffset",{enumerable:!0,get:function(){return calculateOffset_js_1.calculateOffset}});var generateSvgPath_js_1=require("./generateSvgPath.js");Object.defineProperty(exports,"generateOverlayPath",{enumerable:!0,get:function(){return generateSvgPath_js_1.generateOverlayPath}}),Object.defineProperty(exports,"generateRadiusRectanglePath",{enumerable:!0,get:function(){return generateSvgPath_js_1.generateRadiusRectanglePath}}),Object.defineProperty(exports,"generateWindowPath",{enumerable:!0,get:function(){return generateSvgPath_js_1.generateWindowPath}});var getElementAlignment_js_1=require("./getElementAlignment.js");Object.defineProperty(exports,"getElementXAlignment",{enumerable:!0,get:function(){return getElementAlignment_js_1.getElementXAlignment}}),Object.defineProperty(exports,"getElementYAlignment",{enumerable:!0,get:function(){return getElementAlignment_js_1.getElementYAlignment}});var sToMs_js_1=require("./sToMs.js");Object.defineProperty(exports,"sToMs",{enumerable:!0,get:function(){return sToMs_js_1.sToMs}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sToMs=exports.getElementYAlignment=exports.getElementXAlignment=exports.generateWindowPath=exports.generateRadiusRectanglePath=exports.generateOverlayPath=exports.calculateOffset=exports.addLayoutPadding=void 0;var addLayoutPadding_1=require("./addLayoutPadding");Object.defineProperty(exports,"addLayoutPadding",{enumerable:!0,get:function(){return addLayoutPadding_1.addLayoutPadding}});var calculateOffset_1=require("./calculateOffset");Object.defineProperty(exports,"calculateOffset",{enumerable:!0,get:function(){return calculateOffset_1.calculateOffset}});var generateSvgPath_1=require("./generateSvgPath");Object.defineProperty(exports,"generateOverlayPath",{enumerable:!0,get:function(){return generateSvgPath_1.generateOverlayPath}}),Object.defineProperty(exports,"generateRadiusRectanglePath",{enumerable:!0,get:function(){return generateSvgPath_1.generateRadiusRectanglePath}}),Object.defineProperty(exports,"generateWindowPath",{enumerable:!0,get:function(){return generateSvgPath_1.generateWindowPath}});var getElementAlignment_1=require("./getElementAlignment");Object.defineProperty(exports,"getElementXAlignment",{enumerable:!0,get:function(){return getElementAlignment_1.getElementXAlignment}}),Object.defineProperty(exports,"getElementYAlignment",{enumerable:!0,get:function(){return getElementAlignment_1.getElementYAlignment}});var sToMs_1=require("./sToMs");Object.defineProperty(exports,"sToMs",{enumerable:!0,get:function(){return sToMs_1.sToMs}});

package/dist/cjs/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import type { ViewProps } from 'react-native';
+import type { AccessibilityProps, ViewProps } from 'react-native';
 import { View } from 'react-native';
-export interface IconProps extends Pick<ViewProps, 'accessibilityLabel' | 'accessible' | 'style'> {
+export interface IconProps extends Pick<ViewProps, 'style'>, AccessibilityProps {
     size?: number;
     color?: string;
     /** @default default */

package/dist/cjs/components/icon/Icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_1=require("react"),react_native_1=require("react-native"),useCachedData_js_1=require("./useCachedData.js"),ICON_URL_PREFIX="https://static.toss.im/icons/svg",cache={},isUnsupportedTag=e=>e.includes("<pattern")?{isUnsupported:!0,tagName:"pattern"}:{isUnsupported:!1},Icon=(0,react_1.forwardRef)(function({name:t,color:s,size:n=24,accessible:a,accessibilityLabel:o,type:u="default",style:i},l){const{data:r,showFallback:d}=(0,useCachedData_js_1.useCachedData)(cache,t,fetchIcon,[t]),c=isUnsupportedTag(r??"");if(c.isUnsupported&&__DEV__)throw new Error(`\uC544\uC774\uCF58 \uB9AC\uC18C\uC2A4\uC5D0 \uBBF8\uC9C0\uC6D0\uB418\uB294 \uD0DC\uADF8\uAC00 \uC788\uC5B4 \uC548\uC804\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. #request-\uADF8\uB798\uD53D \uCC44\uB110\uC5D0 \uB300\uCCB4 \uC544\uC774\uCF58\uC744 \uC694\uCCAD \uD574\uC8FC\uC138\uC694. (\uC544\uC774\uCF58\uBA85: ${t}, \uBBF8\uC9C0\uC6D0 \uD0DC\uADF8: ${c.tagName})`);const f=(0,react_1.useMemo)(()=>{if(r===void 0)return;const p=/fill="#[0-9a-fA-F]{6}"/g,h=/stroke="#[0-9a-fA-F]{6}"/g;return s!==void 0?r.replace(p,`fill="${s}"`).replace(h,`stroke="${s}"`):r},[r,s]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:l,style:[u==="circle"?{borderRadius:n/2,overflow:"hidden"}:void 0,{width:n,aspectRatio:1},...Array.isArray(i)?i:[i]],accessibilityRole:"image",accessibilityLabel:o,accessible:a,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:"100%",height:"100%",color:s,fill:s,xml:f??null}),d?(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgUri,{width:"100%",height:"100%",uri:getIconUrl(t),style:{backgroundColor:"yellow"}}):null]})});async function fetchIcon(e){return(await fetch(getIconUrl(e))).text()}function getIconUrl(e){const t=e.startsWith("icn-")||e.startsWith("icon-")?e:`icn-${e}`;return`${ICON_URL_PREFIX}/${t}.svg`}exports.default=Object.assign(Icon,{prefetchIcon:async e=>{const t=await fetchIcon(e);cache[e]=t}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_1=require("react"),react_native_1=require("react-native"),useCachedData_1=require("./useCachedData"),ICON_URL_PREFIX="https://static.toss.im/icons/svg",cache={},isUnsupportedTag=e=>e.includes("<pattern")?{isUnsupported:!0,tagName:"pattern"}:{isUnsupported:!1},Icon=(0,react_1.forwardRef)(function({name:t,color:r,size:n=24,accessible:a,accessibilityLabel:o,type:u="default",style:i},l){const{data:s,showFallback:d}=(0,useCachedData_1.useCachedData)(cache,t,fetchIcon,[t]),c=isUnsupportedTag(s??"");if(c.isUnsupported&&__DEV__)throw new Error(`\uC544\uC774\uCF58 \uB9AC\uC18C\uC2A4\uC5D0 \uBBF8\uC9C0\uC6D0\uB418\uB294 \uD0DC\uADF8\uAC00 \uC788\uC5B4 \uC548\uC804\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. #request-\uADF8\uB798\uD53D \uCC44\uB110\uC5D0 \uB300\uCCB4 \uC544\uC774\uCF58\uC744 \uC694\uCCAD \uD574\uC8FC\uC138\uC694. (\uC544\uC774\uCF58\uBA85: ${t}, \uBBF8\uC9C0\uC6D0 \uD0DC\uADF8: ${c.tagName})`);const f=(0,react_1.useMemo)(()=>{if(s===void 0)return;const p=/fill="#[0-9a-fA-F]{6}"/g,h=/stroke="#[0-9a-fA-F]{6}"/g;return r!==void 0?s.replace(p,`fill="${r}"`).replace(h,`stroke="${r}"`):s},[s,r]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:l,style:[u==="circle"?{borderRadius:n/2,overflow:"hidden"}:void 0,{width:n,aspectRatio:1},...Array.isArray(i)?i:[i]],accessibilityRole:"image",accessibilityLabel:o,accessible:a,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:"100%",height:"100%",color:r,fill:r,xml:f??null}),d?(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgUri,{width:"100%",height:"100%",uri:getIconUrl(t),style:{backgroundColor:"yellow"}}):null]})});async function fetchIcon(e){return(await fetch(getIconUrl(e))).text()}function getIconUrl(e){const t=e.startsWith("icn-")||e.startsWith("icon-")?e:`icn-${e}`;return`${ICON_URL_PREFIX}/${t}.svg`}exports.default=Object.assign(Icon,{prefetchIcon:async e=>{const t=await fetchIcon(e);cache[e]=t}});

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

@@ -1,2 +1,2 @@
-export { default as Icon } from './Icon.js';
-export type { IconProps } from './Icon.js';
+export { default as Icon } from './Icon';
+export type { IconProps } from './Icon';

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

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

package/dist/cjs/components/icon/private/SvgIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_1=require("react"),useCachedData_js_1=require("../useCachedData.js"),ICON_URL_PREFIX="https://static.toss.im/icons/svg",cache={},fillAttributesRe=/fill="#[0-9a-fA-F]{6}"/g,strokeAttributesRe=/stroke="#[0-9a-fA-F]{6}"/g,Icon=(0,react_1.forwardRef)(function({name:t,color:n,size:c=24,accessible:d,accessibilityLabel:f,type:p="default",children:i,...h},a){const{data:s,showFallback:x}=(0,useCachedData_js_1.useCachedData)(cache,t,fetchIcon,[t]),r=(0,react_1.useMemo)(()=>s===void 0?null:n!==void 0?(0,react_native_svg_1.parse)(s.replace(fillAttributesRe,"").replace(strokeAttributesRe,"")):(0,react_native_svg_1.parse)(s),[s,n]),g=(0,react_1.useMemo)(()=>s===void 0||n===void 0?{}:{fill:s.match(fillAttributesRe)?n:void 0,stroke:s.match(strokeAttributesRe)?n:void 0},[s,n]),o={width:c,height:c,accessibilityRole:"image",accessibilityLabel:f,accessible:d,...g,...h};if(r==null)return(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{ref:a,...o,children:i});if(x)return(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgUri,{uri:getIconUrl(t),...o,children:i});const[,,u=c,l=c]=(r.props.viewBox??"").split(" ").map(Number);if(p==="circle"){const v=u/2,j=l/2,_=Math.min(u,l)/2;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,...r.props,...o,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"clip",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Circle,{cx:v,cy:j,r:_})})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#clip)",children:r.children}),i]})}return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,...r.props,...o,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{children:r.children}),i]})});async function fetchIcon(e){return(await fetch(getIconUrl(e))).text()}function getIconUrl(e){const t=e.startsWith("icn-")||e.startsWith("icon-")?e:`icn-${e}`;return`${ICON_URL_PREFIX}/${t}.svg`}class SvgIconClass extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(Icon,{...this.props})}}exports.SvgIcon=Object.assign(SvgIconClass,{Root:SvgIconClass,prefetchIcon:async e=>{const t=await fetchIcon(e);cache[e]=t}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_1=require("react"),useCachedData_1=require("../useCachedData"),ICON_URL_PREFIX="https://static.toss.im/icons/svg",cache={},fillAttributesRe=/fill="#[0-9a-fA-F]{6}"/g,strokeAttributesRe=/stroke="#[0-9a-fA-F]{6}"/g,Icon=(0,react_1.forwardRef)(function({name:t,color:n,size:c=24,accessible:d,accessibilityLabel:f,type:p="default",children:i,...h},a){const{data:s,showFallback:x}=(0,useCachedData_1.useCachedData)(cache,t,fetchIcon,[t]),r=(0,react_1.useMemo)(()=>s===void 0?null:n!==void 0?(0,react_native_svg_1.parse)(s.replace(fillAttributesRe,"").replace(strokeAttributesRe,"")):(0,react_native_svg_1.parse)(s),[s,n]),g=(0,react_1.useMemo)(()=>s===void 0||n===void 0?{}:{fill:s.match(fillAttributesRe)?n:void 0,stroke:s.match(strokeAttributesRe)?n:void 0},[s,n]),o={width:c,height:c,accessibilityRole:"image",accessibilityLabel:f,accessible:d,...g,...h};if(r==null)return(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{ref:a,...o,children:i});if(x)return(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgUri,{uri:getIconUrl(t),...o,children:i});const[,,u=c,l=c]=(r.props.viewBox??"").split(" ").map(Number);if(p==="circle"){const v=u/2,j=l/2,_=Math.min(u,l)/2;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,...r.props,...o,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"clip",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Circle,{cx:v,cy:j,r:_})})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#clip)",children:r.children}),i]})}return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,...r.props,...o,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{children:r.children}),i]})});async function fetchIcon(e){return(await fetch(getIconUrl(e))).text()}function getIconUrl(e){const t=e.startsWith("icn-")||e.startsWith("icon-")?e:`icn-${e}`;return`${ICON_URL_PREFIX}/${t}.svg`}class SvgIconClass extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(Icon,{...this.props})}}exports.SvgIcon=Object.assign(SvgIconClass,{Root:SvgIconClass,prefetchIcon:async e=>{const t=await fetchIcon(e);cache[e]=t}});

package/dist/cjs/components/icon/private/index.d.ts

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

package/dist/cjs/components/icon/private/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("./SvgIcon.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./SvgIcon"),exports);

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_color_utils_1=require("@toss/tds-color-utils"),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/animated/index.js"),generateHapticFeedback_js_1=require("../../native/generateHapticFeedback.js"),index_js_3=require("../icon/private/index.js"),AnimatedSvg=index_js_2.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=index_js_2.Animated.createAnimatedComponent(react_native_svg_1.Rect),AnimatedPressable=index_js_2.Animated.createAnimatedComponent(react_native_1.Pressable),IconButtonImpl=(0,react_1.forwardRef)(function({source:d,name:g,color:n,bgColor:x,variant:t="clear",label:h,iconSize:o=24,children:A,style:_,onPressIn:p,onPressOut:m,...y},C){const f=(0,index_js_1.useAdaptive)(),c=x??f.greyOpacity100,j={borderWidth:1,borderStyle:"solid",borderColor:f.greyOpacity100},r=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,i=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,k=r.interpolate({inputRange:[0,1],outputRange:[c,(0,tds_color_utils_1.getNextColorValue)({color:c})]}),a=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,R=a.interpolate({inputRange:[0,1],outputRange:["transparent",c]}),u=n!=null,s=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,V=s.interpolate({inputRange:[0,1],outputRange:[n??"grey",n?(0,tds_color_utils_1.getNextColorValue)({color:n}):"grey"]}),b=(0,react_1.useCallback)(()=>{index_js_2.Animated.spring(i,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),t==="fill"?index_js_2.Animated.timing(r,{toValue:1,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():index_js_2.Animated.spring(a,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),u&&index_js_2.Animated.spring(s,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[r,a,s,i,t,u]),v=(0,react_1.useCallback)(()=>{index_js_2.Animated.spring(i,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),t==="fill"?index_js_2.Animated.timing(r,{toValue:0,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():index_js_2.Animated.spring(a,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),u&&index_js_2.Animated.spring(s,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[r,a,s,i,t,u]),q=(0,react_1.useCallback)(l=>{b(),p?.(l),(0,generateHapticFeedback_js_1.generateHapticFeedback)({type:"tickWeak"})},[b,p]),w=(0,react_1.useCallback)(l=>{v(),m?.(l)},[m,v]);return(0,jsx_runtime_1.jsx)(AnimatedPressable,{ref:C,style:[{borderRadius:getRadius(o),transform:[{scale:i}],padding:getPaddingFromSize(o),backgroundColor:t==="fill"?k:R,...t==="border"?j:void 0},_],onPressIn:q,onPressOut:w,accessible:!0,accessibilityRole:"button",accessibilityLabel:h,...y,children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{height:o,width:o,viewBox:"0 0 100 100",children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Mask,{id:"mask",x:"0",y:"0",width:"100",height:"100",children:[d!==void 0&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Image,{href:d,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"}),g!==void 0&&(0,jsx_runtime_1.jsx)(index_js_3.SvgIcon,{name:g,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"})]}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",mask:"url(#mask)",fill:n&&V}),A]})})})});exports.IconButton=(0,react_1.memo)(IconButtonImpl);function getPaddingFromSize(e){return 18<=e&&e<=20?9:e/2}function getRadius(e){return e<=16?6:e<=20?8:12}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_color_utils_1=require("@toss/tds-color-utils"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),generateHapticFeedback_1=require("../../native/generateHapticFeedback"),private_1=require("../icon/private"),AnimatedSvg=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Rect),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable),IconButtonImpl=(0,react_1.forwardRef)(function({source:d,name:g,color:r,bgColor:h,variant:t="clear",label:A,iconSize:o=24,children:x,style:y,onPressIn:p,onPressOut:m,...C},k){const f=(0,core_1.useAdaptive)(),c=h??f.greyOpacity100,_={borderWidth:1,borderStyle:"solid",borderColor:f.greyOpacity100},n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,R=n.interpolate({inputRange:[0,1],outputRange:[c,(0,tds_color_utils_1.getNextColorValue)({color:c})]}),a=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,V=a.interpolate({inputRange:[0,1],outputRange:["transparent",c]}),u=r!=null,s=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,q=s.interpolate({inputRange:[0,1],outputRange:[r??"grey",r?(0,tds_color_utils_1.getNextColorValue)({color:r}):"grey"]}),v=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:1,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),u&&animated_1.Animated.spring(s,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[n,a,s,i,t,u]),b=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),u&&animated_1.Animated.spring(s,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[n,a,s,i,t,u]),w=(0,react_1.useCallback)(l=>{v(),p?.(l),(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickWeak"})},[v,p]),I=(0,react_1.useCallback)(l=>{b(),m?.(l)},[m,b]);return(0,jsx_runtime_1.jsx)(AnimatedPressable,{ref:k,style:[{borderRadius:getRadius(o),transform:[{scale:i}],padding:getPaddingFromSize(o),backgroundColor:t==="fill"?R:V,...t==="border"?_:void 0},y],onPressIn:w,onPressOut:I,accessible:!0,accessibilityRole:"button",accessibilityLabel:A,...C,children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{height:o,width:o,viewBox:"0 0 100 100",children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Mask,{id:"mask",x:"0",y:"0",width:"100",height:"100",children:[d!==void 0&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Image,{href:d,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"}),g!==void 0&&(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:g,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"})]}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",mask:"url(#mask)",fill:r&&q}),x]})})})});exports.IconButton=(0,react_1.memo)(IconButtonImpl);function getPaddingFromSize(e){return 18<=e&&e<=20?9:e/2}function getRadius(e){return e<=16?6:e<=20?8:12}

package/dist/cjs/components/icon-button/index.d.ts

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

package/dist/cjs/components/icon-button/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("./IconButton.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./IconButton"),exports);

package/dist/cjs/components/keypad/FullSecureKeypad/ControlKeyButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlKeyButton=ControlKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js"),react_native_1=require("react-native");function ControlKeyButton({children:e,onPressIn:t,color:r,disabled:n=!1}){return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:t,style:[{borderWidth:0,padding:0,display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",backgroundColor:r}],accessibilityRole:"button",disabled:n,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:{color:"white",fontSize:17},children:e}):e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlKeyButton=ControlKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native");function ControlKeyButton({children:e,onPressIn:t,color:r,disabled:n=!1}){return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:t,style:[{borderWidth:0,padding:0,display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",backgroundColor:r}],accessibilityRole:"button",disabled:n,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{color:"white",fontSize:17},children:e}):e})}

package/dist/cjs/components/keypad/FullSecureKeypad/SecureKeyButton.d.ts

@@ -1,4 +1,4 @@
-import type { RequiredExcept, SecureKey } from './keys.js';
+import type { RequiredExcept, SecureKey } from './keys';
 type Props = {
     secureKey: RequiredExcept<SecureKey, 'subText'>;
     onPressIn: (value: string) => void;

package/dist/cjs/components/keypad/FullSecureKeypad/SecureKeyButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js"),react_native_1=require("react-native"),BackspaceIcon_js_1=require("./BackspaceIcon.js"),keys_js_1=require("./keys.js"),index_js_2=require("../../../utils/index.js");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:s}){const{screenReaderEnabled:c}=(0,index_js_2.useAccessibilityInfo)(),n=e===keys_js_1.SPECIAL_KEY.backspace,i=n?2:1,o=()=>{s(String(e))},a=()=>{c&&s(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_js_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{background:"none",border:0,padding:0,outline:"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native"),BackspaceIcon_1=require("./BackspaceIcon"),keys_1=require("./keys"),utils_1=require("../../../utils");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:n}){const{screenReaderEnabled:c}=(0,utils_1.useAccessibilityInfo)(),s=e===keys_1.SPECIAL_KEY.backspace,i=s?2:1,o=()=>{n(String(e))},a=()=>{c&&n(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:s?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{background:"none",border:0,padding:0,outline:"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});

package/dist/cjs/components/keypad/FullSecureKeypad/getGridTemplateForRow.d.ts

@@ -1,5 +1,5 @@
-import type { SecureKeyRowRequired } from './keys.js';
+import type { SecureKeyRowRequired } from './keys';
 export declare function withShuffledEmptyCells(row: SecureKeyRowRequired): {
-    keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
+    keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
     emptyCellCount: number;
 };

package/dist/cjs/components/keypad/FullSecureKeypad/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=void 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"),index_js_1=require("../../../core/index.js"),ControlKeyButton_js_1=require("./ControlKeyButton.js"),GridItem_js_1=require("./GridItem.js"),GridRow_js_1=require("./GridRow.js"),keys_js_1=require("./keys.js"),SecureKeyButton_js_1=require("./SecureKeyButton.js"),ShiftIcon_js_1=require("./ShiftIcon.js"),useKeypad_js_1=require("./useKeypad.js");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:o,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},_)=>{const s=(0,index_js_1.useAdaptive)(),e=(0,useKeypad_js_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(_,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const j=(0,react_1.useCallback)(t=>{t===keys_js_1.SPECIAL_KEY.backspace?n():o(t)},[o,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((t,y)=>(0,jsx_runtime_1.jsx)(GridRow_js_1.GridRow,{height:52,horizontalPadding:10,children:t.keys.map(r=>r.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},r.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_js_1.SecureKeyButton,{secureKey:r,onPressIn:j},r.value))},`${e.mode}-${y}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_js_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_js_1.ShiftIcon,{color:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL?s.grey500:tds_colors_1.colors.white,filled:e.mode===useKeypad_js_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?s.blue100:s.blue500,disabled:l,children:a})})]})})]})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=void 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"),core_1=require("../../../core"),ControlKeyButton_1=require("./ControlKeyButton"),GridItem_1=require("./GridItem"),GridRow_1=require("./GridRow"),keys_1=require("./keys"),SecureKeyButton_1=require("./SecureKeyButton"),ShiftIcon_1=require("./ShiftIcon"),useKeypad_1=require("./useKeypad");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:s,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},y)=>{const o=(0,core_1.useAdaptive)(),e=(0,useKeypad_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(y,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const _=(0,react_1.useCallback)(r=>{r===keys_1.SPECIAL_KEY.backspace?n():s(r)},[s,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((r,p)=>(0,jsx_runtime_1.jsx)(GridRow_1.GridRow,{height:52,horizontalPadding:10,children:r.keys.map(t=>t.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},t.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_1.SecureKeyButton,{secureKey:t,onPressIn:_},t.value))},`${e.mode}-${p}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_1.ShiftIcon,{color:e.mode===useKeypad_1.KeypadStatus.SPECIAL?o.grey500:tds_colors_1.colors.white,filled:e.mode===useKeypad_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?o.blue100:o.blue500,disabled:l,children:a})})]})})]})}));

package/dist/cjs/components/keypad/FullSecureKeypad/useKeypad.d.ts

@@ -6,20 +6,20 @@ export declare enum KeypadStatus {
 export declare function useKeypad(): {
     mode: KeypadStatus;
     keys: {
-        keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
+        keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
         emptyCellCount: number;
     }[];
     shuffledKeys: {
         0: {
-            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
         1: {
-            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
         2: {
-            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
     };

package/dist/cjs/components/keypad/FullSecureKeypad/useKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeypadStatus=void 0,exports.useKeypad=useKeypad;const react_1=require("react"),getGridTemplateForRow_js_1=require("./getGridTemplateForRow.js"),keys_js_1=require("./keys.js");var KeypadStatus;(function(e){e[e.ALPHABET=0]="ALPHABET",e[e.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",e[e.SPECIAL=2]="SPECIAL"})(KeypadStatus||(exports.KeypadStatus=KeypadStatus={}));const keysByStatus={[KeypadStatus.ALPHABET]:(0,keys_js_1.fillInDefaults)(keys_js_1.englishCharacterKeys),[KeypadStatus.ALPHABET_CAPITALIZED]:(0,keys_js_1.capitalize)((0,keys_js_1.fillInDefaults)(keys_js_1.englishCharacterKeys)),[KeypadStatus.SPECIAL]:(0,keys_js_1.fillInDefaults)(keys_js_1.specialCharacterKeys)};function getShuffledKeysByStatus(){const e=keysByStatus[KeypadStatus.ALPHABET].map(getGridTemplateForRow_js_1.withShuffledEmptyCells),s=keysByStatus[KeypadStatus.ALPHABET_CAPITALIZED].map(getGridTemplateForRow_js_1.withShuffledEmptyCells),t=keysByStatus[KeypadStatus.SPECIAL].map(getGridTemplateForRow_js_1.withShuffledEmptyCells);return{[KeypadStatus.ALPHABET]:e,[KeypadStatus.ALPHABET_CAPITALIZED]:s,[KeypadStatus.SPECIAL]:t}}function useKeypad(){const[e,s]=(0,react_1.useState)(KeypadStatus.ALPHABET),[t,r]=(0,react_1.useState)(getShuffledKeysByStatus()),l=(0,react_1.useMemo)(()=>t[e],[t,e]),a=(0,react_1.useCallback)(()=>{s(A=>{switch(A){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return A}})},[]),c=(0,react_1.useCallback)(()=>{s(A=>{switch(A){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),E=(0,react_1.useCallback)(()=>{r(getShuffledKeysByStatus())},[]);return{mode:e,keys:l,shuffledKeys:t,toggleShift:a,toggleSpecialAndAlphabet:c,reorderEmptyCells:E}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeypadStatus=void 0,exports.useKeypad=useKeypad;const react_1=require("react"),getGridTemplateForRow_1=require("./getGridTemplateForRow"),keys_1=require("./keys");var KeypadStatus;(function(e){e[e.ALPHABET=0]="ALPHABET",e[e.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",e[e.SPECIAL=2]="SPECIAL"})(KeypadStatus||(exports.KeypadStatus=KeypadStatus={}));const keysByStatus={[KeypadStatus.ALPHABET]:(0,keys_1.fillInDefaults)(keys_1.englishCharacterKeys),[KeypadStatus.ALPHABET_CAPITALIZED]:(0,keys_1.capitalize)((0,keys_1.fillInDefaults)(keys_1.englishCharacterKeys)),[KeypadStatus.SPECIAL]:(0,keys_1.fillInDefaults)(keys_1.specialCharacterKeys)};function getShuffledKeysByStatus(){const e=keysByStatus[KeypadStatus.ALPHABET].map(getGridTemplateForRow_1.withShuffledEmptyCells),A=keysByStatus[KeypadStatus.ALPHABET_CAPITALIZED].map(getGridTemplateForRow_1.withShuffledEmptyCells),t=keysByStatus[KeypadStatus.SPECIAL].map(getGridTemplateForRow_1.withShuffledEmptyCells);return{[KeypadStatus.ALPHABET]:e,[KeypadStatus.ALPHABET_CAPITALIZED]:A,[KeypadStatus.SPECIAL]:t}}function useKeypad(){const[e,A]=(0,react_1.useState)(KeypadStatus.ALPHABET),[t,r]=(0,react_1.useState)(getShuffledKeysByStatus()),l=(0,react_1.useMemo)(()=>t[e],[t,e]),a=(0,react_1.useCallback)(()=>{A(s=>{switch(s){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return s}})},[]),c=(0,react_1.useCallback)(()=>{A(s=>{switch(s){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),E=(0,react_1.useCallback)(()=>{r(getShuffledKeysByStatus())},[]);return{mode:e,keys:l,shuffledKeys:t,toggleShift:a,toggleSpecialAndAlphabet:c,reorderEmptyCells:E}}

package/dist/cjs/components/keypad/NumberKeypad/Backspace.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Backspace=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),index_js_1=require("../../../core/index.js"),react_1=require("react");exports.Backspace=(0,react_1.memo)(function(){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m0 0h16v16h-16z"})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#a)",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m14.9989 7.00018h-11.58998l4.3-4.29c.39212-.39212.39212-1.0279 0-1.42-.39212-.392116-1.0279-.392116-1.42 0l-5.999999 6c-.091041.09511-.16241.20725-.2099997.33-.10002.24346-.10002.51654 0 .76.0458137.12364.1173997.23613.2099997.33l5.999999 6.00002c.18777.1893.44336.2958.71.2958s.52223-.1065.71-.2958c.18931-.1878.2958-.4434.2958-.71 0-.2667-.10649-.5222-.2958-.71l-4.3-4.29002h11.58998c.5523 0 1-.44772 1-1s-.4477-1-1-1z",fill:e.blue500})})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Backspace=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),core_1=require("../../../core"),react_1=require("react");exports.Backspace=(0,react_1.memo)(function(){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m0 0h16v16h-16z"})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#a)",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m14.9989 7.00018h-11.58998l4.3-4.29c.39212-.39212.39212-1.0279 0-1.42-.39212-.392116-1.0279-.392116-1.42 0l-5.999999 6c-.091041.09511-.16241.20725-.2099997.33-.10002.24346-.10002.51654 0 .76.0458137.12364.1173997.23613.2099997.33l5.999999 6.00002c.18777.1893.44336.2958.71.2958s.52223-.1065.71-.2958c.18931-.1878.2958-.4434.2958-.71 0-.2667-.10649-.5222-.2958-.71l-4.3-4.29002h11.58998c.5523 0 1-.44772 1-1s-.4477-1-1-1z",fill:e.blue500})})]})});

package/dist/cjs/components/keypad/NumberKeypad/NumberKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumberKeypad=void 0,exports.NumberKeypadComponent=NumberKeypadComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VirtualKeypad_js_1=require("./VirtualKeypad.js"),defaultNumbers=[1,2,3,4,5,6,7,8,9,0];function NumberKeypadComponent({numbers:e=defaultNumbers,onKeyPress:r,onBackspacePress:a,forwardedRef:s,style:n}){function o(t){r(parseInt(t,10))}const u=e.map(t=>`${t}`);return(0,jsx_runtime_1.jsx)(VirtualKeypad_js_1.VirtualKeypad,{numberOfColumns:3,characters:u,onKeyClick:o,onBackspaceClick:a,ref:s,style:n})}exports.NumberKeypad=(0,react_1.forwardRef)((e,r)=>(0,jsx_runtime_1.jsx)(NumberKeypadComponent,{...e,forwardedRef:r}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumberKeypad=void 0,exports.NumberKeypadComponent=NumberKeypadComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VirtualKeypad_1=require("./VirtualKeypad"),defaultNumbers=[1,2,3,4,5,6,7,8,9,0];function NumberKeypadComponent({numbers:e=defaultNumbers,onKeyPress:r,onBackspacePress:a,forwardedRef:n,style:o}){function s(t){r(parseInt(t,10))}const u=e.map(t=>`${t}`);return(0,jsx_runtime_1.jsx)(VirtualKeypad_1.VirtualKeypad,{numberOfColumns:3,characters:u,onKeyClick:s,onBackspaceClick:a,ref:n,style:o})}exports.NumberKeypad=(0,react_1.forwardRef)((e,r)=>(0,jsx_runtime_1.jsx)(NumberKeypadComponent,{...e,forwardedRef:r}));

package/dist/cjs/components/keypad/NumberKeypad/VirtualKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),VirtualKeypadKey_js_1=require("./VirtualKeypadKey.js"),MAX_WIDTH=340;function VirtualKeypadComponent({characters:e,numberOfColumns:t,onKeyClick:r,onBackspaceClick:n,forwardedRef:a,style:o}){function c(s){if(s!==VirtualKeypadKey_js_1.SPECIAL_KEY.blank){if(s===VirtualKeypadKey_js_1.SPECIAL_KEY.backspace){n();return}r(s)}}const l=toRows(e,t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},o],ref:a,children:l.map((s,d)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",maxWidth:MAX_WIDTH},children:s.map(i=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1},children:(0,jsx_runtime_1.jsx)(VirtualKeypadKey_js_1.VirtualKeypadKey,{char:i,onKeyPressIn:c})},i))},d))})}exports.VirtualKeypad=(0,react_1.forwardRef)((e,t)=>(0,jsx_runtime_1.jsx)(VirtualKeypadComponent,{...e,forwardedRef:t}));function toRows(e,t){const r=chunkArray(e,t),n=padLastRow(r,t);return[...r.slice(0,-1),n]}function padLastRow(e,t){const r=e[e.length-1];return[...Array.from({length:t-r.length-1}).map(()=>VirtualKeypadKey_js_1.SPECIAL_KEY.blank),...r,VirtualKeypadKey_js_1.SPECIAL_KEY.backspace]}function chunkArray(e,t){const r=[];let n,a;for(n=0,a=e.length;n<a;n+=t)r.push(e.slice(n,n+t));return r}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),VirtualKeypadKey_1=require("./VirtualKeypadKey"),MAX_WIDTH=340;function VirtualKeypadComponent({characters:e,numberOfColumns:t,onKeyClick:r,onBackspaceClick:n,forwardedRef:s,style:o}){function c(a){if(a!==VirtualKeypadKey_1.SPECIAL_KEY.blank){if(a===VirtualKeypadKey_1.SPECIAL_KEY.backspace){n();return}r(a)}}const l=toRows(e,t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},o],ref:s,children:l.map((a,d)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",maxWidth:MAX_WIDTH},children:a.map(i=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1},children:(0,jsx_runtime_1.jsx)(VirtualKeypadKey_1.VirtualKeypadKey,{char:i,onKeyPressIn:c})},i))},d))})}exports.VirtualKeypad=(0,react_1.forwardRef)((e,t)=>(0,jsx_runtime_1.jsx)(VirtualKeypadComponent,{...e,forwardedRef:t}));function toRows(e,t){const r=chunkArray(e,t),n=padLastRow(r,t);return[...r.slice(0,-1),n]}function padLastRow(e,t){const r=e[e.length-1];return[...Array.from({length:t-r.length-1}).map(()=>VirtualKeypadKey_1.SPECIAL_KEY.blank),...r,VirtualKeypadKey_1.SPECIAL_KEY.backspace]}function chunkArray(e,t){const r=[];let n,s;for(n=0,s=e.length;n<s;n+=t)r.push(e.slice(n,n+t));return r}

package/dist/cjs/components/keypad/NumberKeypad/VirtualKeypadKey.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypadKey=exports.SPECIAL_KEY=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"),Backspace_js_1=require("./Backspace.js"),CELL_HEIGHT=64,FONT_SIZE=30;var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(exports.SPECIAL_KEY=SPECIAL_KEY={})),exports.VirtualKeypadKey=(0,react_1.memo)(function({char:e,onKeyPressIn:n}){const s=(0,react_1.useMemo)(()=>{switch(e){case SPECIAL_KEY.backspace:return(0,jsx_runtime_1.jsx)(Backspace_js_1.Backspace,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{height:CELL_HEIGHT,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>n(e),children:(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:{fontSize:FONT_SIZE,lineHeight:CELL_HEIGHT,textAlign:"center"},children:s})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypadKey=exports.SPECIAL_KEY=void 0;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),Backspace_1=require("./Backspace"),CELL_HEIGHT=64,FONT_SIZE=30;var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(exports.SPECIAL_KEY=SPECIAL_KEY={})),exports.VirtualKeypadKey=(0,react_1.memo)(function({char:e,onKeyPressIn:r}){const n=(0,react_1.useMemo)(()=>{switch(e){case SPECIAL_KEY.backspace:return(0,jsx_runtime_1.jsx)(Backspace_1.Backspace,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{height:CELL_HEIGHT,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>r(e),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{fontSize:FONT_SIZE,lineHeight:CELL_HEIGHT,textAlign:"center"},children:n})})});

package/dist/cjs/components/keypad/NumberKeypad/index.d.ts

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

package/dist/cjs/components/keypad/NumberKeypad/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("./NumberKeypad.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./NumberKeypad"),exports);

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

@@ -1,2 +1,2 @@
-export * from './FullSecureKeypad/index.js';
-export * from './NumberKeypad/index.js';
+export * from './FullSecureKeypad';
+export * from './NumberKeypad';

package/dist/cjs/components/keypad/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("./FullSecureKeypad/index.js"),exports),__exportStar(require("./NumberKeypad/index.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./FullSecureKeypad"),exports),__exportStar(require("./NumberKeypad"),exports);

package/dist/cjs/components/list/List.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.List=List;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../border/index.js"),index_js_2=require("../../utils/index.js"),react_native_1=require("react-native");function List({children:r,rowSeparator:e="indented",style:t,...i}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[t],...i,children:(0,jsx_runtime_1.jsx)(index_js_2.Childrens.Gap,{children:r,gap:e==="full"?(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:"full"}):e==="indented"?(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:"padding24"}):null})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.List=List;const jsx_runtime_1=require("react/jsx-runtime"),border_1=require("../border"),utils_1=require("../../utils"),react_native_1=require("react-native");function List({children:r,rowSeparator:e="indented",style:t,...i}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[t],...i,children:(0,jsx_runtime_1.jsx)(utils_1.Childrens.Gap,{children:r,gap:e==="full"?(0,jsx_runtime_1.jsx)(border_1.Border,{type:"full"}):e==="indented"?(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24"}):null})})}

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

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

package/dist/cjs/components/list/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("./List.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./List"),exports);

package/dist/cjs/components/list-footer/ListFooter.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { TouchableHighlightProps } from 'react-native';
-import { ListFooterRight } from './ListFooterRight.js';
-import { ListFooterTitle } from './ListFooterTitle.js';
+import { ListFooterRight } from './ListFooterRight';
+import { ListFooterTitle } from './ListFooterTitle';
 export interface ListFooterProps {
     /**
      * `ListFooter` 컴포넌트의 제목을 설정해요.

package/dist/cjs/components/list-footer/ListFooter.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"),index_js_1=require("../border/index.js"),ListFooterRight_js_1=require("./ListFooterRight.js"),ListFooterTitle_js_1=require("./ListFooterTitle.js");function ListFooter({title:i,right:r,borderType:e="full",onPress:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{accessibilityRole:t!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:t,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e==="full"&&(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:e}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[i,r]})]})})}ListFooter.Title=ListFooterTitle_js_1.ListFooterTitle,ListFooter.Right=ListFooterRight_js_1.ListFooterRight,exports.default=ListFooter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),border_1=require("../border"),ListFooterRight_1=require("./ListFooterRight"),ListFooterTitle_1=require("./ListFooterTitle");function ListFooter({title:r,right:i,borderType:e="full",onPress:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{accessibilityRole:t!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:t,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e==="full"&&(0,jsx_runtime_1.jsx)(border_1.Border,{type:e}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[r,i]})]})})}ListFooter.Title=ListFooterTitle_1.ListFooterTitle,ListFooter.Right=ListFooterRight_1.ListFooterRight,exports.default=ListFooter;

package/dist/cjs/components/list-footer/ListFooterTitle.d.ts

@@ -1,4 +1,4 @@
-import type { TxtProps } from '../txt/index.js';
+import type { TxtProps } from '../txt';
 export interface ListFooterTitleProps extends TxtProps {
     /**
      * `ListFooter.Title` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-footer/ListFooterTitle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterTitle=ListFooterTitle;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../txt/index.js");function ListFooterTitle({typography:e="t5",color:t=tds_colors_1.colors.blue500,fontWeight:r="medium",children:o,...s}){return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{typography:e,color:t,fontWeight:r,...s,children:o})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterTitle=ListFooterTitle;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),txt_1=require("../txt");function ListFooterTitle({typography:t="t5",color:e=tds_colors_1.colors.blue500,fontWeight:r="medium",children:o,...s}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:t,color:e,fontWeight:r,...s,children:o})}

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

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

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

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

package/dist/cjs/components/list-header/ListHeaderDescriptionParagraph.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderDescriptionParagraph=ListHeaderDescriptionParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js"));function ListHeaderDescriptionParagraph({...n}){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t7",children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e.grey600,...n})})}
+"use strict";var __createBinding=Object.create?function(n,e,i,r){r===void 0&&(r=i);var t=Object.getOwnPropertyDescriptor(e,i);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,r,t)}:function(n,e,i,r){r===void 0&&(r=i),n[r]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var r=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(r[r.length]=t);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=n(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(i,e,r[t]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderDescriptionParagraph=ListHeaderDescriptionParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph"));function ListHeaderDescriptionParagraph({...n}){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t7",children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e.grey600,...n})})}

package/dist/cjs/components/list-header/ListHeaderRight.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,i)}:function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]},__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(r){var n=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[n.length]=i);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(r,e,n[i]);return __setModuleDefault(r,e),r}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRightText=ListHeaderRightText,exports.ListHeaderRightArrow=ListHeaderRightArrow;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("../icon/index.js"),Paragraph=__importStar(require("../paragraph/index.js"));function ListHeaderRightText({typography:t,color:e,style:r,...n}){const i=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{style:[styles.base,r],typography:t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e??i.grey700,...n})})}function ListHeaderRightArrow(t){const e=(0,index_js_1.useAdaptive)(),r=t.onPress!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsxs)(r,{style:[styles.base,styles.arrow,t.style],onPress:t.onPress,hitSlop:{right:16},children:[isRightArrowWithChildren(t)?(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t.typography,style:styles.arrowText,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t?.color??e.grey700,fontWeight:"regular",children:t.children})}):null,(0,jsx_runtime_1.jsx)(index_js_2.Icon,{color:e.grey400,name:"icon-arrow-right-mono",size:24})]})}const styles=react_native_1.StyleSheet.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function isRightArrowWithChildren(t){return!!Object.hasOwn(t??{},"children")}
+"use strict";var __createBinding=Object.create?function(t,e,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,i)}:function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]},__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(r){var n=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[n.length]=i);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(r,e,n[i]);return __setModuleDefault(r,e),r}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRightText=ListHeaderRightText,exports.ListHeaderRightArrow=ListHeaderRightArrow;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),core_1=require("../../core"),icon_1=require("../icon"),Paragraph=__importStar(require("../paragraph"));function ListHeaderRightText({typography:t,color:e,style:r,...n}){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{style:[styles.base,r],typography:t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e??i.grey700,...n})})}function ListHeaderRightArrow(t){const e=(0,core_1.useAdaptive)(),r=t.onPress!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsxs)(r,{style:[styles.base,styles.arrow,t.style],onPress:t.onPress,hitSlop:{right:16},children:[isRightArrowWithChildren(t)?(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t.typography,style:styles.arrowText,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t?.color??e.grey700,fontWeight:"regular",children:t.children})}):null,(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:e.grey400,name:"icon-arrow-right-mono",size:24})]})}const styles=react_native_1.StyleSheet.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function isRightArrowWithChildren(t){return!!Object.hasOwn(t??{},"children")}

package/dist/cjs/components/list-header/ListHeaderRoot.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import { ListHeaderDescriptionParagraph } from './ListHeaderDescriptionParagraph.js';
-import { ListHeaderRightArrow, ListHeaderRightText } from './ListHeaderRight.js';
-import { ListHeaderTitleParagraph } from './ListHeaderTitleParagraph.js';
-import { ListHeaderTitleSelector } from './ListHeaderTitleSelector.js';
-import { ListHeaderTitleTextButton } from './ListHeaderTitleTextButton.js';
+import { ListHeaderDescriptionParagraph } from './ListHeaderDescriptionParagraph';
+import { ListHeaderRightArrow, ListHeaderRightText } from './ListHeaderRight';
+import { ListHeaderTitleParagraph } from './ListHeaderTitleParagraph';
+import { ListHeaderTitleSelector } from './ListHeaderTitleSelector';
+import { ListHeaderTitleTextButton } from './ListHeaderTitleTextButton';
 export interface ListHeaderRootProps {
     /**
      * `ListHeader`의 상단에 표시될 보조 설명 영역이에요.

package/dist/cjs/components/list-header/ListHeaderRoot.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRoot=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),ListHeaderContext_js_1=require("./ListHeaderContext.js"),ListHeaderDescriptionParagraph_js_1=require("./ListHeaderDescriptionParagraph.js"),ListHeaderRight_js_1=require("./ListHeaderRight.js"),ListHeaderTitleParagraph_js_1=require("./ListHeaderTitleParagraph.js"),ListHeaderTitleSelector_js_1=require("./ListHeaderTitleSelector.js"),ListHeaderTitleTextButton_js_1=require("./ListHeaderTitleTextButton.js"),_ListHeaderRoot=({upper:t,title:s,right:e,lower:r,onPress:i,rightViewStyle:a,titleViewStyle:n})=>{const[o,l]=(0,react_1.useState)(!1),c=i!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsx)(ListHeaderContext_js_1.ListHeaderContext.Provider,{value:{setIsMultilineTitle:l},children:(0,jsx_runtime_1.jsxs)(c,{style:[styles.container],onPress:i,children:[t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.upper,children:t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.body,{alignItems:o?"flex-end":"center"}],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.title,e==null?{flex:0}:void 0,n],children:s}),e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,a],children:e})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})})},styles=react_native_1.StyleSheet.create({container:{marginTop:24,marginBottom:8},upper:{marginBottom:4,marginHorizontal:24},body:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginHorizontal:24},title:{flex:2},right:{flex:1,alignItems:"flex-end"},lower:{marginTop:4,marginHorizontal:24}}),ListHeaderRoot=_ListHeaderRoot;exports.ListHeaderRoot=ListHeaderRoot,ListHeaderRoot.Root=ListHeaderRoot,ListHeaderRoot.TitleParagraph=ListHeaderTitleParagraph_js_1.ListHeaderTitleParagraph,ListHeaderRoot.TitleSelector=ListHeaderTitleSelector_js_1.ListHeaderTitleSelector,ListHeaderRoot.TitleTextButton=ListHeaderTitleTextButton_js_1.ListHeaderTitleTextButton,ListHeaderRoot.DescriptionParagraph=ListHeaderDescriptionParagraph_js_1.ListHeaderDescriptionParagraph,ListHeaderRoot.RightText=ListHeaderRight_js_1.ListHeaderRightText,ListHeaderRoot.RightArrow=ListHeaderRight_js_1.ListHeaderRightArrow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRoot=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),ListHeaderContext_1=require("./ListHeaderContext"),ListHeaderDescriptionParagraph_1=require("./ListHeaderDescriptionParagraph"),ListHeaderRight_1=require("./ListHeaderRight"),ListHeaderTitleParagraph_1=require("./ListHeaderTitleParagraph"),ListHeaderTitleSelector_1=require("./ListHeaderTitleSelector"),ListHeaderTitleTextButton_1=require("./ListHeaderTitleTextButton"),_ListHeaderRoot=({upper:t,title:s,right:e,lower:r,onPress:i,rightViewStyle:a,titleViewStyle:n})=>{const[o,l]=(0,react_1.useState)(!1),c=i!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsx)(ListHeaderContext_1.ListHeaderContext.Provider,{value:{setIsMultilineTitle:l},children:(0,jsx_runtime_1.jsxs)(c,{style:[styles.container],onPress:i,children:[t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.upper,children:t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.body,{alignItems:o?"flex-end":"center"}],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.title,e==null?{flex:0}:void 0,n],children:s}),e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,a],children:e})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})})},styles=react_native_1.StyleSheet.create({container:{marginTop:24,marginBottom:8},upper:{marginBottom:4,marginHorizontal:24},body:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginHorizontal:24},title:{flex:2},right:{flex:1,alignItems:"flex-end"},lower:{marginTop:4,marginHorizontal:24}}),ListHeaderRoot=_ListHeaderRoot;exports.ListHeaderRoot=ListHeaderRoot,ListHeaderRoot.Root=ListHeaderRoot,ListHeaderRoot.TitleParagraph=ListHeaderTitleParagraph_1.ListHeaderTitleParagraph,ListHeaderRoot.TitleSelector=ListHeaderTitleSelector_1.ListHeaderTitleSelector,ListHeaderRoot.TitleTextButton=ListHeaderTitleTextButton_1.ListHeaderTitleTextButton,ListHeaderRoot.DescriptionParagraph=ListHeaderDescriptionParagraph_1.ListHeaderDescriptionParagraph,ListHeaderRoot.RightText=ListHeaderRight_1.ListHeaderRightText,ListHeaderRoot.RightArrow=ListHeaderRight_1.ListHeaderRightArrow;

package/dist/cjs/components/list-header/ListHeaderTitleParagraph.d.ts

@@ -1,4 +1,4 @@
-import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ParagraphTextProps } from '../paragraph';
 import type { ReactNode } from 'react';
 import type { StyleProp, TextStyle } from 'react-native';
 export interface ListHeaderTitleParagraphProps {

package/dist/cjs/components/list-header/ListHeaderTitleParagraph.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleParagraph=ListHeaderTitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),react_1=require("react"),ListHeaderContext_js_1=require("./ListHeaderContext.js");function ListHeaderTitleParagraph({size:n,typography:e,color:i,fontWeight:t,numberOfLines:r,children:u,style:s}){const{setIsMultilineTitle:a}=(0,react_1.useContext)(ListHeaderContext_js_1.ListHeaderContext),o=(0,index_js_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>{if(n!=null)switch(n){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[n,e]),l=(0,react_1.useCallback)(f=>{a(f.nativeEvent.lines.length>1)},[a]);return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:c,style:s,onTextLayout:l,numberOfLines:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:i??o.grey800,fontWeight:t,children:u})})}
+"use strict";var __createBinding=Object.create?function(n,e,a,t){t===void 0&&(t=a);var r=Object.getOwnPropertyDescriptor(e,a);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(n,t,r)}:function(n,e,a,t){t===void 0&&(t=a),n[t]=e[a]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(a){var t=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(a,e,t[r]);return __setModuleDefault(a,e),a}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleParagraph=ListHeaderTitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph")),react_1=require("react"),ListHeaderContext_1=require("./ListHeaderContext");function ListHeaderTitleParagraph({size:n,typography:e,color:a,fontWeight:t,numberOfLines:r,children:u,style:o}){const{setIsMultilineTitle:i}=(0,react_1.useContext)(ListHeaderContext_1.ListHeaderContext),s=(0,core_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>{if(n!=null)switch(n){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[n,e]),l=(0,react_1.useCallback)(f=>{i(f.nativeEvent.lines.length>1)},[i]);return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:c,style:o,onTextLayout:l,numberOfLines:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:a??s.grey800,fontWeight:t,children:u})})}

package/dist/cjs/components/list-header/ListHeaderTitleSelector.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, TextStyle, View } from 'react-native';
-import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ParagraphTextProps } from '../paragraph';
 export interface ListHeaderTitleSelectorProps {
     /**
      * `ListHeader.TitleSelector` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-header/ListHeaderTitleSelector.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,r){r===void 0&&(r=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,r,t)}:function(i,e,n,r){r===void 0&&(r=n),i[r]=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 r=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[r.length]=t);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=i(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(n,e,r[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleSelector=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js"));exports.ListHeaderTitleSelector=(0,react_1.forwardRef)(function({color:e,fontWeight:n,children:r,typography:t,style:o,numberOfLines:c,onPress:u},s){const a=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:u,style:o,ref:s,children:(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t,numberOfLines:c,afterText:(0,jsx_runtime_1.jsx)(Paragraph.Icon,{name:"icon-arrow-down-mono",color:a.grey600}),children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:e??a.grey800,fontWeight:n,children:r})})})});
+"use strict";var __createBinding=Object.create?function(i,e,n,r){r===void 0&&(r=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,r,t)}:function(i,e,n,r){r===void 0&&(r=n),i[r]=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 r=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[r.length]=t);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=i(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(n,e,r[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleSelector=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph"));exports.ListHeaderTitleSelector=(0,react_1.forwardRef)(function({color:e,fontWeight:n,children:r,typography:t,style:o,numberOfLines:c,onPress:u},s){const a=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:u,style:o,ref:s,children:(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t,numberOfLines:c,afterText:(0,jsx_runtime_1.jsx)(Paragraph.Icon,{name:"icon-arrow-down-mono",color:a.grey600}),children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:e??a.grey800,fontWeight:n,children:r})})})});

package/dist/cjs/components/list-header/ListHeaderTitleTextButton.d.ts

@@ -1,4 +1,4 @@
-import type { TextButtonProps } from '../text-button/index.js';
+import type { TextButtonProps } from '../text-button';
 export interface ListHeaderTitleTextButtonProps extends TextButtonProps {
     /**
      * `ListHeader.TitleTextButton` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-header/ListHeaderTitleTextButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleTextButton=ListHeaderTitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../text-button/index.js");function ListHeaderTitleTextButton({...e}){return(0,jsx_runtime_1.jsx)(index_js_1.TextButton,{variant:"underline",...e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleTextButton=ListHeaderTitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),text_button_1=require("../text-button");function ListHeaderTitleTextButton({...t}){return(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{variant:"underline",...t})}

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

@@ -1 +1 @@
-export { ListHeaderRoot as ListHeader } from './ListHeaderRoot.js';
+export { ListHeaderRoot as ListHeader } from './ListHeaderRoot';