@toss/tds-react-native 1.3.8 → 2.0.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
+## 2.0.0
+
+RN0.84와 React19버전을 적용합니다.
+
 ## 1.2.2
 
+## 1.3.9
+
 ### Top
 
 Top 컴포넌트의 여백 처리를 스펙에 맞게 재조정합니다.

package/dist/cjs/components/agreement/Collapsible/AgreementCollapsibleTrigger.d.ts

@@ -1,4 +1,11 @@
 import type { ReactElement } from 'react';
-export declare function AgreementCollapsibleTrigger({ children }: {
-    children: ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+import type { PressableProps } from 'react-native';
+interface TriggerProps {
+    onActionPress?: PressableProps['onPress'];
+    onPress?: PressableProps['onPress'];
+}
+interface AgreementCollapsibleTriggerProps {
+    children: ReactElement<TriggerProps>;
+}
+export declare function AgreementCollapsibleTrigger({ children }: AgreementCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/agreement/Collapsible/CollapsibleTrigger.d.ts

@@ -1,4 +1,10 @@
-import type { PropsWithChildren } from 'react';
-export declare function CollapsibleTrigger<T>({ children, overrideProps }: PropsWithChildren<{
+import type { ReactElement } from 'react';
+import type { PressableProps } from 'react-native';
+interface CollapsibleTriggerProps<T> {
+    children: ReactElement<{
+        onPress?: PressableProps['onPress'];
+    }>;
     overrideProps: T;
-}>): import("react/jsx-runtime").JSX.Element;
+}
+export declare function CollapsibleTrigger<T>({ children, overrideProps }: CollapsibleTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/dropdown/components/FixedFloatingDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs");function FixedFloatingDropdown({children:s,onOpen:f,onClose:n,open:o,dropdown:c,containerStyle:r}){const{placement:g}=(0,DropdownContext_1.useDropdown)(),i=(0,react_1.useRef)(null),d=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),x=s.ref,R=(0,react_1.cloneElement)(s,{...s.props,ref:x!=null?(0,mergeRefs_1.mergeRefs)(x,i):i,onPress:()=>{o?n?.():f?.(),s.props?.onPress?.()}}),m=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const t=a=>{const e=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((v,y,p,w,E,_)=>{e>=E&&e<=E+p&&u>=_&&u<=_+w||n?.()})};return m.addEventListener("touchEnd",t),()=>{m.removeEventListener("touchEnd",t)}},[l,m,n,i]);const h=(0,core_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!o){h.close();return}i.current==null||d.current==null||i.current.measure((...t)=>{d.current?.measure((...a)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};h.open(({isOpen:u,exit:v,close:y})=>{const p=g==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(a[e.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{y(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{onExitEnd:v,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:g,children:c}):void 0})})})})})},[o]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[R,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:f,children:n,placement:o},c){const r=o==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(rally_1.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},f],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},children:n})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs");function FixedFloatingDropdown({children:i,onOpen:f,onClose:n,open:s,dropdown:c,containerStyle:r}){const{placement:g}=(0,DropdownContext_1.useDropdown)(),o=(0,react_1.useRef)(null),d=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),h=i.ref,x=i.props,w=(0,react_1.cloneElement)(i,{...x,ref:h!=null?(0,mergeRefs_1.mergeRefs)(h,o):o,onPress:e=>{s?n?.():f?.(),x?.onPress?.(e)}}),m=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const e=a=>{const t=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((y,E,p,b,_,R)=>{t>=_&&t<=_+p&&u>=R&&u<=R+b||n?.()})};return m.addEventListener("touchEnd",e),()=>{m.removeEventListener("touchEnd",e)}},[l,m,n,o]);const v=(0,core_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!s){v.close();return}o.current==null||d.current==null||o.current.measure((...e)=>{d.current?.measure((...a)=>{const t={x:0,y:1,width:2,height:3,pageX:4,pageY:5};v.open(({isOpen:u,exit:y,close:E})=>{const p=g==="bottom-start"?{top:(e[t.pageY]??0)+(e[t.height]??0),left:e[t.pageX]}:{top:(e[t.pageY]??0)+(e[t.height]??0),left:(e[t.pageX]??0)+(e[t.width]??0)-(a[t.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{E(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{onExitEnd:y,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:g,children:c}):void 0})})})})})},[s]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[w,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:f,children:n,placement:s},c){const r=s==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(rally_1.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},f],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},children:n})});

