@toss/tds-react-native 1.0.0

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TextFieldBig"),exports),__exportStar(require("./TextFieldBig.Clearable"),exports),__exportStar(require("./TextFieldBig.Button"),exports);

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

@@ -0,0 +1,8 @@
+import { View } from 'react-native';
+export declare const TextFieldBoxButton: import("react").ForwardRefExoticComponent<import("../../types").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "ref">, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
+    value?: import("../../types").TextFieldValue;
+    defaultValue?: string;
+    focused?: boolean;
+    placeholder?: string;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+} & import("react").RefAttributes<View>>;

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

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

@@ -0,0 +1,4 @@
+import { TextInput } from 'react-native';
+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

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

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

@@ -0,0 +1,5 @@
+import { TextInput } from 'react-native';
+export declare const TextFieldBox: import("react").ForwardRefExoticComponent<import("../../types").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<import("react-native").TextInputProps, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
+    value?: import("../../types").TextFieldValue;
+    defaultValue?: string;
+} & import("react").RefAttributes<TextInput>>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/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:a,onChangeText:y}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),d=(0,useLabelControls_1.useTextFieldLabelControls)(e,o),g=(0,getTextFieldStatus_1.getTextFieldStatus)(e,o),h=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,o),C=a!=="";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.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:a,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:colors_1.colors.greyOpacity100,borderWidth:1,paddingVertical:14,paddingHorizontal:16,width:"100%"}});

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

@@ -0,0 +1,6 @@
+import { TextFieldStatus } from '../../utils/getTextFieldStatus';
+interface Props {
+    status: TextFieldStatus;
+}
+export declare function TextFieldBoxOverlay({ status }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldBoxOverlay=TextFieldBoxOverlay;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_1=require("react-native"),COLOR_BY_STATUS={normal:"rgba(0, 0, 0, 0)",error:colors_1.colors.red900,focused:colors_1.colors.blue900,disabled:"rgba(0, 0, 0, 0)"};function TextFieldBoxOverlay({status:e}){const[o,s]=(0,react_1.useState)(e),t=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,r=!1,n=t.interpolate({inputRange:[0,1],outputRange:[COLOR_BY_STATUS[o],COLOR_BY_STATUS[e]]});return(0,react_1.useLayoutEffect)(()=>{t.setValue(0),react_native_1.Animated.timing(t,{toValue:1,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:r}).start(()=>{s(e)})},[e,t,r]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{pointerEvents:"none",style:[styles.container,{backgroundColor:n}]})}const styles=react_native_1.StyleSheet.create({container:{borderRadius:14,opacity:.05,position:"absolute",top:0,left:0,right:0,bottom:0}});

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TextFieldBox"),exports),__exportStar(require("./TextFieldBox.Clearable"),exports),__exportStar(require("./TextFieldBox.Button"),exports);

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

@@ -0,0 +1,8 @@
+import { View } from 'react-native';
+export declare const TextFieldHeroButton: import("react").ForwardRefExoticComponent<import("../../types").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "ref">, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
+    value?: import("../../types").TextFieldValue;
+    defaultValue?: string;
+    focused?: boolean;
+    placeholder?: string;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+} & import("react").RefAttributes<View>>;

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

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

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

@@ -0,0 +1,4 @@
+import { TextInput } from 'react-native';
+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

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

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

@@ -0,0 +1,5 @@
+import { TextInput } from 'react-native';
+export declare const TextFieldHero: import("react").ForwardRefExoticComponent<import("../../types").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<import("react-native").TextInputProps, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
+    value?: import("../../types").TextFieldValue;
+    defaultValue?: string;
+} & import("react").RefAttributes<TextInput>>;

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

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

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

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

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

@@ -0,0 +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"),exports),__exportStar(require("./TextFieldHero.Clearable"),exports),__exportStar(require("./TextFieldHero.Button"),exports);

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

