@toss/tds-react-native 1.3.3 → 1.3.5

package/dist/cjs/components/tab/Gradient.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../core/index.js");function Gradient(){const t=(0,index_js_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../core");function Gradient(){const t=(0,core_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;

package/dist/cjs/components/tab/Tab.d.ts

@@ -1,5 +1,5 @@
-import { TabItem } from './TabItem.js';
-import type { BaseTabProps } from './type.js';
+import { TabItem } from './TabItem';
+import type { BaseTabProps } from './type';
 export type TabProps = {
     /**
      * 이 값이 `true`일 때 각 아이템의 너비가 글자 수에 맞춰져요. 아이템의 전체 크기가 `Tab`의 컨테이너를 넘어가면 가로 스크롤이 생겨요. `false`라면 최대 4개의 아이템 사용을 권장해요.

package/dist/cjs/components/tab/Tab.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab;const jsx_runtime_1=require("react/jsx-runtime"),FullTab_js_1=require("./FullTab.js"),FluidTab_js_1=require("./FluidTab.js"),TabItem_js_1=require("./TabItem.js");function Tab({fluid:r,...e}){return r?(0,jsx_runtime_1.jsx)(FluidTab_js_1.FluidTab,{...e}):(0,jsx_runtime_1.jsx)(FullTab_js_1.FullTab,{...e})}Tab.Item=TabItem_js_1.TabItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab;const jsx_runtime_1=require("react/jsx-runtime"),FullTab_1=require("./FullTab"),FluidTab_1=require("./FluidTab"),TabItem_1=require("./TabItem");function Tab({fluid:r,...e}){return r?(0,jsx_runtime_1.jsx)(FluidTab_1.FluidTab,{...e}):(0,jsx_runtime_1.jsx)(FullTab_1.FullTab,{...e})}Tab.Item=TabItem_1.TabItem;

package/dist/cjs/components/tab/TabItem.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { TabValue } from './TabContext.js';
+import type { TabValue } from './TabContext';
 export interface TabItemProps {
     /**
      * 이 값이 `true`일 때 `Tab.Item`의 우측 상단에 빨간 동그라미가 표시돼요. 중요한 알림이나 새로운 업데이트가 있음을 사용자에게 시각적으로 전달할 수 있어요.

package/dist/cjs/components/tab/TabItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../txt/index.js"),IndicatorContext_js_1=require("./IndicatorContext.js"),TabContext_js_1=require("./TabContext.js");function TabItem({redBean:n=!1,value:t,children:r,style:h,onPress:u}){const{size:d,fluid:g,value:x,onChange:p}=(0,react_1.useContext)(TabContext_js_1.TabContext),o=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,s=(0,react_1.useMemo)(()=>t===x,[t,x]),f=(0,index_js_1.useAdaptive)(),_=(0,react_1.useCallback)(l=>{u?.(l),p?.(t)},[u,p,t]),e=getSpacingStyles({size:d,fluid:g}),[i,b]=(0,react_1.useState)(),{setWidth:a,setTranslateX:c}=(0,react_1.useContext)(IndicatorContext_js_1.IndicatorContext);return(0,react_1.useEffect)(()=>{!s||i==null||c==null||a==null||(c(i.x+e.left),a(i.width-(e.left+e.right)))},[s,i,c,a,e.left,e.right]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:s},onPress:_,style:[styles.container,{paddingTop:e.top,paddingBottom:e.bottom,paddingHorizontal:e.left,minWidth:g?64:void 0},h],onLayout:l=>{b(l.nativeEvent.layout)},onPressIn:()=>{index_js_2.Animated.spring(o,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.rapid}).start()},onPressOut:()=>{index_js_2.Animated.spring(o,{toValue:1,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[styles.innerContainer,{transform:[{scale:o}]}],children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:d==="large"?"t5":"t6",fontWeight:s?"bold":"semiBold",color:s?f.grey800:f.grey600,children:r})}),n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const styles=react_native_1.StyleSheet.create({container:{flex:1},innerContainer:{alignItems:"center",justifyContent:"center"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}}),getSpacingStyles=({size:n,fluid:t})=>{const r=n==="large"&&t?12:8;return{top:n==="large"?12:8,bottom:n==="large"?14:8,left:r,right:r}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),txt_1=require("../txt"),IndicatorContext_1=require("./IndicatorContext"),TabContext_1=require("./TabContext");function TabItem({redBean:n=!1,value:t,children:s,style:h,onPress:u}){const{size:d,fluid:g,value:p,onChange:x}=(0,react_1.useContext)(TabContext_1.TabContext),o=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,r=(0,react_1.useMemo)(()=>t===p,[t,p]),f=(0,core_1.useAdaptive)(),m=(0,react_1.useCallback)(l=>{u?.(l),x?.(t)},[u,x,t]),e=getSpacingStyles({size:d,fluid:g}),[i,b]=(0,react_1.useState)(),{setWidth:a,setTranslateX:c}=(0,react_1.useContext)(IndicatorContext_1.IndicatorContext);return(0,react_1.useEffect)(()=>{!r||i==null||c==null||a==null||(c(i.x+e.left),a(i.width-(e.left+e.right)))},[r,i,c,a,e.left,e.right]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:r},onPress:m,style:[styles.container,{paddingTop:e.top,paddingBottom:e.bottom,paddingHorizontal:e.left,minWidth:g?64:void 0},h],onLayout:l=>{b(l.nativeEvent.layout)},onPressIn:()=>{animated_1.Animated.spring(o,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.rapid}).start()},onPressOut:()=>{animated_1.Animated.spring(o,{toValue:1,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[styles.innerContainer,{transform:[{scale:o}]}],children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:d==="large"?"t5":"t6",fontWeight:r?"bold":"semiBold",color:r?f.grey800:f.grey600,children:s})}),n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const styles=react_native_1.StyleSheet.create({container:{flex:1},innerContainer:{alignItems:"center",justifyContent:"center"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}}),getSpacingStyles=({size:n,fluid:t})=>{const s=n==="large"&&t?12:8;return{top:n==="large"?12:8,bottom:n==="large"?14:8,left:s,right:s}};

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

@@ -1,2 +1,2 @@
-export { Tab } from './Tab.js';
-export type { TabProps } from './Tab.js';
+export { Tab } from './Tab';
+export type { TabProps } from './Tab';

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

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

package/dist/cjs/components/tab/type.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TabValue } from './TabContext.js';
+import type { TabValue } from './TabContext';
 export interface BaseTabProps extends ViewProps {
     /**
      * 사이즈에 따라 `Tab` 컴포넌트의 높이와 텍스트 크기가 변경돼요.

package/dist/cjs/components/table-row/TableRow.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { TableRowLeftText, TableRowRightText } from './TableRowText.js';
-import type { TableRowAlign } from './types.js';
+import { TableRowLeftText, TableRowRightText } from './TableRowText';
+import type { TableRowAlign } from './types';
 interface TableRowProps {
     align: TableRowAlign;
     /**

package/dist/cjs/components/table-row/TableRow.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"),TableRowContext_js_1=require("./TableRowContext.js"),TableRowText_js_1=require("./TableRowText.js"),index_js_1=require("../../utils/index.js");function TableRow({align:i,leftRatio:e,left:t,right:n,horizontalPadding:r=24,style:s}){const l=e!=null?100-e:void 0;return(0,jsx_runtime_1.jsx)(TableRowContext_js_1.TableRowContext.Provider,{value:{align:i},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{justifyContent:i==="left"?"flex-start":"space-between",paddingHorizontal:r},styles.container,s],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,{flex:e}],children:(0,index_js_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(TableRowText_js_1.TableRowLeftText,{children:t}):t}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:l},children:(0,index_js_1.isReactText)(n)?(0,jsx_runtime_1.jsx)(TableRowText_js_1.TableRowRightText,{children:n}):n})]})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",flex:1,paddingVertical:16},left:{marginRight:16}});TableRow.LeftText=TableRowText_js_1.TableRowLeftText,TableRow.RightText=TableRowText_js_1.TableRowRightText,exports.default=TableRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),TableRowContext_1=require("./TableRowContext"),TableRowText_1=require("./TableRowText"),utils_1=require("../../utils");function TableRow({align:i,leftRatio:e,left:t,right:r,horizontalPadding:n=24,style:l}){const s=e!=null?100-e:void 0;return(0,jsx_runtime_1.jsx)(TableRowContext_1.TableRowContext.Provider,{value:{align:i},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{justifyContent:i==="left"?"flex-start":"space-between",paddingHorizontal:n},styles.container,l],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,{flex:e}],children:(0,utils_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(TableRowText_1.TableRowLeftText,{children:t}):t}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:s},children:(0,utils_1.isReactText)(r)?(0,jsx_runtime_1.jsx)(TableRowText_1.TableRowRightText,{children:r}):r})]})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",flex:1,paddingVertical:16},left:{marginRight:16}});TableRow.LeftText=TableRowText_1.TableRowLeftText,TableRow.RightText=TableRowText_1.TableRowRightText,exports.default=TableRow;

package/dist/cjs/components/table-row/TableRowContext.d.ts

@@ -1,4 +1,4 @@
-import type { TableRowAlign } from './types.js';
+import type { TableRowAlign } from './types';
 export interface TableRowContext {
     align: TableRowAlign;
 }

package/dist/cjs/components/table-row/TableRowText.d.ts

@@ -1,4 +1,4 @@
-import { Txt } from '../txt/index.js';
+import { Txt } from '../txt';
 import type { ComponentProps } from 'react';
 interface TableRowTextProps extends ComponentProps<typeof Txt> {
 }

package/dist/cjs/components/table-row/TableRowText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRowLeftText=TableRowLeftText,exports.TableRowRightText=TableRowRightText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),react_1=require("react"),TableRowContext_js_1=require("./TableRowContext.js");function TableRowLeftText({typography:e="st10",color:t,...o}){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:e,color:t??r.grey700,...o})}function TableRowRightText({typography:e="st10",color:t,style:o,...r}){const{align:s}=(0,react_1.useContext)(TableRowContext_js_1.TableRowContext),n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:e,color:t??n.grey900,style:[{textAlign:s},o],...r})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRowLeftText=TableRowLeftText,exports.TableRowRightText=TableRowRightText;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),TableRowContext_1=require("./TableRowContext");function TableRowLeftText({typography:e="st10",color:t,...o}){const r=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:e,color:t??r.grey700,...o})}function TableRowRightText({typography:e="st10",color:t,style:o,...r}){const{align:s}=(0,react_1.useContext)(TableRowContext_1.TableRowContext),n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:e,color:t??n.grey900,style:[{textAlign:s},o],...r})}

package/dist/cjs/components/table-row/index.d.ts

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

package/dist/cjs/components/table-row/index.js

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

package/dist/cjs/components/text-button/TextButton.d.ts

@@ -1,4 +1,4 @@
-import type { TypographyKeys } from '../txt/index.js';
+import type { TypographyKeys } from '../txt';
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 type TDSTextButtonType = 'arrow' | 'underline' | 'clear';

package/dist/cjs/components/text-button/TextButton.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,i,r){r===void 0&&(r=i);var o=Object.getOwnPropertyDescriptor(e,i);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,r,o)}:function(t,e,i,r){r===void 0&&(r=i),t[r]=e[i]},__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(i){var r=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(i,e,r[o]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextButton=TextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../constants/index.js"),index_js_2=require("../../core/index.js"),index_js_3=require("../icon/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),index_js_4=require("../../interactions/pressable-effect/index.js"),react_1=require("react"),react_native_1=require("react-native");function TextButton({variant:t="clear",typography:e,fontWeight:i,color:r,style:o,disabled:s=!1,onPress:d,children:u}){const a=(0,index_js_2.useAdaptive)(),{typographyLevel:c}=(0,index_js_2.useTypographyTheme)(),l=r??a.grey800,n=(0,react_1.useMemo)(()=>(0,index_js_1.getLinkTypography)(c),[c])[e];return(0,jsx_runtime_1.jsx)(index_js_4.PressableEffect,{accessibilityRole:"button",underlay:(0,jsx_runtime_1.jsx)(index_js_4.PressableEffect.Underlay,{style:{position:"absolute",backgroundColor:a.greyOpacity100,...textButtonBackgroundStyleMapper[e][t]}}),onPress:s?void 0:d,style:{alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.base,{paddingVertical:n.verticalPadding,paddingHorizontal:n.horizontalPadding,paddingRight:t==="arrow"?0:n.horizontalPadding,marginHorizontal:n.horizontalPadding*-1,marginVertical:n.verticalPadding*-1,marginRight:t==="arrow"?0:n.horizontalPadding*-1,opacity:s?.38:1},o],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:e,fontWeight:i,color:l,style:{textDecorationLine:t==="underline"?"underline":"none",textDecorationColor:l},children:u}),t==="arrow"?(0,jsx_runtime_1.jsx)(index_js_3.Icon,{name:"arrow-rightwards",size:getTextButtonIconFrameSize(e).width,color:l,"data-logging-label":"arrow-rightwards"}):void 0]})})}const styles=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",flexDirection:"row",borderRadius:8}});function getTextButtonIconFrameSize(t){switch(t){case"t1":case"st1":case"st2":return{width:31,height:31};case"st3":case"t2":case"st4":case"st5":case"st6":case"t3":case"st7":case"t4":case"st8":case"st9":case"t5":case"st10":case"t6":return{width:24,height:24};case"st11":case"t7":case"st12":case"st13":return{width:20,height:20};default:return{width:24,height:24}}}const backgroundStyleMapper={level5:{arrow:{top:-9,right:0,bottom:-9,left:-15,borderRadius:15},underline:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15},clear:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15}},level4:{arrow:{top:-7,right:0,bottom:-7,left:-13,borderRadius:13},underline:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13},clear:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13}},level3:{arrow:{top:-5,right:0,bottom:-5,left:-11,borderRadius:11},underline:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11},clear:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11}},level2:{arrow:{top:-4,right:0,bottom:-4,left:-9,borderRadius:9},underline:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9},clear:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9}},level1:{arrow:{top:-3,right:0,bottom:-3,left:-7,borderRadius:7},underline:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7},clear:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7}}},textButtonBackgroundStyleMapper={t1:backgroundStyleMapper.level5,st1:backgroundStyleMapper.level5,st2:backgroundStyleMapper.level4,st3:backgroundStyleMapper.level4,t2:backgroundStyleMapper.level4,st4:backgroundStyleMapper.level4,st5:backgroundStyleMapper.level4,st6:backgroundStyleMapper.level4,t3:backgroundStyleMapper.level3,st7:backgroundStyleMapper.level3,t4:backgroundStyleMapper.level3,st8:backgroundStyleMapper.level3,st9:backgroundStyleMapper.level2,t5:backgroundStyleMapper.level2,st10:backgroundStyleMapper.level2,t6:backgroundStyleMapper.level1,st11:backgroundStyleMapper.level1,t7:backgroundStyleMapper.level1,st12:backgroundStyleMapper.level1,st13:backgroundStyleMapper.level1};TextButton.gap=8;
+"use strict";var __createBinding=Object.create?function(t,e,i,r){r===void 0&&(r=i);var o=Object.getOwnPropertyDescriptor(e,i);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,r,o)}:function(t,e,i,r){r===void 0&&(r=i),t[r]=e[i]},__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(i){var r=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(i,e,r[o]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextButton=TextButton;const jsx_runtime_1=require("react/jsx-runtime"),constants_1=require("../../constants"),core_1=require("../../core"),icon_1=require("../icon"),Paragraph=__importStar(require("../paragraph")),pressable_effect_1=require("../../interactions/pressable-effect"),react_1=require("react"),react_native_1=require("react-native");function TextButton({variant:t="clear",typography:e,fontWeight:i,color:r,style:o,disabled:a=!1,onPress:u,children:d}){const s=(0,core_1.useAdaptive)(),{typographyLevel:c}=(0,core_1.useTypographyTheme)(),l=r??s.grey800,n=(0,react_1.useMemo)(()=>(0,constants_1.getLinkTypography)(c),[c])[e];return(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{accessibilityRole:"button",underlay:(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect.Underlay,{style:{position:"absolute",backgroundColor:s.greyOpacity100,...textButtonBackgroundStyleMapper[e][t]}}),onPress:a?void 0:u,style:{alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.base,{paddingVertical:n.verticalPadding,paddingHorizontal:n.horizontalPadding,paddingRight:t==="arrow"?0:n.horizontalPadding,marginHorizontal:n.horizontalPadding*-1,marginVertical:n.verticalPadding*-1,marginRight:t==="arrow"?0:n.horizontalPadding*-1,opacity:a?.38:1},o],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:e,fontWeight:i,color:l,style:{textDecorationLine:t==="underline"?"underline":"none",textDecorationColor:l},children:d}),t==="arrow"?(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"arrow-rightwards",size:getTextButtonIconFrameSize(e).width,color:l,"data-logging-label":"arrow-rightwards"}):void 0]})})}const styles=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",flexDirection:"row",borderRadius:8}});function getTextButtonIconFrameSize(t){switch(t){case"t1":case"st1":case"st2":return{width:31,height:31};case"st3":case"t2":case"st4":case"st5":case"st6":case"t3":case"st7":case"t4":case"st8":case"st9":case"t5":case"st10":case"t6":return{width:24,height:24};case"st11":case"t7":case"st12":case"st13":return{width:20,height:20};default:return{width:24,height:24}}}const backgroundStyleMapper={level5:{arrow:{top:-9,right:0,bottom:-9,left:-15,borderRadius:15},underline:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15},clear:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15}},level4:{arrow:{top:-7,right:0,bottom:-7,left:-13,borderRadius:13},underline:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13},clear:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13}},level3:{arrow:{top:-5,right:0,bottom:-5,left:-11,borderRadius:11},underline:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11},clear:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11}},level2:{arrow:{top:-4,right:0,bottom:-4,left:-9,borderRadius:9},underline:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9},clear:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9}},level1:{arrow:{top:-3,right:0,bottom:-3,left:-7,borderRadius:7},underline:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7},clear:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7}}},textButtonBackgroundStyleMapper={t1:backgroundStyleMapper.level5,st1:backgroundStyleMapper.level5,st2:backgroundStyleMapper.level4,st3:backgroundStyleMapper.level4,t2:backgroundStyleMapper.level4,st4:backgroundStyleMapper.level4,st5:backgroundStyleMapper.level4,st6:backgroundStyleMapper.level4,t3:backgroundStyleMapper.level3,st7:backgroundStyleMapper.level3,t4:backgroundStyleMapper.level3,st8:backgroundStyleMapper.level3,st9:backgroundStyleMapper.level2,t5:backgroundStyleMapper.level2,st10:backgroundStyleMapper.level2,t6:backgroundStyleMapper.level1,st11:backgroundStyleMapper.level1,t7:backgroundStyleMapper.level1,st12:backgroundStyleMapper.level1,st13:backgroundStyleMapper.level1};TextButton.gap=8;

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

@@ -1,2 +1,2 @@
-export { TextButton } from './TextButton.js';
-export type { TextButtonProps } from './TextButton.js';
+export { TextButton } from './TextButton';
+export type { TextButtonProps } from './TextButton';

package/dist/cjs/components/text-button/index.js

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

package/dist/cjs/components/text-field/OldTextField/TDSTextField.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentProps } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { TextInput } from 'react-native';
-import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer.js';
-import type { TDSTextFieldContentProps } from './TDSTextFieldContent.js';
+import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer';
+import type { TDSTextFieldContentProps } from './TDSTextFieldContent';
 export type TDSTextFieldSize = 'big' | 'medium' | 'classic';
 export type TDSTextFieldState = 'default' | 'focused' | 'error' | 'disabled';
 export type TDSTextFieldProps = Omit<ComponentProps<typeof TextInput>, 'clearButtonMode'> & Omit<TDSTextFieldContainerProps, 'focus' | 'children' | 'onPress'> & Pick<TDSTextFieldContentProps, 'leftItem' | 'rightItem'> & {

package/dist/cjs/components/text-field/OldTextField/TDSTextField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextField=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"),index_js_2=require("../../icon/index.js"),hooks_js_1=require("./hooks.js"),TDSTextFieldContainer_js_1=require("./TDSTextFieldContainer.js"),TDSTextFieldContent_js_1=require("./TDSTextFieldContent.js"),utils_js_1=require("./utils.js"),TDS_COMMON_INPUT_ACCESSORY_VIEW_ID="TDSCommonInputAccessoryViewID";exports.TDSTextField=(0,react_1.forwardRef)(function({label:_,helpText:j,error:s,size:n,style:S,disabled:e=!1,leftItem:i,rightItem:l,onFocus:p,onBlur:f,placeholder:y,editable:c=!0,clearable:h=!1,textInputStyle:D,value:o,onClear:F,contentStyle:g,...a},C){const[t,u]=(0,react_1.useState)(!1),d=o!=null&&o.length>0,m=(0,utils_js_1.getState)({disabled:e,focus:t,error:s}),x=(0,hooks_js_1.useElementStyle)(n,m),T=(0,index_js_1.useAdaptive)(),{typography:q}=(0,index_js_1.useTypographyTheme)(),I=(c?d&&t:d)&&h;return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_js_1.TDSTextFieldContainer,{label:_,helpText:j,error:s,focus:t,size:n,style:S,disabled:e,children:(0,jsx_runtime_1.jsxs)(TDSTextFieldContent_js_1.TDSTextFieldContent,{disabled:e,focus:t,error:s,size:n,leftItem:i,rightItem:l,style:g,children:[(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{allowFontScaling:!1,style:[{flex:1,marginLeft:i?8:0,marginRight:l?8:0,textAlignVertical:"center",padding:0,fontSize:q.st10.fontSize},x.input,{color:x.input.color},D],ref:C,placeholder:y,placeholderTextColor:T.grey500,editable:!!(c&&!e),onFocus:r=>{u(!0),p?.(r)},onBlur:r=>{u(!1),f?.(r)},value:o,...a,inputAccessoryViewID:a.inputAccessoryViewID??TDS_COMMON_INPUT_ACCESSORY_VIEW_ID}),I?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:()=>{F?.()},children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{color:T.grey400,name:"icn-delete",size:20})}):null]})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),icon_1=require("../../icon"),hooks_1=require("./hooks"),TDSTextFieldContainer_1=require("./TDSTextFieldContainer"),TDSTextFieldContent_1=require("./TDSTextFieldContent"),utils_1=require("./utils"),TDS_COMMON_INPUT_ACCESSORY_VIEW_ID="TDSCommonInputAccessoryViewID";exports.TDSTextField=(0,react_1.forwardRef)(function({label:S,helpText:_,error:o,size:n,style:p,disabled:e=!1,leftItem:i,rightItem:l,onFocus:f,onBlur:y,placeholder:h,editable:c=!0,clearable:D=!1,textInputStyle:F,value:s,onClear:g,contentStyle:C,...a},m){const[t,u]=(0,react_1.useState)(!1),T=s!=null&&s.length>0,q=(0,utils_1.getState)({disabled:e,focus:t,error:o}),d=(0,hooks_1.useElementStyle)(n,q),x=(0,core_1.useAdaptive)(),{typography:I}=(0,core_1.useTypographyTheme)(),j=(c?T&&t:T)&&D;return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_1.TDSTextFieldContainer,{label:S,helpText:_,error:o,focus:t,size:n,style:p,disabled:e,children:(0,jsx_runtime_1.jsxs)(TDSTextFieldContent_1.TDSTextFieldContent,{disabled:e,focus:t,error:o,size:n,leftItem:i,rightItem:l,style:C,children:[(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{allowFontScaling:!1,style:[{flex:1,marginLeft:i?8:0,marginRight:l?8:0,textAlignVertical:"center",padding:0,fontSize:I.st10.fontSize},d.input,{color:d.input.color},F],ref:m,placeholder:h,placeholderTextColor:x.grey500,editable:!!(c&&!e),onFocus:r=>{u(!0),f?.(r)},onBlur:r=>{u(!1),y?.(r)},value:s,...a,inputAccessoryViewID:a.inputAccessoryViewID??TDS_COMMON_INPUT_ACCESSORY_VIEW_ID}),j?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:()=>{g?.()},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:x.grey400,name:"icn-delete",size:20})}):null]})})});

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { TDSTextFieldSize } from './TDSTextField.js';
+import type { TDSTextFieldSize } from './TDSTextField';
 export interface TDSTextFieldContainerProps {
     label?: string;
     placeholder?: string;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContainer=TDSTextFieldContainer;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),react_native_1=require("react-native"),hooks_js_1=require("./hooks.js"),utils_js_1=require("./utils.js");function TDSTextFieldContainer({label:t,helpText:s,error:r,focus:n,size:o,style:i,disabled:l=!1,children:c}){const u=(0,utils_js_1.getState)({disabled:l,focus:n,error:r}),e=(0,hooks_js_1.useElementStyle)(o,u),{typography:a}=(0,index_js_1.useTypographyTheme)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:t!=null?0:8,marginBottom:s?0:8},i],children:[t!=null&&(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t5",style:{...e.label,color:e.label.color,minHeight:a.t5.lineHeight},children:t}),c,s!==void 0&&(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:{...e.helpText,color:e.helpText.color},children:s})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContainer=TDSTextFieldContainer;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),txt_1=require("../../txt"),react_native_1=require("react-native"),hooks_1=require("./hooks"),utils_1=require("./utils");function TDSTextFieldContainer({label:t,helpText:r,error:o,focus:n,size:s,style:i,disabled:c=!1,children:l}){const u=(0,utils_1.getState)({disabled:c,focus:n,error:o}),e=(0,hooks_1.useElementStyle)(s,u),{typography:a}=(0,core_1.useTypographyTheme)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:t!=null?0:8,marginBottom:r?0:8},i],children:[t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",style:{...e.label,color:e.label.color,minHeight:a.t5.lineHeight},children:t}),l,r!==void 0&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{...e.helpText,color:e.helpText.color},children:r})]})}

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { TDSTextFieldSize } from './TDSTextField.js';
+import type { TDSTextFieldSize } from './TDSTextField';
 export interface TDSTextFieldContentProps {
     disabled?: boolean;
     focus?: boolean;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContent.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContent=TDSTextFieldContent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importDefault(require("react")),react_native_1=require("react-native"),hooks_js_1=require("./hooks.js"),utils_js_1=require("./utils.js");function TDSTextFieldContent({disabled:e,focus:i,error:l,size:t,leftItem:n,rightItem:o,children:s,style:u}){const a=(0,utils_js_1.getState)({disabled:e,focus:i,error:l}),r=(0,hooks_js_1.useElementStyle)(t,a);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},r.inputContainer,{backgroundColor:r.inputContainer.backgroundColor,borderBottomColor:r.inputContainer.borderBottomColor},u],children:[react_1.default.isValidElement(n)&&react_1.default.cloneElement(n,{textfieldSize:t}),s,react_1.default.isValidElement(o)&&react_1.default.cloneElement(o,{textfieldSize:t})]})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContent=TDSTextFieldContent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importDefault(require("react")),react_native_1=require("react-native"),hooks_1=require("./hooks"),utils_1=require("./utils");function TDSTextFieldContent({disabled:e,focus:i,error:l,size:t,leftItem:n,rightItem:o,children:u,style:s}){const a=(0,utils_1.getState)({disabled:e,focus:i,error:l}),r=(0,hooks_1.useElementStyle)(t,a);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},r.inputContainer,{backgroundColor:r.inputContainer.backgroundColor,borderBottomColor:r.inputContainer.borderBottomColor},s],children:[react_1.default.isValidElement(n)&&react_1.default.cloneElement(n,{textfieldSize:t}),u,react_1.default.isValidElement(o)&&react_1.default.cloneElement(o,{textfieldSize:t})]})}

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldItem.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, TouchableOpacityProps, ViewStyle } from 'react-native';
-import type { TDSTextFieldSize } from './TDSTextField.js';
+import type { TDSTextFieldSize } from './TDSTextField';
 export declare function TDSTextFieldItem({ style, children }: {
     style?: StyleProp<ViewStyle>;
     children?: React.ReactNode;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldItem=TDSTextFieldItem;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"),index_js_2=require("../../icon/index.js"),index_js_3=require("../../txt/index.js");function TDSTextFieldItem({style:e,children:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignItems:"center",justifyContent:"center"},e],children:t})}function TDSTextFieldLabelItem({label:e,style:t,textfieldSize:n}){const r=(0,index_js_1.useAdaptive)(),s=(0,react_1.useMemo)(()=>getLabelTxtStyle({grey900:r.grey900}),[r.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:t,children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{...s[n??"medium"],children:e})})}function TDSTextFieldIconItem({style:e,name:t,size:n,color:r=tds_colors_1.colors.grey400,onPress:s}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{onPress:s,children:(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:e,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{name:t,color:r,size:n})})})}TDSTextFieldItem.Label=TDSTextFieldLabelItem,TDSTextFieldItem.Icon=TDSTextFieldIconItem;const getLabelTxtStyle=({grey900:e})=>({big:{typography:"t1",fontWeight:"medium",color:e},medium:{typography:"t3",fontWeight:"regular",color:e},classic:{typography:"t4",fontWeight:"regular",color:e}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldItem=TDSTextFieldItem;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"),icon_1=require("../../icon"),txt_1=require("../../txt");function TDSTextFieldItem({style:e,children:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignItems:"center",justifyContent:"center"},e],children:t})}function TDSTextFieldLabelItem({label:e,style:t,textfieldSize:o}){const r=(0,core_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>getLabelTxtStyle({grey900:r.grey900}),[r.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:t,children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{...c[o??"medium"],children:e})})}function TDSTextFieldIconItem({style:e,name:t,size:o,color:r=tds_colors_1.colors.grey400,onPress:c}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{onPress:c,children:(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:e,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:t,color:r,size:o})})})}TDSTextFieldItem.Label=TDSTextFieldLabelItem,TDSTextFieldItem.Icon=TDSTextFieldIconItem;const getLabelTxtStyle=({grey900:e})=>({big:{typography:"t1",fontWeight:"medium",color:e},medium:{typography:"t3",fontWeight:"regular",color:e},classic:{typography:"t4",fontWeight:"regular",color:e}});

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldSelectButton.d.ts

@@ -1,4 +1,4 @@
-import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer.js';
+import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer';
 interface TextFieldSelectButtonProps extends Omit<TDSTextFieldContainerProps, 'children' | 'rightItem'> {
     placeholder: string;
     value: string | undefined;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldSelectButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldSelectButton=TextFieldSelectButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/pressable-effect/index.js"),react_native_1=require("react-native"),react_1=require("react"),styles_js_1=require("./styles.js"),TDSTextFieldContainer_js_1=require("./TDSTextFieldContainer.js"),TDSTextFieldItem_js_1=require("./TDSTextFieldItem.js"),TDSTextFieldContent_js_1=require("./TDSTextFieldContent.js");function TextFieldSelectButton({value:s,placeholder:n,onPress:i,...t}){const r=!!s,e=(0,index_js_1.useAdaptive)(),o=t.size==="classic"?index_js_2.PressableEffect:react_native_1.Pressable,c=(0,react_1.useMemo)(()=>(0,styles_js_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),[e.grey400,e.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_js_1.TDSTextFieldContainer,{...t,children:(0,jsx_runtime_1.jsx)(o,{onPress:i,children:(0,jsx_runtime_1.jsx)(TDSTextFieldContent_js_1.TDSTextFieldContent,{rightItem:(0,jsx_runtime_1.jsx)(TDSTextFieldItem_js_1.TDSTextFieldItem.Icon,{name:"arrow-downwards"}),size:t.size,children:(0,jsx_runtime_1.jsx)(react_native_1.Text,{style:[c["classic-default"],{flex:1,color:r?e.grey500:e.grey900,width:"100%"}],children:r?n:s})})})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldSelectButton=TextFieldSelectButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),pressable_effect_1=require("../../../interactions/pressable-effect"),react_native_1=require("react-native"),react_1=require("react"),styles_1=require("./styles"),TDSTextFieldContainer_1=require("./TDSTextFieldContainer"),TDSTextFieldItem_1=require("./TDSTextFieldItem"),TDSTextFieldContent_1=require("./TDSTextFieldContent");function TextFieldSelectButton({value:r,placeholder:n,onPress:i,...t}){const s=!!r,e=(0,core_1.useAdaptive)(),o=t.size==="classic"?pressable_effect_1.PressableEffect:react_native_1.Pressable,c=(0,react_1.useMemo)(()=>(0,styles_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),[e.grey400,e.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_1.TDSTextFieldContainer,{...t,children:(0,jsx_runtime_1.jsx)(o,{onPress:i,children:(0,jsx_runtime_1.jsx)(TDSTextFieldContent_1.TDSTextFieldContent,{rightItem:(0,jsx_runtime_1.jsx)(TDSTextFieldItem_1.TDSTextFieldItem.Icon,{name:"arrow-downwards"}),size:t.size,children:(0,jsx_runtime_1.jsx)(react_native_1.Text,{style:[c["classic-default"],{flex:1,color:s?e.grey500:e.grey900,width:"100%"}],children:s?n:r})})})})}

package/dist/cjs/components/text-field/OldTextField/TextArea.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, TextInput, TextStyle } from 'react-native';
-import type { TDSTextFieldProps } from './TDSTextField.js';
+import type { TDSTextFieldProps } from './TDSTextField';
 interface TextAreaProps extends Omit<TDSTextFieldProps, 'size' | 'multiline' | 'textInputStyle'> {
     /**
      *

package/dist/cjs/components/text-field/OldTextField/TextArea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),react_1=require("react"),TDSTextField_js_1=require("./TDSTextField.js"),TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:s}=(0,index_js_1.useTypographyTheme)(),{fontSize:i,lineHeight:n}=s.st10;return(0,jsx_runtime_1.jsx)(TDSTextField_js_1.TDSTextField,{ref:r,size:"classic",textInputStyle:[{minHeight:n*2+5,fontSize:i},e],multiline:!0,...t})});exports.default=TextArea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),react_1=require("react"),TDSTextField_1=require("./TDSTextField"),TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:i}=(0,core_1.useTypographyTheme)(),{fontSize:s,lineHeight:n}=i.st10;return(0,jsx_runtime_1.jsx)(TDSTextField_1.TDSTextField,{ref:r,size:"classic",textInputStyle:[{minHeight:n*2+5,fontSize:s},e],multiline:!0,...t})});exports.default=TextArea;

package/dist/cjs/components/text-field/OldTextField/hooks.d.ts

@@ -1,16 +1,16 @@
-import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField.js';
+import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField';
 export declare function useElementStyle(size: TDSTextFieldSize, state: TDSTextFieldState): {
     label: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt/Txt.js").TxtStyleProps["color"];
+        color: import("../../txt").TxtStyleProps["color"];
     };
     input: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt/Txt.js").TxtStyleProps["color"];
+        color: import("../../txt").TxtStyleProps["color"];
     };
     inputContainer: Omit<import("react-native").ViewStyle, "borderBottomColor" | "backgroundColor"> & {
         borderBottomColor: string | undefined;
         backgroundColor: string | undefined;
     };
     helpText: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt/Txt.js").TxtStyleProps["color"];
+        color: import("../../txt").TxtStyleProps["color"];
     };
 };

package/dist/cjs/components/text-field/OldTextField/hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useElementStyle=useElementStyle;const react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),styles_js_1=require("./styles.js");function useElementStyle(t,r){const e=(0,index_js_1.useAdaptive)();return(0,react_1.useMemo)(()=>{const y=(0,styles_js_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),l=(0,styles_js_1.getLabelStyle)({grey700:e.grey700,grey800:e.grey800}),n=(0,styles_js_1.getHelpTextStyle)({grey500:e.grey500,grey600:e.grey600,grey700:e.grey700}),g=(0,styles_js_1.getInputContainerStyle)({grey50:e.grey50,grey100:e.grey100,grey200:e.grey200});return{label:react_native_1.StyleSheet.flatten([l[`${t}-default`],l[`${t}-${r}`]]),input:react_native_1.StyleSheet.flatten([y[`${t}-default`],y[`${t}-${r}`]]),inputContainer:react_native_1.StyleSheet.flatten([g[`${t}-default`],g[`${t}-${r}`]]),helpText:react_native_1.StyleSheet.flatten([n[`${t}-default`],n[`${t}-${r}`]])}},[e.grey50,e.grey100,e.grey200,e.grey400,e.grey500,e.grey600,e.grey700,e.grey800,e.grey900,t,r])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useElementStyle=useElementStyle;const react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),styles_1=require("./styles");function useElementStyle(t,r){const e=(0,core_1.useAdaptive)();return(0,react_1.useMemo)(()=>{const y=(0,styles_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),l=(0,styles_1.getLabelStyle)({grey700:e.grey700,grey800:e.grey800}),n=(0,styles_1.getHelpTextStyle)({grey500:e.grey500,grey600:e.grey600,grey700:e.grey700}),g=(0,styles_1.getInputContainerStyle)({grey50:e.grey50,grey100:e.grey100,grey200:e.grey200});return{label:react_native_1.StyleSheet.flatten([l[`${t}-default`],l[`${t}-${r}`]]),input:react_native_1.StyleSheet.flatten([y[`${t}-default`],y[`${t}-${r}`]]),inputContainer:react_native_1.StyleSheet.flatten([g[`${t}-default`],g[`${t}-${r}`]]),helpText:react_native_1.StyleSheet.flatten([n[`${t}-default`],n[`${t}-${r}`]])}},[e.grey50,e.grey100,e.grey200,e.grey400,e.grey500,e.grey600,e.grey700,e.grey800,e.grey900,t,r])}

package/dist/cjs/components/text-field/OldTextField/index.d.ts

@@ -1,7 +1,7 @@
-import { TDSTextFieldItem } from './TDSTextFieldItem.js';
-import { TextFieldSelectButton } from './TDSTextFieldSelectButton.js';
+import { TDSTextFieldItem } from './TDSTextFieldItem';
+import { TextFieldSelectButton } from './TDSTextFieldSelectButton';
 /** @deprecated */
-declare const OldTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<import("./TDSTextFieldContainer.js").TDSTextFieldContainerProps, "children" | "focus" | "onPress"> & Pick<import("./TDSTextFieldContent.js").TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
+declare const OldTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<import("./TDSTextFieldContainer").TDSTextFieldContainerProps, "children" | "focus" | "onPress"> & Pick<import("./TDSTextFieldContent").TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
     contentStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
 } & import("react").RefAttributes<import("react-native").TextInput>>;
 /** @deprecated */

package/dist/cjs/components/text-field/OldTextField/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;const TDSTextField_js_1=require("./TDSTextField.js"),TDSTextFieldItem_js_1=require("./TDSTextFieldItem.js"),TDSTextFieldSelectButton_js_1=require("./TDSTextFieldSelectButton.js"),OldTextField=TDSTextField_js_1.TDSTextField;exports.OldTextField=OldTextField;const OldTextFieldItem=TDSTextFieldItem_js_1.TDSTextFieldItem;exports.OldTextFieldItem=OldTextFieldItem;const OldTextFieldSelectButton=TDSTextFieldSelectButton_js_1.TextFieldSelectButton;exports.OldTextFieldSelectButton=OldTextFieldSelectButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;const TDSTextField_1=require("./TDSTextField"),TDSTextFieldItem_1=require("./TDSTextFieldItem"),TDSTextFieldSelectButton_1=require("./TDSTextFieldSelectButton"),OldTextField=TDSTextField_1.TDSTextField;exports.OldTextField=OldTextField;const OldTextFieldItem=TDSTextFieldItem_1.TDSTextFieldItem;exports.OldTextFieldItem=OldTextFieldItem;const OldTextFieldSelectButton=TDSTextFieldSelectButton_1.TextFieldSelectButton;exports.OldTextFieldSelectButton=OldTextFieldSelectButton;

package/dist/cjs/components/text-field/OldTextField/styles.d.ts

@@ -1,6 +1,6 @@
 import type { TextStyle, ViewStyle } from 'react-native';
-import type { TxtStyleProps } from '../../txt/index.js';
-import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField.js';
+import type { TxtStyleProps } from '../../txt';
+import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField';
 type TextStyleByVariant = Record<`${TDSTextFieldSize}-${TDSTextFieldState}`, Omit<TextStyle, 'color'> & {
     color: TxtStyleProps['color'];
 }>;

package/dist/cjs/components/text-field/OldTextField/styles.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputStyle=exports.fontFamilyMap=exports.getInputContainerStyle=exports.getHelpTextStyle=exports.getLabelStyle=void 0;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_native_1=require("react-native"),index_js_1=require("../../txt/index.js"),getLabelStyle=({grey700:o,grey800:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.st10.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:e},"big-focused":{color:tds_colors_1.colors.blue700},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:o},"medium-focused":{color:tds_colors_1.colors.blue700},"medium-error":{color:tds_colors_1.colors.red600},"medium-disabled":{},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.semiBold,color:o},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getLabelStyle=getLabelStyle;const getHelpTextStyle=({grey500:o,grey600:e,grey700:t})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:e},"big-focused":{},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:o},"medium-focused":{color:e},"medium-error":{color:tds_colors_1.colors.red500},"medium-disabled":{color:o},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:t},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getHelpTextStyle=getHelpTextStyle;const getInputContainerStyle=({grey50:o,grey100:e,grey200:t})=>react_native_1.StyleSheet.create({"big-default":{borderBottomWidth:2,borderBottomColor:t,paddingBottom:8,paddingTop:8},"big-focused":{borderBottomColor:tds_colors_1.colors.blue400},"big-error":{borderBottomColor:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{borderBottomWidth:2,borderBottomColor:e,paddingBottom:6,paddingTop:6},"medium-focused":{borderBottomColor:tds_colors_1.colors.blue400},"medium-error":{borderBottomColor:tds_colors_1.colors.red600},"medium-disabled":{borderBottomColor:"transparent"},"classic-default":{paddingBottom:15,paddingTop:14,borderRadius:14,backgroundColor:o,paddingHorizontal:16},"classic-focused":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue900,.05)},"classic-error":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.red900,.05)},"classic-disabled":{backgroundColor:t}});exports.getInputContainerStyle=getInputContainerStyle,exports.fontFamilyMap=index_js_1.fontFamilyByFontWeightMap[react_native_1.Platform.OS==="android"?"android":"ios"];const getInputStyle=({grey400:o,grey900:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.t1.fontSize,fontWeight:index_js_1.fontWeightMap.medium,fontFamily:exports.fontFamilyMap.medium,color:e},"big-focused":{},"big-error":{},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t3.fontSize,fontWeight:index_js_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"medium-focused":{},"medium-error":{},"medium-disabled":{},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t4.fontSize,fontWeight:index_js_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"classic-focused":{},"classic-error":{},"classic-disabled":{color:o}});exports.getInputStyle=getInputStyle;
+"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputStyle=exports.fontFamilyMap=exports.getInputContainerStyle=exports.getHelpTextStyle=exports.getLabelStyle=void 0;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_native_1=require("react-native"),txt_1=require("../../txt"),getLabelStyle=({grey700:o,grey800:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.st10.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:e},"big-focused":{color:tds_colors_1.colors.blue700},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:o},"medium-focused":{color:tds_colors_1.colors.blue700},"medium-error":{color:tds_colors_1.colors.red600},"medium-disabled":{},"classic-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.semiBold,color:o},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getLabelStyle=getLabelStyle;const getHelpTextStyle=({grey500:o,grey600:e,grey700:t})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:e},"big-focused":{},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:o},"medium-focused":{color:e},"medium-error":{color:tds_colors_1.colors.red500},"medium-disabled":{color:o},"classic-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:t},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getHelpTextStyle=getHelpTextStyle;const getInputContainerStyle=({grey50:o,grey100:e,grey200:t})=>react_native_1.StyleSheet.create({"big-default":{borderBottomWidth:2,borderBottomColor:t,paddingBottom:8,paddingTop:8},"big-focused":{borderBottomColor:tds_colors_1.colors.blue400},"big-error":{borderBottomColor:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{borderBottomWidth:2,borderBottomColor:e,paddingBottom:6,paddingTop:6},"medium-focused":{borderBottomColor:tds_colors_1.colors.blue400},"medium-error":{borderBottomColor:tds_colors_1.colors.red600},"medium-disabled":{borderBottomColor:"transparent"},"classic-default":{paddingBottom:15,paddingTop:14,borderRadius:14,backgroundColor:o,paddingHorizontal:16},"classic-focused":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue900,.05)},"classic-error":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.red900,.05)},"classic-disabled":{backgroundColor:t}});exports.getInputContainerStyle=getInputContainerStyle,exports.fontFamilyMap=txt_1.fontFamilyByFontWeightMap[react_native_1.Platform.OS==="android"?"android":"ios"];const getInputStyle=({grey400:o,grey900:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.t1.fontSize,fontWeight:txt_1.fontWeightMap.medium,fontFamily:exports.fontFamilyMap.medium,color:e},"big-focused":{},"big-error":{},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t3.fontSize,fontWeight:txt_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"medium-focused":{},"medium-error":{},"medium-disabled":{},"classic-default":{fontSize:txt_1.defaultTypographyMap.t4.fontSize,fontWeight:txt_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"classic-focused":{},"classic-error":{},"classic-disabled":{color:o}});exports.getInputStyle=getInputStyle;