package/dist/cjs/components/dropdown/components/Trigger.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs"),FixedFloatingDropdown_1=require("./FixedFloatingDropdown");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:r="absolute",...n}){const o=r==="fixed"?FixedFloatingDropdown_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(o,{...n,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:r,open:n,dropdown:o,containerStyle:l}){const{targetRef:i,dropdownBaseRef:a}=(0,DropdownContext_1.useDropdown)(),u=e.ref,d=(0,react_1.cloneElement)(e,{...e.props,ref:u!=null?(0,mergeRefs_1.mergeRefs)(u,i):i,onPress:()=>{n?r?.():t?.(),e.props?.onPress?.()}}),s=(0,core_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const f=(c,g)=>{a?.current==null||c.target==null||!g&&!isInsideComponent(c.target,a.current)&&!isInsideComponent(c.target,i?.current)&&r?.()};return s.addEventListener("touchEnd",f),()=>{s.removeEventListener("touchEnd",f)}},[a,s,r,i]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_1.MENU_Z_INDEX},l],children:[d,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:n?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:o}):void 0})]})}function FloatingOverlay({style:e,children:t,...r}){const{targetRef:n,dropdownBaseRef:o,placement:l}=(0,DropdownContext_1.useDropdown)(),[i,a]=(0,react_1.useState)(null),[u,d]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{n?.current!=null&&o?.current!=null&&n.current.measureInWindow((f,c,g,p)=>{o?.current?.measureInWindow((x,h,m,_)=>{a({width:g,height:p}),d({width:m,height:_})})})},[o,n]),u==null||i==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const s=l==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(rally_1.Rally,{style:[{zIndex:9e3,position:"absolute",top:i.height},l==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},...r,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:r,...n}){const[o,l]=(0,react_1.useState)(e),i=(0,react_1.useCallback)(()=>{t?.(),l(!0)},[t]),a=(0,react_1.useCallback)(()=>{r?.(),l(!1)},[r]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:o,onOpen:i,onClose:a,...n})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_1.MENU_Z_INDEX;const isInsideComponent=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let r=0;r<=t._children.length-1;r++)if(isInsideComponent(e,t._children[r]))return!0}return!1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),compat_1=require("../../../utils/compat"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs"),FixedFloatingDropdown_1=require("./FixedFloatingDropdown"),a11y_1=require("../../../utils/a11y");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:r="absolute",...n}){const s=r==="fixed"?FixedFloatingDropdown_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(s,{...n,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:r,open:n,dropdown:s,containerStyle:a}){const{targetRef:o,dropdownBaseRef:i}=(0,DropdownContext_1.useDropdown)(),u=e.ref,p=e.props,c=(0,react_1.cloneElement)(e,{...(0,a11y_1.generateA11yRestProps)(e.props,{role:"button",expanded:n}),ref:u!=null?(0,mergeRefs_1.mergeRefs)(u,o):o,onPress:()=>{n?r?.():t?.(),p?.onPress?.()}}),d=(0,core_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const h=async(l,g)=>{if(i?.current==null||l.target==null)return;const _=o?.current?.contains(l.target),x=i.current.contains(l.target);!g&&!_&&!x&&r?.()},m=(l,g)=>{i?.current==null||l.target==null||!g&&!isInsideComponentLegacy(l.target,i.current)&&!isInsideComponentLegacy(l.target,o?.current)&&r?.()},f=(0,compat_1.selectByRNVersion)({"0.84":h,"0.72":m});return d.addEventListener("touchEnd",f),()=>{d.removeEventListener("touchEnd",f)}},[i,d,r,o]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_1.MENU_Z_INDEX},a],children:[c,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:n?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:s}):void 0})]})}function FloatingOverlay({style:e,children:t,...r}){const{targetRef:n,dropdownBaseRef:s,placement:a}=(0,DropdownContext_1.useDropdown)(),[o,i]=(0,react_1.useState)(null),[u,p]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{n?.current!=null&&s?.current!=null&&n.current.measureInWindow((d,h,m,f)=>{s?.current?.measureInWindow((l,g,_,x)=>{i({width:m,height:f}),p({width:_,height:x})})})},[s,n]),u==null||o==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const c=a==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(rally_1.Rally,{style:[{zIndex:9e3,position:"absolute",top:o.height},a==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:c,to:c},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:c,to:c},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},...r,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:r,...n}){const[s,a]=(0,react_1.useState)(e),o=(0,react_1.useCallback)(()=>{t?.(),a(!0)},[t]),i=(0,react_1.useCallback)(()=>{r?.(),a(!1)},[r]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:s,onOpen:o,onClose:i,...n})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_1.MENU_Z_INDEX;const isInsideComponentLegacy=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let r=0;r<=t._children.length-1;r++)if(isInsideComponentLegacy(e,t._children[r]))return!0}return!1};