@@ -0,0 +1,8 @@
+import { View } from 'react-native';
+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;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+} & import("react").RefAttributes<View>>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldLineButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),TextFieldButtonArrow_1=require("../../components/TextFieldButtonArrow"),TextFieldButtonText_1=require("../../components/TextFieldButtonText"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultLineBorderColor_1=require("../../hooks/useTextFieldDefaultLineBorderColor"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldLineButton=(0,react_1.forwardRef)(function({prefix:i,right:a,suffix:r,containerStyle:u,placeholder:c,style:y,...e},x){const o=(0,index_1.useAdaptive)(),[t,n]=(0,react_1.useState)(!1),{value:s}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),T=s!=="",d=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),h=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),F=(0,useTextFieldDefaultLineBorderColor_1.useTextFieldDefaultLineBorderColor)(e,t),C=(0,useTextFieldDefaultPlaceholderColor_1.useTextFieldDefaultPlaceholderColor)(e,t),f=(0,useTextFieldDefaultTextColor_1.useTextFieldDefaultTextColor)(e,t);return(0,jsx_runtime_1.jsxs)(TextFieldContainer_1.TextFieldContainer,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style: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:[i?(0,jsx_runtime_1.jsx)(index_2.Txt,{fontWeight:"semiBold",typography:"t3",color:o.grey800,style:styles.prefix,children:i}):null,(0,jsx_runtime_1.jsx)(TextFieldButtonText_1.TextFieldButtonText,{typography:"t3",fontWeight:"semiBold",placeholder:c,placeholderColor:C,color:f,style:{flexGrow:1},children:s}),r?(0,jsx_runtime_1.jsx)(index_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_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

@@ -0,0 +1,4 @@
+import { TextInput } from 'react-native';
+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

@@ -0,0 +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_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

@@ -0,0 +1,5 @@
+import { TextInput } from 'react-native';
+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

@@ -0,0 +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_1=require("../../../../../core/index"),index_2=require("../../../../txt/index"),TextFieldContainer_1=require("../../components/TextFieldContainer"),TextFieldHelp_1=require("../../components/TextFieldHelp"),TextFieldLabel_1=require("../../components/TextFieldLabel"),useLabelControls_1=require("../../hooks/useLabelControls"),useTextFieldDefaultLineBorderColor_1=require("../../hooks/useTextFieldDefaultLineBorderColor"),useTextFieldDefaultPlaceholderColor_1=require("../../hooks/useTextFieldDefaultPlaceholderColor"),useTextFieldDefaultTextColor_1=require("../../hooks/useTextFieldDefaultTextColor"),useTextFieldHelpControls_1=require("../../hooks/useTextFieldHelpControls"),useTextFieldValueControls_1=require("../../hooks/useTextFieldValueControls");exports.TextFieldLine=(0,react_1.forwardRef)(function({prefix:n,right:i,suffix:r,containerStyle:u,style:c,...e},x){const o=(0,index_1.useAdaptive)(),{typography:h}=(0,index_1.useTypographyTheme)(),[t,s]=(0,react_1.useState)(!1),{value:d,onChangeText:T}=(0,useTextFieldValueControls_1.useTextFieldValueControls)(e),C=d!=="",a=(0,useLabelControls_1.useTextFieldLabelControls)(e,t),f=(0,useTextFieldHelpControls_1.useTextFieldHelpControls)(e,t),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)(index_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: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]}),r?(0,jsx_runtime_1.jsx)(index_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_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

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

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

@@ -0,0 +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"),exports),__exportStar(require("./TextFieldLine.Clearable"),exports),__exportStar(require("./TextFieldLine.Button"),exports);

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

@@ -0,0 +1,25 @@
+import type { ComponentProps } from 'react';
+import { TextInput } from 'react-native';
+type TextInputProps = ComponentProps<typeof TextInput>;
+export interface Props extends TextInputProps {
+    /**
+     * 에러 상태를 표시합니다.
+     */
+    hasError?: boolean;
+    /**
+     * 우측에 표시될 접미사를 지정합니다.
+     */
+    suffix?: string;
+    /**
+     * 텍스트 마스킹 여부를 지정합니다.
+     */
+    secret?: boolean;
+    disabled?: boolean;
+    /**
+     * input에 입력된 값을 한 번에 지우는 버튼을 노출합니다.
+     */
+    clearable?: boolean;
+    onClear?: () => void;
+}
+export declare const TextFieldBig: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TextInput>>;
+export {};

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

@@ -0,0 +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_1=require("../TextField/index");exports.TextFieldBig=(0,react_1.forwardRef)(function({hasError:e,suffix:r,secret:t,disabled:i,clearable:s,onClear:u,...x},n){return s?(0,jsx_runtime_1.jsx)(index_1.TextField.Clearable,{...x,ref:n,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i,onClear:u}):(0,jsx_runtime_1.jsx)(index_1.TextField,{...x,ref:n,variant:"big",hasError:e,suffix:r,secureTextEntry:t,disabled:i})});

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

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

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

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +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 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

@@ -0,0 +1,22 @@
+import { type ToastBottomProps } from './components/ToastBottom';
+import { type ToastTopProps } from './components/ToastTop';
+export type ToastProps = (ToastTopProps & {
+    position: 'top';
+}) | (ToastBottomProps & {
+    position?: 'bottom';
+});
+export declare const Toast: {
+    ({ position, ...props }: ToastProps): import("react/jsx-runtime").JSX.Element;
+    Icon: (props: {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        type?: "default" | "circle" | undefined;
+        name: string;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon").PresetToastLottieIconProps & {
+        preset: true;
+    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon").CustomToastLottieIconProps & {
+        preset?: false;
+    })) => 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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import type { CommonToastProps } from './types';
+export interface ToastBottomProps extends CommonToastProps {
+    /**
+     * @example
+     * button={<Toast.Button text="확인" />}
+     */
+    button?: ReactNode;
+    /**
+     * @default 20
+     * @description px 단위
+     */
+    bottomOffset?: number;
+}
+export declare const ToastBottom: ({ open, text, icon, button, duration, bottomOffset, onClose, onExited, onEntered, }: ToastBottomProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +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"),colors_1=require("@toss-design-system/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:i=20,onClose:r,onExited:m=()=>{},onEntered:h=()=>{}})=>{const{width:g}=(0,react_native_2.useWindowDimensions)(),[n,x]=(0,react_1.useState)(),s=(0,utils_1.useSafeAreaBottom)(),y=n?i+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:r}),v==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:r,onLayout:A=>{x(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?g-marginHorizontal*2:"auto",bottom:i+s,paddingLeft:o?16:20,paddingRight:e?14:20,borderRadius:f==="single"?100:20,backgroundColor:w==="light"?colors_1.colors.grey500: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: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.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Pressable } from 'react-native';
+export interface ToastButtonProps extends ComponentProps<typeof Pressable> {
+    children: string;
+}
+export declare const ToastButton: ({ children, ...props }: ToastButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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"),colors_1=require("@toss-design-system/colors"),animated_1=require("../../../interactions/animated"),core_1=require("../../../core"),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"?colors_1.colors.greyOpacity400:colors_1.colors.whiteOpacity100}],...o,children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:colors_1.colors.black,opacity:e}}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",fontWeight:"semiBold",color: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

