@toss/tds-react-native 1.3.3 → 1.3.5

package/dist/esm/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/esm/components/text-field/TextField/TextField.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{format as a}from"./utils/format.js";import{TextFieldBig as l,TextFieldBigButton as o,TextFieldBigClearable as x}from"./variants/TextFieldBig/index.js";import{TextFieldBox as c,TextFieldBoxButton as u,TextFieldBoxClearable as d}from"./variants/TextFieldBox/index.js";import{TextFieldHero as F,TextFieldHeroButton as T,TextFieldHeroClearable as f}from"./variants/TextFieldHero/index.js";import{TextFieldLine as m,TextFieldLineButton as b,TextFieldLineClearable as B}from"./variants/TextFieldLine/index.js";const s=i(function(e,t){switch(e.variant){case"big":return r(l,{...e,ref:t});case"box":return r(c,{...e,ref:t});case"hero":return r(F,{...e,ref:t});case"line":return r(m,{...e,ref:t})}}),C=i(function(e,t){switch(e.variant){case"big":return r(x,{...e,ref:t});case"box":return r(d,{...e,ref:t});case"hero":return r(f,{...e,ref:t});case"line":return r(B,{...e,ref:t})}}),g=i(function(e,t){switch(e.variant){case"big":return r(o,{...e,ref:t});case"box":return r(u,{...e,ref:t});case"hero":return r(T,{...e,ref:t});case"line":return r(b,{...e,ref:t})}});export const TextField=s;TextField.Clearable=C,TextField.format=a,TextField.Button=g;
+"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{format as a}from"./utils/format";import{TextFieldBig as l,TextFieldBigButton as o,TextFieldBigClearable as x}from"./variants/TextFieldBig";import{TextFieldBox as c,TextFieldBoxButton as u,TextFieldBoxClearable as d}from"./variants/TextFieldBox";import{TextFieldHero as F,TextFieldHeroButton as T,TextFieldHeroClearable as f}from"./variants/TextFieldHero";import{TextFieldLine as m,TextFieldLineButton as b,TextFieldLineClearable as B}from"./variants/TextFieldLine";const s=i(function(e,t){switch(e.variant){case"big":return r(l,{...e,ref:t});case"box":return r(c,{...e,ref:t});case"hero":return r(F,{...e,ref:t});case"line":return r(m,{...e,ref:t})}}),C=i(function(e,t){switch(e.variant){case"big":return r(x,{...e,ref:t});case"box":return r(d,{...e,ref:t});case"hero":return r(f,{...e,ref:t});case"line":return r(B,{...e,ref:t})}}),g=i(function(e,t){switch(e.variant){case"big":return r(o,{...e,ref:t});case"box":return r(u,{...e,ref:t});case"hero":return r(T,{...e,ref:t});case"line":return r(b,{...e,ref:t})}});export const TextField=s;TextField.Clearable=C,TextField.format=a,TextField.Button=g;

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

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as t}from"../../../../core/index.js";import{Icon as e}from"../../../icon/index.js";export function TextFieldButtonArrow(){const o=t();return r(e,{name:"icon-arrow-down-mono",color:o.grey400,size:24})}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as t}from"../../../../core";import{Icon as e}from"../../../icon";export function TextFieldButtonArrow(){const o=t();return r(e,{name:"icon-arrow-down-mono",color:o.grey400,size:24})}

package/dist/esm/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/esm/components/text-field/TextField/components/TextFieldButtonText.js