package/dist/cjs/components/dropdown/contexts/DropdownContext.d.ts

@@ -8,8 +8,8 @@ interface DropdownProviderProps {
     onPressOutside?: () => void;
 }
 interface State {
-    dropdownBaseRef: RefObject<View> | null;
-    targetRef: RefObject<View> | null;
+    dropdownBaseRef: RefObject<View | null> | null;
+    targetRef: RefObject<View | null> | null;
     placement: Placement;
 }
 export declare const DropdownContext: import("react").Context<State | null>;

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

@@ -1,4 +1,4 @@
-import type { ReactElement, RefCallback, RefObject } from 'react';
+import type { ReactElement, RefObject, RefCallback } from 'react';
 export type ReactElementWithRef = ReactElement & {
     ref?: RefObject<any> | RefCallback<any>;
 };

package/dist/cjs/components/highlight/hooks/useTimestampRef.d.ts

@@ -5,4 +5,4 @@
  */
 export declare function useTimestampRef({ active }: {
     active: boolean;
-}): import("react").MutableRefObject<number>;
+}): import("react").RefObject<number>;

package/dist/cjs/components/icon-button/IconButton.d.ts

@@ -17,5 +17,5 @@ interface IconButtonBaseProps extends PressableProps {
     style?: StyleProp<ViewStyle>;
 }
 export type IconButtonProps = IconButtonBaseProps & Asset;
-export declare const IconButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<View>>>;
+export declare const IconButton: import("react").NamedExoticComponent<IconButtonProps & import("react").RefAttributes<View>>;
 export {};

package/dist/cjs/components/keypad/FullSecureKeypad/SecureKeyButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native"),BackspaceIcon_1=require("./BackspaceIcon"),keys_1=require("./keys"),utils_1=require("../../../utils");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:n}){const{screenReaderEnabled:c}=(0,utils_1.useAccessibilityInfo)(),s=e===keys_1.SPECIAL_KEY.backspace,i=s?2:1,o=()=>{n(String(e))},a=()=>{c&&n(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:s?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{background:"none",border:0,padding:0,outline:"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native"),BackspaceIcon_1=require("./BackspaceIcon"),keys_1=require("./keys"),utils_1=require("../../../utils");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:s}){const{screenReaderEnabled:c}=(0,utils_1.useAccessibilityInfo)(),n=e===keys_1.SPECIAL_KEY.backspace,i=n?2:1,o=()=>{s(String(e))},a=()=>{c&&s(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{padding:0,outlineWidth:0,flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});

package/dist/cjs/components/keypad/FullSecureKeypad/index.d.ts

@@ -28,4 +28,4 @@ export type FullSecureKeypadRef = {
     reorderEmptyCells: () => void;
     element: View | null;
 };
