@toss/tds-react-native 1.3.8 → 2.0.0

package/dist/esm/components/navbar/ReactNavigationHelper/Right.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as s,useTypographyTheme as f}from"../../../core";import{Icon as y}from"../../icon";import{Txt as g}from"../../txt";import{forwardRef as u,useMemo as T}from"react";import{StyleSheet as S,TouchableOpacity as p}from"react-native";import{MAX_FONT_SIZE as d,MAX_LINE_HEIGHT as x}from"./constants";import{generateA11yRestProps as h}from"../../../utils/a11y";const _=u(function({name:e,type:r,...t},n){const a=s();return o(p,{ref:n,style:m.common,hitSlop:l,...h(t,{role:"button"}),children:o(y,{color:a.grey400,size:24,name:e,type:r})})});function B({children:c,...e}){const r=s(),{typography:t}=f(),n=T(()=>({fontSize:Math.min(t[i].fontSize,d),lineHeight:Math.min(t[i].lineHeight,x)}),[t]);return o(p,{style:[m.common,m.textButton],hitSlop:l,...h(e,{role:"button"}),children:o(g,{typography:i,color:r.grey800,fontWeight:"semiBold",style:n,children:c})})}const i="st10",m=S.create({common:{marginLeft:24},textButton:{marginRight:-4}}),l={left:8,right:8};export{_ as RightIconButton,B as RightTextButton};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as p,useTypographyTheme as a}from"../../../core";import{Icon as y}from"../../icon";import{Txt as f}from"../../txt";import{useMemo as g}from"react";import{StyleSheet as u,TouchableOpacity as s}from"react-native";import{MAX_FONT_SIZE as T,MAX_LINE_HEIGHT as S}from"./constants";import{generateA11yRestProps as c}from"../../../utils/a11y";function x({name:e,type:r,...n}){const t=p();return o(s,{style:m.common,hitSlop:l,...c(n,{role:"button"}),children:o(y,{color:t.grey400,size:24,name:e,type:r})})}function _({children:e,...r}){const n=p(),{typography:t}=a(),h=g(()=>({fontSize:Math.min(t[i].fontSize,T),lineHeight:Math.min(t[i].lineHeight,S)}),[t]);return o(s,{style:[m.common,m.textButton],hitSlop:l,...c(r,{role:"button"}),children:o(f,{typography:i,color:n.grey800,fontWeight:"semiBold",style:h,children:e})})}const i="st10",m=u.create({common:{marginLeft:24},textButton:{marginRight:-4}}),l={left:8,right:8};export{x as RightIconButton,_ as RightTextButton};

package/dist/esm/components/navbar/ReactNavigationHelper/index.d.ts

@@ -1,5 +1,5 @@
 import { BackButton } from './BackButton';
-import { RightTextButton } from './Right';
+import { RightIconButton, RightTextButton } from './Right';
 import { SubtitleTxt, Title, TitleTxt } from './Title';
 import { HeaderLeft } from './HeaderLeft';
 import { HeaderRight } from './HeaderRight';
@@ -10,7 +10,7 @@ export declare const ReactNavigationNavbar: {
     HeaderRight: typeof HeaderRight;
     BackButton: typeof BackButton;
     CloseButton: typeof CloseButton;
-    RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon").IconProps & import("react").RefAttributes<import("react-native").View>, "type" | "name"> & import("react-native").AccessibilityProps & import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
+    RightIconButton: typeof RightIconButton;
     RightTextButton: typeof RightTextButton;
     HeaderTitle: typeof HeaderTitle;
     TitleTxt: typeof TitleTxt;

package/dist/esm/components/numeric-spinner/useAccelerateInterval.js

@@ -1 +1 @@
-"use strict";import{useCallback as c,useEffect as i,useRef as n}from"react";export function useAccelerateInterval(u,a){const e=n(),r=n(),o=n(0);i(()=>{r.current=u},[u]),i(()=>()=>{e.current&&clearTimeout(e.current)},[]);const t=c(({startMs:l,interval:f,minMs:s}=a)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.current&&(r.current(),o.current+=1),t({startMs:l*f,interval:f,minMs:s})},Math.max(l,s))},[a]),m=c(()=>{o.current=0,e.current||t()},[t]),I=c(()=>{e.current&&(clearInterval(e.current),e.current=void 0)},[]);return{startInterval:m,stopInterval:I}}
+"use strict";import{useCallback as c,useEffect as i,useRef as n}from"react";export function useAccelerateInterval(u,l){const r=n(null),e=n(null),a=n(0);i(()=>{e.current=u},[u]),i(()=>()=>{r.current&&clearTimeout(r.current)},[]);const t=c(({startMs:o,interval:s,minMs:f}=l)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>{e.current&&(e.current(),a.current+=1),t({startMs:o*s,interval:s,minMs:f})},Math.max(o,f))},[l]),m=c(()=>{a.current=0,r.current||t()},[t]),I=c(()=>{r.current&&(clearInterval(r.current),r.current=null)},[]);return{startInterval:m,stopInterval:I}}

package/dist/esm/components/post/Header.d.ts

@@ -25,10 +25,10 @@ export interface HeaderPublicProps extends TxtProps {
     style?: ViewProps['style'];
 }
 export type PostH1Props = HeaderPublicProps;
-export declare const PostH1: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>>;
+export declare const PostH1: import("react").NamedExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>;
 export type PostH2Props = HeaderPublicProps;
-export declare const PostH2: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>>;
+export declare const PostH2: import("react").NamedExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>;
 export type PostH3Props = HeaderPublicProps;
-export declare const PostH3: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>>;
+export declare const PostH3: import("react").NamedExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>;
 export type PostH4Props = HeaderPublicProps;
-export declare const PostH4: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>>;
+export declare const PostH4: import("react").NamedExoticComponent<HeaderPublicProps & import("react").RefAttributes<Text>>;

package/dist/esm/components/post/List/PostList.js

@@ -1 +1 @@
-"use strict";import{jsx as p,Fragment as i}from"react/jsx-runtime";import{Children as f,cloneElement as s,isValidElement as d}from"react";import{View as y}from"react-native";import{PreventFontScaling as u}from"../../../extensions/prevent-font-scaling";import{POST_LI as g,POST_OL as L,POST_UL as P}from"../constants";import{PostListProvider as T}from"./PostListProvider";const l=8;export function PostList({listType:r,typography:e="t5",paddingBottom:t=m[r].bottom,style:o,children:n}){return p(u,{limit:160,children:p(T,{listType:r,typography:e,children:p(y,{style:[{paddingTop:m[r].top,paddingRight:m[r].right,paddingBottom:t,paddingLeft:m[r].left},o],children:r==="ol"?p(_,{children:n}):p(x,{children:n})})})})}function _({children:r}){let e=0,t=0;return p(i,{children:f.toArray(r).filter(d).map(o=>{const n=o.type?.displayName,a=t===0?0:l;return n===g?(e=e+1,t++,s(o,{order:e,...o.props,style:{marginTop:a,...o.props.style}})):n===L?s(o,{...o.props,paddingBottom:o.props?.paddingBottom??0,style:{marginTop:a,...o.props.style}}):o})})}function x({children:r}){let e=0;return p(i,{children:f.toArray(r).filter(d).map(t=>{const o=t.type?.displayName,n=e===0?0:l;return o===P?(e++,s(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:n,...t.props.style}})):o===g?(e++,s(t,{...t.props,style:{marginTop:n,...t.props.style}})):t})})}const m={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};
+"use strict";import{jsx as i,Fragment as d}from"react/jsx-runtime";import{Children as l,cloneElement as s,isValidElement as f}from"react";import{View as u}from"react-native";import{PreventFontScaling as P}from"../../../extensions/prevent-font-scaling";import{POST_LI as g,POST_OL as c,POST_UL as L}from"../constants";import{PostListProvider as T}from"./PostListProvider";const y=8;export function PostList({listType:r,typography:e="t5",paddingBottom:o=m[r].bottom,style:t,children:p}){return i(P,{limit:160,children:i(T,{listType:r,typography:e,children:i(u,{style:[{paddingTop:m[r].top,paddingRight:m[r].right,paddingBottom:o,paddingLeft:m[r].left},t],children:r==="ol"?i(_,{children:p}):i(x,{children:p})})})})}function _({children:r}){let e=0,o=0;return i(d,{children:l.toArray(r).filter(f).map(t=>{const p=t.type?.displayName,n=o===0?0:y;if(p===g)return e=e+1,o++,s(t,{order:e,...t.props,style:{marginTop:n,...t.props.style}});if(p===c){const a=t.props;return s(t,{...a,paddingBottom:a.paddingBottom??0,style:{marginTop:n,...a.style}})}return t})})}function x({children:r}){let e=0;return i(d,{children:l.toArray(r).filter(f).map(o=>{const t=o.type?.displayName,p=e===0?0:y;if(t===L){e++;const n=o.props;return s(o,{paddingBottom:n.paddingBottom??0,...n,style:{marginTop:p,...n.style}})}if(t===g){e++;const n=o.props;return s(o,{...n,style:{marginTop:p,...n.style}})}return o})})}const m={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};

package/dist/esm/components/post/Post.d.ts

