@toss/tds-react-native 1.2.1 → 1.3.1

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

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

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

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

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

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

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"),exports),__exportStar(require("./TextFieldHero.Clearable"),exports),__exportStar(require("./TextFieldHero.Button"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TextFieldHero.js"),exports),__exportStar(require("./TextFieldHero.Clearable.js"),exports),__exportStar(require("./TextFieldHero.Button.js"),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").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<Omit<import("react-native").PressableProps & import("react").RefAttributes<View>, "ref">, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
-    value?: import("../../types").TextFieldValue;
+export declare const 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;
     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_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}});
+"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}});

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

@@ -1,4 +1,4 @@
-import { TextInput } from 'react-native';
-export declare const TextFieldLineClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types").TextFieldProps, "right"> & {
+import type { TextInput } from 'react-native';
+export declare const TextFieldLineClearable: import("react").ForwardRefExoticComponent<Omit<import("../../types.js").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_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)}})});
+"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)}})});

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").TextFieldContainerPublicProps & import("../../types").TextFieldPublicProps & Omit<import("react-native").TextInputProps, "value" | keyof import("../../types").TextFieldPublicProps | keyof import("../../types").TextFieldContainerPublicProps> & {
-    value?: import("../../types").TextFieldValue;
+export declare const 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;
     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_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}});
