@toss/tds-react-native 1.3.3 → 1.3.5

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

@@ -1 +1 @@
-"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}});
+"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}});

package/dist/cjs/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/cjs/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/cjs/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/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.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/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_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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBigButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../../../core"),txt_1=require("../../../../txt"),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:r,right:a,suffix:i,placeholder:u,style:B,containerStyle:c,...e},x){const o=(0,core_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:[r?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:r}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:u,placeholderColor:C,color:f,style:{flexGrow:1},children:s}),i?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:T?o.grey800:o.grey500,children:i}):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}});

package/dist/cjs/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("../../types").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_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)}})});
+"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)}})});

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.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/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_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}});
+"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"),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"),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:r,right:i,suffix:n,style:u,containerStyle:c,...e},x){const o=(0,core_1.useAdaptive)(),{typography:h}=(0,core_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:[r?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:r}):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]}),n?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:C?o.grey800:o.grey500,children:n}):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: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/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/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.js"),exports),__exportStar(require("./TextFieldBig.Clearable.js"),exports),__exportStar(require("./TextFieldBig.Button.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TextFieldBig"),exports),__exportStar(require("./TextFieldBig.Clearable"),exports),__exportStar(require("./TextFieldBig.Button"),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.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/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_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%"}});
+"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"),core_1=require("../../../../../core"),txt_1=require("../../../../txt"),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:s,placeholder:u,containerStyle:a,style:x,...e},T){const t=(0,core_1.useAdaptive)(),[o,n]=(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),n(!0)},onBlur:r=>{e.onBlur?.(r),n(!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)(txt_1.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}),s?(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:g?t.grey800:t.grey500,style:{paddingLeft:8},children:s}):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%"}});

package/dist/cjs/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("../../types").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_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)}})});
+"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)}})});

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

package/dist/cjs/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/cjs/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/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.js"),exports),__exportStar(require("./TextFieldBox.Clearable.js"),exports),__exportStar(require("./TextFieldBox.Button.js"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TextFieldBox"),exports),__exportStar(require("./TextFieldBox.Clearable"),exports),__exportStar(require("./TextFieldBox.Button"),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.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/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_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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldHeroButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../../../core"),txt_1=require("../../../../txt"),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:r,right:a,suffix:i,placeholder:c,containerStyle:u,style:g,...e},x){const o=(0,core_1.useAdaptive)(),[t,n]=(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),n(!0)},onBlur:l=>{e.onBlur?.(l),n(!1)},...e,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.inputContainer],children:[r?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey800,style:styles.prefix,children:r}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t1",fontWeight:"semiBold",placeholder:c,placeholderColor:C,color:F,style:{flexGrow:1},children:s}),i?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:h?o.grey800:o.grey500,children:i}):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}});

package/dist/cjs/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("../../types").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_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)}})});
+"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)}})});

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.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/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_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}});
+"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"),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"),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,core_1.useAdaptive)(),{typography:h}=(0,core_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)(txt_1.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)(txt_1.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}});

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

package/dist/cjs/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/cjs/components/text-field/TextField/variants/TextFieldLine/TextFieldLine.Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLineButton=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.TextFieldLineButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:r,containerStyle:u,placeholder:c,style:f,...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: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),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,{fontWeight:"semiBold",typography:"t3",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_js_1.TextFieldButtonText,{typography:"t3",fontWeight:"semiBold",placeholder:c,placeholderColor:F,color:_,style:{flexGrow:1},children:s}),r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{fontWeight:"semiBold",typography:"t3",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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLineButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../../../core"),txt_1=require("../../../../txt"),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.TextFieldLineButton=(0,react_1.forwardRef)(function({prefix:r,right:a,suffix:i,containerStyle:u,placeholder:c,style:y,...e},x){const o=(0,core_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: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),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:[r?(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"semiBold",typography:"t3",color:o.grey800,style:styles.prefix,children:r}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t3",fontWeight:"semiBold",placeholder:c,placeholderColor:C,color:f,style:{flexGrow:1},children:s}),i?(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"semiBold",typography:"t3",color:T?o.grey800:o.grey500,children:i}):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}});