@@ -0,0 +1,5 @@
+import { Icon } from '../../icon';
+import { 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;
+export {};

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

@@ -0,0 +1 @@
+"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;

package/dist/cjs/components/toast/components/ToastLottieIcon/CustomToastLottieIcon.d.ts

@@ -0,0 +1,5 @@
+import type { CommonLottieIconProps } from './types';
+export interface CustomToastLottieIconProps extends CommonLottieIconProps {
+    src: string;
+}
+export declare const CustomToastLottieIcon: ({ src, play, loop, onFinish, style, ...props }: CustomToastLottieIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/toast/components/ToastLottieIcon/CustomToastLottieIcon.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),lottie_react_native_1=__importDefault(require("@granite-js/native/lottie-react-native")),react_1=require("react"),react_native_1=require("react-native"),CustomToastLottieIcon=({src:t,play:o=!0,loop:r=!1,onFinish:a,style:i,...n})=>{const e=(0,react_1.useRef)(null),[s,u]=(0,react_1.useState)();return(0,react_1.useEffect)(()=>{async function c(){const l=await fetch(t);u(await l.json())}c()},[t]),(0,react_1.useEffect)(()=>{o?e.current?.play():e.current?.pause()},[s,o]),s==null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:1}}):(0,jsx_runtime_1.jsx)(lottie_react_native_1.default,{ref:e,source:s,autoPlay:!1,loop:r,style:[{width:24,height:24},i],onAnimationFinish:a,...n})};exports.CustomToastLottieIcon=CustomToastLottieIcon;