@@ -1 +1 @@
-"use strict";import{jsx as l}from"react/jsx-runtime";import{Txt as s}from"../../../txt/index.js";export function TextFieldButtonText({color:o,placeholder:r,placeholderColor:n=o,children:t,...x}){const e=t==null||t.length===0;return l(s,{color:e?n:o,...x,children:e?r:t})}
+"use strict";import{jsx as l}from"react/jsx-runtime";import{Txt as s}from"../../../txt";export function TextFieldButtonText({color:o,placeholder:r,placeholderColor:n=o,children:t,...x}){const e=t==null||t.length===0;return l(s,{color:e?n:o,...x,children:e?r:t})}

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

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as i}from"../../../../core/index.js";import{Icon as n}from"../../../icon/index.js";import{Pressable as m}from"react-native";export function TextFieldClearButton({size:r,onPress:e}){const t=i();return o(m,{onPress:e,children:o(n,{size:r,name:"icon-x-circle-mono",color:t.grey400})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as i}from"../../../../core";import{Icon as n}from"../../../icon";import{Pressable as m}from"react-native";export function TextFieldClearButton({size:r,onPress:e}){const t=i();return o(m,{onPress:e,children:o(n,{size:r,name:"icon-x-circle-mono",color:t.grey400})})}

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

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{Txt as r}from"../../../txt/index.js";import{StyleSheet as n}from"react-native";export function TextFieldHelp({color:t,children:o}){return e(r,{color:t,typography:"t7",style:[i.container],children:o})}const i=n.create({container:{paddingTop:6,paddingBottom:0}});
+"use strict";import{jsx as e}from"react/jsx-runtime";import{Txt as r}from"../../../txt";import{StyleSheet as n}from"react-native";export function TextFieldHelp({color:t,children:o}){return e(r,{color:t,typography:"t7",style:[i.container],children:o})}const i=n.create({container:{paddingTop:6,paddingBottom:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{StyleSheet as i}from"react-native";import{Txt as l}from"../../../txt/index.js";export function TextFieldLabel({color:e,opacity:r,children:t,style:o}){return t==null?null:n(l,{typography:"t7",style:[a.container,{color:e,opacity:r},o],children:t})}const a=i.create({container:{paddingBottom:6}});
+"use strict";import{jsx as n}from"react/jsx-runtime";import{StyleSheet as i}from"react-native";import{Txt as l}from"../../../txt";export function TextFieldLabel({color:e,opacity:r,children:t,style:o}){return t==null?null:n(l,{typography:"t7",style:[a.container,{color:e,opacity:r},o],children:t})}const a=i.create({container:{paddingBottom:6}});

package/dist/esm/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/esm/components/text-field/TextField/hooks/useLabelControls.js

@@ -1 +1 @@
-"use strict";import{colors as o}from"@toss/tds-colors";import{useMemo as a}from"react";import{useAdaptive as n}from"../../../../core/index.js";import{getTextFieldStatus as s}from"../utils/getTextFieldStatus.js";import{hasValue as c}from"../utils/hasValue.js";export function useTextFieldLabelControls(e,l){const t=n(),r=s(e,l),u=a(()=>{switch(r){case"normal":return t.grey800;case"focused":return o.blue600;case"error":return o.red600;case"disabled":return t.grey800}},[r,t.grey800]),i=a(()=>c(e.value)||e.labelOption==="sustain"?1:0,[e.value,e.labelOption]);return{color:u,opacity:i}}
+"use strict";import{colors as o}from"@toss/tds-colors";import{useMemo as a}from"react";import{useAdaptive as n}from"../../../../core";import{getTextFieldStatus as s}from"../utils/getTextFieldStatus";import{hasValue as c}from"../utils/hasValue";export function useTextFieldLabelControls(e,l){const t=n(),r=s(e,l),u=a(()=>{switch(r){case"normal":return t.grey800;case"focused":return o.blue600;case"error":return o.red600;case"disabled":return t.grey800}},[r,t.grey800]),i=a(()=>c(e.value)||e.labelOption==="sustain"?1:0,[e.value,e.labelOption]);return{color:u,opacity:i}}

package/dist/esm/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/esm/components/text-field/TextField/hooks/useTextFieldClearButtonControls.js

@@ -1 +1 @@
-"use strict";import{useCallback as s,useRef as l,useState as c}from"react";import{hasValue as a}from"../utils/hasValue.js";import{useIsMountedRef as f}from"./useIsMountedRef.js";export function useTextFieldClearButtonControls(o){const[n,t]=c(!1),u=f(),e=l(),r=s(()=>{t(!0)},[]),i=s(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{u.mounted&&t(!1)},100)},[u]);return{isVisible:n&&a(o.value),onInputFocus:r,onInputBlur:i}}
+"use strict";import{useCallback as s,useRef as l,useState as c}from"react";import{hasValue as a}from"../utils/hasValue";import{useIsMountedRef as f}from"./useIsMountedRef";export function useTextFieldClearButtonControls(o){const[n,t]=c(!1),u=f(),e=l(),r=s(()=>{t(!0)},[]),i=s(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{u.mounted&&t(!1)},100)},[u]);return{isVisible:n&&a(o.value),onInputFocus:r,onInputBlur:i}}

package/dist/esm/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/esm/components/text-field/TextField/hooks/useTextFieldDefaultLineBorderColor.js

@@ -1 +1 @@
-"use strict";import{useAdaptive as s}from"../../../../core/index.js";import{useMemo as u}from"react";import{getTextFieldStatus as a}from"../utils/getTextFieldStatus.js";export function useTextFieldDefaultLineBorderColor(t,o){const e=s(),r=a(t,o);return u(()=>{switch(r){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,r])}
+"use strict";import{useAdaptive as s}from"../../../../core";import{useMemo as u}from"react";import{getTextFieldStatus as a}from"../utils/getTextFieldStatus";export function useTextFieldDefaultLineBorderColor(t,o){const e=s(),r=a(t,o);return u(()=>{switch(r){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,r])}

package/dist/esm/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/esm/components/text-field/TextField/hooks/useTextFieldDefaultPlaceholderColor.js

@@ -1 +1 @@
-"use strict";import{useAdaptive as s}from"../../../../core/index.js";import{useMemo as a}from"react";import{getTextFieldStatus as u}from"../utils/getTextFieldStatus.js";export function useTextFieldDefaultPlaceholderColor(t,o){const e=s(),r=u(t,o);return a(()=>{switch(r){case"normal":case"focused":case"error":return e.grey500;case"disabled":return e.grey400}},[e.grey400,e.grey500,r])}
+"use strict";import{useAdaptive as s}from"../../../../core";import{useMemo as a}from"react";import{getTextFieldStatus as u}from"../utils/getTextFieldStatus";export function useTextFieldDefaultPlaceholderColor(t,o){const e=s(),r=u(t,o);return a(()=>{switch(r){case"normal":case"focused":case"error":return e.grey500;case"disabled":return e.grey400}},[e.grey400,e.grey500,r])}

package/dist/esm/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/esm/components/text-field/TextField/hooks/useTextFieldDefaultTextColor.js

@@ -1 +1 @@
-"use strict";import{useAdaptive as s}from"../../../../core/index.js";import{useMemo as a}from"react";import{getTextFieldStatus as u}from"../utils/getTextFieldStatus.js";export function useTextFieldDefaultTextColor(t,o){const e=s(),r=u(t,o);return a(()=>{switch(r){case"normal":case"focused":case"error":return e.grey800;case"disabled":return e.grey400}},[e.grey400,e.grey800,r])}
+"use strict";import{useAdaptive as s}from"../../../../core";import{useMemo as a}from"react";import{getTextFieldStatus as u}from"../utils/getTextFieldStatus";export function useTextFieldDefaultTextColor(t,o){const e=s(),r=u(t,o);return a(()=>{switch(r){case"normal":case"focused":case"error":return e.grey800;case"disabled":return e.grey400}},[e.grey400,e.grey800,r])}

package/dist/esm/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/esm/components/text-field/TextField/hooks/useTextFieldHelpControls.js

@@ -1 +1 @@
-"use strict";import{colors as s}from"@toss/tds-colors";import{useMemo as c}from"react";import{useAdaptive as l}from"../../../../core/index.js";import{getTextFieldStatus as a}from"../utils/getTextFieldStatus.js";export function useTextFieldHelpControls(r,t){const e=l(),o=a(r,t);return{color:c(()=>{switch(o){case"normal":case"focused":case"disabled":return e.grey600;case"error":return s.red600}},[o,e.grey600])}}
+"use strict";import{colors as s}from"@toss/tds-colors";import{useMemo as c}from"react";import{useAdaptive as l}from"../../../../core";import{getTextFieldStatus as a}from"../utils/getTextFieldStatus";export function useTextFieldHelpControls(r,t){const e=l(),o=a(r,t);return{color:c(()=>{switch(o){case"normal":case"focused":case"disabled":return e.grey600;case"error":return s.red600}},[o,e.grey600])}}

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

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

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

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

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

@@ -1 +1 @@
-"use strict";export{TextField}from"./TextField.js";
+"use strict";export{TextField}from"./TextField";

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

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

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

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

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

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

package/dist/esm/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.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;
+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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core/index.js";import{Txt as f}from"../../../../txt/index.js";import{forwardRef as w,useState as S}from"react";import{Pressable as v,StyleSheet as W,View as h}from"react-native";import{TextFieldButtonArrow as j}from"../../components/TextFieldButtonArrow.js";import{TextFieldButtonText as D}from"../../components/TextFieldButtonText.js";import{TextFieldContainer as L}from"../../components/TextFieldContainer.js";import{TextFieldHelp as V}from"../../components/TextFieldHelp.js";import{TextFieldLabel as H}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor.js";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls.js";export const TextFieldBigButton=w(function({prefix:n,right:u,suffix:d,placeholder:g,style:z,containerStyle:x,...e},p){const l=b(),[o,a]=S(!1),{value:c}=P(e),y=c!=="",s=R(e,o),B=I(e,o),C=k(e,o),T=A(e,o),F=G(e,o);return m(L,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(v,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:C}],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(D,{typography:"t1",fontWeight:"semiBold",placeholder:g,placeholderColor:T,color:F,style:{flexGrow:1},children:c}),d?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(j,{})})]})}),e.help!=null?t(V,{color:B.color,children:e.help}):null]})});const r=W.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";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as w,useState as S}from"react";import{Pressable as v,StyleSheet as W,View as h}from"react-native";import{TextFieldButtonArrow as j}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as D}from"../../components/TextFieldButtonText";import{TextFieldContainer as L}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldBigButton=w(function({prefix:n,right:u,suffix:d,placeholder:g,style:z,containerStyle:x,...e},p){const l=b(),[o,a]=S(!1),{value:c}=P(e),y=c!=="",s=R(e,o),B=I(e,o),C=k(e,o),T=A(e,o),F=G(e,o);return m(L,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(v,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:C}],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(D,{typography:"t1",fontWeight:"semiBold",placeholder:g,placeholderColor:T,color:F,style:{flexGrow:1},children:c}),d?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(j,{})})]})}),e.help!=null?t(V,{color:B.color,children:e.help}):null]})});const r=W.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/esm/components/text-field/TextField/variants/TextFieldBig/TextFieldBig.Clearable.d.ts

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

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton.js";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls.js";import{TextFieldBig as a}from"./TextFieldBig.js";export const TextFieldBigClearable=i(function(e,r){const o=u(e);return n(a,{...e,ref:r,right:o.isVisible?n(l,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:t=>{o.onInputFocus?.(),e.onFocus?.(t)},onBlur:t=>{o.onInputBlur?.(),e.onBlur?.(t)}})});
+"use strict";import{jsx as n}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls";import{TextFieldBig as a}from"./TextFieldBig";export const TextFieldBigClearable=i(function(e,r){const o=u(e);return n(a,{...e,ref:r,right:o.isVisible?n(l,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:t=>{o.onInputFocus?.(),e.onFocus?.(t)},onBlur:t=>{o.onInputBlur?.(),e.onBlur?.(t)}})});

package/dist/esm/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.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;
+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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as W,TextInput as j,View as h}from"react-native";import{useAdaptive as D,useTypographyTheme as L}from"../../../../../core/index.js";import{Txt as u}from"../../../../txt/index.js";import{TextFieldContainer as V}from"../../components/TextFieldContainer.js";import{TextFieldHelp as z}from"../../components/TextFieldHelp.js";import{TextFieldLabel as H}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor.js";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls.js";export const TextFieldBig=S(function({prefix:n,right:a,suffix:d,style:g,containerStyle:x,...e},p){const l=D(),{typography:y}=L(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),B=k(e,t),b=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:B}],children:[n?o(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,o(j,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:b,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:w,padding:0},g]}),d?o(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=W.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";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as W,TextInput as j,View as h}from"react-native";import{useAdaptive as D,useTypographyTheme as L}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldBig=S(function({prefix:n,right:a,suffix:d,style:g,containerStyle:x,...e},p){const l=D(),{typography:y}=L(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),B=k(e,t),b=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:B}],children:[n?o(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,o(j,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:b,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:w,padding:0},g]}),d?o(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=W.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/esm/components/text-field/TextField/variants/TextFieldBig/index.d.ts

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

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

@@ -1 +1 @@
-"use strict";export*from"./TextFieldBig.js";export*from"./TextFieldBig.Clearable.js";export*from"./TextFieldBig.Button.js";
+"use strict";export*from"./TextFieldBig";export*from"./TextFieldBig.Clearable";export*from"./TextFieldBig.Button";

package/dist/esm/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.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;
+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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{colors as B}from"@toss/tds-colors";import{forwardRef as C,useState as w}from"react";import{Pressable as v,StyleSheet as S,View as m}from"react-native";import{useAdaptive as j}from"../../../../../core/index.js";import{Txt as u}from"../../../../txt/index.js";import{TextFieldButtonArrow as L}from"../../components/TextFieldButtonArrow.js";import{TextFieldButtonText as R}from"../../components/TextFieldButtonText.js";import{TextFieldContainer as V}from"../../components/TextFieldContainer.js";import{TextFieldHelp as H}from"../../components/TextFieldHelp.js";import{TextFieldLabel as A}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as D}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultTextColor as I}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as O}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as _}from"../../hooks/useTextFieldValueControls.js";import{getTextFieldStatus as k}from"../../utils/getTextFieldStatus.js";import{TextFieldBoxOverlay as z}from"./TextFieldBoxOverlay.js";export const TextFieldBoxButton=C(function({prefix:n,right:f,suffix:d,placeholder:x,containerStyle:y,style:g,...e},h){const o=j(),[l,a]=w(!1),{value:r}=_(e),T=O(e,l),s=D(e,l),p=k(e,l),b=I(e,l),F=r!=null&&r!=="";return c(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:y,children:[t(A,{color:s.color,opacity:s.opacity,children:e.label}),t(v,{ref:h,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:c(m,{style:[G.boxContainer,{backgroundColor:o.grey50}],children:[n?t(u,{color:o.grey800,style:[{paddingRight:8},g],children:n}):null,t(R,{typography:"t5",placeholder:x,placeholderColor:o.grey500,color:b,style:{flexGrow:1},children:r}),d?t(u,{color:F?o.grey800:o.grey500,style:{paddingLeft:8},children:d}):null,t(m,{style:{display:"flex",alignItems:"center",marginLeft:8},children:f??t(L,{})}),t(z,{status:p})]})}),e.help!=null?t(H,{color:T.color,children:e.help}):null]})});const G=S.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:B.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});
+"use strict";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{colors as B}from"@toss/tds-colors";import{forwardRef as C,useState as w}from"react";import{Pressable as v,StyleSheet as S,View as m}from"react-native";import{useAdaptive as j}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldButtonArrow as L}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as R}from"../../components/TextFieldButtonText";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as H}from"../../components/TextFieldHelp";import{TextFieldLabel as A}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as D}from"../../hooks/useLabelControls";import{useTextFieldDefaultTextColor as I}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as O}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as _}from"../../hooks/useTextFieldValueControls";import{getTextFieldStatus as k}from"../../utils/getTextFieldStatus";import{TextFieldBoxOverlay as z}from"./TextFieldBoxOverlay";export const TextFieldBoxButton=C(function({prefix:n,right:f,suffix:d,placeholder:x,containerStyle:y,style:g,...e},h){const o=j(),[l,a]=w(!1),{value:r}=_(e),T=O(e,l),s=D(e,l),p=k(e,l),b=I(e,l),F=r!=null&&r!=="";return c(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:y,children:[t(A,{color:s.color,opacity:s.opacity,children:e.label}),t(v,{ref:h,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:c(m,{style:[G.boxContainer,{backgroundColor:o.grey50}],children:[n?t(u,{color:o.grey800,style:[{paddingRight:8},g],children:n}):null,t(R,{typography:"t5",placeholder:x,placeholderColor:o.grey500,color:b,style:{flexGrow:1},children:r}),d?t(u,{color:F?o.grey800:o.grey500,style:{paddingLeft:8},children:d}):null,t(m,{style:{display:"flex",alignItems:"center",marginLeft:8},children:f??t(L,{})}),t(z,{status:p})]})}),e.help!=null?t(H,{color:T.color,children:e.help}):null]})});const G=S.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:B.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton.js";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls.js";import{TextFieldBox as a}from"./TextFieldBox.js";export const TextFieldBoxClearable=i(function(e,r){const o=u(e);return n(a,{...e,ref:r,right:o.isVisible?n(l,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:t=>{o.onInputFocus?.(),e.onFocus?.(t)},onBlur:t=>{o.onInputBlur?.(),e.onBlur?.(t)}})});
+"use strict";import{jsx as n}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls";import{TextFieldBox as a}from"./TextFieldBox";export const TextFieldBoxClearable=i(function(e,r){const o=u(e);return n(a,{...e,ref:r,right:o.isVisible?n(l,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:t=>{o.onInputFocus?.(),e.onFocus?.(t)},onBlur:t=>{o.onInputBlur?.(),e.onBlur?.(t)}})});

package/dist/esm/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.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;
+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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as m}from"react/jsx-runtime";import{colors as B}from"@toss/tds-colors";import{forwardRef as v,useState as w}from"react";import{StyleSheet as S,TextInput as j,View as u}from"react-native";import{useAdaptive as L,useTypographyTheme as V}from"../../../../../core/index.js";import{Txt as x}from"../../../../txt/index.js";import{TextFieldContainer as z}from"../../components/TextFieldContainer.js";import{TextFieldHelp as H}from"../../components/TextFieldHelp.js";import{TextFieldLabel as I}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as O}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as D}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as _}from"../../hooks/useTextFieldValueControls.js";import{getTextFieldStatus as k}from"../../utils/getTextFieldStatus.js";import{TextFieldBoxOverlay as A}from"./TextFieldBoxOverlay.js";export const TextFieldBox=v(function({prefix:i,right:n,suffix:a,containerStyle:f,style:y,...e},g){const t=L(),{typography:h}=V(),[l,d]=w(!1),T=D(e,l),{value:s,onChangeText:p}=_(e),c=O(e,l),F=k(e,l),b=R(e,l),C=s!=="";return m(z,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:f,children:[o(I,{color:c.color,opacity:c.opacity,children:e.label}),m(u,{style:[G.boxContainer,{backgroundColor:t.greyOpacity50}],children:[i?o(x,{color:t.grey800,style:{paddingRight:8},children:i}):null,o(j,{...e,ref:g,onChangeText:p,editable:e.editable??!e.disabled,onFocus:r=>{e.onFocus?.(r),d(!0)},onBlur:r=>{e.onBlur?.(r),d(!1)},value:s,style:[{flexGrow:1,flexBasis:0,color:b,fontSize:h.t5.fontSize,padding:0},y],placeholderTextColor:t.grey500}),a?o(x,{color:C?t.grey800:t.grey500,style:{paddingLeft:8},children:a}):null,n?o(u,{style:{display:"flex",alignItems:"center",marginLeft:8},children:n}):null,o(A,{status:F})]}),e.help!=null?o(H,{color:T.color,children:e.help}):null]})});const G=S.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:B.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});
+"use strict";import{jsx as o,jsxs as m}from"react/jsx-runtime";import{colors as B}from"@toss/tds-colors";import{forwardRef as v,useState as w}from"react";import{StyleSheet as S,TextInput as j,View as u}from"react-native";import{useAdaptive as L,useTypographyTheme as V}from"../../../../../core";import{Txt as x}from"../../../../txt";import{TextFieldContainer as z}from"../../components/TextFieldContainer";import{TextFieldHelp as H}from"../../components/TextFieldHelp";import{TextFieldLabel as I}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as O}from"../../hooks/useLabelControls";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as D}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as _}from"../../hooks/useTextFieldValueControls";import{getTextFieldStatus as k}from"../../utils/getTextFieldStatus";import{TextFieldBoxOverlay as A}from"./TextFieldBoxOverlay";export const TextFieldBox=v(function({prefix:i,right:n,suffix:a,containerStyle:f,style:y,...e},g){const t=L(),{typography:h}=V(),[l,d]=w(!1),T=D(e,l),{value:s,onChangeText:p}=_(e),c=O(e,l),F=k(e,l),b=R(e,l),C=s!=="";return m(z,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:f,children:[o(I,{color:c.color,opacity:c.opacity,children:e.label}),m(u,{style:[G.boxContainer,{backgroundColor:t.greyOpacity50}],children:[i?o(x,{color:t.grey800,style:{paddingRight:8},children:i}):null,o(j,{...e,ref:g,onChangeText:p,editable:e.editable??!e.disabled,onFocus:r=>{e.onFocus?.(r),d(!0)},onBlur:r=>{e.onBlur?.(r),d(!1)},value:s,style:[{flexGrow:1,flexBasis:0,color:b,fontSize:h.t5.fontSize,padding:0},y],placeholderTextColor:t.grey500}),a?o(x,{color:C?t.grey800:t.grey500,style:{paddingLeft:8},children:a}):null,n?o(u,{style:{display:"flex",alignItems:"center",marginLeft:8},children:n}):null,o(A,{status:F})]}),e.help!=null?o(H,{color:T.color,children:e.help}):null]})});const G=S.create({boxContainer:{overflow:"hidden",borderRadius:14,display:"flex",flexDirection:"row",alignItems:"center",borderColor:B.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});

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

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

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./TextFieldBox.js";export*from"./TextFieldBox.Clearable.js";export*from"./TextFieldBox.Button.js";
+"use strict";export*from"./TextFieldBox";export*from"./TextFieldBox.Clearable";export*from"./TextFieldBox.Button";

package/dist/esm/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.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;
+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;
     defaultValue?: string;
     focused?: boolean;
     placeholder?: string;

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core/index.js";import{Txt as f}from"../../../../txt/index.js";import{forwardRef as B,useState as w}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as H}from"../../components/TextFieldButtonArrow.js";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText.js";import{TextFieldContainer as V}from"../../components/TextFieldContainer.js";import{TextFieldHelp as W}from"../../components/TextFieldHelp.js";import{TextFieldLabel as D}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as L}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultPlaceholderColor as R}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as A}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as G}from"../../hooks/useTextFieldValueControls.js";export const TextFieldHeroButton=B(function({prefix:n,right:u,suffix:a,placeholder:x,containerStyle:g,style:P,...e},p){const l=b(),[o,d]=w(!1),{value:c}=G(e),y=c!=="",s=L(e,o),T=A(e,o),C=k(e,o),F=R(e,o);return m(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),d(!0)},onBlur:i=>{e.onBlur?.(i),d(!1)},...e,children:m(h,{style:[r.inputContainer],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t1",fontWeight:"semiBold",placeholder:x,placeholderColor:F,color:C,style:{flexGrow:1},children:c}),a?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:a}):null,t(h,{style:r.rightContainer,children:u??t(H,{})})]})}),e.help!=null?t(W,{color:T.color,children:e.help}):null]})});const r=v.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";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as B,useState as w}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as H}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as W}from"../../components/TextFieldHelp";import{TextFieldLabel as D}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as L}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as R}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as A}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as G}from"../../hooks/useTextFieldValueControls";export const TextFieldHeroButton=B(function({prefix:n,right:u,suffix:a,placeholder:x,containerStyle:g,style:P,...e},p){const l=b(),[o,d]=w(!1),{value:c}=G(e),y=c!=="",s=L(e,o),T=A(e,o),C=k(e,o),F=R(e,o);return m(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),d(!0)},onBlur:i=>{e.onBlur?.(i),d(!1)},...e,children:m(h,{style:[r.inputContainer],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t1",fontWeight:"semiBold",placeholder:x,placeholderColor:F,color:C,style:{flexGrow:1},children:c}),a?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:a}):null,t(h,{style:r.rightContainer,children:u??t(H,{})})]})}),e.help!=null?t(W,{color:T.color,children:e.help}):null]})});const r=v.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/esm/components/text-field/TextField/variants/TextFieldHero/TextFieldHero.Clearable.d.ts

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

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

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as l}from"react";import{TextFieldClearButton as i}from"../../components/TextFieldClearButton.js";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls.js";import{TextFieldHero as a}from"./TextFieldHero.js";export const TextFieldHeroClearable=l(function(e,n){const o=u(e);return t(a,{...e,ref:n,right:o.isVisible?t(i,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{o.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{o.onInputBlur?.(),e.onBlur?.(r)}})});
+"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as l}from"react";import{TextFieldClearButton as i}from"../../components/TextFieldClearButton";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls";import{TextFieldHero as a}from"./TextFieldHero";export const TextFieldHeroClearable=l(function(e,n){const o=u(e);return t(a,{...e,ref:n,right:o.isVisible?t(i,{size:24,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:r=>{o.onInputFocus?.(),e.onFocus?.(r)},onBlur:r=>{o.onInputBlur?.(),e.onBlur?.(r)}})});

package/dist/esm/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.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;
+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;
     defaultValue?: string;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as w,useState as S}from"react";import{StyleSheet as v,TextInput as H,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as V}from"../../../../../core/index.js";import{Txt as u}from"../../../../txt/index.js";import{TextFieldContainer as W}from"../../components/TextFieldContainer.js";import{TextFieldHelp as z}from"../../components/TextFieldHelp.js";import{TextFieldLabel as D}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultPlaceholderColor as L}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as G}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as R}from"../../hooks/useTextFieldValueControls.js";export const TextFieldHero=w(function({prefix:r,right:a,suffix:d,containerStyle:g,style:x,...e},p){const l=j(),{typography:y}=V(),[o,c]=S(!1),{value:s,onChangeText:T}=R(e),C=s!=="",f=I(e,o),F=G(e,o),b=k(e,o),B=L(e,o);return m(W,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:f.color,opacity:f.opacity,children:e.label}),m(h,{style:[n.inputContainer],children:[r?t(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:n.prefix,children:r}):null,t(H,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:b,padding:0},x]}),d?t(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?t(h,{style:n.rightContainer,children:a}):null]}),e.help!=null?t(z,{color:F.color,children:e.help}):null]})});const n=v.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";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as w,useState as S}from"react";import{StyleSheet as v,TextInput as H,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as V}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as W}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as D}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as L}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as G}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as R}from"../../hooks/useTextFieldValueControls";export const TextFieldHero=w(function({prefix:r,right:a,suffix:d,containerStyle:g,style:x,...e},p){const l=j(),{typography:y}=V(),[o,c]=S(!1),{value:s,onChangeText:T}=R(e),C=s!=="",f=I(e,o),F=G(e,o),b=k(e,o),B=L(e,o);return m(W,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:f.color,opacity:f.opacity,children:e.label}),m(h,{style:[n.inputContainer],children:[r?t(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:n.prefix,children:r}):null,t(H,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:b,padding:0},x]}),d?t(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?t(h,{style:n.rightContainer,children:a}):null]}),e.help!=null?t(z,{color:F.color,children:e.help}):null]})});const n=v.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/esm/components/text-field/TextField/variants/TextFieldHero/index.d.ts

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

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