package/dist/cjs/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("../../types").TextFieldProps, "right"> & {
     onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLineClearable=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"),TextFieldLine_js_1=require("./TextFieldLine.js");exports.TextFieldLineClearable=(0,react_1.forwardRef)(function(e,r){const t=(0,useTextFieldClearButtonControls_js_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldLine_js_1.TextFieldLine,{...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:n=>{t.onInputFocus?.(),e.onFocus?.(n)},onBlur:n=>{t.onInputBlur?.(),e.onBlur?.(n)}})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLineClearable=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextFieldClearButton_1=require("../../components/TextFieldClearButton"),useTextFieldClearButtonControls_1=require("../../hooks/useTextFieldClearButtonControls"),TextFieldLine_1=require("./TextFieldLine");exports.TextFieldLineClearable=(0,react_1.forwardRef)(function(e,r){const t=(0,useTextFieldClearButtonControls_1.useTextFieldClearButtonControls)(e);return(0,jsx_runtime_1.jsx)(TextFieldLine_1.TextFieldLine,{...e,ref:r,right:t.isVisible?(0,jsx_runtime_1.jsx)(TextFieldClearButton_1.TextFieldClearButton,{size:20,onPress:()=>{e.onChangeText?.(""),e.onClear?.()}}):void 0,onFocus:n=>{t.onInputFocus?.(),e.onFocus?.(n)},onBlur:n=>{t.onInputBlur?.(),e.onBlur?.(n)}})});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLine=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.TextFieldLine=(0,react_1.forwardRef)(function({prefix:n,right:i,suffix:r,containerStyle:u,style: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),F=(0,useTextFieldDefaultPlaceholderColor_js_1.useTextFieldDefaultPlaceholderColor)(e,t),g=(0,useTextFieldDefaultTextColor_js_1.useTextFieldDefaultTextColor)(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: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:[n?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{fontWeight:"semiBold",typography:"t3",color:o.grey800,style:styles.prefix,children:n}):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.t3.fontSize,color:g,padding:0},c]}),r?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{fontWeight:"semiBold",typography:"t3",color:C?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: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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLine=void 0;const jsx_runtime_1=require("react/jsx-runtime"),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"),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.TextFieldLine=(0,react_1.forwardRef)(function({prefix:n,right:r,suffix:i,containerStyle:u,style:c,...e},x){const o=(0,core_1.useAdaptive)(),{typography:h}=(0,core_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),F=(0,useTextFieldDefaultLineBorderColor_1.useTextFieldDefaultLineBorderColor)(e,t),g=(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:u,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:F}],children:[n?(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"semiBold",typography:"t3",color:o.grey800,style:styles.prefix,children:n}):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.t3.fontSize,color:y,padding:0},c]}),i?(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"semiBold",typography:"t3",color:C?o.grey800:o.grey500,children:i}):null,r?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:r}):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}});

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

package/dist/cjs/components/text-field/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"),index_js_1=require("../TextField/index.js");exports.TextFieldBig=(0,react_1.forwardRef)(function({hasError:e,suffix:r,secret:t,disabled:i,clearable:n,onClear:u,...s},x){return n?(0,jsx_runtime_1.jsx)(index_js_1.TextField.Clearable,{...s,ref:x,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i,onClear:u}):(0,jsx_runtime_1.jsx)(index_js_1.TextField,{...s,ref:x,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBig=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TextField_1=require("../TextField");exports.TextFieldBig=(0,react_1.forwardRef)(function({hasError:e,suffix:r,secret:t,disabled:i,clearable:n,onClear:u,...s},x){return n?(0,jsx_runtime_1.jsx)(TextField_1.TextField.Clearable,{...s,ref:x,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i,onClear:u}):(0,jsx_runtime_1.jsx)(TextField_1.TextField,{...s,ref:x,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i})});

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

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

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

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