package/dist/cjs/components/toast/components/ToastLottieIcon/PresetToastLottieIcon.d.ts

@@ -0,0 +1,5 @@
+import type { CommonLottieIconProps } from './types';
+export interface PresetToastLottieIconProps extends CommonLottieIconProps {
+    type: 'complete' | 'error';
+}
+export declare const PresetToastLottieIcon: ({ type, ...props }: PresetToastLottieIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/toast/components/ToastLottieIcon/PresetToastLottieIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresetToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_1=require("./CustomToastLottieIcon"),PresetToastLottieIcon=({type:t,...o})=>(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_1.CustomToastLottieIcon,{src:t==="complete"?"https://static.toss.im/lotties-common/check-green-spot.json":"https://static.toss.im/lotties-common/error-yellow-spot.json",...o});exports.PresetToastLottieIcon=PresetToastLottieIcon;

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

@@ -0,0 +1,9 @@
+import { type CustomToastLottieIconProps } from './CustomToastLottieIcon';
+import { type PresetToastLottieIconProps } from './PresetToastLottieIcon';
+type ToastLottieIconProps = (PresetToastLottieIconProps & {
+    preset: true;
+}) | (CustomToastLottieIconProps & {
+    preset?: false;
+});
+export declare const ToastLottieIcon: (props: ToastLottieIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_1=require("./CustomToastLottieIcon"),PresetToastLottieIcon_1=require("./PresetToastLottieIcon"),ToastLottieIcon=t=>isPresetToastLottieIconProps(t)?(0,jsx_runtime_1.jsx)(PresetToastLottieIcon_1.PresetToastLottieIcon,{...t}):(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_1.CustomToastLottieIcon,{...t});exports.ToastLottieIcon=ToastLottieIcon;function isPresetToastLottieIconProps(t){return"type"in t&&t.preset===!0}

package/dist/cjs/components/toast/components/ToastLottieIcon/index.d.ts

@@ -0,0 +1 @@
+export { ToastLottieIcon } from './ToastLottieIcon';

package/dist/cjs/components/toast/components/ToastLottieIcon/index.js

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

package/dist/cjs/components/toast/components/ToastLottieIcon/types.d.ts

@@ -0,0 +1,6 @@
+import type LottieView from '@granite-js/native/lottie-react-native';
+import type { ComponentProps } from 'react';
+export interface CommonLottieIconProps extends Pick<ComponentProps<typeof LottieView>, 'resizeMode' | 'style' | 'loop'> {
+    play?: boolean;
+    onFinish?: () => void;
+}

package/dist/cjs/components/toast/components/ToastLottieIcon/types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

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

@@ -0,0 +1,3 @@
+import type { CommonToastProps } from './types';
+export type ToastTopProps = CommonToastProps;
+export declare const ToastTop: ({ open, text, icon, duration, onClose, onExited, onEntered, }: ToastTopProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastTop=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),colors_1=require("@toss-design-system/colors"),animated_1=require("../../../interactions/animated"),core_1=require("../../../core"),txt_1=require("../../txt"),utils_1=require("../../../utils"),hooks_1=require("../hooks"),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable),ToastTop=({open:s,text:n,icon:e,duration:a=3,onClose:t,onExited:c=()=>{},onEntered:l=()=>{}})=>{const o=(0,utils_1.useSafeAreaTop)(),[r,d]=(0,react_1.useState)(),u=r?-(o+r):void 0,{textLine:h,updateTextLine:p}=(0,hooks_1.useTextLine)(),g=(0,core_1.useAdaptive)(),{colorPreference:i}=(0,core_1.useColorPreference)(),{enter:m,exit:x,animatedStyle:y}=(0,hooks_1.useToastAnimation)({position:"top",initialY:u}),{presenceState:T}=(0,utils_1.useAnimatePresence)(s,{enter:m,exit:x,onExited:c,onEntered:l});return(0,hooks_1.useTimer)({duration:a,callback:t}),T==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:t,onLayout:f=>{d(f.nativeEvent.layout.height)},style:[styles.container,y,{top:o,paddingLeft:e?12:16,borderRadius:h==="single"?100:20,backgroundColor:i==="light"?colors_1.colors.white:colors_1.colors.darkThemeGrey200,shadowColor:i==="light"?colors_1.colors.greyOpacity200:colors_1.colors.darkThemeGrey50}],children:[e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.icon,children:e}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{onTextLayout:p,typography:"t6",fontWeight:"semiBold",color:g.opacity800,children:n})]})};exports.ToastTop=ToastTop;const styles=react_native_1.StyleSheet.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",alignItems:"center",paddingVertical:12,paddingRight:16,marginHorizontal:react_native_1.Platform.OS==="ios"?18:react_native_1.Platform.OS==="android"?12:0,shadowOffset:{width:0,height:2},shadowRadius:30,shadowOpacity:1,elevation:50},icon:{marginRight:10}});

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export type CommonToastProps = {
+    open: boolean;
+    /**
+     * @example
+     * icon={<Toast.Icon name="icn-attention-color" style={{opacity: 0.4}} />}
+     * icon={<Toast.LottieIcon preset type="complete" />}
+     * icon={<Toast.LottieIcon src="https://static.toss.im/lotties-common/check-green-spot.json" />}
+     */
+    icon?: ReactNode;
+    text: string;
+    /**
+     * @default button 있으면 5초, 없으면 3초
+     */
+    duration?: number;
+    onClose: () => void;
+    onExited?: () => void;
+    onEntered?: () => void;
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

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

@@ -0,0 +1,3 @@
+export { useTextLine } from './useTextLine';
+export { useTimer } from './useTimer';
+export { useToastAnimation } from './useToastAnimation';

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=exports.useTimer=exports.useTextLine=void 0;var useTextLine_1=require("./useTextLine");Object.defineProperty(exports,"useTextLine",{enumerable:!0,get:function(){return useTextLine_1.useTextLine}});var useTimer_1=require("./useTimer");Object.defineProperty(exports,"useTimer",{enumerable:!0,get:function(){return useTimer_1.useTimer}});var useToastAnimation_1=require("./useToastAnimation");Object.defineProperty(exports,"useToastAnimation",{enumerable:!0,get:function(){return useToastAnimation_1.useToastAnimation}});

package/dist/cjs/components/toast/hooks/useTextLine.d.ts

@@ -0,0 +1,6 @@
+type TextLine = 'single' | 'multiple';
+export declare const useTextLine: () => {
+    textLine: TextLine;
+    updateTextLine: (event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void;
+};
+export {};

package/dist/cjs/components/toast/hooks/useTextLine.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextLine=void 0;const react_1=require("react"),useTextLine=()=>{const[t,e]=(0,react_1.useState)("single");return{textLine:t,updateTextLine:({nativeEvent:{lines:n}})=>{n.length>=2?e("multiple"):e("single")}}};exports.useTextLine=useTextLine;

package/dist/cjs/components/toast/hooks/useTimer.d.ts

@@ -0,0 +1,6 @@
+type UseTimerProps = {
+    duration: number;
+    callback: () => void;
+};
+export declare const useTimer: ({ duration, callback }: UseTimerProps) => void;
+export {};

package/dist/cjs/components/toast/hooks/useTimer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTimer=void 0;const react_1=require("react"),useTimer=({duration:e,callback:t})=>{(0,react_1.useEffect)(()=>{const r=setTimeout(()=>{t()},e*1e3);return()=>{clearTimeout(r)}},[])};exports.useTimer=useTimer;

package/dist/cjs/components/toast/hooks/useToastAnimation.d.ts

@@ -0,0 +1,15 @@
+type UseToastAnimationProps = {
+    position: 'top' | 'bottom';
+    initialY?: number;
+};
+export declare const useToastAnimation: ({ position, initialY }: UseToastAnimationProps) => {
+    enter: () => Promise<void>;
+    exit: () => Promise<void>;
+    animatedStyle: {
+        opacity: import("react-native").Animated.Value;
+        transform: {
+            translateY: import("react-native").Animated.Value;
+        }[];
+    };
+};
+export {};

package/dist/cjs/components/toast/hooks/useToastAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=void 0;const react_1=require("react"),easings_1=require("@toss-design-system/easings"),animated_1=require("../../../interactions/animated"),useToastAnimation=({position:s,initialY:e})=>{const n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,t=(0,react_1.useRef)(new animated_1.Animated.Value(e??0)).current,u=(0,react_1.useRef)(!1),a=(0,react_1.useCallback)(()=>new Promise(r=>{if(e===void 0){r();return}t.setValue(e),u.current=!0,animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:1,useNativeDriver:!0,...s==="bottom"?easings_1.spring.quick:easings_1.spring.small}),animated_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...s==="bottom"?easings_1.spring.quick:easings_1.spring.small})]).start(()=>{r()})}),[e,n,s,t]);return(0,react_1.useEffect)(()=>{!u.current&&e!=null&&a()},[e,a]),{enter:a,exit:()=>new Promise(r=>{if(e==null){r();return}animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:0,useNativeDriver:!0,...easings_1.spring.quick}),animated_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...easings_1.spring.quick})]).start(()=>{r()})}),animatedStyle:{opacity:n,transform:[{translateY:t}]}}};exports.useToastAnimation=useToastAnimation;

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