@@ -4,10 +4,10 @@ import { PostOl } from './List/PostOl';
 import { PostUl } from './List/PostUl';
 import { PostParagraph } from './Paragraph';
 export declare const Post: {
-    H1: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H2: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H3: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H4: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
+    H1: import("react").NamedExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>;
+    H2: import("react").NamedExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>;
+    H3: import("react").NamedExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>;
+    H4: import("react").NamedExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>;
     Paragraph: typeof PostParagraph;
     Ol: typeof PostOl;
     Li: typeof PostLi;

package/dist/esm/components/radio/Radio.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { Control, FieldPathValue, FieldValues, Path, UseControllerProps } from 'react-hook-form';
 import type { RadioOptionProps } from './RadioOption';
 import RadioOption from './RadioOption';
 interface RadioProps<Value> {
@@ -40,34 +39,4 @@ declare const Radio: {
     <Value>({ value, children, disabled, onChange, horizontalMargin }: RadioProps<Value>): import("react/jsx-runtime").JSX.Element;
     Option: typeof RadioOption;
 };
-interface RadioInputProps<FormData extends FieldValues, TName extends Path<FormData>, Value extends FieldPathValue<FormData, TName>> extends Omit<RadioProps<Value>, 'onChange' | 'value' | 'children'> {
-    /**
-     * @typedef { import('react-hook-form').UseControllerProps } UseControllerProps
-     */
-    /**
-     * The current selected value in the radio's options
-     * @type {UseControllerProps}
-     */
-    controlerProps?: Omit<UseControllerProps<FormData, TName>, 'control' | 'name'>;
-    control: Control<FormData>;
-    name: TName;
-    onChange?: (value: Value) => void;
-    children: React.ReactNode | React.ReactNode[];
-}
-/**
- * TDS Radio component which work with __useForm__.
- * @see {@link Radio} for more information
- *
- * @export
- * @template Value - The value of the radio option
- * @param RadioInputProps props { children, controlerProps, onChange, horizontalMargin = 0 }. See {@link RadioInputProps}
- * @example
- * const { control, handleSubmit } = useForm();
- * ...
- * <RadioInput control={control} name="field1">
- *   <Radio.Option value="1">Option 1</Radio.Option>
- *   <Radio.Option value="2">Option 2</Radio.Option>
- * </RadioInput>
- */
-export declare function RadioInput<FormData extends FieldValues, TName extends Path<FormData>, Value extends FieldPathValue<FormData, TName>>({ controlerProps, control, name, children, ...rest }: RadioInputProps<FormData, TName, Value>): import("react/jsx-runtime").JSX.Element;
 export { Radio };

package/dist/esm/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";import{jsx as g,jsxs as O}from"react/jsx-runtime";import{colors as C}from"@toss/tds-colors";import l,{useCallback as T,useEffect as V,useRef as v,useState as k}from"react";import{useController as P}from"react-hook-form";import{Animated as d,StyleSheet as y}from"react-native";import{useAdaptive as z,useColorPreference as E}from"../../core";import N from"./RadioOption";const _={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},j={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},A=1,m=({value:o,children:r,disabled:c=!1,onChange:n,horizontalMargin:s=0})=>{const[t,a]=k(0),u=l.Children.map(r,e=>e.props),S=u.length,p=t/S,f=u.findIndex(e=>e.value===o),h=v(!0),i=v(new d.Value(0)).current,b=l.useCallback(e=>{n(e)},[n]),w=T(e=>{d.spring(i,{toValue:e,useNativeDriver:!0,...j}).start()},[i]);V(()=>{if(t===0)return;const e=f*(p*A);h.current===!0?(i.setValue(e),h.current=!1):w(e)},[f,p]);const x=z(),{colorPreference:I}=E();return O(d.View,{style:[R.defaultSegmentedControlWrapper,{backgroundColor:x.grey100,marginHorizontal:s}],onLayout:e=>{a(e.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[g(d.View,{style:[R.movingSegmentStyle,_,y.absoluteFill,{backgroundColor:I==="light"?C.inverseGrey900:C.inverseGrey300,width:t/u.length-8},{transform:[{translateX:i}]}]}),l.Children.map(r,e=>l.cloneElement(e,{checked:e.props.value===o,disabled:e.props.disabled??c,onPress:b}))]})},R=y.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});export function RadioInput({controlerProps:o,control:r,name:c,children:n,...s}){const{field:t}=P({control:r,name:c,...o});return g(m,{horizontalMargin:s.horizontalMargin,value:t.value,onChange:a=>{t.onChange(a),s.onChange?.(a)},children:n})}m.Option=N;export{m as Radio};
+"use strict";import{jsx as I,jsxs as O}from"react/jsx-runtime";import{colors as m}from"@toss/tds-colors";import r,{useCallback as T,useEffect as V,useRef as p,useState as k}from"react";import{Animated as o,StyleSheet as f}from"react-native";import{useAdaptive as P,useColorPreference as E}from"../../core";import N from"./RadioOption";const _={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},j={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},A=1,h=({value:a,children:i,disabled:y=!1,onChange:l,horizontalMargin:v=0})=>{const[s,S]=k(0),n=r.Children.map(i,e=>e.props),b=n.length,d=s/b,c=n.findIndex(e=>e.value===a),u=p(!0),t=p(new o.Value(0)).current,w=r.useCallback(e=>{l(e)},[l]),C=T(e=>{o.spring(t,{toValue:e,useNativeDriver:!0,...j}).start()},[t]);V(()=>{if(s===0)return;const e=c*(d*A);u.current===!0?(t.setValue(e),u.current=!1):C(e)},[c,d]);const R=P(),{colorPreference:x}=E();return O(o.View,{style:[g.defaultSegmentedControlWrapper,{backgroundColor:R.grey100,marginHorizontal:v}],onLayout:e=>{S(e.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[I(o.View,{style:[g.movingSegmentStyle,_,f.absoluteFill,{backgroundColor:x==="light"?m.inverseGrey900:m.inverseGrey300,width:s/n.length-8},{transform:[{translateX:t}]}]}),r.Children.map(i,e=>r.cloneElement(e,{checked:e.props.value===a,disabled:e.props.disabled??y,onPress:w}))]})},g=f.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});h.Option=N;export{h as Radio};

package/dist/esm/components/radio/index.d.ts

@@ -1 +1 @@
-export { Radio, RadioInput } from './Radio';
+export { Radio } from './Radio';

package/dist/esm/components/radio/index.js

@@ -1 +1 @@
-"use strict";export{Radio,RadioInput}from"./Radio";
+"use strict";export{Radio}from"./Radio";

package/dist/esm/components/search-field/SearchField.d.ts

@@ -4,5 +4,5 @@ declare const SearchField: React.ForwardRefExoticComponent<{
     placeholder?: string;
     style?: StyleProp<ViewStyle>;
     hasClearButton?: boolean;
-} & AccessibilityProps & Pick<import("react-native").TextInputProps, "defaultValue" | "value" | "onChange" | "maxLength" | "autoFocus" | "editable" | "keyboardType" | "placeholder"> & React.RefAttributes<TextInput>>;
+} & AccessibilityProps & Pick<import("react-native").TextInputProps, "defaultValue" | "value" | "onChange" | "autoFocus" | "editable" | "keyboardType" | "maxLength" | "placeholder"> & React.RefAttributes<TextInput>>;
 export default SearchField;

package/dist/esm/components/segmented-control/components/Item/Item.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useCallback as y,useContext as u,useEffect as C,useState as E}from"react";import{View as T}from"react-native";import{useAdaptive as V}from"../../../../core";import{PreventFontScaling as j}from"../../../../extensions/prevent-font-scaling";import{PressableEffect as A}from"../../../../interactions/pressable-effect";import{Root as I,Text as R}from"../../../paragraph";import{AlignmentContext as w}from"../../contexts/AlignmentContext";import{RadioContext as F}from"../../contexts/RadioContext";import{useItemStyle as k}from"./useItemStyle";export function Item({style:f,children:p,value:i,disabled:g=!1,size:b,...h}){const{ensureFluidAlignment:x}=u(w),[s,S]=E(null),{setSelectedValue:c,selectedValue:L,setSelectedElementLayout:n,disabled:P}=u(F),t=P||g,l=k({size:b,disabled:t}),a=V(),e=L===i,v=y(()=>{c(i)},[i,c]),m=y(()=>{s!=null&&n(s)},[s,n]);return C(()=>{e&&m()},[e,m]),o(A,{onPress:t||e?void 0:v,onLayout:r=>{const d=r.nativeEvent.layout;S(d),e&&n(d)},style:[l.containerStyle,f],accessibilityRole:"radio",accessibilityValue:{text:i},accessibilityState:{selected:e,disabled:t},disabled:t,...h,children:o(T,{style:{justifyContent:"center",alignItems:"center"},children:o(j,{limit:140,children:o(I,{typography:l.labelTypography,style:l.labelStyle,onTextLayout:r=>{x(r.nativeEvent.lines.length>1)},children:o(R,{color:t?a.grey400:e?a.grey800:a.grey600,fontWeight:e?"semiBold":"medium",children:p})})})})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useCallback as y,useContext as u,useEffect as C,useState as E}from"react";import{View as T}from"react-native";import{useAdaptive as j}from"../../../../core";import{PreventFontScaling as A}from"../../../../extensions/prevent-font-scaling";import{PressableEffect as I}from"../../../../interactions/pressable-effect";import{Root as R,Text as V}from"../../../paragraph";import{AlignmentContext as w}from"../../contexts/AlignmentContext";import{RadioContext as F}from"../../contexts/RadioContext";import{useItemStyle as k}from"./useItemStyle";export function Item({style:f,children:p,value:n,disabled:g=!1,size:h,...b}){const{ensureFluidAlignment:x}=u(w),[i,S]=E(null),{setSelectedValue:c,selectedValue:v,setSelectedElementLayout:s,disabled:L}=u(F),t=L||g,l=k({size:h,disabled:t}),r=j(),e=v===n,P=y(()=>{c(n)},[n,c]),m=y(()=>{i!=null&&s(i)},[i,s]);return C(()=>{e&&m()},[e,m]),o(I,{onPress:t||e?void 0:P,onLayout:a=>{const d=a.nativeEvent.layout;S(d),e&&s(d)},style:[l.containerStyle,f],accessibilityRole:"radio",accessibilityState:{selected:e,disabled:t},disabled:t,...b,children:o(T,{style:{justifyContent:"center",alignItems:"center"},children:o(A,{limit:140,children:o(R,{typography:l.labelTypography,style:l.labelStyle,onTextLayout:a=>{x(a.nativeEvent.lines.length>1)},children:o(V,{color:t?r.grey400:e?r.grey800:r.grey600,fontWeight:e?"semiBold":"medium",children:p})})})})})}

package/dist/esm/components/segmented-control/contexts/ScrollContext.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode, RefObject } from 'react';
 import type { NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
 type ScrollHandlers = Set<(event: NativeSyntheticEvent<NativeScrollEvent>) => void>;
 interface ScrollContextValues {
-    ref: RefObject<ScrollView> | null;
+    ref: RefObject<ScrollView | null> | null;
     scrollHandlers: ScrollHandlers;
 }
 export declare const ScrollContext: import("react").Context<ScrollContextValues>;

package/dist/esm/components/slider/Slider.js

@@ -1 +1 @@
-"use strict";import{jsx as l,jsxs as L}from"react/jsx-runtime";import{Gesture as G,GestureDetector as M}from"@granite-js/native/react-native-gesture-handler";import{colors as N}from"@toss/tds-colors";import{forwardRef as X,useEffect as w,useMemo as x,useRef as F,useState as I}from"react";import{Animated as h,View as R}from"react-native";import{styles as d}from"./styles";import{useScreenReaderMode as _}from"./useA11yMode";import{clamp as E,getNearestSteppedValue as C}from"./utils";export const Slider=X(function({min:r=0,max:o=100,value:i=r+o/2,step:c=1,onChange:f,color:k=N.blue400,style:S,...g},A){if(!Number.isInteger(c)||c<=0)throw new Error("step\uC740 \uC591\uC758 \uC815\uC218\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");const[n,y]=I({container:0,thumb:0}),a=F(new h.Value(0)).current,u=n.container!==0&&n.thumb!==0,W=e=>{const t=n.container,s=n.thumb,b=t-s;return e===void 0||t===0||s===0||e<=s/2?r:e>=t-s/2?o:C(r+(o-r)*((e-s/2)/b),r,o,c)},m=e=>{const t=n.container,s=n.thumb,b=t-s;return(e-r)/(o-r)*b},p=e=>{const t=W(e);f?.(t),a.setValue(m(t))},j=x(()=>G.Pan().onUpdate(e=>{p(e.x)}).onStart(e=>{p(e.x)}),[u]);w(()=>{u&&a.setValue(m(i))},[u]);const V=_();w(()=>{V&&a.setValue(m(i))},[V,i]);const v=e=>{switch(e.nativeEvent.actionName){case"increment":f?.(E(i+c,r,o));break;case"decrement":f?.(E(i-c,r,o));break;default:break}};return l(M,{gesture:j,children:L(R,{ref:A,style:[d.slider,S],onLayout:e=>{const{width:t}=e.nativeEvent.layout;y({...n,container:t})},accessible:!0,accessibilityRole:"adjustable",accessibilityValue:{text:`${i}`},accessibilityActions:[{name:"increment"},{name:"decrement"}],accessibilityLiveRegion:"polite",onAccessibilityAction:v,...g,children:[l(R,{style:d.track,pointerEvents:"none",children:l(h.View,{style:[d.progress,{backgroundColor:k,transform:[{translateX:a}]}]})}),l(h.View,{onLayout:e=>{const{width:t}=e.nativeEvent.layout;y({...n,thumb:t})},style:[d.thumb,{opacity:u?1:0,transform:[{translateX:a}]}],pointerEvents:"none"})]})})});
+"use strict";import{jsx as l,jsxs as L}from"react/jsx-runtime";import{Gesture as G,GestureDetector as M}from"@granite-js/native/react-native-gesture-handler";import{colors as N}from"@toss/tds-colors";import{forwardRef as X,useEffect as w,useMemo as F,useRef as I,useState as _}from"react";import{Animated as h,View as R}from"react-native";import{styles as d}from"./styles";import{useScreenReaderMode as C}from"./useA11yMode";import{clamp as E,getNearestSteppedValue as D}from"./utils";export const Slider=X(function({min:r=0,max:o=100,value:s=r+o/2,step:c=1,onChange:f,color:k=N.blue400,style:S,...g},A){if(!Number.isInteger(c)||c<=0)throw new Error("step\uC740 \uC591\uC758 \uC815\uC218\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");const[i,y]=_({container:0,thumb:0}),a=I(new h.Value(0)).current,u=i.container!==0&&i.thumb!==0,W=e=>{const t=i.container,n=i.thumb,m=t-n;return e===void 0||t===0||n===0||e<=n/2?r:e>=t-n/2?o:D(r+(o-r)*((e-n/2)/m),r,o,c)},b=e=>{const t=i.container,n=i.thumb,m=t-n;return(e-r)/(o-r)*m},p=e=>{const t=W(e);f?.(t),a.setValue(b(t))},j=F(()=>G.Pan().onUpdate(e=>{p(e.x)}).onStart(e=>{p(e.x)}),[u]);w(()=>{u&&a.setValue(b(s))},[u]);const V=C();w(()=>{V&&a.setValue(b(s))},[V,s]);const v=e=>{switch(e.nativeEvent.actionName){case"increment":f?.(E(s+c,r,o));break;case"decrement":f?.(E(s-c,r,o));break;default:break}};return l(M,{gesture:j,children:L(R,{ref:A,style:[d.slider,S],onLayout:e=>{const{width:t}=e.nativeEvent.layout;y(n=>({...n,container:t}))},accessible:!0,accessibilityRole:"adjustable",accessibilityValue:{min:r,max:o,now:s},accessibilityActions:[{name:"increment"},{name:"decrement"}],accessibilityLiveRegion:"polite",onAccessibilityAction:v,...g,children:[l(R,{style:d.track,pointerEvents:"none",children:l(h.View,{style:[d.progress,{backgroundColor:k,transform:[{translateX:a}]}]})}),l(h.View,{onLayout:e=>{const{width:t}=e.nativeEvent.layout;y(n=>({...n,thumb:t}))},style:[d.thumb,{opacity:u?1:0,transform:[{translateX:a}]}],pointerEvents:"none"})]})})});

package/dist/esm/components/text-field/OldTextField/TDSTextField.d.ts

@@ -8,6 +8,6 @@ export type TDSTextFieldState = 'default' | 'focused' | 'error' | 'disabled';
 export type TDSTextFieldProps = Omit<ComponentProps<typeof TextInput>, 'clearButtonMode'> & Omit<TDSTextFieldContainerProps, 'focus' | 'children' | 'onPress'> & Pick<TDSTextFieldContentProps, 'leftItem' | 'rightItem'> & {
     contentStyle?: StyleProp<ViewStyle>;
 };
-export declare const TDSTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<TDSTextFieldContainerProps, "children" | "focus" | "onPress"> & Pick<TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
+export declare const TDSTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<TDSTextFieldContainerProps, "children" | "onPress" | "focus"> & Pick<TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
     contentStyle?: StyleProp<ViewStyle>;
 } & import("react").RefAttributes<TextInput>>;

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

@@ -1,16 +1,16 @@
 import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField';
 export declare function useElementStyle(size: TDSTextFieldSize, state: TDSTextFieldState): {
     label: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt").TxtStyleProps["color"];
+        color?: import("../../txt").TxtStyleProps["color"];
     };
     input: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt").TxtStyleProps["color"];
+        color?: import("../../txt").TxtStyleProps["color"];
     };
     inputContainer: Omit<import("react-native").ViewStyle, "borderBottomColor" | "backgroundColor"> & {
-        borderBottomColor: string | undefined;
-        backgroundColor: string | undefined;
+        borderBottomColor?: string;
+        backgroundColor?: string;
     };
     helpText: Omit<import("react-native").TextStyle, "color"> & {
-        color: import("../../txt").TxtStyleProps["color"];
+        color?: import("../../txt").TxtStyleProps["color"];
     };
 };

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