package/dist/cjs/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/cjs/components/text-field/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}),exports.TextFieldBig=exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;var index_js_1=require("./OldTextField/index.js");Object.defineProperty(exports,"OldTextField",{enumerable:!0,get:function(){return index_js_1.OldTextField}}),Object.defineProperty(exports,"OldTextFieldItem",{enumerable:!0,get:function(){return index_js_1.OldTextFieldItem}}),Object.defineProperty(exports,"OldTextFieldSelectButton",{enumerable:!0,get:function(){return index_js_1.OldTextFieldSelectButton}}),__exportStar(require("./TextArea/index.js"),exports),__exportStar(require("./TextField/index.js"),exports);var index_js_2=require("./TextFieldBig/index.js");Object.defineProperty(exports,"TextFieldBig",{enumerable:!0,get:function(){return index_js_2.TextFieldBig}});
+"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}),exports.TextFieldBig=exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;var OldTextField_1=require("./OldTextField");Object.defineProperty(exports,"OldTextField",{enumerable:!0,get:function(){return OldTextField_1.OldTextField}}),Object.defineProperty(exports,"OldTextFieldItem",{enumerable:!0,get:function(){return OldTextField_1.OldTextFieldItem}}),Object.defineProperty(exports,"OldTextFieldSelectButton",{enumerable:!0,get:function(){return OldTextField_1.OldTextFieldSelectButton}}),__exportStar(require("./TextArea"),exports),__exportStar(require("./TextField"),exports);var TextFieldBig_1=require("./TextFieldBig");Object.defineProperty(exports,"TextFieldBig",{enumerable:!0,get:function(){return TextFieldBig_1.TextFieldBig}});

package/dist/cjs/components/toast/Toast.d.ts

@@ -1,5 +1,5 @@
-import { type ToastBottomProps } from './components/ToastBottom.js';
-import { type ToastTopProps } from './components/ToastTop.js';
+import { type ToastBottomProps } from './components/ToastBottom';
+import { type ToastTopProps } from './components/ToastTop';
 export type ToastProps = (ToastTopProps & {
     position: 'top';
 }) | (ToastBottomProps & {
@@ -13,10 +13,10 @@ export declare const Toast: {
         name: string;
         color?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon.js").PresetToastLottieIconProps & {
+    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon").PresetToastLottieIconProps & {
         preset: true;
-    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon.js").CustomToastLottieIconProps & {
+    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon").CustomToastLottieIconProps & {
         preset?: false;
     })) => import("react/jsx-runtime").JSX.Element;
-    Button: ({ children, ...props }: import("./components/ToastButton.js").ToastButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, ...props }: import("./components/ToastButton").ToastButtonProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/cjs/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ToastBottom_js_1=require("./components/ToastBottom.js"),ToastButton_js_1=require("./components/ToastButton.js"),ToastIcon_js_1=require("./components/ToastIcon.js"),index_js_1=require("./components/ToastLottieIcon/index.js"),ToastTop_js_1=require("./components/ToastTop.js"),useAnnounce_js_1=require("../../utils/useAnnounce.js"),react_1=require("react"),Toast=({position:e="bottom",...t})=>{const{announce:o}=(0,useAnnounce_js_1.useAnnounce)();return(0,react_1.useEffect)(()=>{t.open&&o(t.text)},[t.open,o,t.text]),e==="bottom"?(0,jsx_runtime_1.jsx)(ToastBottom_js_1.ToastBottom,{...t}):(0,jsx_runtime_1.jsx)(ToastTop_js_1.ToastTop,{...t})};exports.Toast=Toast,exports.Toast.Icon=ToastIcon_js_1.ToastIcon,exports.Toast.LottieIcon=index_js_1.ToastLottieIcon,exports.Toast.Button=ToastButton_js_1.ToastButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ToastBottom_1=require("./components/ToastBottom"),ToastButton_1=require("./components/ToastButton"),ToastIcon_1=require("./components/ToastIcon"),ToastLottieIcon_1=require("./components/ToastLottieIcon"),ToastTop_1=require("./components/ToastTop"),useAnnounce_1=require("../../utils/useAnnounce"),react_1=require("react"),Toast=({position:e="bottom",...t})=>{const{announce:o}=(0,useAnnounce_1.useAnnounce)();return(0,react_1.useEffect)(()=>{t.open&&o(t.text)},[t.open,o,t.text]),e==="bottom"?(0,jsx_runtime_1.jsx)(ToastBottom_1.ToastBottom,{...t}):(0,jsx_runtime_1.jsx)(ToastTop_1.ToastTop,{...t})};exports.Toast=Toast,exports.Toast.Icon=ToastIcon_1.ToastIcon,exports.Toast.LottieIcon=ToastLottieIcon_1.ToastLottieIcon,exports.Toast.Button=ToastButton_1.ToastButton;