@@ -0,0 +1 @@
+export { Toast, type ToastProps } from './Toast';

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

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

package/dist/cjs/components/tooltip/components/FullTooltip/FullTooltipBase.d.ts

@@ -0,0 +1,7 @@
+import { FullTooltipBaseProps } from '../../types';
+export declare const ANCHOR_HEIGHT = 12;
+export declare const ANCHOR_WIDTH = 38;
+export declare function FullTooltipBase({ open, placement, anchorMarginLeft, messageAlign, message, style, animationDelay: _animationDelay, withAnimation, anchorOverlapped, }: FullTooltipBaseProps & {
+    open?: boolean;
+    anchorOverlapped?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/FullTooltip/FullTooltipBase.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(n,e,i,o){o===void 0&&(o=i);var t=Object.getOwnPropertyDescriptor(e,i);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,o,t)}:function(n,e,i,o){o===void 0&&(o=i),n[o]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var o=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(o[o.length]=t);return o},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var o=n(e),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(i,e,o[t]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANCHOR_WIDTH=exports.ANCHOR_HEIGHT=void 0,exports.FullTooltipBase=FullTooltipBase;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),easings_1=require("@toss-design-system/easings"),Paragraph=__importStar(require("../../../paragraph")),utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),animated_1=require("../../../../interactions/animated"),createFullTooltipAnchorPath_1=require("../../utils/createFullTooltipAnchorPath"),HiddenFullTooltip_1=require("./HiddenFullTooltip"),useAnnounce_1=require("../../../../utils/useAnnounce");exports.ANCHOR_HEIGHT=12,exports.ANCHOR_WIDTH=38;function FullTooltipBase({open:n,placement:e,anchorMarginLeft:i=0,messageAlign:o="center",message:t,style:r,animationDelay:s=0,withAnimation:c=!0,anchorOverlapped:u=!1}){const[l,d]=(0,react_1.useState)(0),a=c?s:0,f=c?200:0,{announce:p}=(0,useAnnounce_1.useAnnounce)(),{fullMessageStyle:_,fullTooltipStyle:H,enterMotion:g,exitMotion:h}=useFullTooltipAnimation({messageHeight:l,delay:a,duration:f,anchorOverlapped:u});return(0,react_1.useEffect)(()=>{n?g():h()},[g,h,n]),(0,react_1.useEffect)(()=>{n&&t&&p(t,{queue:!0,delay:a+200})},[n,t,p,a]),l===0?(0,jsx_runtime_1.jsx)(HiddenFullTooltip_1.HiddenFullTooltip,{message:t,onLayout:A=>{d(A.nativeEvent.layout.height)}}):(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{position:"relative",width:"100%"},H,r],children:[e==="bottom"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT},u?{position:"absolute",top:-exports.ANCHOR_HEIGHT,width:"100%",left:0}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0,(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{backgroundColor:(0,utils_1.hexToRgba)(colors_1.colors.teal400,.15)},children:(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[_,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:colors_1.colors.teal600,fontWeight:"bold",style:{textAlign:o},children:t})})}),e==="top"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT,transform:[{scaleY:-1}]},u?{position:"absolute",width:"100%",bottom:-exports.ANCHOR_HEIGHT}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0]})}const easeOut=react_native_1.Easing.bezier(...easings_1.bezier.out);function useFullTooltipAnimation({messageHeight:n,delay:e,duration:i,anchorOverlapped:o}){const t=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,s=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,c={opacity:t},u={height:r,opacity:s},l=(0,react_1.useCallback)(()=>{const a={easing:easeOut,duration:i};animated_1.Animated.sequence([animated_1.Animated.delay(e),animated_1.Animated.parallel([animated_1.Animated.timing(s,{toValue:1,delay:.5,useNativeDriver:!1,...a}),animated_1.Animated.timing(t,{toValue:1,delay:.5,useNativeDriver:!1,...a}),animated_1.Animated.spring(r,{toValue:n+exports.ANCHOR_HEIGHT,useNativeDriver:!1,...easings_1.spring.basic})])]).start()},[e,i,t,r,s,n]),d=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(s,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),animated_1.Animated.timing(t,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),animated_1.Animated.spring(r,{toValue:o?exports.ANCHOR_HEIGHT:0,useNativeDriver:!1,...easings_1.spring.basic})]).start()},[o,i,t,r,s]);return{fullMessageStyle:c,fullTooltipStyle:u,enterMotion:l,exitMotion:d}}function FullTooltipAnchor({messageHeight:n,anchorMarginLeft:e}){const i=(0,react_1.useMemo)(()=>(0,createFullTooltipAnchorPath_1.createTooltipOutlinePath)({anchorPosition:e,height:n,width:react_native_1.Dimensions.get("window").width}),[n,e]);return(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:"100%",height:exports.ANCHOR_HEIGHT,viewBox:`0 0 100 ${exports.ANCHOR_HEIGHT}`,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:i,fill:(0,utils_1.hexToRgba)(colors_1.colors.teal400,.15)})})}

