@toss/tds-react-native 1.3.0 → 1.3.1

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

@@ -1,5 +1,5 @@
-import { StyleProp, TextInput, TextStyle } from 'react-native';
-import { type TextFieldProps } from '../TextField';
+import type { StyleProp, TextInput, TextStyle } from 'react-native';
+import { type TextFieldProps } from '../TextField/index.js';
 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"),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})});
+"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})});

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

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

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_1=require("./TextArea");Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function(){return TextArea_1.TextArea}});
+"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}});

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

@@ -1,15 +1,15 @@
-import { TextInput, View } from 'react-native';
-import { 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;
+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;
     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").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;
+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;
     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_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;
+"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;

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_1=require("../../../../core/index"),index_2=require("../../../icon/index");function TextFieldButtonArrow(){const e=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_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"),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})}

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

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

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_1=require("../../../txt/index");function TextFieldButtonText({color:t,placeholder:n,placeholderColor:u=t,children:e,...x}){const r=e==null||e.length===0;return(0,jsx_runtime_1.jsx)(index_1.Txt,{color:r?u:t,...x,children:r?n:e})}
+"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})}

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_1=require("../../../../core/index"),index_2=require("../../../icon/index"),react_native_1=require("react-native");function TextFieldClearButton({size:e,onPress:r}){const t=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:r,children:(0,jsx_runtime_1.jsx)(index_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"),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})})}

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface Props {
     paddingTop?: number;
     paddingBottom?: number;

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

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

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_1=require("../../../txt/index"),react_native_1=require("react-native");function TextFieldHelp({color:e,children:t}){return(0,jsx_runtime_1.jsx)(index_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"),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}});

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface Props {
     color: string;
     opacity: number;

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_1=require("../../../txt/index");function TextFieldLabel({color:t,opacity:r,children:e,style:n}){return e==null?null:(0,jsx_runtime_1.jsx)(index_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"),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}});

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

@@ -1,4 +1,4 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 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_1=require("../../../../core/index"),getTextFieldStatus_1=require("../utils/getTextFieldStatus"),hasValue_1=require("../utils/hasValue");function useTextFieldLabelControls(e,s){const t=(0,index_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}}
+"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}}

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

@@ -1,4 +1,4 @@
-import { ClearableTextFieldProps } from '../types';
+import type { ClearableTextFieldProps } from '../types.js';
 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_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}}
+"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}}

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

@@ -1,2 +1,2 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 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_1=require("../../../../core/index"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultLineBorderColor(r,s){const e=(0,index_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])}
+"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])}

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

@@ -1,2 +1,2 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 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_1=require("../../../../core/index"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultPlaceholderColor(r,s){const e=(0,index_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])}
+"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])}

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

@@ -1,2 +1,2 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 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_1=require("../../../../core/index"),react_1=require("react"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldDefaultTextColor(r,s){const e=(0,index_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])}
+"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])}

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

@@ -1,4 +1,4 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 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_1=require("../../../../core/index"),getTextFieldStatus_1=require("../utils/getTextFieldStatus");function useTextFieldHelpControls(r,s){const e=(0,index_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])}}
+"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])}}

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

@@ -1,4 +1,4 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 export declare function useTextFieldValueControls(props: TextFieldControlProps): {
     value: string;
     onChangeText: (text: string) => void;

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { ComponentProps, ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
-import { Pressable, StyleProp, TextInput, TextStyle, ViewProps } from 'react-native';
+import type { ComponentProps, ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import type { Pressable, StyleProp, TextInput, TextStyle, ViewProps } from 'react-native';
 export type TextFieldProps = TextFieldContainerPublicProps & TextFieldPublicProps & InputComponentProps;
 export type TextFieldValue = string | number;
 export type TextFieldControlProps = Pick<TextFieldProps, 'value' | 'onChangeText' | 'format' | 'hasError' | 'disabled' | 'labelOption'> & {

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

@@ -1,4 +1,4 @@
-import { TextFieldValue } from '../types';
+import type { TextFieldValue } from '../types.js';
 export declare const format: {
     phoneNumber: {
         transform: typeof transformToPhoneNumber;

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

@@ -1,3 +1,3 @@
-import { TextFieldControlProps } from '../types';
+import type { TextFieldControlProps } from '../types.js';
 export type TextFieldStatus = 'disabled' | 'error' | 'focused' | 'normal';
 export declare function getTextFieldStatus(props: TextFieldControlProps, focused: boolean): TextFieldStatus;

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

@@ -1,2 +1,2 @@
-import { TextFieldValue } from '../types';
+import type { TextFieldValue } from '../types.js';
 export declare function hasValue(value: TextFieldValue | undefined): boolean;

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

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-export declare const TextFieldBigButton: 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;
+export declare const TextFieldBigButton: 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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

package/dist/cjs/components/text-field/TextField/variants/TextFieldBig/TextFieldBig.Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBigButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),TextFieldButtonArrow_1=require("../../components/TextFieldButtonArrow"),TextFieldButtonText_1=require("../../components/TextFieldButtonText"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultLineBorderColor_1=require("../../hooks/useTextFieldDefaultLineBorderColor"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldBigButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:r,placeholder:u,style:B,containerStyle:c,...e},x){const o=(0,index_1.useAdaptive)(),[t,n]=(0,react_1.useState)(!1),{value:s}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),T=s!=="",d=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),h=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),F=(0,useTextFieldDefaultLineBorderColor_1.useTextFieldDefaultLineBorderColor)(e,t),C=(0,useTextFieldDefaultPlaceholderColor_1.useTextFieldDefaultPlaceholderColor)(e,t),f=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:x,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:l=>{e.onFocus?.(l),n(!0)},onBlur:l=>{e.onBlur?.(l),n(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer,{borderBottomWidth:2,borderBottomColor:F}],children:[i?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:u,placeholderColor:C,color:f,style:{flexGrow:1},children:s}),r?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:T?o.grey800:o.grey500,children:r}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:a??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_1.TextFieldButtonArrow,{})})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:h.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBigButton=void 0;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"),react_native_1=require("react-native"),TextFieldButtonArrow_js_1=require("../../components/TextFieldButtonArrow.js"),TextFieldButtonText_js_1=require("../../components/TextFieldButtonText.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultLineBorderColor_js_1=require("../../hooks/useTextFieldDefaultLineBorderColor.js"),useTextFieldDefaultPlaceholderColor_js_1=require("../../hooks/useTextFieldDefaultPlaceholderColor.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js");exports.TextFieldBigButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:r,placeholder:u,style:f,containerStyle:c,...e},x){const o=(0,index_js_1.useAdaptive)(),[t,n]=(0,react_1.useState)(!1),{value:s}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),T=s!=="",d=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,t),h=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,t),j=(0,useTextFieldDefaultLineBorderColor_js_1.useTextFieldDefaultLineBorderColor)(e,t),F=(0,useTextFieldDefaultPlaceholderColor_js_1.useTextFieldDefaultPlaceholderColor)(e,t),_=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:x,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:l=>{e.onFocus?.(l),n(!0)},onBlur:l=>{e.onBlur?.(l),n(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer,{borderBottomWidth:2,borderBottomColor:j}],children:[i?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_js_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:u,placeholderColor:F,color:_,style:{flexGrow:1},children:s}),r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:T?o.grey800:o.grey500,children:r}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:a??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_js_1.TextFieldButtonArrow,{})})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:h.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1,4 +1,4 @@
-import { TextInput } from 'react-native';
-export declare const TextFieldBigClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types").TextFieldProps, "right"> & {
+import type { TextInput } from 'react-native';
+export declare const TextFieldBigClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types.js").TextFieldProps, "right"> & {
     onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;