+"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}});

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

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

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

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import { TextInput } from 'react-native';
+import type { TextInput } from 'react-native';
 type TextInputProps = ComponentProps<typeof TextInput>;
 export interface Props extends TextInputProps {
     /**

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { type ToastBottomProps } from './components/ToastBottom';
-import { type ToastTopProps } from './components/ToastTop';
+import { type ToastBottomProps } from './components/ToastBottom.js';
+import { type ToastTopProps } from './components/ToastTop.js';
 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").PresetToastLottieIconProps & {
+    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon.js").PresetToastLottieIconProps & {
         preset: true;
-    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon").CustomToastLottieIconProps & {
+    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon.js").CustomToastLottieIconProps & {
         preset?: false;
     })) => import("react/jsx-runtime").JSX.Element;
-    Button: ({ children, ...props }: import("./components/ToastButton").ToastButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, ...props }: import("./components/ToastButton.js").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_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;
+"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;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import type { CommonToastProps } from './types';
+import type { ReactNode } from 'react';
+import type { CommonToastProps } from './types.js';
 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"),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}});
+"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}});

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import { Pressable } from 'react-native';
 export interface ToastButtonProps extends ComponentProps<typeof Pressable> {
     children: string;

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

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

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

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"),icon_1=require("../../icon"),ToastIcon=e=>(0,jsx_runtime_1.jsx)(icon_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"),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;

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

@@ -1,4 +1,4 @@
-import type { CommonLottieIconProps } from './types';
+import type { CommonLottieIconProps } from './types.js';
 export interface CustomToastLottieIconProps extends CommonLottieIconProps {
     src: string;
 }

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

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

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

@@ -1,4 +1,4 @@
-import type { CommonLottieIconProps } from './types';
+import type { CommonLottieIconProps } from './types.js';
 export interface PresetToastLottieIconProps extends CommonLottieIconProps {
     type: 'complete' | 'error';
 }

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresetToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_js_1=require("./CustomToastLottieIcon.js"),PresetToastLottieIcon=({type:t,...o})=>(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_js_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

@@ -1,5 +1,5 @@
-import { type CustomToastLottieIconProps } from './CustomToastLottieIcon';
-import { type PresetToastLottieIconProps } from './PresetToastLottieIcon';
+import { type CustomToastLottieIconProps } from './CustomToastLottieIcon.js';
+import { type PresetToastLottieIconProps } from './PresetToastLottieIcon.js';
 type ToastLottieIconProps = (PresetToastLottieIconProps & {
     preset: true;
 }) | (CustomToastLottieIconProps & {

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

@@ -1 +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}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_js_1=require("./CustomToastLottieIcon.js"),PresetToastLottieIcon_js_1=require("./PresetToastLottieIcon.js"),ToastLottieIcon=t=>isPresetToastLottieIconProps(t)?(0,jsx_runtime_1.jsx)(PresetToastLottieIcon_js_1.PresetToastLottieIcon,{...t}):(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_js_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

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

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

@@ -1 +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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastLottieIcon=void 0;var ToastLottieIcon_js_1=require("./ToastLottieIcon.js");Object.defineProperty(exports,"ToastLottieIcon",{enumerable:!0,get:function(){return ToastLottieIcon_js_1.ToastLottieIcon}});

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

@@ -1,4 +1,4 @@
-import type LottieView from '@granite-js/native/lottie-react-native';
+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;

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

@@ -1,3 +1,3 @@
-import type { CommonToastProps } from './types';
+import type { CommonToastProps } from './types.js';
 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

@@ -1 +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"),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_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"?tds_colors_1.colors.white:tds_colors_1.colors.darkThemeGrey200,shadowColor:i==="light"?tds_colors_1.colors.greyOpacity200:tds_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}});
+"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"),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_1.Pressable),ToastTop=({open:n,text:r,icon:e,duration:a=3,onClose:t,onExited:c=()=>{},onEntered:d=()=>{}})=>{const o=(0,index_js_3.useSafeAreaTop)(),[i,l]=(0,react_1.useState)(),u=i?-(o+i):void 0,{textLine:x,updateTextLine:h}=(0,index_js_5.useTextLine)(),p=(0,index_js_1.useAdaptive)(),{colorPreference:s}=(0,index_js_1.useColorPreference)(),{enter:g,exit:m,animatedStyle:_}=(0,index_js_5.useToastAnimation)({position:"top",initialY:u}),{presenceState:y}=(0,index_js_3.useAnimatePresence)(n,{enter:g,exit:m,onExited:c,onEntered:d});return(0,index_js_5.useTimer)({duration:a,callback:t}),y==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:t,onLayout:j=>{l(j.nativeEvent.layout.height)},style:[styles.container,_,{top:o,paddingLeft:e?12:16,borderRadius:x==="single"?100:20,backgroundColor:s==="light"?tds_colors_1.colors.white:tds_colors_1.colors.darkThemeGrey200,shadowColor:s==="light"?tds_colors_1.colors.greyOpacity200:tds_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)(index_js_4.Txt,{onTextLayout:h,typography:"t6",fontWeight:"semiBold",color:p.opacity800,children:r})]})};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/hooks/index.d.ts

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

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

@@ -1 +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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=exports.useTimer=exports.useTextLine=void 0;var useTextLine_js_1=require("./useTextLine.js");Object.defineProperty(exports,"useTextLine",{enumerable:!0,get:function(){return useTextLine_js_1.useTextLine}});var useTimer_js_1=require("./useTimer.js");Object.defineProperty(exports,"useTimer",{enumerable:!0,get:function(){return useTimer_js_1.useTimer}});var useToastAnimation_js_1=require("./useToastAnimation.js");Object.defineProperty(exports,"useToastAnimation",{enumerable:!0,get:function(){return useToastAnimation_js_1.useToastAnimation}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=void 0;const react_1=require("react"),tds_easings_1=require("@toss/tds-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"?tds_easings_1.spring.quick:tds_easings_1.spring.small}),animated_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_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,...tds_easings_1.spring.quick}),animated_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{r()})}),animatedStyle:{opacity:n,transform:[{translateY:t}]}}};exports.useToastAnimation=useToastAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=void 0;const react_1=require("react"),tds_easings_1=require("@toss/tds-easings"),index_js_1=require("../../../interactions/animated/index.js"),useToastAnimation=({position:s,initialY:e})=>{const n=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,t=(0,react_1.useRef)(new index_js_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,index_js_1.Animated.parallel([index_js_1.Animated.spring(n,{toValue:1,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_easings_1.spring.small}),index_js_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_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}index_js_1.Animated.parallel([index_js_1.Animated.spring(n,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}),index_js_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{r()})}),animatedStyle:{opacity:n,transform:[{translateY:t}]}}};exports.useToastAnimation=useToastAnimation;

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

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

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

@@ -1 +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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=void 0;var Toast_js_1=require("./Toast.js");Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return Toast_js_1.Toast}});

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

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

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

@@ -1 +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")),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),animated_1=require("../../../../interactions/animated"),useAnnounce_1=require("../../../../utils/useAnnounce"),Paragraph=__importStar(require("../../../paragraph")),createFullTooltipAnchorPath_1=require("../../utils/createFullTooltipAnchorPath"),HiddenFullTooltip_1=require("./HiddenFullTooltip");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:h,exitMotion:g}=useFullTooltipAnimation({messageHeight:l,delay:a,duration:f,anchorOverlapped:u});return(0,react_1.useEffect)(()=>{n?h():g()},[h,g,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)(tds_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:tds_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(...tds_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,...tds_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,...tds_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)(tds_colors_1.colors.teal400,.15)})})}
+"use strict";var __createBinding=Object.create?function(n,e,i,s){s===void 0&&(s=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,s,t)}:function(n,e,i,s){s===void 0&&(s=i),n[s]=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 s=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(s[s.length]=t);return s},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var s=n(e),t=0;t<s.length;t++)s[t]!=="default"&&__createBinding(i,e,s[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=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../interactions/animated/index.js"),useAnnounce_js_1=require("../../../../utils/useAnnounce.js"),Paragraph=__importStar(require("../../../paragraph/index.js")),createFullTooltipAnchorPath_js_1=require("../../utils/createFullTooltipAnchorPath.js"),HiddenFullTooltip_js_1=require("./HiddenFullTooltip.js");exports.ANCHOR_HEIGHT=12,exports.ANCHOR_WIDTH=38;function FullTooltipBase({open:n,placement:e,anchorMarginLeft:i=0,messageAlign:s="center",message:t,style:o,animationDelay:r=0,withAnimation:c=!0,anchorOverlapped:u=!1}){const[l,d]=(0,react_1.useState)(0),a=c?r:0,f=c?200:0,{announce:p}=(0,useAnnounce_js_1.useAnnounce)(),{fullMessageStyle:h,fullTooltipStyle:H,enterMotion:_,exitMotion:g}=useFullTooltipAnimation({messageHeight:l,delay:a,duration:f,anchorOverlapped:u});return(0,react_1.useEffect)(()=>{n?_():g()},[_,g,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_js_1.HiddenFullTooltip,{message:t,onLayout:x=>{d(x.nativeEvent.layout.height)}}):(0,jsx_runtime_1.jsxs)(index_js_1.Animated.View,{style:[{position:"relative",width:"100%"},H,o],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)(index_js_1.Animated.View,{style:{backgroundColor:(0,utils_1.hexToRgba)(tds_colors_1.colors.teal400,.15)},children:(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{style:[h,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:tds_colors_1.colors.teal600,fontWeight:"bold",style:{textAlign:s},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(...tds_easings_1.bezier.out);function useFullTooltipAnimation({messageHeight:n,delay:e,duration:i,anchorOverlapped:s}){const t=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,c={opacity:t},u={height:o,opacity:r},l=(0,react_1.useCallback)(()=>{const a={easing:easeOut,duration:i};index_js_1.Animated.sequence([index_js_1.Animated.delay(e),index_js_1.Animated.parallel([index_js_1.Animated.timing(r,{toValue:1,delay:.5,useNativeDriver:!1,...a}),index_js_1.Animated.timing(t,{toValue:1,delay:.5,useNativeDriver:!1,...a}),index_js_1.Animated.spring(o,{toValue:n+exports.ANCHOR_HEIGHT,useNativeDriver:!1,...tds_easings_1.spring.basic})])]).start()},[e,i,t,o,r,n]),d=(0,react_1.useCallback)(()=>{index_js_1.Animated.parallel([index_js_1.Animated.timing(r,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),index_js_1.Animated.timing(t,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),index_js_1.Animated.spring(o,{toValue:s?exports.ANCHOR_HEIGHT:0,useNativeDriver:!1,...tds_easings_1.spring.basic})]).start()},[s,i,t,o,r]);return{fullMessageStyle:c,fullTooltipStyle:u,enterMotion:l,exitMotion:d}}function FullTooltipAnchor({messageHeight:n,anchorMarginLeft:e}){const i=(0,react_1.useMemo)(()=>(0,createFullTooltipAnchorPath_js_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.Svg,{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)(tds_colors_1.colors.teal400,.15)})})}

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

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

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

@@ -1 +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"),tds_colors_1=require("@toss/tds-colors"),animated_1=require("../../../../interactions/animated"),Paragraph=__importStar(require("../../../paragraph"));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:tds_colors_1.colors.teal600,fontWeight:"bold",children:e})})}
+"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"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../../interactions/animated/index.js"),Paragraph=__importStar(require("../../../paragraph/index.js"));function HiddenFullTooltip({onLayout:i,message:e,...t}){return(0,jsx_runtime_1.jsx)(index_js_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:tds_colors_1.colors.teal600,fontWeight:"bold",children:e})})}

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

@@ -1,2 +1,2 @@
-import { FullTooltipProps } from '../../types';
+import type { FullTooltipProps } from '../../types.js';
 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

@@ -1 +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]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeFullTooltip=RelativeFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),useCloseTooltip_js_1=require("../../hooks/useCloseTooltip.js"),useAnchorPosition_js_1=require("../../hooks/useAnchorPosition.js"),FullTooltipBase_js_1=require("./FullTooltipBase.js");function RelativeFullTooltipContent({open:o,message:s,messageAlign:n,placement:t,anchorPositionByRatio:e,anchorOverlapped:i}){const l=(0,useAnchorPosition_js_1.useAnchorPosition)({anchorPositionByRatio:e,anchorWidth:FullTooltipBase_js_1.ANCHOR_WIDTH});return(0,jsx_runtime_1.jsx)(FullTooltipBase_js_1.FullTooltipBase,{open:o,message:s,messageAlign:n,placement:t,animationDelay:700,anchorMarginLeft:l,anchorOverlapped:i})}function RelativeFullTooltip({open:o,onClose:s,duration:n=2600,children:t,...e}){return(0,useCloseTooltip_js_1.useCloseTooltip)({open:o,onClose:s,duration:n}),(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

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

@@ -1 +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})}
+"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_js_1=require("./FullTooltip/RelativeFullTooltip.js");function ControlledFullTooltip(e){return(0,jsx_runtime_1.jsx)(RelativeFullTooltip_js_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

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Anchor=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),index_js_1=require("../../../../core/index.js"),Anchor=({size:t})=>{const e=(0,index_js_1.useAdaptive)();return t==="small"&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{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.Svg,{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;

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

@@ -1,3 +1,3 @@
 import { View } from 'react-native';
-import { TooltipProps } from '../../types';
+import type { TooltipProps } from '../../types.js';
 export declare const FloatingTooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<View>>;

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(r,e,o,t){t===void 0&&(t=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(r,t,n)}:function(r,e,o,t){t===void 0&&(t=o),r[t]=e[o]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(o){var t=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[t.length]=n);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var t=r(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(o,e,t[n]);return __setModuleDefault(o,e),o}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingTooltip=void 0;const jsx_runtime_1=require("react/jsx-runtime"),rally_1=require("../../../../interactions/rally"),core_1=require("../../../../core"),Paragraph=__importStar(require("../../../paragraph")),react_1=require("react"),react_native_1=require("react-native"),TooltipContext_1=require("../../contexts/TooltipContext"),useAnchorPosition_1=require("../../hooks/useAnchorPosition"),useOnPressOutside_1=require("../../hooks/useOnPressOutside"),mergeRefs_1=require("../../utils/mergeRefs"),Anchor_1=require("./Anchor"),TooltipBase_1=require("./TooltipBase");function measure(r){return new Promise(e=>{r.measure((o,t,n,s)=>{e({width:n,height:s})})})}exports.FloatingTooltip=(0,react_1.forwardRef)(function({open:e,children:o,...t},n){const{targetRef:s}=(0,TooltipContext_1.useTooltip)(),a=o.ref,l=(0,react_1.cloneElement)(o,{...o.props,collapsable:!1,onPress:()=>{t.onChildrenPress?.(),o.props?.onPress?.()},ref:a!=null?(0,mergeRefs_1.mergeRefs)(a,s):s});return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{position:"relative",zIndex:9e3},children:[l,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[react_native_1.StyleSheet.absoluteFill,{width:react_native_1.Dimensions.get("window").width}],pointerEvents:"box-none",children:(0,jsx_runtime_1.jsx)(FloatingTooltipContent,{ref:n,...t})})})]})});const FloatingTooltipContent=(0,react_1.forwardRef)(function({message:e,messageAlign:o,placement:t,contentPositionByRatio:n,size:s="medium",motion:a,onPress:l,onPressOutside:P},b){const c=(0,react_1.useRef)(null),p=(0,core_1.useAdaptive)(),{targetRef:g,offset:u}=(0,TooltipContext_1.useTooltip)(),[f,w]=(0,react_1.useState)(null),[h,x]=(0,react_1.useState)(null),i=(0,react_1.useMemo)(()=>(0,TooltipBase_1.getTooltipStyle)(s),[s]),v=(0,mergeRefs_1.mergeRefs)(b,c),j=(0,useAnchorPosition_1.useAnchorPosition)({anchorPositionByRatio:n,anchorWidth:i.anchorWidth,tooltipWidth:h?.width??0,size:s});return(0,useOnPressOutside_1.useOnPressOutside)({ref:c,onPressOutside:P}),(0,react_1.useEffect)(()=>{function d(){const _=g?.current,y=c.current;_!=null&&y!=null&&u!=null&&(async()=>{const{width:m,height:O}=await measure(_),{width:R,height:T}=await measure(y),q=m/2-R/2,A=t==="top"?-T-u-i.anchorHeight:O+i.anchorHeight+u;w({left:q,top:A})})()}requestAnimationFrame(()=>{d()})},[g,t,i,u]),f==null||h==null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:v,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:p.floatBackground,borderRadius:i.borderRadius,paddingHorizontal:i.paddingHorizontal/2,paddingVertical:i.paddingVertical/2},onLayout:d=>{x(d.nativeEvent.layout)},onPress:l,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{position:"absolute",width:i.anchorWidth,height:i.anchorHeight},children:(0,jsx_runtime_1.jsx)(Anchor_1.Anchor,{size:s})}),(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:i.typography,color:p.grey800,fontWeight:i.fontWeight,children:e})]})}):(0,jsx_runtime_1.jsx)(TooltipBase_1.TooltipBase,{ref:c,size:s,placement:t,messageAlign:o,message:e,motion:a,left:f.left,top:f.top,contentHeight:h.height,anchorMarginLeft:j,onPress:l})});
+"use strict";var __createBinding=Object.create?function(r,e,o,t){t===void 0&&(t=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(r,t,n)}:function(r,e,o,t){t===void 0&&(t=o),r[t]=e[o]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(o){var t=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[t.length]=n);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var t=r(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(o,e,t[n]);return __setModuleDefault(o,e),o}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingTooltip=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../../interactions/rally/index.js"),index_js_2=require("../../../../core/index.js"),Paragraph=__importStar(require("../../../paragraph/index.js")),react_1=require("react"),react_native_1=require("react-native"),TooltipContext_js_1=require("../../contexts/TooltipContext.js"),useAnchorPosition_js_1=require("../../hooks/useAnchorPosition.js"),useOnPressOutside_js_1=require("../../hooks/useOnPressOutside.js"),mergeRefs_js_1=require("../../utils/mergeRefs.js"),Anchor_js_1=require("./Anchor.js"),TooltipBase_js_1=require("./TooltipBase.js");function measure(r){return new Promise(e=>{r.measure((o,t,n,s)=>{e({width:n,height:s})})})}exports.FloatingTooltip=(0,react_1.forwardRef)(function({open:e,children:o,...t},n){const{targetRef:s}=(0,TooltipContext_js_1.useTooltip)(),a=o.ref,l=(0,react_1.cloneElement)(o,{...o.props,collapsable:!1,onPress:()=>{t.onChildrenPress?.(),o.props?.onPress?.()},ref:a!=null?(0,mergeRefs_js_1.mergeRefs)(a,s):s});return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{position:"relative",zIndex:9e3},children:[l,(0,jsx_runtime_1.jsx)(index_js_1.AnimateRallyPresence,{children:e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[react_native_1.StyleSheet.absoluteFill,{width:react_native_1.Dimensions.get("window").width}],pointerEvents:"box-none",children:(0,jsx_runtime_1.jsx)(FloatingTooltipContent,{ref:n,...t})})})]})});const FloatingTooltipContent=(0,react_1.forwardRef)(function({message:e,messageAlign:o,placement:t,contentPositionByRatio:n,size:s="medium",motion:a,onPress:l,onPressOutside:y},x){const u=(0,react_1.useRef)(null),p=(0,index_js_2.useAdaptive)(),{targetRef:g,offset:c}=(0,TooltipContext_js_1.useTooltip)(),[f,P]=(0,react_1.useState)(null),[h,b]=(0,react_1.useState)(null),i=(0,react_1.useMemo)(()=>(0,TooltipBase_js_1.getTooltipStyle)(s),[s]),w=(0,mergeRefs_js_1.mergeRefs)(x,u),v=(0,useAnchorPosition_js_1.useAnchorPosition)({anchorPositionByRatio:n,anchorWidth:i.anchorWidth,tooltipWidth:h?.width??0,size:s});return(0,useOnPressOutside_js_1.useOnPressOutside)({ref:u,onPressOutside:y}),(0,react_1.useEffect)(()=>{function d(){const _=g?.current,j=u.current;_!=null&&j!=null&&c!=null&&(async()=>{const{width:m,height:O}=await measure(_),{width:R,height:T}=await measure(j),q=m/2-R/2,A=t==="top"?-T-c-i.anchorHeight:O+i.anchorHeight+c;P({left:q,top:A})})()}requestAnimationFrame(()=>{d()})},[g,t,i,c]),f==null||h==null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:w,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:p.floatBackground,borderRadius:i.borderRadius,paddingHorizontal:i.paddingHorizontal/2,paddingVertical:i.paddingVertical/2},onLayout:d=>{b(d.nativeEvent.layout)},onPress:l,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{position:"absolute",width:i.anchorWidth,height:i.anchorHeight},children:(0,jsx_runtime_1.jsx)(Anchor_js_1.Anchor,{size:s})}),(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:i.typography,color:p.grey800,fontWeight:i.fontWeight,children:e})]})}):(0,jsx_runtime_1.jsx)(TooltipBase_js_1.TooltipBase,{ref:u,size:s,placement:t,messageAlign:o,message:e,motion:a,left:f.left,top:f.top,contentHeight:h.height,anchorMarginLeft:v,onPress:l})});

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

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-import { FontWeightKeys, TypographyKeys } from '../../../../constants';
-import { Size, TooltipBaseProps } from '../../types';
+import type { FontWeightKeys, TypographyKeys } from '../../../../constants/index.js';
+import type { Size, TooltipBaseProps } from '../../types.js';
 export declare const TooltipBase: import("react").ForwardRefExoticComponent<Omit<TooltipBaseProps, "children"> & {
     contentHeight: number;
     left: number;