package/dist/cjs/components/tooltip/components/FullTooltip/HiddenFullTooltip.d.ts

@@ -0,0 +1,2 @@
+import { FullTooltipBaseProps } from '../../types';
+export declare function HiddenFullTooltip({ onLayout, message, ...props }: FullTooltipBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/FullTooltip/HiddenFullTooltip.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,e,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(e,t);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,r,n)}:function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(t,e,r[n]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.HiddenFullTooltip=HiddenFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),Paragraph=__importStar(require("../../../paragraph")),animated_1=require("../../../../interactions/animated");function HiddenFullTooltip({onLayout:i,message:e,...t}){return(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{opacity:0,width:"100%",paddingHorizontal:24,paddingVertical:16,position:"absolute"}],onLayout:i,...t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:colors_1.colors.teal600,fontWeight:"bold",children:e})})}

package/dist/cjs/components/tooltip/components/FullTooltip/RelativeFullTooltip.d.ts

@@ -0,0 +1,2 @@
+import { FullTooltipProps } from '../../types';
+export declare function RelativeFullTooltip({ open, onClose, duration, children, ...props }: Omit<FullTooltipProps, 'floating'>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/FullTooltip/RelativeFullTooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeFullTooltip=RelativeFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),useCloseTooltip_1=require("../../hooks/useCloseTooltip"),useAnchorPosition_1=require("../../hooks/useAnchorPosition"),FullTooltipBase_1=require("./FullTooltipBase");function RelativeFullTooltipContent({open:o,message:n,messageAlign:i,placement:t,anchorPositionByRatio:e,anchorOverlapped:l}){const s=(0,useAnchorPosition_1.useAnchorPosition)({anchorPositionByRatio:e,anchorWidth:FullTooltipBase_1.ANCHOR_WIDTH});return(0,jsx_runtime_1.jsx)(FullTooltipBase_1.FullTooltipBase,{open:o,message:n,messageAlign:i,placement:t,animationDelay:700,anchorMarginLeft:s,anchorOverlapped:l})}function RelativeFullTooltip({open:o,onClose:n,duration:i=2600,children:t,...e}){return(0,useCloseTooltip_1.useCloseTooltip)({open:o,onClose:n,duration:i}),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[e.placement==="bottom"?t:void 0,(0,jsx_runtime_1.jsx)(RelativeFullTooltipContent,{open:o,...e}),e.placement==="top"?t:void 0]})}