package/dist/cjs/components/text-field/TextField/variants/TextFieldBig/TextFieldBig.Clearable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBigClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_1=require("../../components/TextFieldClearButton"),useTextFieldClearButtonControls_1=require("../../hooks/useTextFieldClearButtonControls"),TextFieldBig_1=require("./TextFieldBig");exports.TextFieldBigClearable=(0,react_1.forwardRef)(function(e,n){const t=(0,useTextFieldClearButtonControls_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldBig_1.TextFieldBig,{...e,ref:n,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_1.TextFieldClearButton,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{t.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{t.onInputBlur?.(),e.onBlur?.(r)}})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBigClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_js_1=require("../../components/TextFieldClearButton.js"),useTextFieldClearButtonControls_js_1=require("../../hooks/useTextFieldClearButtonControls.js"),TextFieldBig_js_1=require("./TextFieldBig.js");exports.TextFieldBigClearable=(0,react_1.forwardRef)(function(e,n){const t=(0,useTextFieldClearButtonControls_js_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldBig_js_1.TextFieldBig,{...e,ref:n,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_js_1.TextFieldClearButton,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{t.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{t.onInputBlur?.(),e.onBlur?.(r)}})});

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

@@ -1,5 +1,5 @@
 import { TextInput } from 'react-native';
-export declare const TextFieldBig: 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;
+export declare const TextFieldBig: 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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBig=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultLineBorderColor_1=require("../../hooks/useTextFieldDefaultLineBorderColor"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldBig=(0,react_1.forwardRef)(function({prefix:i,right:n,suffix:r,style:u,containerStyle:c,...e},x){const o=(0,index_1.useAdaptive)(),{typography:h}=(0,index_1.useTypographyTheme)(),[t,s]=(0,react_1.useState)(!1),{value:d,onChangeText:T}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),C=d!=="",a=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),f=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),g=(0,useTextFieldDefaultLineBorderColor_1.useTextFieldDefaultLineBorderColor)(e,t),F=(0,useTextFieldDefaultPlaceholderColor_1.useTextFieldDefaultPlaceholderColor)(e,t),y=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:a.color,opacity:a.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer,{borderBottomWidth:2,borderBottomColor:g}],children:[i?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:x,value:d,editable:e.editable??!e.disabled,placeholderTextColor:F,onChangeText:T,onFocus:l=>{e.onFocus?.(l),s(!0)},onBlur:l=>{e.onFocus?.(l),s(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:h.t1.fontSize,color:y,padding:0},u]}),r?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:C?o.grey800:o.grey500,children:r}):null,n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:n}):null]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:f.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBig=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("../../../../txt/index.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultLineBorderColor_js_1=require("../../hooks/useTextFieldDefaultLineBorderColor.js"),useTextFieldDefaultPlaceholderColor_js_1=require("../../hooks/useTextFieldDefaultPlaceholderColor.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js");exports.TextFieldBig=(0,react_1.forwardRef)(function({prefix:i,right:n,suffix:r,style:u,containerStyle:c,...e},x){const o=(0,index_js_1.useAdaptive)(),{typography:h}=(0,index_js_1.useTypographyTheme)(),[t,s]=(0,react_1.useState)(!1),{value:d,onChangeText:T}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),C=d!=="",a=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,t),j=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,t),f=(0,useTextFieldDefaultLineBorderColor_js_1.useTextFieldDefaultLineBorderColor)(e,t),g=(0,useTextFieldDefaultPlaceholderColor_js_1.useTextFieldDefaultPlaceholderColor)(e,t),F=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:a.color,opacity:a.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer,{borderBottomWidth:2,borderBottomColor:f}],children:[i?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:x,value:d,editable:e.editable??!e.disabled,placeholderTextColor:g,onChangeText:T,onFocus:l=>{e.onFocus?.(l),s(!0)},onBlur:l=>{e.onFocus?.(l),s(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:h.t1.fontSize,color:F,padding:0},u]}),r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:C?o.grey800:o.grey500,children:r}):null,n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:n}):null]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:j.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1,3 +1,3 @@
-export * from './TextFieldBig';
-export * from './TextFieldBig.Clearable';
-export * from './TextFieldBig.Button';
+export * from './TextFieldBig.js';
+export * from './TextFieldBig.Clearable.js';
+export * from './TextFieldBig.Button.js';

package/dist/cjs/components/text-field/TextField/variants/TextFieldBig/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("./TextFieldBig"),exports),__exportStar(require("./TextFieldBig.Clearable"),exports),__exportStar(require("./TextFieldBig.Button"),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("./TextFieldBig.js"),exports),__exportStar(require("./TextFieldBig.Clearable.js"),exports),__exportStar(require("./TextFieldBig.Button.js"),exports);

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

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-export declare const TextFieldBoxButton: 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;
+export declare const TextFieldBoxButton: 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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBoxButton=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_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),TextFieldButtonArrow_1=require("../../components/TextFieldButtonArrow"),TextFieldButtonText_1=require("../../components/TextFieldButtonText"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls"),getTextFieldStatus_1=require("../../utils/getTextFieldStatus"),TextFieldBoxOverlay_1=require("./TextFieldBoxOverlay");exports.TextFieldBoxButton=(0,react_1.forwardRef)(function({prefix:i,right:c,suffix:n,placeholder:u,containerStyle:a,style:x,...e},T){const t=(0,index_1.useAdaptive)(),[o,s]=(0,react_1.useState)(!1),{value:l}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),F=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,o),d=(0,useLabelControls_1.useTextFieldLabelControls)(e,o),y=(0,getTextFieldStatus_1.getTextFieldStatus)(e,o),h=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,o),g=l!=null&&l!=="";return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:a,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:T,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:r=>{e.onFocus?.(r),s(!0)},onBlur:r=>{e.onBlur?.(r),s(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.boxContainer,{backgroundColor:t.grey50}],children:[i?(0,jsx_runtime_1.jsx)(index_2.Txt,{color:t.grey800,style:[{paddingRight:8},x],children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t5",placeholder:u,placeholderColor:t.grey500,color:h,style:{flexGrow:1},children:l}),n?(0,jsx_runtime_1.jsx)(index_2.Txt,{color:g?t.grey800:t.grey500,style:{paddingLeft:8},children:n}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{display:"flex",alignItems:"center",marginLeft:8},children:c??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_1.TextFieldButtonArrow,{})}),(0,jsx_runtime_1.jsx)(TextFieldBoxOverlay_1.TextFieldBoxOverlay,{status:y})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:F.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:tds_colors_1.colors.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBoxButton=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"),index_js_2=require("../../../../txt/index.js"),TextFieldButtonArrow_js_1=require("../../components/TextFieldButtonArrow.js"),TextFieldButtonText_js_1=require("../../components/TextFieldButtonText.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js"),getTextFieldStatus_js_1=require("../../utils/getTextFieldStatus.js"),TextFieldBoxOverlay_js_1=require("./TextFieldBoxOverlay.js");exports.TextFieldBoxButton=(0,react_1.forwardRef)(function({prefix:r,right:c,suffix:i,placeholder:u,containerStyle:a,style:x,...e},T){const t=(0,index_js_1.useAdaptive)(),[o,n]=(0,react_1.useState)(!1),{value:l}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),j=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,o),d=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,o),F=(0,getTextFieldStatus_js_1.getTextFieldStatus)(e,o),_=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,o),y=l!=null&&l!=="";return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:a,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:T,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:s=>{e.onFocus?.(s),n(!0)},onBlur:s=>{e.onBlur?.(s),n(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.boxContainer,{backgroundColor:t.grey50}],children:[r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:t.grey800,style:[{paddingRight:8},x],children:r}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_js_1.TextFieldButtonText,{typography:"t5",placeholder:u,placeholderColor:t.grey500,color:_,style:{flexGrow:1},children:l}),i?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:y?t.grey800:t.grey500,style:{paddingLeft:8},children:i}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{display:"flex",alignItems:"center",marginLeft:8},children:c??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_js_1.TextFieldButtonArrow,{})}),(0,jsx_runtime_1.jsx)(TextFieldBoxOverlay_js_1.TextFieldBoxOverlay,{status:F})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:j.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:tds_colors_1.colors.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});

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