@@ -1 +1 @@
-"use strict";export*from"./TextFieldHero.js";export*from"./TextFieldHero.Clearable.js";export*from"./TextFieldHero.Button.js";
+"use strict";export*from"./TextFieldHero";export*from"./TextFieldHero.Clearable";export*from"./TextFieldHero.Button";

package/dist/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.Button.d.ts

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-export declare const TextFieldLineButton: 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;
+export declare const TextFieldLineButton: 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/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.Button.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core/index.js";import{Txt as f}from"../../../../txt/index.js";import{forwardRef as w,useState as L}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as W}from"../../components/TextFieldButtonArrow.js";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText.js";import{TextFieldContainer as D}from"../../components/TextFieldContainer.js";import{TextFieldHelp as V}from"../../components/TextFieldHelp.js";import{TextFieldLabel as H}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor.js";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls.js";export const TextFieldLineButton=w(function({prefix:n,right:u,suffix:d,containerStyle:x,placeholder:g,style:z,...e},p){const l=b(),[o,a]=L(!1),{value:c}=P(e),y=c!=="",s=R(e,o),C=I(e,o),T=k(e,o),B=A(e,o),F=G(e,o);return m(D,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:T}],children:[n?t(f,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t3",fontWeight:"semiBold",placeholder:g,placeholderColor:B,color:F,style:{flexGrow:1},children:c}),d?t(f,{fontWeight:"semiBold",typography:"t3",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(W,{})})]})}),e.help!=null?t(V,{color:C.color,children:e.help}):null]})});const r=v.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";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as w,useState as L}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as W}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as D}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldLineButton=w(function({prefix:n,right:u,suffix:d,containerStyle:x,placeholder:g,style:z,...e},p){const l=b(),[o,a]=L(!1),{value:c}=P(e),y=c!=="",s=R(e,o),C=I(e,o),T=k(e,o),B=A(e,o),F=G(e,o);return m(D,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:T}],children:[n?t(f,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t3",fontWeight:"semiBold",placeholder:g,placeholderColor:B,color:F,style:{flexGrow:1},children:c}),d?t(f,{fontWeight:"semiBold",typography:"t3",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(W,{})})]})}),e.help!=null?t(V,{color:C.color,children:e.help}):null]})});const r=v.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/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.Clearable.d.ts

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

package/dist/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.Clearable.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton.js";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls.js";import{TextFieldLine as a}from"./TextFieldLine.js";export const TextFieldLineClearable=i(function(e,r){const o=u(e);return t(a,{...e,ref:r,right:o.isVisible?t(l,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:n=>{o.onInputFocus?.(),e.onFocus?.(n)},onBlur:n=>{o.onInputBlur?.(),e.onBlur?.(n)}})});
+"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{TextFieldClearButton as l}from"../../components/TextFieldClearButton";import{useTextFieldClearButtonControls as u}from"../../hooks/useTextFieldClearButtonControls";import{TextFieldLine as a}from"./TextFieldLine";export const TextFieldLineClearable=i(function(e,r){const o=u(e);return t(a,{...e,ref:r,right:o.isVisible?t(l,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:n=>{o.onInputFocus?.(),e.onFocus?.(n)},onBlur:n=>{o.onInputBlur?.(),e.onBlur?.(n)}})});

package/dist/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.d.ts

@@ -1,5 +1,5 @@
 import { TextInput } from 'react-native';
-export declare const TextFieldLine: 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;
+export declare const TextFieldLine: 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>>;

package/dist/esm/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as L,TextInput as W,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as D}from"../../../../../core/index.js";import{Txt as u}from"../../../../txt/index.js";import{TextFieldContainer as V}from"../../components/TextFieldContainer.js";import{TextFieldHelp as z}from"../../components/TextFieldHelp.js";import{TextFieldLabel as H}from"../../components/TextFieldLabel.js";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls.js";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor.js";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor.js";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor.js";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls.js";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls.js";export const TextFieldLine=S(function({prefix:n,right:a,suffix:d,containerStyle:x,style:g,...e},p){const l=j(),{typography:y}=D(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),b=k(e,t),B=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:b}],children:[n?o(u,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,o(W,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t3.fontSize,color:w,padding:0},g]}),d?o(u,{fontWeight:"semiBold",typography:"t3",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=L.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";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as L,TextInput as W,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as D}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldLine=S(function({prefix:n,right:a,suffix:d,containerStyle:x,style:g,...e},p){const l=j(),{typography:y}=D(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),b=k(e,t),B=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:b}],children:[n?o(u,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,o(W,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t3.fontSize,color:w,padding:0},g]}),d?o(u,{fontWeight:"semiBold",typography:"t3",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=L.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/esm/components/text-field/TextField/variants/TextFieldLine/index.d.ts

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

package/dist/esm/components/text-field/TextField/variants/TextFieldLine/index.js

@@ -1 +1 @@
-"use strict";export*from"./TextFieldLine.js";export*from"./TextFieldLine.Clearable.js";export*from"./TextFieldLine.Button.js";
+"use strict";export*from"./TextFieldLine";export*from"./TextFieldLine.Clearable";export*from"./TextFieldLine.Button";

package/dist/esm/components/text-field/TextFieldBig/TextFieldBig.js

@@ -1 +1 @@
-"use strict";import{jsx as f}from"react/jsx-runtime";import{forwardRef as s}from"react";import{TextField as n}from"../TextField/index.js";export const TextFieldBig=s(function({hasError:r,suffix:e,secret:i,disabled:t,clearable:x,onClear:l,...a},o){return x?f(n.Clearable,{...a,ref:o,variant:"big",hasError:r,suffix:e,secureTextEntry:i,disabled:t,onClear:l}):f(n,{...a,ref:o,variant:"big",hasError:r,suffix:e,secureTextEntry:i,disabled:t})});
+"use strict";import{jsx as f}from"react/jsx-runtime";import{forwardRef as s}from"react";import{TextField as n}from"../TextField";export const TextFieldBig=s(function({hasError:r,suffix:e,secret:i,disabled:t,clearable:x,onClear:l,...a},o){return x?f(n.Clearable,{...a,ref:o,variant:"big",hasError:r,suffix:e,secureTextEntry:i,disabled:t,onClear:l}):f(n,{...a,ref:o,variant:"big",hasError:r,suffix:e,secureTextEntry:i,disabled:t})});

package/dist/esm/components/text-field/TextFieldBig/index.d.ts

@@ -1 +1 @@
-export { TextFieldBig } from './TextFieldBig.js';
+export { TextFieldBig } from './TextFieldBig';

package/dist/esm/components/text-field/TextFieldBig/index.js

@@ -1 +1 @@
-"use strict";export{TextFieldBig}from"./TextFieldBig.js";
+"use strict";export{TextFieldBig}from"./TextFieldBig";

package/dist/esm/components/text-field/index.d.ts

@@ -1,4 +1,4 @@
-export { OldTextField, OldTextFieldItem, OldTextFieldSelectButton } from './OldTextField/index.js';
-export * from './TextArea/index.js';
-export * from './TextField/index.js';
-export { TextFieldBig } from './TextFieldBig/index.js';
+export { OldTextField, OldTextFieldItem, OldTextFieldSelectButton } from './OldTextField';
+export * from './TextArea';
+export * from './TextField';
+export { TextFieldBig } from './TextFieldBig';

package/dist/esm/components/text-field/index.js

@@ -1 +1 @@
-"use strict";export{OldTextField,OldTextFieldItem,OldTextFieldSelectButton}from"./OldTextField/index.js";export*from"./TextArea/index.js";export*from"./TextField/index.js";export{TextFieldBig}from"./TextFieldBig/index.js";
+"use strict";export{OldTextField,OldTextFieldItem,OldTextFieldSelectButton}from"./OldTextField";export*from"./TextArea";export*from"./TextField";export{TextFieldBig}from"./TextFieldBig";