@@ -1,7 +1,7 @@
 import { TDSTextFieldItem } from './TDSTextFieldItem';
 import { TextFieldSelectButton } from './TDSTextFieldSelectButton';
 /** @deprecated */
-declare const OldTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<import("./TDSTextFieldContainer").TDSTextFieldContainerProps, "children" | "focus" | "onPress"> & Pick<import("./TDSTextFieldContent").TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
+declare const OldTextField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "clearButtonMode"> & Omit<import("./TDSTextFieldContainer").TDSTextFieldContainerProps, "children" | "onPress" | "focus"> & Pick<import("./TDSTextFieldContent").TDSTextFieldContentProps, "leftItem" | "rightItem"> & {
     contentStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
 } & import("react").RefAttributes<import("react-native").TextInput>>;
 /** @deprecated */

package/dist/esm/components/text-field/OldTextField/styles.d.ts

@@ -2,7 +2,7 @@ import type { TextStyle, ViewStyle } from 'react-native';
 import type { TxtStyleProps } from '../../txt';
 import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField';
 type TextStyleByVariant = Record<`${TDSTextFieldSize}-${TDSTextFieldState}`, Omit<TextStyle, 'color'> & {
-    color: TxtStyleProps['color'];
+    color?: TxtStyleProps['color'];
 }>;
 export declare const getLabelStyle: ({ grey700, grey800 }: {
     grey700: string;
@@ -14,8 +14,8 @@ export declare const getHelpTextStyle: ({ grey500, grey600, grey700, }: {
     grey700: string;
 }) => TextStyleByVariant;
 type ViewStyleByVariant = Record<`${TDSTextFieldSize}-${TDSTextFieldState}`, Omit<ViewStyle, 'borderBottomColor' | 'backgroundColor'> & {
-    borderBottomColor: string | undefined;
-    backgroundColor: string | undefined;
+    borderBottomColor?: string;
+    backgroundColor?: string;
 }>;
 export declare const getInputContainerStyle: ({ grey50, grey100, grey200, }: {
     grey50: string;

package/dist/esm/components/text-field/TextField/hooks/useTextFieldClearButtonControls.js

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

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as w,useState as S}from"react";import{Pressable as v,StyleSheet as W,View as h}from"react-native";import{TextFieldButtonArrow as j}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as D}from"../../components/TextFieldButtonText";import{TextFieldContainer as L}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldBigButton=w(function({prefix:n,right:u,suffix:d,placeholder:g,style:z,containerStyle:x,...e},p){const l=b(),[o,a]=S(!1),{value:c}=P(e),y=c!=="",s=R(e,o),B=I(e,o),C=k(e,o),T=A(e,o),F=G(e,o);return m(L,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(v,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:C}],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(D,{typography:"t1",fontWeight:"semiBold",placeholder:g,placeholderColor:T,color:F,style:{flexGrow:1},children:c}),d?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(j,{})})]})}),e.help!=null?t(V,{color:B.color,children:e.help}):null]})});const r=W.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as b,useState as w}from"react";import{Pressable as W,StyleSheet as v,View as f}from"react-native";import{useAdaptive as S}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldButtonArrow as j}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as D}from"../../components/TextFieldButtonText";import{TextFieldContainer as L}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as R}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as k}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as A}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as H}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldBigButton=b(function({prefix:n,right:h,suffix:d,placeholder:x,style:q,containerStyle:g,...e},p){const l=S(),[o,a]=w(!1),{value:c}=P(e),y=c!=="",s=k(e,o),B=I(e,o),C=A(e,o),T=G(e,o),F=H(e,o);return m(L,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(R,{color:s.color,opacity:s.opacity,children:e.label}),t(W,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:r=>{e.onFocus?.(r),a(!0)},onBlur:r=>{e.onBlur?.(r),a(!1)},...e,children:m(f,{style:[i.inputContainer,{borderBottomWidth:2,borderBottomColor:C}],children:[n?t(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:i.prefix,children:n}):null,t(D,{typography:"t1",fontWeight:"semiBold",placeholder:x,placeholderColor:T,color:F,style:{flexGrow:1},children:c}),d?t(u,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:d}):null,t(f,{style:i.rightContainer,children:h??t(j,{})})]})}),e.help!=null?t(V,{color:B.color,children:e.help}):null]})});const i=v.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as W,TextInput as j,View as h}from"react-native";import{useAdaptive as D,useTypographyTheme as L}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldBig=S(function({prefix:n,right:a,suffix:d,style:g,containerStyle:x,...e},p){const l=D(),{typography:y}=L(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),B=k(e,t),b=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:B}],children:[n?o(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,o(j,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:b,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:w,padding:0},g]}),d?o(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=W.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as v,useState as S}from"react";import{StyleSheet as W,TextInput as j,View as h}from"react-native";import{useAdaptive as D,useTypographyTheme as L}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as I}from"../../components/TextFieldHelp";import{TextFieldLabel as k}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as z}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as G}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as H}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldBig=v(function({prefix:n,right:a,suffix:d,style:g,containerStyle:x,...e},p){const l=D(),{typography:y}=L(),[t,c]=S(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=z(e,t),F=_(e,t),B=G(e,t),b=H(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(k,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[i.inputContainer,{borderBottomWidth:2,borderBottomColor:B}],children:[n?o(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:i.prefix,children:n}):null,o(j,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:b,onChangeText:T,onFocus:r=>{e.onFocus?.(r),c(!0)},onBlur:r=>{e.onFocus?.(r),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:w,padding:0},g]}),d?o(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:i.rightContainer,children:a}):null]}),e.help!=null?o(I,{color:F.color,children:e.help}):null]})});const i=W.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as B,useState as w}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as H}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as W}from"../../components/TextFieldHelp";import{TextFieldLabel as D}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as L}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as R}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as A}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as G}from"../../hooks/useTextFieldValueControls";export const TextFieldHeroButton=B(function({prefix:n,right:u,suffix:a,placeholder:x,containerStyle:g,style:P,...e},p){const l=b(),[o,d]=w(!1),{value:c}=G(e),y=c!=="",s=L(e,o),T=A(e,o),C=k(e,o),F=R(e,o);return m(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),d(!0)},onBlur:i=>{e.onBlur?.(i),d(!1)},...e,children:m(h,{style:[r.inputContainer],children:[n?t(f,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t1",fontWeight:"semiBold",placeholder:x,placeholderColor:F,color:C,style:{flexGrow:1},children:c}),a?t(f,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:a}):null,t(h,{style:r.rightContainer,children:u??t(H,{})})]})}),e.help!=null?t(W,{color:T.color,children:e.help}):null]})});const r=v.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as b,useState as B}from"react";import{Pressable as w,StyleSheet as v,View as f}from"react-native";import{useAdaptive as S}from"../../../../../core";import{Txt as h}from"../../../../txt";import{TextFieldButtonArrow as W}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as H}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as D}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as L}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as R}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as A}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as G}from"../../hooks/useTextFieldValueControls";export const TextFieldHeroButton=b(function({prefix:n,right:u,suffix:d,placeholder:x,containerStyle:g,style:P,...e},p){const l=S(),[o,a]=B(!1),{value:c}=G(e),y=c!=="",s=L(e,o),T=A(e,o),C=k(e,o),F=R(e,o);return m(H,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:s.color,opacity:s.opacity,children:e.label}),t(w,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:r=>{e.onFocus?.(r),a(!0)},onBlur:r=>{e.onBlur?.(r),a(!1)},...e,children:m(f,{style:[i.inputContainer],children:[n?t(h,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:i.prefix,children:n}):null,t(j,{typography:"t1",fontWeight:"semiBold",placeholder:x,placeholderColor:F,color:C,style:{flexGrow:1},children:c}),d?t(h,{typography:"t1",fontWeight:"semiBold",color:y?l.grey800:l.grey500,children:d}):null,t(f,{style:i.rightContainer,children:u??t(W,{})})]})}),e.help!=null?t(V,{color:T.color,children:e.help}):null]})});const i=v.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as w,useState as S}from"react";import{StyleSheet as v,TextInput as H,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as V}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as W}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as D}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as L}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as k}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as G}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as R}from"../../hooks/useTextFieldValueControls";export const TextFieldHero=w(function({prefix:r,right:a,suffix:d,containerStyle:g,style:x,...e},p){const l=j(),{typography:y}=V(),[o,c]=S(!1),{value:s,onChangeText:T}=R(e),C=s!=="",f=I(e,o),F=G(e,o),b=k(e,o),B=L(e,o);return m(W,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:g,children:[t(D,{color:f.color,opacity:f.opacity,children:e.label}),m(h,{style:[n.inputContainer],children:[r?t(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:n.prefix,children:r}):null,t(H,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:b,padding:0},x]}),d?t(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?t(h,{style:n.rightContainer,children:a}):null]}),e.help!=null?t(z,{color:F.color,children:e.help}):null]})});const n=v.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as w,useState as v}from"react";import{StyleSheet as S,TextInput as W,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as H}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as D}from"../../components/TextFieldHelp";import{TextFieldLabel as I}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as L}from"../../hooks/useLabelControls";import{useTextFieldDefaultPlaceholderColor as k}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as z}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as G}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as R}from"../../hooks/useTextFieldValueControls";export const TextFieldHero=w(function({prefix:n,right:a,suffix:d,containerStyle:x,style:g,...e},p){const l=j(),{typography:y}=H(),[o,c]=v(!1),{value:s,onChangeText:T}=R(e),C=s!=="",f=L(e,o),F=G(e,o),b=z(e,o),B=k(e,o);return m(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(I,{color:f.color,opacity:f.opacity,children:e.label}),m(h,{style:[r.inputContainer],children:[n?t(u,{typography:"t1",fontWeight:"semiBold",color:l.grey800,style:r.prefix,children:n}):null,t(W,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t1.fontSize,color:b,padding:0},g]}),d?t(u,{typography:"t1",fontWeight:"semiBold",color:C?l.grey800:l.grey500,children:d}):null,a?t(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?t(D,{color:F.color,children:e.help}):null]})});const r=S.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{useAdaptive as b}from"../../../../../core";import{Txt as f}from"../../../../txt";import{forwardRef as w,useState as L}from"react";import{Pressable as S,StyleSheet as v,View as h}from"react-native";import{TextFieldButtonArrow as W}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as D}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as R}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as A}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as G}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldLineButton=w(function({prefix:n,right:u,suffix:d,containerStyle:x,placeholder:g,style:z,...e},p){const l=b(),[o,a]=L(!1),{value:c}=P(e),y=c!=="",s=R(e,o),C=I(e,o),T=k(e,o),B=A(e,o),F=G(e,o);return m(D,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(H,{color:s.color,opacity:s.opacity,children:e.label}),t(S,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:i=>{e.onFocus?.(i),a(!0)},onBlur:i=>{e.onBlur?.(i),a(!1)},...e,children:m(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:T}],children:[n?t(f,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,t(j,{typography:"t3",fontWeight:"semiBold",placeholder:g,placeholderColor:B,color:F,style:{flexGrow:1},children:c}),d?t(f,{fontWeight:"semiBold",typography:"t3",color:y?l.grey800:l.grey500,children:d}):null,t(h,{style:r.rightContainer,children:u??t(W,{})})]})}),e.help!=null?t(V,{color:C.color,children:e.help}):null]})});const r=v.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as t,jsxs as m}from"react/jsx-runtime";import{forwardRef as b,useState as w}from"react";import{Pressable as L,StyleSheet as W,View as f}from"react-native";import{useAdaptive as v}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldButtonArrow as S}from"../../components/TextFieldButtonArrow";import{TextFieldButtonText as j}from"../../components/TextFieldButtonText";import{TextFieldContainer as D}from"../../components/TextFieldContainer";import{TextFieldHelp as V}from"../../components/TextFieldHelp";import{TextFieldLabel as R}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as k}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as A}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as H}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as I}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as P}from"../../hooks/useTextFieldValueControls";export const TextFieldLineButton=b(function({prefix:n,right:h,suffix:d,containerStyle:x,placeholder:g,style:q,...e},p){const l=v(),[o,a]=w(!1),{value:c}=P(e),y=c!=="",s=k(e,o),C=I(e,o),T=A(e,o),B=G(e,o),F=H(e,o);return m(D,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[t(R,{color:s.color,opacity:s.opacity,children:e.label}),t(L,{ref:p,accessibilityState:{disabled:e.disabled},accessibilityRole:"button",onFocus:r=>{e.onFocus?.(r),a(!0)},onBlur:r=>{e.onBlur?.(r),a(!1)},...e,children:m(f,{style:[i.inputContainer,{borderBottomWidth:2,borderBottomColor:T}],children:[n?t(u,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:i.prefix,children:n}):null,t(j,{typography:"t3",fontWeight:"semiBold",placeholder:g,placeholderColor:B,color:F,style:{flexGrow:1},children:c}),d?t(u,{fontWeight:"semiBold",typography:"t3",color:y?l.grey800:l.grey500,children:d}):null,t(f,{style:i.rightContainer,children:h??t(S,{})})]})}),e.help!=null?t(V,{color:C.color,children:e.help}):null]})});const i=W.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as S,useState as v}from"react";import{StyleSheet as L,TextInput as W,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as D}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as z}from"../../components/TextFieldHelp";import{TextFieldLabel as H}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as I}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as k}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as G}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldLine=S(function({prefix:n,right:a,suffix:d,containerStyle:x,style:g,...e},p){const l=j(),{typography:y}=D(),[t,c]=v(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=I(e,t),F=_(e,t),b=k(e,t),B=G(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(H,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[r.inputContainer,{borderBottomWidth:2,borderBottomColor:b}],children:[n?o(u,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:r.prefix,children:n}):null,o(W,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:i=>{e.onFocus?.(i),c(!0)},onBlur:i=>{e.onFocus?.(i),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t3.fontSize,color:w,padding:0},g]}),d?o(u,{fontWeight:"semiBold",typography:"t3",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:r.rightContainer,children:a}):null]}),e.help!=null?o(z,{color:F.color,children:e.help}):null]})});const r=L.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",border:"none",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontSize:"inherit",lineHeight:"inherit",fontWeight:600,width:"100%"},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{forwardRef as v,useState as L}from"react";import{StyleSheet as S,TextInput as W,View as h}from"react-native";import{useAdaptive as j,useTypographyTheme as D}from"../../../../../core";import{Txt as u}from"../../../../txt";import{TextFieldContainer as V}from"../../components/TextFieldContainer";import{TextFieldHelp as I}from"../../components/TextFieldHelp";import{TextFieldLabel as k}from"../../components/TextFieldLabel";import{useTextFieldLabelControls as z}from"../../hooks/useLabelControls";import{useTextFieldDefaultLineBorderColor as G}from"../../hooks/useTextFieldDefaultLineBorderColor";import{useTextFieldDefaultPlaceholderColor as H}from"../../hooks/useTextFieldDefaultPlaceholderColor";import{useTextFieldDefaultTextColor as R}from"../../hooks/useTextFieldDefaultTextColor";import{useTextFieldHelpControls as _}from"../../hooks/useTextFieldHelpControls";import{useTextFieldValueControls as A}from"../../hooks/useTextFieldValueControls";export const TextFieldLine=v(function({prefix:n,right:a,suffix:d,containerStyle:x,style:g,...e},p){const l=j(),{typography:y}=D(),[t,c]=L(!1),{value:s,onChangeText:T}=A(e),C=s!=="",m=z(e,t),F=_(e,t),b=G(e,t),B=H(e,t),w=R(e,t);return f(V,{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,style:x,children:[o(k,{color:m.color,opacity:m.opacity,children:e.label}),f(h,{style:[i.inputContainer,{borderBottomWidth:2,borderBottomColor:b}],children:[n?o(u,{fontWeight:"semiBold",typography:"t3",color:l.grey800,style:i.prefix,children:n}):null,o(W,{...e,ref:p,value:s,editable:e.editable??!e.disabled,placeholderTextColor:B,onChangeText:T,onFocus:r=>{e.onFocus?.(r),c(!0)},onBlur:r=>{e.onFocus?.(r),c(!1)},style:[{flexGrow:1,flexBasis:0,fontWeight:"600",fontSize:y.t3.fontSize,color:w,padding:0},g]}),d?o(u,{fontWeight:"semiBold",typography:"t3",color:C?l.grey800:l.grey500,children:d}):null,a?o(h,{style:i.rightContainer,children:a}):null]}),e.help!=null?o(I,{color:F.color,children:e.help}):null]})});const i=S.create({labelContainer:{paddingBottom:6},prefix:{paddingRight:8},inputContainer:{display:"flex",flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingBottom:4,paddingVertical:0,position:"relative",overflow:"hidden",fontWeight:600,width:"100%",borderWidth:0},rightContainer:{display:"flex",alignItems:"center",marginLeft:8,flexGrow:0,flexShrink:0}});

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as R}from"react/jsx-runtime";import{AnimateRallyPresence as k}from"../../../../interactions/rally";import{useAdaptive as O}from"../../../../core";import*as q from"../../../paragraph";import{cloneElement as z,forwardRef as b,useEffect as D,useMemo as I,useRef as G,useState as x}from"react";import{Dimensions as J,Pressable as K,StyleSheet as N,View as p}from"react-native";import{useTooltip as T}from"../../contexts/TooltipContext";import{useAnchorPosition as Q}from"../../hooks/useAnchorPosition";import{useOnPressOutside as U}from"../../hooks/useOnPressOutside";import{mergeRefs as A}from"../../utils/mergeRefs";import{Anchor as X}from"./Anchor";import{getTooltipStyle as Y,TooltipBase as Z}from"./TooltipBase";function H(f){return new Promise(r=>{f.measure((n,i,s,o)=>{r({width:s,height:o})})})}export const FloatingTooltip=b(function({open:r,children:n,...i},s){const{targetRef:o}=T(),l=n.ref,a=z(n,{...n.props,collapsable:!1,onPress:()=>{i.onChildrenPress?.(),n.props?.onPress?.()},ref:l!=null?A(l,o):o});return R(p,{style:{position:"relative",zIndex:9e3},children:[a,e(k,{children:r&&e(p,{style:[N.absoluteFill,{width:J.get("window").width}],pointerEvents:"box-none",children:e($,{ref:s,...i})})})]})});const $=b(function({message:r,messageAlign:n,placement:i,contentPositionByRatio:s,size:o="medium",motion:l,onPress:a,onPressOutside:W},v){const c=G(null),m=O(),{targetRef:y,offset:h}=T(),[u,F]=x(null),[d,S]=x(null),t=I(()=>Y(o),[o]),C=A(v,c),E=Q({anchorPositionByRatio:s,anchorWidth:t.anchorWidth,tooltipWidth:d?.width??0,size:o});return U({ref:c,onPressOutside:W}),D(()=>{function g(){const P=y?.current,w=c.current;P!=null&&w!=null&&h!=null&&(async()=>{const{width:L,height:_}=await H(P),{width:j,height:B}=await H(w),M=L/2-j/2,V=i==="top"?-B-h-t.anchorHeight:_+t.anchorHeight+h;F({left:M,top:V})})()}requestAnimationFrame(()=>{g()})},[y,i,t,h]),u==null||d==null?e(K,{ref:C,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:m.floatBackground,borderRadius:t.borderRadius,paddingHorizontal:t.paddingHorizontal/2,paddingVertical:t.paddingVertical/2},onLayout:g=>{S(g.nativeEvent.layout)},onPress:a,children:R(p,{children:[e(p,{style:{position:"absolute",width:t.anchorWidth,height:t.anchorHeight},children:e(X,{size:o})}),e(q.Text,{typography:t.typography,color:m.grey800,fontWeight:t.fontWeight,children:r})]})}):e(Z,{ref:c,size:o,placement:i,messageAlign:n,message:r,motion:l,left:u.left,top:u.top,contentHeight:d.height,anchorMarginLeft:E,onPress:a})});
+"use strict";import{jsx as e,jsxs as b}from"react/jsx-runtime";import{AnimateRallyPresence as k}from"../../../../interactions/rally";import{useAdaptive as O}from"../../../../core";import*as q from"../../../paragraph";import{cloneElement as z,forwardRef as x,useEffect as D,useMemo as I,useRef as G,useState as T}from"react";import{Dimensions as J,Pressable as K,StyleSheet as N,View as p}from"react-native";import{useTooltip as A}from"../../contexts/TooltipContext";import{useAnchorPosition as Q}from"../../hooks/useAnchorPosition";import{useOnPressOutside as U}from"../../hooks/useOnPressOutside";import{mergeRefs as H}from"../../utils/mergeRefs";import{Anchor as X}from"./Anchor";import{getTooltipStyle as Y,TooltipBase as Z}from"./TooltipBase";function W(f){return new Promise(i=>{f.measure((r,n,s,o)=>{i({width:s,height:o})})})}export const FloatingTooltip=x(function({open:i,children:r,...n},s){const{targetRef:o}=A(),a=r.ref,l=r.props,u=z(r,{...l,collapsable:!1,onPress:()=>{n.onChildrenPress?.(),l?.onPress?.()},ref:a!=null?H(a,o):o});return b(p,{style:{position:"relative",zIndex:9e3},children:[u,e(k,{children:i&&e(p,{style:[N.absoluteFill,{width:J.get("window").width}],pointerEvents:"box-none",children:e($,{ref:s,...n})})})]})});const $=x(function({message:i,messageAlign:r,placement:n,contentPositionByRatio:s,size:o="medium",motion:a,onPress:l,onPressOutside:u},v){const c=G(null),y=O(),{targetRef:P,offset:h}=A(),[d,F]=T(null),[g,S]=T(null),t=I(()=>Y(o),[o]),C=H(v,c),E=Q({anchorPositionByRatio:s,anchorWidth:t.anchorWidth,tooltipWidth:g?.width??0,size:o});return U({ref:c,onPressOutside:u}),D(()=>{function m(){const w=P?.current,R=c.current;w!=null&&R!=null&&h!=null&&(async()=>{const{width:L,height:_}=await W(w),{width:j,height:B}=await W(R),M=L/2-j/2,V=n==="top"?-B-h-t.anchorHeight:_+t.anchorHeight+h;F({left:M,top:V})})()}requestAnimationFrame(()=>{m()})},[P,n,t,h]),d==null||g==null?e(K,{ref:C,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:y.floatBackground,borderRadius:t.borderRadius,paddingHorizontal:t.paddingHorizontal/2,paddingVertical:t.paddingVertical/2},onLayout:m=>{S(m.nativeEvent.layout)},onPress:l,children:b(p,{children:[e(p,{style:{position:"absolute",width:t.anchorWidth,height:t.anchorHeight},children:e(X,{size:o})}),e(q.Text,{typography:t.typography,color:y.grey800,fontWeight:t.fontWeight,children:i})]})}):e(Z,{ref:c,size:o,placement:n,messageAlign:r,message:i,motion:a,left:d.left,top:d.top,contentHeight:g.height,anchorMarginLeft:E,onPress:l})});

package/dist/esm/components/tooltip/contexts/TooltipContext.d.ts

@@ -9,8 +9,8 @@ interface TooltipProviderProps {
     autoFlip?: boolean;
 }
 interface State {
-    targetRef: RefObject<View> | null;
-    floatingRef: RefObject<View> | null;
+    targetRef: RefObject<View | null> | null;
+    floatingRef: RefObject<View | null> | null;
     flipped: boolean;
     offset: number;
 }

package/dist/esm/components/tooltip/hooks/useCloseTooltip.js

@@ -1 +1 @@
-"use strict";import{useEffect as c,useRef as f}from"react";export function useCloseTooltip({open:r,duration:u,onClose:t}){const e=f();c(()=>(r&&t&&(e.current=setTimeout(()=>{t()},u)),()=>{e.current&&clearTimeout(e.current)}),[t,u,r])}
+"use strict";import{useEffect as c,useRef as f}from"react";export function useCloseTooltip({open:r,duration:u,onClose:t}){const e=f(null);c(()=>(r&&t&&(e.current=setTimeout(()=>{t()},u)),()=>{e.current&&clearTimeout(e.current)}),[t,u,r])}

package/dist/esm/components/tooltip/hooks/useOnPressOutside.d.ts

@@ -1,6 +1,6 @@
 import type { View } from 'react-native';
 export declare const useOnPressOutside: ({ ref, onPressOutside, interactive, }: {
-    ref: React.RefObject<View>;
+    ref: React.RefObject<View | null>;
     onPressOutside?: () => void;
     interactive?: boolean;
 }) => void;

package/dist/esm/components/tooltip/hooks/useOnPressOutside.js

@@ -1 +1 @@
-"use strict";import{useGlobalEvent as c}from"../../../core";import{useEffect as u}from"react";import{findNodeHandle as r}from"react-native";export const useOnPressOutside=({ref:t,onPressOutside:e,interactive:s})=>{const o=c();u(()=>{if(e&&t.current!=null){const n=i=>{const d=r(i.target),l=r(t.current);d!==l&&e()};return o.addEventListener("touchEnd",n),()=>{o.removeEventListener("touchEnd",n)}}},[t,e,s,o])};
+"use strict";import{useGlobalEvent as d}from"../../../core";import{useEffect as u}from"react";import{findNodeHandle as i}from"react-native";import{selectByRNVersion as a}from"../../../utils/compat";export const useOnPressOutside=({ref:t,onPressOutside:e,interactive:l})=>{const o=d();u(()=>{if(e&&t.current!=null){const r=s=>{a({"0.84":()=>{s.target!==t.current&&e()},"0.72":()=>{const n=i(s.target),c=i(t.current);n!==c&&e()}})};return o.addEventListener("touchEnd",r),()=>{o.removeEventListener("touchEnd",r)}}},[t,e,l,o])};

package/dist/esm/components/txt/Txt.js

@@ -1 +1,17 @@
-"use strict";function p(){const x=["4TqmRPj",":TWV2SOCS@P.;GK&*x^|;88C","\v","function","938861meIymu","19212XBuVsC","23527AmGSZz","2EdqpcT","\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF","\xD7\xCA\xC6\xC0\xD3\xDE\xDB\xD5\xDA\xC6","\xC6\xD7\xCA\xC6\xF3\xDE\xDB\xD5\xDC","\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD","\x07\v\r\x1B","\x8E\x93\x9F\x99\x8A\x89\x84\x87\x8F","\x9F\x83\x82\x85","charCodeAt",'D^a`i;\\XL\\IYa6COS\\-1"',"//	\0","542795kmzHag","10VAEtNh","\x8D\x87\x8E\x93\xB8\x83\x99\x82\x85\x80","  \x1B\r\v","\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F","XrutPqmaq^nLYeiDH9|=YVVa","\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6","fromCharCode","\x87\x82\x8C\x83\x9F","578907lRbCKB","582984SOmqiL","192828AeFhNe","8GPUPQY","189krZnnY",'6PSR.OK?O<L*7CG"&tZy315@7',"'"];return p=function(){return x},p()}const e=i;(function(x,t){const u=i,o=x();for(;;)try{if(-parseInt(u(357))/1+parseInt(u(358))/2*(-parseInt(u(378))/3)+parseInt(u(385))/4*(parseInt(u(369))/5)+parseInt(u(356))/6*(parseInt(u(382))/7)+-parseInt(u(381))/8*(-parseInt(u(379))/9)+-parseInt(u(370))/10*(-parseInt(u(355))/11)+parseInt(u(380))/12===t)break;o.push(o.shift())}catch{o.push(o.shift())}})(p,144713);function n(x){let t="";for(let u=0;u<x.length;u++)t+=String.fromCharCode(x.charCodeAt(u)^178);return t}function r(x){let t="";for(let u=0;u<x.length;u++)t+=String.fromCharCode(x.charCodeAt(u)^127);return t}function f(x){let t="";for(let u=0;u<x.length;u++)t+=String.fromCharCode(x.charCodeAt(u)^219);return t}function c(x){const t=i;let u="";for(let o=0;o<x.length;o++)u+=String[t(376)](x.charCodeAt(o)^185);return u}function b(x){let t="";for(let u=0;u<x.length;u++)t+=String.fromCharCode(x.charCodeAt(u)^112);return t}function a(x){const t=i;let u="";for(let o=0;o<x.length;o++)u+=String.fromCharCode(x[t(366)](o)^169);return u}function l(x){const t=i;let u="";for(let o=0;o<x.length;o++)u+=String[t(376)](x.charCodeAt(o)^235);return u}import{jsx as S}from"react/jsx-runtime";import{forwardRef as I}from"react";import{Platform as _,StyleSheet as A,Text as G}from"react-native";import{fontWeightMap as O}from"../../constants";import{useAdaptive as P,useTypographyTheme as T}from"../../core";export function toFontWeightStyle(x){return{[a("\xCF\xC6\xC7\xDD\xFE\xCC\xC0\xCE\xC1\xDD")]:O[x],[b("6	")]:fontFamilyByFontWeightMap[_.OS===function(){return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!="function"?"":global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]("GSHUQJD",119)}()?function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("KWLYUNH",115)}():function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("(-0",65)}()][x]}}function i(x,t){const u=p();return i=function(o,g){return o=o-355,u[o]},i(x,t)}const X=I(function({[a("\xCA\xC1\xC0\xC5\xCD\xDB\xCC\xC7")]:t,[n("\xC1\xC6\xCB\xDE\xD7")]:u,[l("\x9F\x92\x9B\x84\x8C\x99\x8A\x9B\x83\x92")]:o=function(){const d=i;return typeof global[b(d(368),112)]!="function"?"":global[b("//	\0",112)]("Vs",30)}(),[b(e(384))]:g=function(){return typeof global[a("\xF6\xF6\xCD\xCC\xCA\xDB\xD0\xD9\xDD",169)]!="function"?"":global[a("\xF6\xF6\xCD\xCC\xCA\xDB\xD0\xD9\xDD",169)]("I;<I?3C",41)}(),[l("\x88\x84\x87\x84\x99")]:s,[n(e(361))]:y,...h},m){const d=P(),{[n("\xC6\xCB\xC2\xDD\xD5\xC0\xD3\xC2\xDA\xCB")]:C}=T();return S(G,{[l("\x99\x8E\x8D")]:m,[c("\xD8\xD5\xD5\xD6\xCE\xFF\xD6\xD7\xCD\xEA\xDA\xD8\xD5\xD0\xD7\xDE")]:!1,[f("\xB7\xB2\xB5\xBE\x99\xA9\xBE\xBA\xB0\x88\xAF\xA9\xBA\xAF\xBE\xBC\xA2\x92\x94\x88")]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("6.:2?5R>57(",50)}(),[c("\xCA\xCD\xC0\xD5\xDC")]:[j.base,C[o],{[b("")]:s??d.grey900,[l("\x9F\x8E\x93\x9F\xAA\x87\x82\x8C\x85")]:y},toFontWeightStyle(g),u],...h,[n("\xD1\xDA\xDB\xDE\xD6\xC0\xD7\xDC")]:t})}),j=A.create({[b("")]:{[a("\xCF\xC6\xC7\xDD\xEF\xC8\xC4\xC0\xC5\xD0")]:function(){const x=e;return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!="function"?"":global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)](x(367),109)}(),[l(e(371))]:1}});export const fontFamilyByFontWeightMap={[r("\f")]:{[l("\x9F\x83\x82\x85")]:function(){const x=e;return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!==x(388)?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)](x(386),119)}(),[f("\xBE\xA3\xAF\xA9\xBA\x97\xB2\xBC\xB3\xAF")]:function(){return typeof global[b("//	\0",112)]!="function"?"":global[b("//	\0",112)]("B\\_^:[WK[HX6COS.2#f'C@@K",111)}(),[n(e(360))]:function(){const x=e;return typeof global[r("  \x1B\r\v",127)]!="function"?"":global[r("  \x1B\r\v",127)](x(374),89)}(),[r(e(387))]:function(){return typeof global[b("//	\0",112)]!="function"?"":global[b("//	\0",112)]("OilkGhdXhUeCP\\`;?0s4PMMX",5)}(),[b("")]:function(){return typeof global[a("\xF6\xF6\xCD\xCC\xCA\xDB\xD0\xD9\xDD",169)]!="function"?"":global[a("\xF6\xF6\xCD\xCC\xCA\xDB\xD0\xD9\xDD",169)]("a{! YzvjzgwUbnrMQB(L^_lbVf",80)}(),[b("")]:function(){const x=e;return typeof global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[l(x(373),235)](`n+.-f*&w*t'bo{"Z^O5Yklyocs`,67)}(),[b("")]:function(){const x=e;return typeof global[c(x(362),185)]!="function"?"":global[c("\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD",185)](x(383),30)}(),[c("\xCA\xDC\xD4\xD0\xFB\xD6\xD5\xDD")]:function(){return typeof global[r("  \x1B\r\v",127)]!="function"?"":global[r("  \x1B\r\v",127)]("SmpoKlh\\lYiGT`d?C4w?PWRJVRI",94)}(),[c("\xCA\xDC\xD4\xD0\xDB\xD6\xD5\xDD")]:function(){const x=e;return typeof global[f(x(359),219)]!="function"?"":global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]("QknmIjfZjWgER^b=A2u=NUPHTPG",96)}(),[r("\x1B")]:function(){return typeof global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]('f#&%^"{o"l|ZgswRVG-Ami`',75)}(),[l("\x8E\x93\x9F\x99\x8A\xA9\x84\x87\x8F")]:function(){const x=e;return typeof global[c("\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD",185)]!==x(388)?"":global[c("\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD",185)](',FIH$EA5E2B -9=uyjPg<74"".*!',40)}(),[r(e(363))]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("p-0/h,(y,v)dq $\\`Q7N#{xffrne",65)}(),[f("\xB3\xBE\xBA\xAD\xA2")]:function(){return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!="function"?"":global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]("NhkjFgcWgTdBO[_:>/r/KFZ\\",6)}(),[b("\x1B")]:function(){return typeof global[b("//	\0",112)]!="function"?"":global[b("//	\0",112)]("SmpoKlh\\lYiGT`d?C4w.WKLS",94)}()},[f("\xBA\xB5\xBF\xA9\xB4\xB2\xBF")]:{[l(e(365))]:function(){const x=e;return typeof global[r("  \x1B\r\v",127)]!="function"?"":global[r(x(372),127)]('A[^]9ZVJZGW5BNR-1"e&B??J',112)}(),[f("\xBE\xA3\xAF\xA9\xBA\x97\xB2\xBC\xB3\xAF")]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("B\\_^:[WK[HX6COS.2#f'C@@K",111)}(),[b("\b")]:function(){const x=e;return typeof global[n(x(375),178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("#=@?x<8,<)9t$04lpaGe$!!,",49)}(),[l(e(377))]:function(){const x=e;return typeof global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[l(x(373),235)]('$>A@y=9-=*:u%15mqbHf%""-',48)}(),[f("\xB5\xB4\xA9\xB6\xBA\xB7")]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("d!$#\\ ym jzXequPTE+OaboeYi",77)}(),[l("\x99\x8E\x8C\x9E\x87\x8A\x99")]:function(){const x=e;return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!==x(388)?"":global[f(x(359),219)]('-GJI%FB6F3C!.:>vzkQu*+8."2',39)}(),[a("\xC4\xCC\xCD\xC0\xDC\xC4")]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("|9<;t84(8%5p ,0hl]Cbyw{) ",53)}(),[l("\x98\x8E\x86\x82\xA9\x84\x87\x8F")]:function(){return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!="function"?"":global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]("Hbed@a]QaN^<IUY48)l4ELG?KG>",105)}(),[c("\xCA\xDC\xD4\xD0\xDB\xD6\xD5\xDD")]:function(){return typeof global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]("&@CB{?;/?,<w'37osdJo#*%z)%y",46)}(),[r("\x1B")]:function(){const x=e;return typeof global[l("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[l(x(373),235)]("d!$#\\ ym jzXequPTE+?kg^",77)}(),[f("\xBE\xA3\xAF\xA9\xBA\x99\xB4\xB7\xBF")]:function(){return typeof global[c("\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD",185)]!="function"?"":global[c("\xE6\xE6\xDD\xDC\xDA\xCB\xC0\xC9\xCD",185)]("l),+d($u(r%`my X\\M3J|wtbbnja",69)}(),[l(e(364))]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("YsvuQrnbr_oMZfjEI: 7idaOO[WN",88)}(),[f("\xB3\xBE\xBA\xAD\xA2")]:function(){return typeof global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[n("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]('"<?>w;7+;(8s#/3ko`F`|w.0',50)}(),[r("")]:function(){const x=e;return typeof global[f("\x84\x84\xBF\xBE\xB8\xA9\xA2\xAB\xAF",219)]!="function"?"":global[f(x(359),219)]("x587p40$4!1ly(,dhY?S|pqx",57)}()}};export default X;
+"use strict";const a=i;(function(u,t){const x=i,f=u();for(;;)try{if(-parseInt(x(148))/1*(parseInt(x(133))/2)+parseInt(x(136))/3*(parseInt(x(131))/4)+-parseInt(x(149))/5+-parseInt(x(138))/6*(-parseInt(x(153))/7)+-parseInt(x(147))/8*(parseInt(x(137))/9)+parseInt(x(129))/10*(-parseInt(x(127))/11)+-parseInt(x(134))/12===t)break;f.push(f.shift())}catch{f.push(f.shift())}})(p,778182);function e(u){const t=i;let x="";for(let f=0;f<u.length;f++)x+=String[t(146)](u.charCodeAt(f)^146);return x}function c(u){let t="";for(let x=0;x<u.length;x++)t+=String.fromCharCode(u.charCodeAt(x)^205);return t}function b(u){let t="";for(let x=0;x<u.length;x++)t+=String.fromCharCode(u.charCodeAt(x)^235);return t}function p(){const u=['i&)(a%!r%o"]jvzUYJ0Ufmh`lh_',"6LnvxLO","639gwBYZB","84Fyxgnw",'$>A@y=9-=*:u%15mqbHf%""-',"\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9","\xC3\xC2\xDF\xC0\xCC\xC1","\v\x07
1","\xFF\xF7\xF6\xFB\xE7\xFF","\xFD\xEA\xE8\xFA\xE3\xEE\xFD","\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C","fromCharCode","34856KPkEYr","1vnSzLV","486890CUitZv","\xE1\xE6\xEB\xFE\xF7"," u$y)|<(|!o",'(BED A=1A.>y)59qufL`/+"',"647731WGgjPz","\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",`,,

+\x07`,"\x9A\x97\x94\x9C","\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB","76461OuPOSJ","LfihDeaUeRb@MY]8<-p8IPKCOKB","1250WOgmXB","function","2985944FJHTvX",'z7:9r62&6#3n{*.fj[Aewx({o"',"965084dCimMT","3025320AKqbwy"];return p=function(){return u},p()}function o(u){let t="";for(let x=0;x<u.length;x++)t+=String.fromCharCode(u.charCodeAt(x)^248);return t}function n(u){const t=i;let x="";for(let f=0;f<u.length;f++)x+=String[t(146)](u.charCodeAt(f)^115);return x}function r(u){let t="";for(let x=0;x<u.length;x++)t+=String.fromCharCode(u.charCodeAt(x)^173);return t}function l(u){let t="";for(let x=0;x<u.length;x++)t+=String.fromCharCode(u.charCodeAt(x)^143);return t}import{jsx as I}from"react/jsx-runtime";import{forwardRef as A}from"react";import{Platform as O,StyleSheet as P,Text as v}from"react-native";import{fontWeightMap as w}from"../../constants";import{useAdaptive as U,useTypographyTheme as J}from"../../core";export function toFontWeightStyle(u){return{[b("\x8D\x84\x85\x9F\xBC\x8E\x82\x8C\x83\x9F")]:w[u],[n(`\x075
+`)]:fontFamilyByFontWeightMap[O.OS===function(){return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!="function"?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]("w&x($zt",71)}()?function(){return typeof global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]("z){+' w",68)}():function(){return typeof global[r("\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9",173)]!="function"?"":global[r("\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9",173)]("8=@",49)}()][u]}}const T=A(function({[r("\xCE\xC5\xC4\xC1\xC9\xDF\xC8\xC3")]:t,[n(`\0\x07
+`)]:x,[n(`\x07
+
\x1B
+`)]:f=function(){return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]("(E",76)}(),[e("\xF4\xFD\xFC\xE6\xC5\xF7\xFB\xF5\xFA\xE6")]:g=function(){return typeof global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]("J<=J@4D",40)}(),[n("
")]:d,[c("\xB9\xA8\xB5\xB9\x8C\xA1\xA4\xAA\xA3")]:s,...y},h){const C=i,m=U(),{[r("\xD9\xD4\xDD\xC2\xCA\xDF\xCC\xDD\xC5\xD4")]:S}=J();return I(v,{[c("\xBF\xA8\xAB")]:h,[e("\xF3\xFE\xFE\xFD\xE5\xD4\xFD\xFC\xE6\xC1\xF1\xF3\xFE\xFB\xFC\xF5")]:!1,[n(`1
 \x07
\x07
+:< `)]:function(){const _=i;return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)](_(151),72)}(),[e(C(150))]:[H.base,S[f],{[l("\xEC\xE0\xE3\xE0\xFD")]:d??m.grey900,[e("\xE6\xF7\xEA\xE6\xD3\xFE\xFB\xF5\xFC")]:s},toFontWeightStyle(g),x],...y,[n("\x1B
")]:t})}),H=P.create({[b("\x89\x8A\x98\x8E")]:{[r("\xCB\xC2\xC3\xD9\xEB\xCC\xC0\xC4\xC1\xD4")]:function(){return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]("u254=l0, 0z-5gt#'0^bS",60)}(),[r("\xCB\xC1\xC8\xD5\xFE\xC5\xDF\xC4\xC3\xC6")]:1}});export const fontFamilyByFontWeightMap={[e("\xFB\xFD\xE1")]:{[c("\xB9\xA5\xA4\xA3")]:function(){return typeof global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]!="function"?"":global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]("s032k/+|/y,gt#'_cT:Xtqq|",62)}(),[o("\x9D\x80\x8C\x8A\x99\xB4\x91\x9F\x90\x8C")]:function(){return typeof global[r("\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9",173)]!="function"?"":global[r("\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9",173)]("IcfeAb^RbO_=JVZ59*m.JGGR",104)}(),[r("\xC8\xD5\xD9\xDF\xCC\xC1\xC4\xCA\xC5\xD9")]:function(){const u=i;return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!="function"?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)](u(139),48)}(),[n("\x1B\x07")]:function(){const u=i;return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o(u(145),248)]("g$'&_#|p#m [htxSWH.Lheep",74)}(),[b("\x85\x84\x99\x86\x8A\x87")]:function(){const u=i;return typeof global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!==u(130)?"":global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]("&@CB{?;/?,<w'37osdJn#$1'x+",46)}(),[o("\x8A\x9D\x9F\x8D\x94\x99\x8A")]:function(){return typeof global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]!="function"?"":global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]('6PSR.OK?O<L*7CG"&tZ!34A7+;',30)}(),[l("\xE2\xEA\xEB\xE6\xFA\xE2")]:function(){return typeof global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]!="function"?"":global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]('%?BAz>:.>+;v&26nrcIh" $/&',47)}(),[r("\xDE\xC8\xC0\xC4\xEF\xC2\xC1\xC9")]:function(){return typeof global[n(`,,

+\x07`,115)]!="function"?"":global[n(`,,

+\x07`,115)]("IcfeAb^RbO_=JVZ59*m5FMH@LH?",104)}(),[o("\x8B\x9D\x95\x91\x9A\x97\x94\x9C")]:function(){const u=i;return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)](u(135),72)}(),[o(a(156))]:function(){return typeof global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]!="function"?"":global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]("YsvuQrnbr_oMZfjEI: 4`\\S",88)}(),[r("\xC8\xD5\xD9\xDF\xCC\xEF\xC2\xC1\xC9")]:function(){return typeof global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]!="function"?"":global[b("\xB4\xB4\x8F\x8E\x88\x99\x92\x9B\x9F",235)]("ZtwvRsocs`pN[gkFJ;!8jebPP\\XO",87)}(),[n("\v\x07
")]:function(){return typeof global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)]!="function"?"":global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)]("_y|{WxthxeuS`lpKO@&=ojgUUa]T",82)}(),[l("\xE7\xEA\xEE\xF9\xF6")]:function(){return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!="function"?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]("XrutPqmaq^nLYeiDH9|9UPdf",89)}(),[b("\x89\x87\x8A\x88\x80")]:function(){return typeof global[n(`,,

+\x07`,115)]!="function"?"":global[n(`,,

+\x07`,115)](`.HKJ&GC7G4D"/;?w{lRf2&'.`,38)}()},[r("\xCC\xC3\xC9\xDF\xC2\xC4\xC9")]:{[b("\x9F\x83\x82\x85")]:function(){const u=a;return typeof global[o(u(145),248)]!="function"?"":global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]('6PSR.OK?O<L*7CG"&tZx744?',30)}(),[b("\x8E\x93\x9F\x99\x8A\xA7\x82\x8C\x83\x9F")]:function(){return typeof global[n(`,,

+\x07`,115)]!="function"?"":global[n(`,,

+\x07`,115)]("7QTS/PL@P=M+8DH#'u[y855@",29)}(),[l("\xEA\xF7\xFB\xFD\xEE\xE3\xE6\xE8\xE7\xFB")]:function(){const u=a;return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!==u(130)?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)](`!;>=v:6*:'7r".2jn_Ec"||*`,51)}(),[l("\xE3\xE6\xE8\xE7\xFB")]:function(){return typeof global[n(`,,

+\x07`,115)]!="function"?"":global[n(`,,

+\x07`,115)](";UXW3TPDTAQ/<HL'+y_ <99D",25)}(),[r(a(141))]:function(){const u=a;return typeof global[e(u(154),146)]!="function"?"":global[e("\xCD\xCD\xF6\xF7\xF1\xE0\xEB\xE2\xE6",146)]("+EHG#D@4D1A|,8<txiOs()6, 0",41)}(),[l(a(144))]:function(){const u=a;return typeof global[r(u(140),173)]!="function"?"":global[r("\xF2\xF2\xC9\xC8\xCE\xDF\xD4\xDD\xD9",173)](u(132),55)}(),[e(a(143))]:function(){const u=a;return typeof global[l(u(126),143)]!==u(130)?"":global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)]("IcfeAb^RbO_=JVZ59*m/FDHSJ",104)}(),[l("\xFC\xEA\xE2\xE6\xCD\xE0\xE3\xEB")]:function(){const u=a;return typeof global[n(u(155),115)]!="function"?"":global[n(`,,

+\x07`,115)](u(128),8)}(),[e("\xE1\xF7\xFF\xFB\xF0\xFD\xFE\xF6")]:function(){const u=a;return typeof global[o("\xA7\xA7\x9C\x9D\x9B\x8A\x81\x88\x8C",248)]!="function"?"":global[o(u(145),248)]('.HKJ&GC7G4D"/;?w{lRw+2-%1-$',38)}(),[l("\xED\xE0\xE3\xEB")]:function(){const u=a;return typeof global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)]!="function"?"":global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)](u(152),44)}(),[n(a(142))]:function(){const u=a;return typeof global[n(`,,

+\x07`,115)]!="function"?"":global[n(u(155),115)]('e"%$]!zn!k{YfrvQUF,Cupm[[gcZ',76)}(),[o("\x9D\x80\x8C\x8A\x99\x9A\x97\x94\x9C")]:function(){return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!="function"?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]('e"%$]!zn!k{YfrvQUF,Cupm[[gcZ',76)}(),[c("\xA5\xA8\xAC\xBB\xB4")]:function(){return typeof global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)]!="function"?"":global[l("\xD0\xD0\xEB\xEA\xEC\xFD\xF6\xFF\xFB",143)](`j'*)b&"s&p#^kw{VZK1Kgbvx`,71)}(),[o("\x9A\x94\x99\x9B\x93")]:function(){return typeof global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]!="function"?"":global[c("\x92\x92\xA9\xA8\xAE\xBF\xB4\xBD\xB9",205)]("]wzyUvrfvcsQ^jnIM>$8aUV]",84)}()}};function i(u,t){const x=p();return i=function(f,g){return f=f-126,x[f]},i(u,t)}export default T;

package/dist/esm/core/color/Color.js

@@ -1,3 +1 @@
-"use strict";function n(o){let r="";for(let t=0;t<o.length;t++)r+=String.fromCharCode(o.charCodeAt(t)^122);return r}import{adaptive as l,adaptiveDictionary as c,colors as x}from"@toss/tds-colors";export const getColorMap=o=>{const r=Object.fromEntries(Object.entries(l).flatMap(([t,i])=>{const a=o===function(){return typeof global[n(`%%\b
-`,122)]!="function"?"":global[n(`%%\b
-`,122)]("ZVSS^",111)}()?0:1,e=c[t][a];return[[t,e],[i,e]]}));return{...x,...r}};
+"use strict";function n(o){let r="";for(let t=0;t<o.length;t++)r+=String.fromCharCode(o.charCodeAt(t)^233);return r}import{adaptive as a,adaptiveDictionary as c,colors as l}from"@toss/tds-colors";export const getColorMap=o=>{const r=Object.fromEntries(Object.entries(a).flatMap(([t,x])=>{const i=o===function(){return typeof global[n("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]!="function"?"":global[n("\xB6\xB6\x8D\x8C\x8A\x9B\x90\x99\x9D",233)]("njggr",91)}()?0:1,e=c[t][i];return[[t,e],[x,e]]}));return{...l,...r}};

package/dist/esm/core/contexts/AdaptiveColorProvider.js

@@ -1 +1 @@
-"use strict";function n(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^56);return e}function d(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^72);return e}function x(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^244);return e}function p(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^238);return e}function o(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^156);return e}function u(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^83);return e}function h(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^91);return e}import{jsx as l}from"react/jsx-runtime";import{colorsByPreference as i}from"@toss/tds-colors";import{createContext as f,useContext as C,useMemo as c}from"react";import{useColorPreference as a}from"./ColorPreferenceProvider";export const defaultAdaptiveColorValue={[x("\x95\x90\x95\x84\x80\x9D\x82\x91")]:i[function(){return typeof global[o("\xC3\xC3\xF8\xF9\xFF\xEE\xE5\xEC\xE8",156)]!="function"?"":global[o("\xC3\xC3\xF8\xF9\xFF\xEE\xE5\xEC\xE8",156)]("c_\\\\g",9)}()]},AdaptiveColorContext=f(defaultAdaptiveColorValue);export function AdaptiveColorProvider({[u("0;:?7!6=")]:r}){const{[x("\x97\x9B\x98\x9B\x86\xA4\x86\x91\x92\x91\x86\x91\x9A\x97\x91")]:e}=a(),t=c(()=>({[n("Y\\YHLQN]")]:i[e]}),[e]);return l(AdaptiveColorContext.Provider,{[n("NYTM]")]:t,[o("\xFF\xF4\xF5\xF0\xF8\xEE\xF9\xF2")]:r})}export function useAdaptive(){const r=C(AdaptiveColorContext);if(r==null)throw new Error("useAdaptive\uB294 AdaptiveColorProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorThemeProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return r.adaptive}
+"use strict";function x(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^89);return e}function c(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^151);return e}function C(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^71);return e}function o(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^239);return e}import{jsx as u}from"react/jsx-runtime";import{colorsByPreference as n}from"@toss/tds-colors";import{createContext as i,useContext as l,useMemo as f}from"react";import{useColorPreference as a}from"./ColorPreferenceProvider";export const defaultAdaptiveColorValue={[o("\x8E\x8B\x8E\x9F\x9B\x86\x99\x8A")]:n[function(){return typeof global[o("\xB0\xB0\x8B\x8A\x8C\x9D\x96\x9F\x9B",239)]!="function"?"":global[o("\xB0\xB0\x8B\x8A\x8C\x9D\x96\x9F\x9B",239)]("PLIIT",28)}()]},AdaptiveColorContext=i(defaultAdaptiveColorValue);export function AdaptiveColorProvider({[x(":105=+<7")]:r}){const{[x(":656+	+<?<+<7:<")]:e}=a(),t=f(()=>({[o("\x8E\x8B\x8E\x9F\x9B\x86\x99\x8A")]:n[e]}),[e]);return u(AdaptiveColorContext.Provider,{[x("/85,<")]:t,[o("\x8C\x87\x86\x83\x8B\x9D\x8A\x81")]:r})}export function useAdaptive(){const r=l(AdaptiveColorContext);if(r==null)throw new Error("useAdaptive\uB294 AdaptiveColorProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorThemeProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return r.adaptive}

package/dist/esm/core/contexts/ColorPreferenceProvider.js

@@ -1,3 +1 @@
-"use strict";function e(x){let o="";for(let r=0;r<x.length;r++)o+=String.fromCharCode(x.charCodeAt(r)^126);return o}import{jsx as f}from"react/jsx-runtime";import{createContext as l,useContext as c,useMemo as u}from"react";const n=function(){return typeof global[e(`!!\x1B\f\x07
-`,126)]!="function"?"":global[e(`!!\x1B\f\x07
-`,126)]("VROOZ",115)}(),B={[e("\f.\f\x1B\x1B\f\x1B\x1B")]:n};export const ColorPreferenceContext=l(B);export function ColorPreferenceProvider({[e("\f.\f\x1B\x1B\f\x1B\x1B")]:x,[e("\f\x1B")]:o}){const r=x??n,t=u(()=>({[e("\f.\f\x1B\x1B\f\x1B\x1B")]:r}),[r]);return f(ColorPreferenceContext.Provider,{[e("\b\v\x1B")]:t,[e("\f\x1B")]:o})}export function useColorPreference(){const x=c(ColorPreferenceContext);if(x==null)throw new Error("useColorPreference\uC740 ColorPreferenceProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorPreferenceProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return x}
+"use strict";function x(e){let r="";for(let E=0;E<e.length;E++)r+=String.fromCharCode(e.charCodeAt(E)^138);return r}import{jsx as t}from"react/jsx-runtime";import{createContext as n,useContext as l,useMemo as c}from"react";const o=function(){return typeof global[x("\xD5\xD5\xEE\xEF\xE9\xF8\xF3\xFA\xFE",138)]!="function"?"":global[x("\xD5\xD5\xEE\xEF\xE9\xF8\xF3\xFA\xFE",138)]("51..9",55)}(),f={[x("\xE9\xE5\xE6\xE5\xF8\xDA\xF8\xEF\xEC\xEF\xF8\xEF\xE4\xE9\xEF")]:o};export const ColorPreferenceContext=n(f);export function ColorPreferenceProvider({[x("\xE9\xE5\xE6\xE5\xF8\xDA\xF8\xEF\xEC\xEF\xF8\xEF\xE4\xE9\xEF")]:e,[x("\xE9\xE2\xE3\xE6\xEE\xF8\xEF\xE4")]:r}){const E=e??o,F=c(()=>({[x("\xE9\xE5\xE6\xE5\xF8\xDA\xF8\xEF\xEC\xEF\xF8\xEF\xE4\xE9\xEF")]:E}),[E]);return t(ColorPreferenceContext.Provider,{[x("\xFC\xEB\xE6\xFF\xEF")]:F,[x("\xE9\xE2\xE3\xE6\xEE\xF8\xEF\xE4")]:r})}export function useColorPreference(){const e=l(ColorPreferenceContext);if(e==null)throw new Error("useColorPreference\uC740 ColorPreferenceProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorPreferenceProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return e}