@@ -1,4 +1,4 @@
-import { TextInput } from 'react-native';
-export declare const TextFieldBoxClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types").TextFieldProps, "right"> & {
+import type { TextInput } from 'react-native';
+export declare const TextFieldBoxClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types.js").TextFieldProps, "right"> & {
     onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;

package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.Clearable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBoxClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_1=require("../../components/TextFieldClearButton"),useTextFieldClearButtonControls_1=require("../../hooks/useTextFieldClearButtonControls"),TextFieldBox_1=require("./TextFieldBox");exports.TextFieldBoxClearable=(0,react_1.forwardRef)(function(e,r){const t=(0,useTextFieldClearButtonControls_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldBox_1.TextFieldBox,{...e,ref:r,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_1.TextFieldClearButton,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:o=>{t.onInputFocus?.(),e.onFocus?.(o)},onBlur:o=>{t.onInputBlur?.(),e.onBlur?.(o)}})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBoxClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_js_1=require("../../components/TextFieldClearButton.js"),useTextFieldClearButtonControls_js_1=require("../../hooks/useTextFieldClearButtonControls.js"),TextFieldBox_js_1=require("./TextFieldBox.js");exports.TextFieldBoxClearable=(0,react_1.forwardRef)(function(e,r){const t=(0,useTextFieldClearButtonControls_js_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldBox_js_1.TextFieldBox,{...e,ref:r,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_js_1.TextFieldClearButton,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:o=>{t.onInputFocus?.(),e.onFocus?.(o)},onBlur:o=>{t.onInputBlur?.(),e.onBlur?.(o)}})});

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

@@ -1,5 +1,5 @@
 import { TextInput } from 'react-native';
-export declare const TextFieldBox: 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;
+export declare const TextFieldBox: 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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBox=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"),txt_1=require("../../../../txt"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls"),getTextFieldStatus_1=require("../../utils/getTextFieldStatus"),TextFieldBoxOverlay_1=require("./TextFieldBoxOverlay");exports.TextFieldBox=(0,react_1.forwardRef)(function({prefix:r,right:n,suffix:s,containerStyle:c,style:u,...e},x){const t=(0,core_1.useAdaptive)(),{typography:T}=(0,core_1.useTypographyTheme)(),[o,i]=(0,react_1.useState)(!1),F=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,o),{value:d,onChangeText:y}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),a=(0,useLabelControls_1.useTextFieldLabelControls)(e,o),g=(0,getTextFieldStatus_1.getTextFieldStatus)(e,o),h=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,o),C=d!=="";return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:a.color,opacity:a.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.boxContainer,{backgroundColor:t.greyOpacity50}],children:[r?(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey800,style:{paddingRight:8},children:r}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:x,onChangeText:y,editable:e.editable??!e.disabled,onFocus:l=>{e.onFocus?.(l),i(!0)},onBlur:l=>{e.onBlur?.(l),i(!1)},value:d,style:[{flexGrow:1,flexBasis:0,color:h,fontSize:T.t5.fontSize,padding:0},u],placeholderTextColor:t.grey500}),s?(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:C?t.grey800:t.grey500,style:{paddingLeft:8},children:s}):null,n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{display:"flex",alignItems:"center",marginLeft:8},children:n}):null,(0,jsx_runtime_1.jsx)(TextFieldBoxOverlay_1.TextFieldBoxOverlay,{status:g})]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:F.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:tds_colors_1.colors.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBox=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"),index_js_2=require("../../../../txt/index.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js"),getTextFieldStatus_js_1=require("../../utils/getTextFieldStatus.js"),TextFieldBoxOverlay_js_1=require("./TextFieldBoxOverlay.js");exports.TextFieldBox=(0,react_1.forwardRef)(function({prefix:s,right:r,suffix:n,containerStyle:c,style:x,...e},u){const t=(0,index_js_1.useAdaptive)(),{typography:T}=(0,index_js_1.useTypographyTheme)(),[l,i]=(0,react_1.useState)(!1),j=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,l),{value:d,onChangeText:F}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),a=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,l),_=(0,getTextFieldStatus_js_1.getTextFieldStatus)(e,l),y=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,l),g=d!=="";return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:a.color,opacity:a.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.boxContainer,{backgroundColor:t.greyOpacity50}],children:[s?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:t.grey800,style:{paddingRight:8},children:s}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:u,onChangeText:F,editable:e.editable??!e.disabled,onFocus:o=>{e.onFocus?.(o),i(!0)},onBlur:o=>{e.onBlur?.(o),i(!1)},value:d,style:[{flexGrow:1,flexBasis:0,color:y,fontSize:T.t5.fontSize,padding:0},x],placeholderTextColor:t.grey500}),n?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{color:g?t.grey800:t.grey500,style:{paddingLeft:8},children:n}):null,r?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{display:"flex",alignItems:"center",marginLeft:8},children:r}):null,(0,jsx_runtime_1.jsx)(TextFieldBoxOverlay_js_1.TextFieldBoxOverlay,{status:_})]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:j.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:tds_colors_1.colors.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});

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