package/dist/cjs/components/text-field/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, TextInput, TextStyle } from 'react-native';
-import { type TextFieldProps } from '../TextField/index.js';
+import { type TextFieldProps } from '../TextField';
 export interface TextAreaProps extends Omit<TextFieldProps, 'variant' | 'multiline'> {
     /**
      *

package/dist/cjs/components/text-field/TextArea/TextArea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextArea=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../../../core/index.js"),index_js_2=require("../TextField/index.js");exports.TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:i}=(0,index_js_1.useTypographyTheme)(),{fontSize:n,lineHeight:s}=i.st10;return(0,jsx_runtime_1.jsx)(index_js_2.TextField,{ref:r,variant:"box",style:[{minHeight:s*2+5,fontSize:n,textAlignVertical:"top"},e],multiline:!0,...t})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextArea=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),core_1=require("../../../core"),TextField_1=require("../TextField");exports.TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:i}=(0,core_1.useTypographyTheme)(),{fontSize:o,lineHeight:n}=i.st10;return(0,jsx_runtime_1.jsx)(TextField_1.TextField,{ref:r,variant:"box",style:[{minHeight:n*2+5,fontSize:o,textAlignVertical:"top"},e],multiline:!0,...t})});

package/dist/cjs/components/text-field/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-export { TextArea } from './TextArea.js';
-export type { TextAreaProps } from './TextArea.js';
+export { TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';

package/dist/cjs/components/text-field/TextArea/index.js

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

package/dist/cjs/components/text-field/TextField/TextField.d.ts

@@ -1,15 +1,15 @@
 import type { TextInput, View } from 'react-native';
-import type { TextFieldProps } from './types.js';
-import { format } from './utils/format.js';
-declare const _TextField: import("react").ForwardRefExoticComponent<import("./types.js").TextFieldContainerPublicProps & import("./types.js").TextFieldPublicProps & Omit<import("react-native").TextInputProps, "value" | keyof import("./types.js").TextFieldPublicProps | keyof import("./types.js").TextFieldContainerPublicProps> & {
-    value?: import("./types.js").TextFieldValue;
+import type { TextFieldProps } from './types';
+import { format } from './utils/format';
+declare const _TextField: import("react").ForwardRefExoticComponent<import("./types").TextFieldContainerPublicProps & import("./types").TextFieldPublicProps & Omit<import("react-native").TextInputProps, "value" | keyof import("./types").TextFieldPublicProps | keyof import("./types").TextFieldContainerPublicProps> & {
+    value?: import("./types").TextFieldValue;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;
 declare const _ClearableTextField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "right"> & {
     onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;
-declare const _TextFieldButton: import("react").ForwardRefExoticComponent<import("./types.js").TextFieldContainerPublicProps & import("./types.js").TextFieldPublicProps & Omit<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "ref">, "value" | keyof import("./types.js").TextFieldPublicProps | keyof import("./types.js").TextFieldContainerPublicProps> & {
-    value?: import("./types.js").TextFieldValue;
+declare const _TextFieldButton: import("react").ForwardRefExoticComponent<import("./types").TextFieldContainerPublicProps & import("./types").TextFieldPublicProps & Omit<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "ref">, "value" | keyof import("./types").TextFieldPublicProps | keyof import("./types").TextFieldContainerPublicProps> & {
+    value?: import("./types").TextFieldValue;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

package/dist/cjs/components/text-field/TextField/TextField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),format_js_1=require("./utils/format.js"),index_js_1=require("./variants/TextFieldBig/index.js"),index_js_2=require("./variants/TextFieldBox/index.js"),index_js_3=require("./variants/TextFieldHero/index.js"),index_js_4=require("./variants/TextFieldLine/index.js"),_TextField=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(index_js_1.TextFieldBig,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(index_js_2.TextFieldBox,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(index_js_3.TextFieldHero,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(index_js_4.TextFieldLine,{...e,ref:t})}}),_ClearableTextField=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(index_js_1.TextFieldBigClearable,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(index_js_2.TextFieldBoxClearable,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(index_js_3.TextFieldHeroClearable,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(index_js_4.TextFieldLineClearable,{...e,ref:t})}}),_TextFieldButton=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(index_js_1.TextFieldBigButton,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(index_js_2.TextFieldBoxButton,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(index_js_3.TextFieldHeroButton,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(index_js_4.TextFieldLineButton,{...e,ref:t})}});exports.TextField=_TextField,exports.TextField.Clearable=_ClearableTextField,exports.TextField.format=format_js_1.format,exports.TextField.Button=_TextFieldButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),format_1=require("./utils/format"),TextFieldBig_1=require("./variants/TextFieldBig"),TextFieldBox_1=require("./variants/TextFieldBox"),TextFieldHero_1=require("./variants/TextFieldHero"),TextFieldLine_1=require("./variants/TextFieldLine"),_TextField=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(TextFieldBig_1.TextFieldBig,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(TextFieldBox_1.TextFieldBox,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(TextFieldHero_1.TextFieldHero,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(TextFieldLine_1.TextFieldLine,{...e,ref:t})}}),_ClearableTextField=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(TextFieldBig_1.TextFieldBigClearable,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(TextFieldBox_1.TextFieldBoxClearable,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(TextFieldHero_1.TextFieldHeroClearable,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(TextFieldLine_1.TextFieldLineClearable,{...e,ref:t})}}),_TextFieldButton=(0,react_1.forwardRef)(function(e,t){switch(e.variant){case"big":return(0,jsx_runtime_1.jsx)(TextFieldBig_1.TextFieldBigButton,{...e,ref:t});case"box":return(0,jsx_runtime_1.jsx)(TextFieldBox_1.TextFieldBoxButton,{...e,ref:t});case"hero":return(0,jsx_runtime_1.jsx)(TextFieldHero_1.TextFieldHeroButton,{...e,ref:t});case"line":return(0,jsx_runtime_1.jsx)(TextFieldLine_1.TextFieldLineButton,{...e,ref:t})}});exports.TextField=_TextField,exports.TextField.Clearable=_ClearableTextField,exports.TextField.format=format_1.format,exports.TextField.Button=_TextFieldButton;

package/dist/cjs/components/text-field/TextField/components/TextFieldButtonArrow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldButtonArrow=TextFieldButtonArrow;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../icon/index.js");function TextFieldButtonArrow(){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Icon,{name:"icon-arrow-down-mono",color:e.grey400,size:24})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldButtonArrow=TextFieldButtonArrow;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../../core"),icon_1=require("../../../icon");function TextFieldButtonArrow(){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-arrow-down-mono",color:e.grey400,size:24})}

package/dist/cjs/components/text-field/TextField/components/TextFieldButtonText.d.ts

@@ -1,4 +1,4 @@
-import { Txt } from '../../../txt/index.js';
+import { Txt } from '../../../txt';
 import type { ComponentProps } from 'react';
 type TxtProps = ComponentProps<typeof Txt>;
 type Props = TxtProps & {

package/dist/cjs/components/text-field/TextField/components/TextFieldButtonText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldButtonText=TextFieldButtonText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../txt/index.js");function TextFieldButtonText({color:t,placeholder:n,placeholderColor:s=t,children:e,...u}){const r=e==null||e.length===0;return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{color:r?s:t,...u,children:r?n:e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldButtonText=TextFieldButtonText;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../../txt");function TextFieldButtonText({color:e,placeholder:u,placeholderColor:n=e,children:t,...o}){const r=t==null||t.length===0;return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:r?n:e,...o,children:r?u:t})}

package/dist/cjs/components/text-field/TextField/components/TextFieldClearButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldClearButton=TextFieldClearButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../icon/index.js"),react_native_1=require("react-native");function TextFieldClearButton({size:e,onPress:r}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{size:e,name:"icon-x-circle-mono",color:t.grey400})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldClearButton=TextFieldClearButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../../core"),icon_1=require("../../../icon"),react_native_1=require("react-native");function TextFieldClearButton({size:e,onPress:r}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{size:e,name:"icon-x-circle-mono",color:t.grey400})})}

package/dist/cjs/components/text-field/TextField/components/TextFieldHelp.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHelp=TextFieldHelp;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../txt/index.js"),react_native_1=require("react-native");function TextFieldHelp({color:e,children:t}){return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{color:e,typography:"t7",style:[styles.container],children:t})}const styles=react_native_1.StyleSheet.create({container:{paddingTop:6,paddingBottom:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHelp=TextFieldHelp;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../../txt"),react_native_1=require("react-native");function TextFieldHelp({color:e,children:t}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:e,typography:"t7",style:[styles.container],children:t})}const styles=react_native_1.StyleSheet.create({container:{paddingTop:6,paddingBottom:0}});

package/dist/cjs/components/text-field/TextField/components/TextFieldLabel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLabel=TextFieldLabel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../../txt/index.js");function TextFieldLabel({color:t,opacity:r,children:e,style:n}){return e==null?null:(0,jsx_runtime_1.jsx)(index_js_1.Txt,{typography:"t7",style:[styles.container,{color:t,opacity:r},n],children:e})}const styles=react_native_1.StyleSheet.create({container:{paddingBottom:6}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLabel=TextFieldLabel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),txt_1=require("../../../txt");function TextFieldLabel({color:t,opacity:r,children:e,style:n}){return e==null?null:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",style:[styles.container,{color:t,opacity:r},n],children:e})}const styles=react_native_1.StyleSheet.create({container:{paddingBottom:6}});

package/dist/cjs/components/text-field/TextField/hooks/useLabelControls.d.ts

@@ -1,4 +1,4 @@
-import type { TextFieldControlProps } from '../types.js';
+import type { TextFieldControlProps } from '../types';
 export declare function useTextFieldLabelControls(props: TextFieldControlProps, focused: boolean): {
     color: string;
     opacity: number;

package/dist/cjs/components/text-field/TextField/hooks/useLabelControls.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldLabelControls=useTextFieldLabelControls;const tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),index_js_1=require("../../../../core/index.js"),getTextFieldStatus_js_1=require("../utils/getTextFieldStatus.js"),hasValue_js_1=require("../utils/hasValue.js");function useTextFieldLabelControls(e,r){const t=(0,index_js_1.useAdaptive)(),s=(0,getTextFieldStatus_js_1.getTextFieldStatus)(e,r),o=(0,react_1.useMemo)(()=>{switch(s){case"normal":return t.grey800;case"focused":return tds_colors_1.colors.blue600;case"error":return tds_colors_1.colors.red600;case"disabled":return t.grey800}},[s,t.grey800]),u=(0,react_1.useMemo)(()=>(0,hasValue_js_1.hasValue)(e.value)||e.labelOption==="sustain"?1:0,[e.value,e.labelOption]);return{color:o,opacity:u}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldLabelControls=useTextFieldLabelControls;const tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),core_1=require("../../../../core"),getTextFieldStatus_1=require("../utils/getTextFieldStatus"),hasValue_1=require("../utils/hasValue");function useTextFieldLabelControls(e,s){const t=(0,core_1.useAdaptive)(),r=(0,getTextFieldStatus_1.getTextFieldStatus)(e,s),o=(0,react_1.useMemo)(()=>{switch(r){case"normal":return t.grey800;case"focused":return tds_colors_1.colors.blue600;case"error":return tds_colors_1.colors.red600;case"disabled":return t.grey800}},[r,t.grey800]),u=(0,react_1.useMemo)(()=>(0,hasValue_1.hasValue)(e.value)||e.labelOption==="sustain"?1:0,[e.value,e.labelOption]);return{color:o,opacity:u}}

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldClearButtonControls.d.ts

@@ -1,4 +1,4 @@
-import type { ClearableTextFieldProps } from '../types.js';
+import type { ClearableTextFieldProps } from '../types';
 export declare function useTextFieldClearButtonControls(props: ClearableTextFieldProps): {
     isVisible: boolean;
     onInputFocus: () => void;

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldClearButtonControls.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldClearButtonControls=useTextFieldClearButtonControls;const react_1=require("react"),hasValue_js_1=require("../utils/hasValue.js"),useIsMountedRef_js_1=require("./useIsMountedRef.js");function useTextFieldClearButtonControls(u){const[n,s]=(0,react_1.useState)(!1),t=(0,useIsMountedRef_js_1.useIsMountedRef)(),e=(0,react_1.useRef)(),r=(0,react_1.useCallback)(()=>{s(!0)},[]),o=(0,react_1.useCallback)(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{t.mounted&&s(!1)},100)},[t]);return{isVisible:n&&(0,hasValue_js_1.hasValue)(u.value),onInputFocus:r,onInputBlur:o}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldClearButtonControls=useTextFieldClearButtonControls;const react_1=require("react"),hasValue_1=require("../utils/hasValue"),useIsMountedRef_1=require("./useIsMountedRef");function useTextFieldClearButtonControls(u){const[n,t]=(0,react_1.useState)(!1),s=(0,useIsMountedRef_1.useIsMountedRef)(),e=(0,react_1.useRef)(),r=(0,react_1.useCallback)(()=>{t(!0)},[]),o=(0,react_1.useCallback)(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{s.mounted&&t(!1)},100)},[s]);return{isVisible:n&&(0,hasValue_1.hasValue)(u.value),onInputFocus:r,onInputBlur:o}}

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultLineBorderColor.d.ts

@@ -1,2 +1,2 @@
-import type { TextFieldControlProps } from '../types.js';
+import type { TextFieldControlProps } from '../types';
 export declare function useTextFieldDefaultLineBorderColor(props: TextFieldControlProps, focused: boolean): string;

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultLineBorderColor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultLineBorderColor=useTextFieldDefaultLineBorderColor;const index_js_1=require("../../../../core/index.js"),react_1=require("react"),getTextFieldStatus_js_1=require("../utils/getTextFieldStatus.js");function useTextFieldDefaultLineBorderColor(r,s){const e=(0,index_js_1.useAdaptive)(),t=(0,getTextFieldStatus_js_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":return e.grey100;case"focused":return e.blue400;case"error":return e.red600;case"disabled":return e.grey100}},[e.grey100,e.blue400,e.red600,t])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultLineBorderColor=useTextFieldDefaultLineBorderColor;const core_1=require("../../../../core"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultLineBorderColor(r,s){const e=(0,core_1.useAdaptive)(),t=(0,getTextFieldStatus_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":return e.grey100;case"focused":return e.blue400;case"error":return e.red600;case"disabled":return e.grey100}},[e.grey100,e.blue400,e.red600,t])}

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultPlaceholderColor.d.ts

@@ -1,2 +1,2 @@
-import type { TextFieldControlProps } from '../types.js';
+import type { TextFieldControlProps } from '../types';
 export declare function useTextFieldDefaultPlaceholderColor(props: TextFieldControlProps, focused: boolean): string;

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultPlaceholderColor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultPlaceholderColor=useTextFieldDefaultPlaceholderColor;const index_js_1=require("../../../../core/index.js"),react_1=require("react"),getTextFieldStatus_js_1=require("../utils/getTextFieldStatus.js");function useTextFieldDefaultPlaceholderColor(r,s){const e=(0,index_js_1.useAdaptive)(),t=(0,getTextFieldStatus_js_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"error":return e.grey500;case"disabled":return e.grey400}},[e.grey400,e.grey500,t])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultPlaceholderColor=useTextFieldDefaultPlaceholderColor;const core_1=require("../../../../core"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultPlaceholderColor(r,s){const e=(0,core_1.useAdaptive)(),t=(0,getTextFieldStatus_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"error":return e.grey500;case"disabled":return e.grey400}},[e.grey400,e.grey500,t])}

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultTextColor.d.ts

@@ -1,2 +1,2 @@
-import type { TextFieldControlProps } from '../types.js';
+import type { TextFieldControlProps } from '../types';
 export declare function useTextFieldDefaultTextColor(props: TextFieldControlProps, focused: boolean): string;

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldDefaultTextColor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultTextColor=useTextFieldDefaultTextColor;const index_js_1=require("../../../../core/index.js"),react_1=require("react"),getTextFieldStatus_js_1=require("../utils/getTextFieldStatus.js");function useTextFieldDefaultTextColor(r,s){const e=(0,index_js_1.useAdaptive)(),t=(0,getTextFieldStatus_js_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"error":return e.grey800;case"disabled":return e.grey400}},[e.grey400,e.grey800,t])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldDefaultTextColor=useTextFieldDefaultTextColor;const core_1=require("../../../../core"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultTextColor(r,s){const e=(0,core_1.useAdaptive)(),t=(0,getTextFieldStatus_1.getTextFieldStatus)(r,s);return(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"error":return e.grey800;case"disabled":return e.grey400}},[e.grey400,e.grey800,t])}

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldHelpControls.d.ts

@@ -1,4 +1,4 @@
-import type { TextFieldControlProps } from '../types.js';
+import type { TextFieldControlProps } from '../types';
 export declare function useTextFieldHelpControls(props: TextFieldControlProps, focused: boolean): {
     color: string;
 };

package/dist/cjs/components/text-field/TextField/hooks/useTextFieldHelpControls.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldHelpControls=useTextFieldHelpControls;const tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),index_js_1=require("../../../../core/index.js"),getTextFieldStatus_js_1=require("../utils/getTextFieldStatus.js");function useTextFieldHelpControls(s,r){const e=(0,index_js_1.useAdaptive)(),t=(0,getTextFieldStatus_js_1.getTextFieldStatus)(s,r);return{color:(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"disabled":return e.grey600;case"error":return tds_colors_1.colors.red600}},[t,e.grey600])}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldHelpControls=useTextFieldHelpControls;const tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),core_1=require("../../../../core"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldHelpControls(r,s){const e=(0,core_1.useAdaptive)(),t=(0,getTextFieldStatus_1.getTextFieldStatus)(r,s);return{color:(0,react_1.useMemo)(()=>{switch(t){case"normal":case"focused":case"disabled":return e.grey600;case"error":return tds_colors_1.colors.red600}},[t,e.grey600])}}