package/dist/cjs/components/toast/components/ToastBottom.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { CommonToastProps } from './types.js';
+import type { CommonToastProps } from './types';
 export interface ToastBottomProps extends CommonToastProps {
     /**
      * @example

package/dist/cjs/components/toast/components/ToastBottom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastBottom=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/animated/index.js"),index_js_3=require("../../../utils/index.js"),index_js_4=require("../../txt/index.js"),index_js_5=require("../hooks/index.js"),AnimatedPressable=index_js_2.Animated.createAnimatedComponent(react_native_2.Pressable),ToastBottom=({open:l,text:d,icon:i,button:e,duration:u=e?5:3,bottomOffset:n=20,onClose:o,onExited:x=()=>{},onEntered:m=()=>{}})=>{const{width:h}=(0,react_native_2.useWindowDimensions)(),[r,g]=(0,react_1.useState)(),s=(0,index_js_3.useSafeAreaBottom)(),y=r?n+r+s:void 0,_=(0,react_native_1.useKeyboardAnimatedHeight)(),{textLine:p,updateTextLine:j}=(0,index_js_5.useTextLine)(),{colorPreference:f}=(0,index_js_1.useColorPreference)(),{typographyLevel:a}=(0,index_js_1.useTypographyTheme)(),t=react_native_2.Platform.OS==="android"?a>200:a?.startsWith("A11y_x"),{enter:w,exit:T,animatedStyle:c}=(0,index_js_5.useToastAnimation)({position:"bottom",initialY:y}),{presenceState:q}=(0,index_js_3.useAnimatePresence)(l,{enter:w,exit:T,onExited:x,onEntered:m});return(0,index_js_5.useTimer)({duration:u,callback:o}),q==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:o,onLayout:v=>{g(v.nativeEvent.layout.height)},style:[styles.container,{opacity:c.opacity,transform:[{translateY:index_js_2.Animated.subtract(c.transform[0]?.translateY??0,_)}]},{flexDirection:t?"column":"row",alignItems:t?"flex-start":"center",gap:t?10:0,width:e?h-marginHorizontal*2:"auto",bottom:n+s,paddingLeft:i?16:20,paddingRight:e?14:20,borderRadius:p==="single"?100:20,backgroundColor:f==="light"?tds_colors_1.colors.grey500:tds_colors_1.colors.darkThemeGrey200}],children:[(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:[styles.iconTextContainer,t?{width:"100%"}:{flexGrow:e?1:0,width:e?0:"auto"}],children:[i&&(0,jsx_runtime_1.jsx)(react_native_2.View,{style:styles.icon,children:i}),(0,jsx_runtime_1.jsx)(index_js_4.Txt,{onTextLayout:j,typography:"t6",fontWeight:"semiBold",color:tds_colors_1.colors.white,children:d})]}),e?(0,jsx_runtime_1.jsx)(react_native_2.View,{style:styles.button,children:e}):null]})};exports.ToastBottom=ToastBottom;const marginHorizontal=20,styles=react_native_2.StyleSheet.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",paddingVertical:14,marginHorizontal},iconTextContainer:{flexDirection:"row",alignItems:"center"},icon:{marginRight:12},button:{marginLeft:20,flexShrink:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastBottom=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../../core"),animated_1=require("../../../interactions/animated"),utils_1=require("../../../utils"),txt_1=require("../../txt"),hooks_1=require("../hooks"),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_2.Pressable),ToastBottom=({open:l,text:d,icon:o,button:e,duration:u=e?5:3,bottomOffset:r=20,onClose:i,onExited:m=()=>{},onEntered:h=()=>{}})=>{const{width:x}=(0,react_native_2.useWindowDimensions)(),[n,g]=(0,react_1.useState)(),s=(0,utils_1.useSafeAreaBottom)(),y=n?r+n+s:void 0,p=(0,react_native_1.useKeyboardAnimatedHeight)(),{textLine:f,updateTextLine:_}=(0,hooks_1.useTextLine)(),{colorPreference:w}=(0,core_1.useColorPreference)(),{typographyLevel:a}=(0,core_1.useTypographyTheme)(),t=react_native_2.Platform.OS==="android"?a>200:a?.startsWith("A11y_x"),{enter:T,exit:q,animatedStyle:c}=(0,hooks_1.useToastAnimation)({position:"bottom",initialY:y}),{presenceState:v}=(0,utils_1.useAnimatePresence)(l,{enter:T,exit:q,onExited:m,onEntered:h});return(0,hooks_1.useTimer)({duration:u,callback:i}),v==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:i,onLayout:A=>{g(A.nativeEvent.layout.height)},style:[styles.container,{opacity:c.opacity,transform:[{translateY:animated_1.Animated.subtract(c.transform[0]?.translateY??0,p)}]},{flexDirection:t?"column":"row",alignItems:t?"flex-start":"center",gap:t?10:0,width:e?x-marginHorizontal*2:"auto",bottom:r+s,paddingLeft:o?16:20,paddingRight:e?14:20,borderRadius:f==="single"?100:20,backgroundColor:w==="light"?tds_colors_1.colors.grey500:tds_colors_1.colors.darkThemeGrey200}],children:[(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:[styles.iconTextContainer,t?{width:"100%"}:{flexGrow:e?1:0,width:e?0:"auto"}],children:[o&&(0,jsx_runtime_1.jsx)(react_native_2.View,{style:styles.icon,children:o}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{onTextLayout:_,typography:"t6",fontWeight:"semiBold",color:tds_colors_1.colors.white,children:d})]}),e?(0,jsx_runtime_1.jsx)(react_native_2.View,{style:styles.button,children:e}):null]})};exports.ToastBottom=ToastBottom;const marginHorizontal=20,styles=react_native_2.StyleSheet.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",paddingVertical:14,marginHorizontal},iconTextContainer:{flexDirection:"row",alignItems:"center"},icon:{marginRight:12},button:{marginLeft:20,flexShrink:0}});

package/dist/cjs/components/toast/components/ToastButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/animated/index.js"),index_js_3=require("../../txt/index.js"),ToastButton=({children:t,...o})=>{const{colorPreference:r}=(0,index_js_1.useColorPreference)(),e=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current;return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",onPressIn:()=>{e.setValue(.1)},onPressOut:()=>{e.setValue(0)},style:[styles.button,{backgroundColor:r==="light"?tds_colors_1.colors.greyOpacity400:tds_colors_1.colors.whiteOpacity100}],...o,children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:tds_colors_1.colors.black,opacity:e}}),(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"t7",fontWeight:"semiBold",color:tds_colors_1.colors.floatBackground,children:t})]})};exports.ToastButton=ToastButton;const styles=react_native_1.StyleSheet.create({button:{marginLeft:"auto",borderRadius:100,paddingHorizontal:12,paddingVertical:6,overflow:"hidden"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../../core"),animated_1=require("../../../interactions/animated"),txt_1=require("../../txt"),ToastButton=({children:t,...o})=>{const{colorPreference:r}=(0,core_1.useColorPreference)(),e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",onPressIn:()=>{e.setValue(.1)},onPressOut:()=>{e.setValue(0)},style:[styles.button,{backgroundColor:r==="light"?tds_colors_1.colors.greyOpacity400:tds_colors_1.colors.whiteOpacity100}],...o,children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:tds_colors_1.colors.black,opacity:e}}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",fontWeight:"semiBold",color:tds_colors_1.colors.floatBackground,children:t})]})};exports.ToastButton=ToastButton;const styles=react_native_1.StyleSheet.create({button:{marginLeft:"auto",borderRadius:100,paddingHorizontal:12,paddingVertical:6,overflow:"hidden"}});

package/dist/cjs/components/toast/components/ToastIcon.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../icon/index.js';
+import { Icon } from '../../icon';
 import type { ComponentProps } from 'react';
 type ToastIconProps = Pick<ComponentProps<typeof Icon>, 'name' | 'color' | 'style' | 'type'>;
 export declare const ToastIcon: (props: ToastIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/toast/components/ToastIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../icon/index.js"),ToastIcon=e=>(0,jsx_runtime_1.jsx)(index_js_1.Icon,{type:"circle",size:24,...e});exports.ToastIcon=ToastIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),icon_1=require("../../icon"),ToastIcon=e=>(0,jsx_runtime_1.jsx)(icon_1.Icon,{type:"circle",size:24,...e});exports.ToastIcon=ToastIcon;