@@ -1,4 +1,4 @@
-import { TextFieldStatus } from '../../utils/getTextFieldStatus';
+import type { TextFieldStatus } from '../../utils/getTextFieldStatus.js';
 interface Props {
     status: TextFieldStatus;
 }

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

@@ -1,3 +1,3 @@
-export * from './TextFieldBox';
-export * from './TextFieldBox.Clearable';
-export * from './TextFieldBox.Button';
+export * from './TextFieldBox.js';
+export * from './TextFieldBox.Clearable.js';
+export * from './TextFieldBox.Button.js';

package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/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("./TextFieldBox"),exports),__exportStar(require("./TextFieldBox.Clearable"),exports),__exportStar(require("./TextFieldBox.Button"),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("./TextFieldBox.js"),exports),__exportStar(require("./TextFieldBox.Clearable.js"),exports),__exportStar(require("./TextFieldBox.Button.js"),exports);

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

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-export declare const TextFieldHeroButton: 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;
+export declare const TextFieldHeroButton: 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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

package/dist/cjs/components/text-field/TextField/variants/TextFieldHero/TextFieldHero.Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHeroButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),TextFieldButtonArrow_1=require("../../components/TextFieldButtonArrow"),TextFieldButtonText_1=require("../../components/TextFieldButtonText"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldHeroButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:n,placeholder:c,containerStyle:u,style:g,...e},x){const o=(0,index_1.useAdaptive)(),[t,r]=(0,react_1.useState)(!1),{value:s}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),h=s!=="",d=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),T=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),F=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,t),C=(0,useTextFieldDefaultPlaceholderColor_1.useTextFieldDefaultPlaceholderColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:u,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:x,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:l=>{e.onFocus?.(l),r(!0)},onBlur:l=>{e.onBlur?.(l),r(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer],children:[i?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:c,placeholderColor:C,color:F,style:{flexGrow:1},children:s}),n?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:h?o.grey800:o.grey500,children:n}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:a??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_1.TextFieldButtonArrow,{})})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:T.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHeroButton=void 0;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"),react_native_1=require("react-native"),TextFieldButtonArrow_js_1=require("../../components/TextFieldButtonArrow.js"),TextFieldButtonText_js_1=require("../../components/TextFieldButtonText.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultPlaceholderColor_js_1=require("../../hooks/useTextFieldDefaultPlaceholderColor.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js");exports.TextFieldHeroButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:n,placeholder:c,containerStyle:u,style:C,...e},x){const o=(0,index_js_1.useAdaptive)(),[t,r]=(0,react_1.useState)(!1),{value:s}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),h=s!=="",d=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,t),T=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,t),j=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,t),F=(0,useTextFieldDefaultPlaceholderColor_js_1.useTextFieldDefaultPlaceholderColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:u,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:x,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:l=>{e.onFocus?.(l),r(!0)},onBlur:l=>{e.onBlur?.(l),r(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer],children:[i?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_js_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:c,placeholderColor:F,color:j,style:{flexGrow:1},children:s}),n?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:h?o.grey800:o.grey500,children:n}):null,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:a??(0,jsx_runtime_1.jsx)(TextFieldButtonArrow_js_1.TextFieldButtonArrow,{})})]})}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:T.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1,4 +1,4 @@
-import { TextInput } from 'react-native';
-export declare const TextFieldHeroClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types").TextFieldProps, "right"> & {
+import type { TextInput } from 'react-native';
+export declare const TextFieldHeroClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types.js").TextFieldProps, "right"> & {
     onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;