package/dist/cjs/components/tooltip/components/FullTooltip.d.ts

@@ -0,0 +1,4 @@
+import { FullTooltipProps } from '../types';
+export declare function ControlledFullTooltip(props: FullTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function UncontrolledFullTooltip({ ...props }: FullTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function FullTooltip(props: FullTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/FullTooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlledFullTooltip=ControlledFullTooltip,exports.UncontrolledFullTooltip=UncontrolledFullTooltip,exports.FullTooltip=FullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),RelativeFullTooltip_1=require("./FullTooltip/RelativeFullTooltip");function ControlledFullTooltip(e){return(0,jsx_runtime_1.jsx)(RelativeFullTooltip_1.RelativeFullTooltip,{...e})}function UncontrolledFullTooltip({...e}){const[l,t]=(0,react_1.useState)(!0);return(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e,open:l,onClose:()=>t(!1)})}function FullTooltip(e){return e.open!==void 0?(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e}):(0,jsx_runtime_1.jsx)(UncontrolledFullTooltip,{...e})}

package/dist/cjs/components/tooltip/components/Tooltip/Anchor.d.ts

@@ -0,0 +1,4 @@
+import { Size } from '../../types';
+export declare const Anchor: ({ size }: {
+    size: Size;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/Tooltip/Anchor.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Anchor=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),core_1=require("../../../../core"),Anchor=({size:n})=>{const e=(0,core_1.useAdaptive)();return n==="small"&&(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:24,height:11,viewBox:"0 0 24 11",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M13.5596838,1.2275951 L20.6626545,7.70529497 C21.5749984,8.5373257 22.7652342,8.99855635 24,8.99855635 L24,8.99855635 L24,8.99855635 L0,9 C1.50765571,8.99907116 2.96068864,8.43548861 4.0746657,7.41957439 L10.8643362,1.2275951 C11.6278693,0.531275444 12.7961507,0.531275444 13.5596838,1.2275951 Z M0,8.99855635 L24,8.99855635 L24,11.99855635 L0,11.99855635 L0,8.99855635 Z",fill:e.floatBackground})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:38,height:14,viewBox:"0 0 38 14",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M20.1757594,0.999512076 L30.6394015,9.37042571 C32.7671581,11.072631 35.4108841,12 38.1357421,12 L44,12 L44,12 L-7,12 L-0.283003359,12 C2.44185458,12 5.08558063,11.072631 7.21333721,9.37042571 L17.6769793,0.999512076 C18.4074166,0.415162235 19.4453221,0.415162235 20.1757594,0.999512076 Z M0,12 L38,12 L38,15 L0,15 L0,12 Z",fill:e.floatBackground})})};exports.Anchor=Anchor;