-export declare const FullSecureKeypad: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<FullSecureKeypadProps & import("react").RefAttributes<FullSecureKeypadRef>>>;
+export declare const FullSecureKeypad: import("react").NamedExoticComponent<FullSecureKeypadProps & import("react").RefAttributes<FullSecureKeypadRef>>;

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderLeft.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { JSX, PropsWithChildren } from 'react';
 type HeaderLeftProps = PropsWithChildren<{
     /**
      * @description

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderRight.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { JSX, PropsWithChildren } from 'react';
 type HeaderRightProps = PropsWithChildren<{}>;
 declare function HeaderRight(props: HeaderRightProps): JSX.Element;
 export { HeaderRight };

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderTitle.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { JSX, PropsWithChildren } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 type HeaderTitleProps = PropsWithChildren<{
     withHeaderLeft: boolean;

package/dist/cjs/components/navbar/ReactNavigationHelper/Right.d.ts

@@ -1,8 +1,11 @@
+import { Icon } from '../../icon';
 import type { TxtProps } from '../../txt';
+import type { ComponentProps } from 'react';
 import type { AccessibilityProps, TouchableOpacityProps } from 'react-native';
-import { TouchableOpacity } from 'react-native';
+type IconProps = ComponentProps<typeof Icon>;
 type CommonRightProps = TouchableOpacityProps;
-declare const RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon").IconProps & import("react").RefAttributes<import("react-native").View>, "type" | "name"> & AccessibilityProps & TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>>;
+type RightIconButtonProps = Pick<IconProps, 'name' | 'type'> & AccessibilityProps & TouchableOpacityProps;
+declare function RightIconButton({ name, type, ...restProps }: RightIconButtonProps): import("react/jsx-runtime").JSX.Element;
 declare function RightTextButton({ children, ...props }: {
     children: TxtProps['children'];
 } & CommonRightProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightIconButton=void 0,exports.RightTextButton=RightTextButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),icon_1=require("../../icon"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants"),a11y_1=require("../../../utils/a11y"),RightIconButton=(0,react_1.forwardRef)(function({name:e,type:o,...t},n){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{ref:n,style:styles.common,hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(t,{role:"button"}),children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:i.grey400,size:24,name:e,type:o})})});exports.RightIconButton=RightIconButton;function RightTextButton({children:r,...e}){const o=(0,core_1.useAdaptive)(),{typography:t}=(0,core_1.useTypographyTheme)(),n=(0,react_1.useMemo)(()=>({fontSize:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].fontSize,constants_1.MAX_FONT_SIZE),lineHeight:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].lineHeight,constants_1.MAX_LINE_HEIGHT)}),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:[styles.common,styles.textButton],hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(e,{role:"button"}),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TEXT_BUTTON_TYPOGRAPHY,color:o.grey800,fontWeight:"semiBold",style:n,children:r})})}const TEXT_BUTTON_TYPOGRAPHY="st10",styles=react_native_1.StyleSheet.create({common:{marginLeft:24},textButton:{marginRight:-4}}),HIT_SLOP={left:8,right:8};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightIconButton=RightIconButton,exports.RightTextButton=RightTextButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),icon_1=require("../../icon"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants"),a11y_1=require("../../../utils/a11y");function RightIconButton({name:e,type:o,...n}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:styles.common,hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(n,{role:"button"}),children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:t.grey400,size:24,name:e,type:o})})}function RightTextButton({children:e,...o}){const n=(0,core_1.useAdaptive)(),{typography:t}=(0,core_1.useTypographyTheme)(),r=(0,react_1.useMemo)(()=>({fontSize:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].fontSize,constants_1.MAX_FONT_SIZE),lineHeight:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].lineHeight,constants_1.MAX_LINE_HEIGHT)}),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:[styles.common,styles.textButton],hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(o,{role:"button"}),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TEXT_BUTTON_TYPOGRAPHY,color:n.grey800,fontWeight:"semiBold",style:r,children:e})})}const TEXT_BUTTON_TYPOGRAPHY="st10",styles=react_native_1.StyleSheet.create({common:{marginLeft:24},textButton:{marginRight:-4}}),HIT_SLOP={left:8,right:8};

package/dist/cjs/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/cjs/components/numeric-spinner/useAccelerateInterval.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAccelerateInterval=useAccelerateInterval;const react_1=require("react");function useAccelerateInterval(c,u){const e=(0,react_1.useRef)(),r=(0,react_1.useRef)(),n=(0,react_1.useRef)(0);(0,react_1.useEffect)(()=>{r.current=c},[c]),(0,react_1.useEffect)(()=>()=>{e.current&&clearTimeout(e.current)},[]);const t=(0,react_1.useCallback)(({startMs:a,interval:s,minMs:l}=u)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.current&&(r.current(),n.current+=1),t({startMs:a*s,interval:s,minMs:l})},Math.max(a,l))},[u]),o=(0,react_1.useCallback)(()=>{n.current=0,e.current||t()},[t]),f=(0,react_1.useCallback)(()=>{e.current&&(clearInterval(e.current),e.current=void 0)},[]);return{startInterval:o,stopInterval:f}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAccelerateInterval=useAccelerateInterval;const react_1=require("react");function useAccelerateInterval(c,u){const e=(0,react_1.useRef)(null),r=(0,react_1.useRef)(null),n=(0,react_1.useRef)(0);(0,react_1.useEffect)(()=>{r.current=c},[c]),(0,react_1.useEffect)(()=>()=>{e.current&&clearTimeout(e.current)},[]);const t=(0,react_1.useCallback)(({startMs:l,interval:a,minMs:s}=u)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{r.current&&(r.current(),n.current+=1),t({startMs:l*a,interval:a,minMs:s})},Math.max(l,s))},[u]),o=(0,react_1.useCallback)(()=>{n.current=0,e.current||t()},[t]),f=(0,react_1.useCallback)(()=>{e.current&&(clearInterval(e.current),e.current=null)},[]);return{startInterval:o,stopInterval:f}}

package/dist/cjs/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/cjs/components/post/List/PostList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostList=PostList;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),prevent_font_scaling_1=require("../../../extensions/prevent-font-scaling"),constants_1=require("../constants"),PostListProvider_1=require("./PostListProvider"),DEFAULT_GAP=8;function PostList({listType:r,typography:n="t5",paddingBottom:t=paddingByListType[r].bottom,style:e,children:o}){return(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:160,children:(0,jsx_runtime_1.jsx)(PostListProvider_1.PostListProvider,{listType:r,typography:n,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingTop:paddingByListType[r].top,paddingRight:paddingByListType[r].right,paddingBottom:t,paddingLeft:paddingByListType[r].left},e],children:r==="ol"?(0,jsx_runtime_1.jsx)(PostOLListRenderer,{children:o}):(0,jsx_runtime_1.jsx)(PostULListRenderer,{children:o})})})})}function PostOLListRenderer({children:r}){let n=0,t=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(e=>{const o=e.type?.displayName,s=t===0?0:DEFAULT_GAP;return o===constants_1.POST_LI?(n=n+1,t++,(0,react_1.cloneElement)(e,{order:n,...e.props,style:{marginTop:s,...e.props.style}})):o===constants_1.POST_OL?(0,react_1.cloneElement)(e,{...e.props,paddingBottom:e.props?.paddingBottom??0,style:{marginTop:s,...e.props.style}}):e})})}function PostULListRenderer({children:r}){let n=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(t=>{const e=t.type?.displayName,o=n===0?0:DEFAULT_GAP;return e===constants_1.POST_UL?(n++,(0,react_1.cloneElement)(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:o,...t.props.style}})):e===constants_1.POST_LI?(n++,(0,react_1.cloneElement)(t,{...t.props,style:{marginTop:o,...t.props.style}})):t})})}const paddingByListType={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostList=PostList;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),prevent_font_scaling_1=require("../../../extensions/prevent-font-scaling"),constants_1=require("../constants"),PostListProvider_1=require("./PostListProvider"),DEFAULT_GAP=8;function PostList({listType:n,typography:r="t5",paddingBottom:e=paddingByListType[n].bottom,style:t,children:s}){return(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:160,children:(0,jsx_runtime_1.jsx)(PostListProvider_1.PostListProvider,{listType:n,typography:r,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingTop:paddingByListType[n].top,paddingRight:paddingByListType[n].right,paddingBottom:e,paddingLeft:paddingByListType[n].left},t],children:n==="ol"?(0,jsx_runtime_1.jsx)(PostOLListRenderer,{children:s}):(0,jsx_runtime_1.jsx)(PostULListRenderer,{children:s})})})})}function PostOLListRenderer({children:n}){let r=0,e=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(n).filter(react_1.isValidElement).map(t=>{const s=t.type?.displayName,o=e===0?0:DEFAULT_GAP;if(s===constants_1.POST_LI)return r=r+1,e++,(0,react_1.cloneElement)(t,{order:r,...t.props,style:{marginTop:o,...t.props.style}});if(s===constants_1.POST_OL){const i=t.props;return(0,react_1.cloneElement)(t,{...i,paddingBottom:i.paddingBottom??0,style:{marginTop:o,...i.style}})}return t})})}function PostULListRenderer({children:n}){let r=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(n).filter(react_1.isValidElement).map(e=>{const t=e.type?.displayName,s=r===0?0:DEFAULT_GAP;if(t===constants_1.POST_UL){r++;const o=e.props;return(0,react_1.cloneElement)(e,{paddingBottom:o.paddingBottom??0,...o,style:{marginTop:s,...o.style}})}if(t===constants_1.POST_LI){r++;const o=e.props;return(0,react_1.cloneElement)(e,{...o,style:{marginTop:s,...o.style}})}return e})})}const paddingByListType={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};

package/dist/cjs/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/cjs/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/cjs/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(t,e,o,r){r===void 0&&(r=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,r,n)}:function(t,e,o,r){r===void 0&&(r=o),t[r]=e[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(){var t=function(e){return t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(o,e,r[n]);return __setModuleDefault(o,e),o}}(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0,exports.RadioInput=RadioInput;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=__importStar(require("react")),react_hook_form_1=require("react-hook-form"),react_native_1=require("react-native"),core_1=require("../../core"),RadioOption_1=__importDefault(require("./RadioOption")),defaultShadowStyle={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},DEFAULT_SPRING_CONFIG={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},TRANSITION_MULTIPLIER=1,Radio=({value:t,children:e,disabled:o=!1,onChange:r,horizontalMargin:n=0})=>{const[i,s]=(0,react_1.useState)(0),u=react_1.default.Children.map(e,a=>a.props),p=u.length,c=i/p,d=u.findIndex(a=>a.value===t),f=(0,react_1.useRef)(!0),l=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=react_1.default.useCallback(a=>{r(a)},[r]),_=(0,react_1.useCallback)(a=>{react_native_1.Animated.spring(l,{toValue:a,useNativeDriver:!0,...DEFAULT_SPRING_CONFIG}).start()},[l]);(0,react_1.useEffect)(()=>{if(i===0)return;const a=d*(c*TRANSITION_MULTIPLIER);f.current===!0?(l.setValue(a),f.current=!1):_(a)},[d,c]);const g=(0,core_1.useAdaptive)(),{colorPreference:v}=(0,core_1.useColorPreference)();return(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[styles.defaultSegmentedControlWrapper,{backgroundColor:g.grey100,marginHorizontal:n}],onLayout:a=>{s(a.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.movingSegmentStyle,defaultShadowStyle,react_native_1.StyleSheet.absoluteFill,{backgroundColor:v==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,width:i/u.length-8},{transform:[{translateX:l}]}]}),react_1.default.Children.map(e,a=>react_1.default.cloneElement(a,{checked:a.props.value===t,disabled:a.props.disabled??o,onPress:h}))]})};exports.Radio=Radio;const styles=react_native_1.StyleSheet.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});function RadioInput({controlerProps:t,control:e,name:o,children:r,...n}){const{field:i}=(0,react_hook_form_1.useController)({control:e,name:o,...t});return(0,jsx_runtime_1.jsx)(Radio,{horizontalMargin:n.horizontalMargin,value:i.value,onChange:s=>{i.onChange(s),n.onChange?.(s)},children:r})}Radio.Option=RadioOption_1.default;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(t,e,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(e,a);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,r,n)}:function(t,e,a,r){r===void 0&&(r=a),t[r]=e[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,e,r[n]);return __setModuleDefault(a,e),a}}(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=__importStar(require("react")),react_native_1=require("react-native"),core_1=require("../../core"),RadioOption_1=__importDefault(require("./RadioOption")),defaultShadowStyle={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},DEFAULT_SPRING_CONFIG={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},TRANSITION_MULTIPLIER=1,Radio=({value:t,children:e,disabled:a=!1,onChange:r,horizontalMargin:n=0})=>{const[i,f]=(0,react_1.useState)(0),l=react_1.default.Children.map(e,o=>o.props),p=l.length,u=i/p,c=l.findIndex(o=>o.value===t),d=(0,react_1.useRef)(!0),s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=react_1.default.useCallback(o=>{r(o)},[r]),_=(0,react_1.useCallback)(o=>{react_native_1.Animated.spring(s,{toValue:o,useNativeDriver:!0,...DEFAULT_SPRING_CONFIG}).start()},[s]);(0,react_1.useEffect)(()=>{if(i===0)return;const o=c*(u*TRANSITION_MULTIPLIER);d.current===!0?(s.setValue(o),d.current=!1):_(o)},[c,u]);const g=(0,core_1.useAdaptive)(),{colorPreference:v}=(0,core_1.useColorPreference)();return(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[styles.defaultSegmentedControlWrapper,{backgroundColor:g.grey100,marginHorizontal:n}],onLayout:o=>{f(o.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.movingSegmentStyle,defaultShadowStyle,react_native_1.StyleSheet.absoluteFill,{backgroundColor:v==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,width:i/l.length-8},{transform:[{translateX:s}]}]}),react_1.default.Children.map(e,o=>react_1.default.cloneElement(o,{checked:o.props.value===t,disabled:o.props.disabled??a,onPress:h}))]})};exports.Radio=Radio;const styles=react_native_1.StyleSheet.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});Radio.Option=RadioOption_1.default;

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

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

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

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

package/dist/cjs/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/cjs/components/segmented-control/components/Item/Item.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Item=Item;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),prevent_font_scaling_1=require("../../../../extensions/prevent-font-scaling"),pressable_effect_1=require("../../../../interactions/pressable-effect"),paragraph_1=require("../../../paragraph"),AlignmentContext_1=require("../../contexts/AlignmentContext"),RadioContext_1=require("../../contexts/RadioContext"),useItemStyle_1=require("./useItemStyle");function Item({style:d,children:y,value:n,disabled:x=!1,size:f,...p}){const{ensureFluidAlignment:g}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),[s,m]=(0,react_1.useState)(null),{setSelectedValue:a,selectedValue:_,setSelectedElementLayout:i,disabled:b}=(0,react_1.useContext)(RadioContext_1.RadioContext),t=b||x,o=(0,useItemStyle_1.useItemStyle)({size:f,disabled:t}),r=(0,core_1.useAdaptive)(),e=_===n,h=(0,react_1.useCallback)(()=>{a(n)},[n,a]),c=(0,react_1.useCallback)(()=>{s!=null&&i(s)},[s,i]);return(0,react_1.useEffect)(()=>{e&&c()},[e,c]),(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{onPress:t||e?void 0:h,onLayout:l=>{const u=l.nativeEvent.layout;m(u),e&&i(u)},style:[o.containerStyle,d],accessibilityRole:"radio",accessibilityValue:{text:n},accessibilityState:{selected:e,disabled:t},disabled:t,...p,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{justifyContent:"center",alignItems:"center"},children:(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:140,children:(0,jsx_runtime_1.jsx)(paragraph_1.Root,{typography:o.labelTypography,style:o.labelStyle,onTextLayout:l=>{g(l.nativeEvent.lines.length>1)},children:(0,jsx_runtime_1.jsx)(paragraph_1.Text,{color:t?r.grey400:e?r.grey800:r.grey600,fontWeight:e?"semiBold":"medium",children:y})})})})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Item=Item;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),prevent_font_scaling_1=require("../../../../extensions/prevent-font-scaling"),pressable_effect_1=require("../../../../interactions/pressable-effect"),paragraph_1=require("../../../paragraph"),AlignmentContext_1=require("../../contexts/AlignmentContext"),RadioContext_1=require("../../contexts/RadioContext"),useItemStyle_1=require("./useItemStyle");function Item({style:d,children:y,value:n,disabled:x=!1,size:f,...p}){const{ensureFluidAlignment:g}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),[s,m]=(0,react_1.useState)(null),{setSelectedValue:a,selectedValue:_,setSelectedElementLayout:o,disabled:b}=(0,react_1.useContext)(RadioContext_1.RadioContext),t=b||x,i=(0,useItemStyle_1.useItemStyle)({size:f,disabled:t}),r=(0,core_1.useAdaptive)(),e=_===n,h=(0,react_1.useCallback)(()=>{a(n)},[n,a]),c=(0,react_1.useCallback)(()=>{s!=null&&o(s)},[s,o]);return(0,react_1.useEffect)(()=>{e&&c()},[e,c]),(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{onPress:t||e?void 0:h,onLayout:l=>{const u=l.nativeEvent.layout;m(u),e&&o(u)},style:[i.containerStyle,d],accessibilityRole:"radio",accessibilityState:{selected:e,disabled:t},disabled:t,...p,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{justifyContent:"center",alignItems:"center"},children:(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:140,children:(0,jsx_runtime_1.jsx)(paragraph_1.Root,{typography:i.labelTypography,style:i.labelStyle,onTextLayout:l=>{g(l.nativeEvent.lines.length>1)},children:(0,jsx_runtime_1.jsx)(paragraph_1.Text,{color:t?r.grey400:e?r.grey800:r.grey600,fontWeight:e?"semiBold":"medium",children:y})})})})})}

package/dist/cjs/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/cjs/components/slider/Slider.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldClearButtonControls=useTextFieldClearButtonControls;const react_1=require("react"),hasValue_1=require("../utils/hasValue"),useIsMountedRef_1=require("./useIsMountedRef");function useTextFieldClearButtonControls(u){const[n,t]=(0,react_1.useState)(!1),s=(0,useIsMountedRef_1.useIsMountedRef)(),e=(0,react_1.useRef)(),r=(0,react_1.useCallback)(()=>{t(!0)},[]),o=(0,react_1.useCallback)(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{s.mounted&&t(!1)},100)},[s]);return{isVisible:n&&(0,hasValue_1.hasValue)(u.value),onInputFocus:r,onInputBlur:o}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTextFieldClearButtonControls=useTextFieldClearButtonControls;const react_1=require("react"),hasValue_1=require("../utils/hasValue"),useIsMountedRef_1=require("./useIsMountedRef");function useTextFieldClearButtonControls(s){const[n,t]=(0,react_1.useState)(!1),u=(0,useIsMountedRef_1.useIsMountedRef)(),e=(0,react_1.useRef)(null),r=(0,react_1.useCallback)(()=>{t(!0)},[]),o=(0,react_1.useCallback)(()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{u.mounted&&t(!1)},100)},[u]);return{isVisible:n&&(0,hasValue_1.hasValue)(s.value),onInputFocus:r,onInputBlur:o}}

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

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

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

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

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

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