package/dist/cjs/components/text-field/TextField/variants/TextFieldHero/TextFieldHero.Clearable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHeroClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_1=require("../../components/TextFieldClearButton"),useTextFieldClearButtonControls_1=require("../../hooks/useTextFieldClearButtonControls"),TextFieldHero_1=require("./TextFieldHero");exports.TextFieldHeroClearable=(0,react_1.forwardRef)(function(e,o){const t=(0,useTextFieldClearButtonControls_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldHero_1.TextFieldHero,{...e,ref:o,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_1.TextFieldClearButton,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{t.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{t.onInputBlur?.(),e.onBlur?.(r)}})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHeroClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_js_1=require("../../components/TextFieldClearButton.js"),useTextFieldClearButtonControls_js_1=require("../../hooks/useTextFieldClearButtonControls.js"),TextFieldHero_js_1=require("./TextFieldHero.js");exports.TextFieldHeroClearable=(0,react_1.forwardRef)(function(e,o){const t=(0,useTextFieldClearButtonControls_js_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldHero_js_1.TextFieldHero,{...e,ref:o,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_js_1.TextFieldClearButton,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{t.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{t.onInputBlur?.(),e.onBlur?.(r)}})});

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

@@ -1,5 +1,5 @@
 import { TextInput } from 'react-native';
-export declare const TextFieldHero: 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;
+export declare const TextFieldHero: 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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHero=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldHero=(0,react_1.forwardRef)(function({prefix:n,right:i,suffix:r,containerStyle:c,style:u,...e},x){const o=(0,index_1.useAdaptive)(),{typography:h}=(0,index_1.useTypographyTheme)(),[t,s]=(0,react_1.useState)(!1),{value:a,onChangeText:T}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),f=a!=="",d=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),g=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),C=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,t),F=(0,useTextFieldDefaultPlaceholderColor_1.useTextFieldDefaultPlaceholderColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer],children:[n?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:n}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:x,value:a,editable:e.editable??!e.disabled,placeholderTextColor:F,onChangeText:T,onFocus:l=>{e.onFocus?.(l),s(!0)},onBlur:l=>{e.onFocus?.(l),s(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:h.t1.fontSize,color:C,padding:0},u]}),r?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t1",fontWeight:"semiBold",color:f?o.grey800:o.grey500,children:r}):null,i?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:i}):null]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_1.TextFieldHelp,{color:g.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHero=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("../../../../txt/index.js"),TextFieldContainer_js_1=require("../../components/TextFieldContainer.js"),TextFieldHelp_js_1=require("../../components/TextFieldHelp.js"),TextFieldLabel_js_1=require("../../components/TextFieldLabel.js"),useLabelControls_js_1=require("../../hooks/useLabelControls.js"),useTextFieldDefaultPlaceholderColor_js_1=require("../../hooks/useTextFieldDefaultPlaceholderColor.js"),useTextFieldDefaultTextColor_js_1=require("../../hooks/useTextFieldDefaultTextColor.js"),useTextFieldHelpControls_js_1=require("../../hooks/useTextFieldHelpControls.js"),useTextFieldValueControls_js_1=require("../../hooks/useTextFieldValueControls.js");exports.TextFieldHero=(0,react_1.forwardRef)(function({prefix:n,right:i,suffix:r,containerStyle:c,style:u,...e},x){const o=(0,index_js_1.useAdaptive)(),{typography:h}=(0,index_js_1.useTypographyTheme)(),[t,s]=(0,react_1.useState)(!1),{value:a,onChangeText:T}=(0,useTextFieldValueControls_js_1.useTextFieldValueControls)(e),j=a!=="",d=(0,useLabelControls_js_1.useTextFieldLabelControls)(e,t),f=(0,useTextFieldHelpControls_js_1.useTextFieldHelpControls)(e,t),g=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(e,t),C=(0,useTextFieldDefaultPlaceholderColor_js_1.useTextFieldDefaultPlaceholderColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_js_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:c,children:[(0,jsx_runtime_1.jsx)(TextFieldLabel_js_1.TextFieldLabel,{color:d.color,opacity:d.opacity,children:e.label}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer],children:[n?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:n}):null,(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{...e,ref:x,value:a,editable:e.editable??!e.disabled,placeholderTextColor:C,onChangeText:T,onFocus:l=>{e.onFocus?.(l),s(!0)},onBlur:l=>{e.onFocus?.(l),s(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:h.t1.fontSize,color:g,padding:0},u]}),r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t1",fontWeight:"semiBold",color:j?o.grey800:o.grey500,children:r}):null,i?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:i}):null]}),e.help!=null?(0,jsx_runtime_1.jsx)(TextFieldHelp_js_1.TextFieldHelp,{color:f.color,children:e.help}):null]})});const styles=react_native_1.StyleSheet.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1,3 +1,3 @@
-export * from './TextFieldHero';
-export * from './TextFieldHero.Clearable';
-export * from './TextFieldHero.Button';
+export * from './TextFieldHero.js';
+export * from './TextFieldHero.Clearable.js';
+export * from './TextFieldHero.Button.js';