@toss/tds-react-native 1.3.0 → 1.3.2

package/dist/cjs/components/stepper-row/StepperRowRightButton.d.ts

@@ -1,5 +1,5 @@
-import { Button } from '../button';
-import { ComponentProps } from 'react';
+import { Button } from '../button/index.js';
+import type { ComponentProps } from 'react';
 type StepperRowRightButtonProps = ComponentProps<typeof Button>;
 export declare function StepperRowRightButton({ size, type, ...restProps }: StepperRowRightButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/stepper-row/StepperRowRightButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowRightButton=StepperRowRightButton;const jsx_runtime_1=require("react/jsx-runtime"),button_1=require("../button"),StepperRowContext_1=require("./StepperRowContext");function StepperRowRightButton({size:t="tiny",type:e="primary",...r}){return(0,StepperRowContext_1.useUpdateStepperRowRight)({type:"button"}),(0,jsx_runtime_1.jsx)(button_1.Button,{size:t,type:e,...r})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowRightButton=StepperRowRightButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../button/index.js"),StepperRowContext_js_1=require("./StepperRowContext.js");function StepperRowRightButton({size:t="tiny",type:e="primary",...r}){return(0,StepperRowContext_js_1.useUpdateStepperRowRight)({type:"button"}),(0,jsx_runtime_1.jsx)(index_js_1.Button,{size:t,type:e,...r})}

package/dist/cjs/components/stepper-row/StepperRowTexts.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Text } from '../paragraph';
+import type { ComponentProps, ReactNode } from 'react';
+import { Text } from '../paragraph/index.js';
 interface StepperRowTextsProps {
     /**
      * `StepperRow.Texts` 컴포넌트의 텍스트의 타입을 설정해요. 타이틀과 설명의 스타일이 타입에 따라 달라져요.

package/dist/cjs/components/stepper-row/StepperRowTexts.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowTexts=StepperRowTexts;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),paragraph_1=require("../paragraph"),StepperRowContext_1=require("./StepperRowContext"),isReactText=e=>typeof e=="string"||typeof e=="number",isParagraphText=e=>(0,react_1.isValidElement)(e)&&(e.type===paragraph_1.Text||e.type===paragraph_1.Text),typeVariants={A:{title:{typography:"t5",fontWeight:"bold"},description:{typography:"t6",fontWeight:"regular"}},B:{title:{typography:"t4",fontWeight:"bold"},description:{typography:"t6",fontWeight:"regular"}},C:{title:{typography:"t5",fontWeight:"bold"},description:{typography:"t7",fontWeight:"medium"}}};function StepperRowTexts({type:e,title:i,description:t,titleProps:p,descriptionProps:l}){const r=(0,core_1.useAdaptive)();(0,StepperRowContext_1.useUpdateStepperRowCenter)({type:e,hasDescription:t!=null});const o=react_1.Children.only(isReactText(i)?(0,jsx_runtime_1.jsx)(paragraph_1.Text,{color:r.grey800,children:i}):i),n=t?react_1.Children.only(isReactText(t)?(0,jsx_runtime_1.jsx)(paragraph_1.Text,{style:{color:r.grey600,paddingTop:2},children:t}):t):void 0,s=typeVariants[e],c=isParagraphText(o)?(0,react_1.cloneElement)(o,{...s.title,color:r.grey800,...o.props,...p}):o,a=isParagraphText(n)?(0,react_1.cloneElement)(n,{...s.description,color:r.grey600,...n.props,...l}):n;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row"},children:c}),t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row"},children:a})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowTexts=StepperRowTexts;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../paragraph/index.js"),StepperRowContext_js_1=require("./StepperRowContext.js"),isReactText=e=>typeof e=="string"||typeof e=="number",isParagraphText=e=>(0,react_1.isValidElement)(e)&&(e.type===index_js_2.Text||e.type===index_js_2.Text),typeVariants={A:{title:{typography:"t5",fontWeight:"bold"},description:{typography:"t6",fontWeight:"regular"}},B:{title:{typography:"t4",fontWeight:"bold"},description:{typography:"t6",fontWeight:"regular"}},C:{title:{typography:"t5",fontWeight:"bold"},description:{typography:"t7",fontWeight:"medium"}}};function StepperRowTexts({type:e,title:i,description:t,titleProps:p,descriptionProps:l}){const r=(0,index_js_1.useAdaptive)();(0,StepperRowContext_js_1.useUpdateStepperRowCenter)({type:e,hasDescription:t!=null});const n=react_1.Children.only(isReactText(i)?(0,jsx_runtime_1.jsx)(index_js_2.Text,{color:r.grey800,children:i}):i),o=t?react_1.Children.only(isReactText(t)?(0,jsx_runtime_1.jsx)(index_js_2.Text,{style:{color:r.grey600,paddingTop:2},children:t}):t):void 0,s=typeVariants[e],c=isParagraphText(n)?(0,react_1.cloneElement)(n,{...s.title,color:r.grey800,...n.props,...p}):n,a=isParagraphText(o)?(0,react_1.cloneElement)(o,{...s.description,color:r.grey600,...o.props,...l}):o;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row"},children:c}),t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row"},children:a})]})}

package/dist/cjs/components/stepper-row/constants/a11yCondition.d.ts

@@ -1,2 +1,2 @@
-import { A11yCondition } from '../../../core';
+import type { A11yCondition } from '../../../core/index.js';
 export declare const a11yCondition: Record<'leftAsset' | 'center' | 'rightArrow' | 'rightButtonAlign' | 'rightButtonPaddingTop', A11yCondition>;

package/dist/cjs/components/stepper-row/index.d.ts

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

package/dist/cjs/components/stepper-row/index.js

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

package/dist/cjs/components/stepper-row/utils/padding.d.ts

@@ -1,3 +1,3 @@
-import { Center, Left, Right } from '../StepperRowContext';
+import type { Center, Left, Right } from '../StepperRowContext.js';
 export declare function getCenterPaddingTop(left: Left | undefined, center: Center | undefined): number;
 export declare function getRightPaddingTop(left: Left | undefined, right: Right | undefined): number;

package/dist/cjs/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import { AccessibilityProps, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { AccessibilityProps, PressableProps, StyleProp, ViewStyle } from 'react-native';
 interface SwitchProp extends AccessibilityProps {
     /**
      * `Switch` 컴포넌트의 켜짐과 꺼짐 상태를 표현해요.  주로 `Switch` 컴포넌트의 상태를 컴포넌트 외부에서 관리할 때, `onCheckedChange` 속성과 함께 사용해요.

package/dist/cjs/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),animation_1=require("../../interactions/animation"),pressable_effect_1=require("../../interactions/pressable-effect"),utils_1=require("../../utils"),useSwitchAnimation_1=require("./useSwitchAnimation");function Switch({checked:r,defaultChecked:c=!1,disabled:e,style:a,onPress:n,onCheckedChange:i,accessibilityState:l,...u}){const[t,o]=(0,utils_1.useControlled)({controlledValue:r,defaultValue:c}),{reduceMotionEnabled:f}=(0,utils_1.useAccessibilityInfo)(),s=(0,react_1.useMemo)(()=>t===!0?"on":"off",[t]),{backgroundStyle:m,animatedKnobStyle:d,startSwitchOnAnimation:h,startSwitchOffAnoimation:y}=(0,useSwitchAnimation_1.useSwitchAnimation)({animationState:s,disabled:e}),{startPressInAnim:S,startPressOutAnim:A,scaleAnim:w}=(0,pressable_effect_1.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:1}}),{startWiggle:_,style:p}=(0,animation_1.useWiggleAnimation)({direction:"x",type:"small"}),b=(0,react_1.useCallback)(g=>{e||(n?.(g),i?.(!t),o(!t))},[t,e,n,i,o]);return(0,react_1.useEffect)(()=>{s==="on"?h():y()},[s]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:b,onPressIn:e?_:S,onPressOut:e?void 0:A,style:[styles.container,a],accessibilityRole:"switch",accessible:!0,accessibilityState:{checked:t,disabled:e,...l},...u,children:(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[react_native_1.Platform.OS==="ios"?{opacity:e?.3:1}:void 0,f?void 0:w,e?p:void 0],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[m,{width:WIDTH,height:HEIGHT,borderRadius:RADIUS}]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.knob,d]})]})})}const WIDTH=50,HEIGHT=30,RADIUS=15,styles=react_native_1.StyleSheet.create({container:{alignSelf:"flex-start"},knob:{width:16,height:16,backgroundColor:tds_colors_1.colors.white,borderRadius:8,position:"absolute",left:7,top:7}});exports.default=Switch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../interactions/animation/index.js"),index_js_2=require("../../interactions/pressable-effect/index.js"),index_js_3=require("../../utils/index.js"),useSwitchAnimation_js_1=require("./useSwitchAnimation.js");function Switch({checked:r,defaultChecked:c=!1,disabled:e,style:a,onPress:n,onCheckedChange:i,accessibilityState:u,...l}){const[t,o]=(0,index_js_3.useControlled)({controlledValue:r,defaultValue:c}),{reduceMotionEnabled:d}=(0,index_js_3.useAccessibilityInfo)(),s=(0,react_1.useMemo)(()=>t===!0?"on":"off",[t]),{backgroundStyle:f,animatedKnobStyle:m,startSwitchOnAnimation:h,startSwitchOffAnoimation:y}=(0,useSwitchAnimation_js_1.useSwitchAnimation)({animationState:s,disabled:e}),{startPressInAnim:_,startPressOutAnim:x,scaleAnim:S}=(0,index_js_2.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:1}}),{startWiggle:j,style:A}=(0,index_js_1.useWiggleAnimation)({direction:"x",type:"small"}),w=(0,react_1.useCallback)(p=>{e||(n?.(p),i?.(!t),o(!t))},[t,e,n,i,o]);return(0,react_1.useEffect)(()=>{s==="on"?h():y()},[s]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:w,onPressIn:e?j:_,onPressOut:e?void 0:x,style:[styles.container,a],accessibilityRole:"switch",accessible:!0,accessibilityState:{checked:t,disabled:e,...u},...l,children:(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[react_native_1.Platform.OS==="ios"?{opacity:e?.3:1}:void 0,d?void 0:S,e?A:void 0],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[f,{width:WIDTH,height:HEIGHT,borderRadius:RADIUS}]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.knob,m]})]})})}const WIDTH=50,HEIGHT=30,RADIUS=15,styles=react_native_1.StyleSheet.create({container:{alignSelf:"flex-start"},knob:{width:16,height:16,backgroundColor:tds_colors_1.colors.white,borderRadius:8,position:"absolute",left:7,top:7}});exports.default=Switch;

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

@@ -1 +1 @@
-export { default as Switch } from './Switch';
+export { default as Switch } from './Switch.js';

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

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Switch=void 0;var Switch_1=require("./Switch");Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return __importDefault(Switch_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Switch=void 0;var Switch_js_1=require("./Switch.js");Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return __importDefault(Switch_js_1).default}});

package/dist/cjs/components/switch/useSwitchAnimation.d.ts

@@ -1,4 +1,5 @@
-import { Animated, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { Animated } from 'react-native';
 type AnimationState = 'off' | 'on';
 export declare function useSwitchAnimation({ animationState, disabled, }: {
     animationState: AnimationState;

package/dist/cjs/components/switch/useSwitchAnimation.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSwitchAnimation=useSwitchAnimation;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core");function useSwitchAnimation({animationState:e,disabled:o}){const s=(0,core_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200,react_native_1.Platform.OS==="android"&&o?.3:1),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,react_native_1.Platform.OS==="android"&&o?.3:1)}),[s.grey200,o]),a=(0,react_1.useRef)(new react_native_1.Animated.Value(e==="on"?1:0)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.handler[e].translateX)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.handler[e].scale)).current,t=!1,l=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(r,{toValue:animationConfig.handler.on.translateX,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(n,{toValue:animationConfig.handler.on.scale,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(a,{toValue:1,useNativeDriver:t,...SPRING_CONFIG})]).start()},[n,r,a,t]),u=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(r,{toValue:animationConfig.handler.off.translateX,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(n,{toValue:animationConfig.handler.off.scale,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(a,{toValue:0,useNativeDriver:t,...SPRING_CONFIG})]).start()},[n,r,a,t]);return{backgroundStyle:{backgroundColor:a.interpolate({inputRange:[0,1],outputRange:[i.grey200,i.blue500]})},animatedKnobStyle:{transform:[{translateX:r},{scale:n}]},startSwitchOnAnimation:l,startSwitchOffAnoimation:u}}const animationConfig={handler:{on:{scale:1.5,translateX:20},off:{scale:1,translateX:0}}},SPRING_CONFIG={stiffness:1e3,damping:52};
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSwitchAnimation=useSwitchAnimation;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js");function useSwitchAnimation({animationState:e,disabled:s}){const o=(0,index_js_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(o.grey200??tds_colors_1.colors.grey200,react_native_1.Platform.OS==="android"&&s?.3:1),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,react_native_1.Platform.OS==="android"&&s?.3:1)}),[o.grey200,s]),a=(0,react_1.useRef)(new react_native_1.Animated.Value(e==="on"?1:0)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.handler[e].translateX)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.handler[e].scale)).current,t=!1,l=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(r,{toValue:animationConfig.handler.on.translateX,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(n,{toValue:animationConfig.handler.on.scale,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(a,{toValue:1,useNativeDriver:t,...SPRING_CONFIG})]).start()},[n,r,a,t]),u=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(r,{toValue:animationConfig.handler.off.translateX,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(n,{toValue:animationConfig.handler.off.scale,useNativeDriver:t,...SPRING_CONFIG}),react_native_1.Animated.spring(a,{toValue:0,useNativeDriver:t,...SPRING_CONFIG})]).start()},[n,r,a,t]);return{backgroundStyle:{backgroundColor:a.interpolate({inputRange:[0,1],outputRange:[i.grey200,i.blue500]})},animatedKnobStyle:{transform:[{translateX:r},{scale:n}]},startSwitchOnAnimation:l,startSwitchOffAnoimation:u}}const animationConfig={handler:{on:{scale:1.5,translateX:20},off:{scale:1,translateX:0}}},SPRING_CONFIG={stiffness:1e3,damping:52};

package/dist/cjs/components/tab/FluidTab.d.ts

@@ -1,3 +1,3 @@
-import { BaseTabProps } from './type';
+import type { BaseTabProps } from './type.js';
 export type FullTabProps = BaseTabProps;
 export declare function FluidTab({ defaultValue, value: _value, children, onChange: _onChange, style, size, ...viewProps }: FullTabProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tab/FluidTab.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FluidTab=FluidTab;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"),animated_1=require("../../interactions/animated"),utils_1=require("../../utils"),IndicatorContext_1=require("./IndicatorContext"),TabContext_1=require("./TabContext");function FluidTab({defaultValue:c,value:u,children:d,onChange:o,style:h,size:f="large",...x}){const n=(0,core_1.useAdaptive)(),[b,a]=(0,utils_1.useControlled)({controlledValue:u,defaultValue:c}),w=(0,react_1.useCallback)(r=>{o?.(r),a(r)},[o,a]),[e,m]=(0,react_1.useState)(0),i=(0,react_1.useRef)(new animated_1.Animated.Value(e)).current,[t,y]=(0,react_1.useState)(0),V={width:t,transform:[{translateX:i}]};(0,react_1.useEffect)(()=>{animated_1.Animated.spring(i,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[e,i]);const s=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{s.current!=null&&l.current?.scrollTo({x:Math.max(0,e-(s.current-t)/2)})},[e,t]);const v={...styles.border,borderBottomColor:n.grey200};return(0,jsx_runtime_1.jsx)(TabContext_1.TabContext.Provider,{value:{fluid:!0,value:b,onChange:w,size:f},children:(0,jsx_runtime_1.jsx)(IndicatorContext_1.IndicatorContext.Provider,{value:{width:t,translateX:e,setWidth:y,setTranslateX:m},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{onLayout:r=>{s.current=r.nativeEvent.layout.width},children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[v,styles.fluidBorder]}),(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{ref:l,horizontal:!0,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,h],accessibilityRole:"tablist",...x,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.fluidPadding]}),d]}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{backgroundColor:n.grey800},styles.indicator,V]})]})})]})})})}const styles=react_native_1.StyleSheet.create({fluidPadding:{width:14,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},fluidBorder:{position:"absolute",bottom:2},indicator:{height:2,borderRadius:10,bottom:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FluidTab=FluidTab;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"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../../utils/index.js"),IndicatorContext_js_1=require("./IndicatorContext.js"),TabContext_js_1=require("./TabContext.js");function FluidTab({defaultValue:c,value:d,children:u,onChange:n,style:x,size:h="large",...f}){const o=(0,index_js_1.useAdaptive)(),[j,a]=(0,index_js_3.useControlled)({controlledValue:d,defaultValue:c}),b=(0,react_1.useCallback)(r=>{n?.(r),a(r)},[n,a]),[e,w]=(0,react_1.useState)(0),i=(0,react_1.useRef)(new index_js_2.Animated.Value(e)).current,[t,_]=(0,react_1.useState)(0),y={width:t,transform:[{translateX:i}]};(0,react_1.useEffect)(()=>{index_js_2.Animated.spring(i,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[e,i]);const s=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{s.current!=null&&l.current?.scrollTo({x:Math.max(0,e-(s.current-t)/2)})},[e,t]);const m={...styles.border,borderBottomColor:o.grey200};return(0,jsx_runtime_1.jsx)(TabContext_js_1.TabContext.Provider,{value:{fluid:!0,value:j,onChange:b,size:h},children:(0,jsx_runtime_1.jsx)(IndicatorContext_js_1.IndicatorContext.Provider,{value:{width:t,translateX:e,setWidth:_,setTranslateX:w},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{onLayout:r=>{s.current=r.nativeEvent.layout.width},children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[m,styles.fluidBorder]}),(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{ref:l,horizontal:!0,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,x],accessibilityRole:"tablist",...f,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.fluidPadding]}),u]}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{backgroundColor:o.grey800},styles.indicator,y]})]})})]})})})}const styles=react_native_1.StyleSheet.create({fluidPadding:{width:14,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},fluidBorder:{position:"absolute",bottom:2},indicator:{height:2,borderRadius:10,bottom:1}});

package/dist/cjs/components/tab/FullTab.d.ts

@@ -1,3 +1,3 @@
-import { BaseTabProps } from './type';
+import type { BaseTabProps } from './type.js';
 export type FullTabProps = BaseTabProps;
 export declare function FullTab({ defaultValue, value: _value, children, onChange: _onChange, style, size, ...viewProps }: FullTabProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tab/FullTab.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullTab=FullTab;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"),animated_1=require("../../interactions/animated"),utils_1=require("../../utils"),IndicatorContext_1=require("./IndicatorContext"),TabContext_1=require("./TabContext");function FullTab({defaultValue:o,value:l,children:c,onChange:r,style:d,size:u="large",...h}){const i=(0,core_1.useAdaptive)(),[x,s]=(0,utils_1.useControlled)({controlledValue:l,defaultValue:o}),b=(0,react_1.useCallback)(n=>{r?.(n),s(n)},[r,s]),[e,w]=(0,react_1.useState)(0),t=(0,react_1.useRef)(new animated_1.Animated.Value(e)).current,[a,y]=(0,react_1.useState)(0),g={width:a,transform:[{translateX:t}]};(0,react_1.useEffect)(()=>{animated_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[e,t]);const m={...styles.border,borderBottomColor:i.grey200};return(0,jsx_runtime_1.jsx)(TabContext_1.TabContext.Provider,{value:{fluid:!1,value:x,onChange:b,size:u},children:(0,jsx_runtime_1.jsx)(IndicatorContext_1.IndicatorContext.Provider,{value:{width:a,translateX:e,setWidth:y,setTranslateX:w},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{horizontal:!1,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,d],accessibilityRole:"tablist",...h,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.padding]}),c,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.padding})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:m}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{backgroundColor:i.grey800},styles.indicator,g]})]})})})})})}const styles=react_native_1.StyleSheet.create({padding:{width:20,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},indicator:{height:2,borderRadius:10,bottom:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullTab=FullTab;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"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../../utils/index.js"),IndicatorContext_js_1=require("./IndicatorContext.js"),TabContext_js_1=require("./TabContext.js");function FullTab({defaultValue:a,value:l,children:d,onChange:s,style:c,size:u="large",...x}){const r=(0,index_js_1.useAdaptive)(),[h,i]=(0,index_js_3.useControlled)({controlledValue:l,defaultValue:a}),j=(0,react_1.useCallback)(o=>{s?.(o),i(o)},[s,i]),[e,_]=(0,react_1.useState)(0),t=(0,react_1.useRef)(new index_js_2.Animated.Value(e)).current,[n,b]=(0,react_1.useState)(0),w={width:n,transform:[{translateX:t}]};(0,react_1.useEffect)(()=>{index_js_2.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},[e,t]);const y={...styles.border,borderBottomColor:r.grey200};return(0,jsx_runtime_1.jsx)(TabContext_js_1.TabContext.Provider,{value:{fluid:!1,value:h,onChange:j,size:u},children:(0,jsx_runtime_1.jsx)(IndicatorContext_js_1.IndicatorContext.Provider,{value:{width:n,translateX:e,setWidth:b,setTranslateX:_},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.ScrollView,{horizontal:!1,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.itemList,c],accessibilityRole:"tablist",...x,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.padding]}),d,(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.padding})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:y}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{backgroundColor:r.grey800},styles.indicator,w]})]})})})})})}const styles=react_native_1.StyleSheet.create({padding:{width:20,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth},indicator:{height:2,borderRadius:10,bottom:1}});

package/dist/cjs/components/tab/Gradient.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../core");function Gradient(){const e=(0,core_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:e,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:e})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=Gradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../core/index.js");function Gradient(){const t=(0,index_js_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:WIDTH,height:HEIGHT,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${GRADIENT_ID})`})]})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=52,WIDTH=17;

package/dist/cjs/components/tab/Tab.d.ts

@@ -1,5 +1,5 @@
-import { TabItem } from './TabItem';
-import { BaseTabProps } from './type';
+import { TabItem } from './TabItem.js';
+import type { BaseTabProps } from './type.js';
 export type TabProps = {
     /**
      * 이 값이 `true`일 때 각 아이템의 너비가 글자 수에 맞춰져요. 아이템의 전체 크기가 `Tab`의 컨테이너를 넘어가면 가로 스크롤이 생겨요. `false`라면 최대 4개의 아이템 사용을 권장해요.

package/dist/cjs/components/tab/Tab.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab;const jsx_runtime_1=require("react/jsx-runtime"),FullTab_1=require("./FullTab"),FluidTab_1=require("./FluidTab"),TabItem_1=require("./TabItem");function Tab({fluid:r,...e}){return r?(0,jsx_runtime_1.jsx)(FluidTab_1.FluidTab,{...e}):(0,jsx_runtime_1.jsx)(FullTab_1.FullTab,{...e})}Tab.Item=TabItem_1.TabItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab;const jsx_runtime_1=require("react/jsx-runtime"),FullTab_js_1=require("./FullTab.js"),FluidTab_js_1=require("./FluidTab.js"),TabItem_js_1=require("./TabItem.js");function Tab({fluid:r,...e}){return r?(0,jsx_runtime_1.jsx)(FluidTab_js_1.FluidTab,{...e}):(0,jsx_runtime_1.jsx)(FullTab_js_1.FullTab,{...e})}Tab.Item=TabItem_js_1.TabItem;

package/dist/cjs/components/tab/TabItem.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import { TabValue } from './TabContext';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { TabValue } from './TabContext.js';
 export interface TabItemProps {
     /**
      * 이 값이 `true`일 때 `Tab.Item`의 우측 상단에 빨간 동그라미가 표시돼요. 중요한 알림이나 새로운 업데이트가 있음을 사용자에게 시각적으로 전달할 수 있어요.

package/dist/cjs/components/tab/TabItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;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"),animated_1=require("../../interactions/animated"),txt_1=require("../txt"),IndicatorContext_1=require("./IndicatorContext"),TabContext_1=require("./TabContext");function TabItem({redBean:n=!1,value:t,children:s,style:h,onPress:u}){const{size:d,fluid:g,value:p,onChange:x}=(0,react_1.useContext)(TabContext_1.TabContext),o=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,r=(0,react_1.useMemo)(()=>t===p,[t,p]),f=(0,core_1.useAdaptive)(),m=(0,react_1.useCallback)(l=>{u?.(l),x?.(t)},[u,x,t]),e=getSpacingStyles({size:d,fluid:g}),[i,b]=(0,react_1.useState)(),{setWidth:a,setTranslateX:c}=(0,react_1.useContext)(IndicatorContext_1.IndicatorContext);return(0,react_1.useEffect)(()=>{!r||i==null||c==null||a==null||(c(i.x+e.left),a(i.width-(e.left+e.right)))},[r,i,c,a,e.left,e.right]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:r},onPress:m,style:[styles.container,{paddingTop:e.top,paddingBottom:e.bottom,paddingHorizontal:e.left,minWidth:g?64:void 0},h],onLayout:l=>{b(l.nativeEvent.layout)},onPressIn:()=>{animated_1.Animated.spring(o,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.rapid}).start()},onPressOut:()=>{animated_1.Animated.spring(o,{toValue:1,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[styles.innerContainer,{transform:[{scale:o}]}],children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:d==="large"?"t5":"t6",fontWeight:r?"bold":"semiBold",color:r?f.grey800:f.grey600,children:s})}),n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const styles=react_native_1.StyleSheet.create({container:{flex:1},innerContainer:{alignItems:"center",justifyContent:"center"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}}),getSpacingStyles=({size:n,fluid:t})=>{const s=n==="large"&&t?12:8;return{top:n==="large"?12:8,bottom:n==="large"?14:8,left:s,right:s}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabItem=TabItem;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"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../txt/index.js"),IndicatorContext_js_1=require("./IndicatorContext.js"),TabContext_js_1=require("./TabContext.js");function TabItem({redBean:n=!1,value:t,children:r,style:h,onPress:u}){const{size:d,fluid:g,value:x,onChange:p}=(0,react_1.useContext)(TabContext_js_1.TabContext),o=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,s=(0,react_1.useMemo)(()=>t===x,[t,x]),f=(0,index_js_1.useAdaptive)(),_=(0,react_1.useCallback)(l=>{u?.(l),p?.(t)},[u,p,t]),e=getSpacingStyles({size:d,fluid:g}),[i,b]=(0,react_1.useState)(),{setWidth:a,setTranslateX:c}=(0,react_1.useContext)(IndicatorContext_js_1.IndicatorContext);return(0,react_1.useEffect)(()=>{!s||i==null||c==null||a==null||(c(i.x+e.left),a(i.width-(e.left+e.right)))},[s,i,c,a,e.left,e.right]),(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"tab",accessibilityState:{selected:s},onPress:_,style:[styles.container,{paddingTop:e.top,paddingBottom:e.bottom,paddingHorizontal:e.left,minWidth:g?64:void 0},h],onLayout:l=>{b(l.nativeEvent.layout)},onPressIn:()=>{index_js_2.Animated.spring(o,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.rapid}).start()},onPressOut:()=>{index_js_2.Animated.spring(o,{toValue:1,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[styles.innerContainer,{transform:[{scale:o}]}],children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{numberOfLines:1,ellipsizeMode:"clip",typography:d==="large"?"t5":"t6",fontWeight:s?"bold":"semiBold",color:s?f.grey800:f.grey600,children:r})}),n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.redBean}):null]})}const styles=react_native_1.StyleSheet.create({container:{flex:1},innerContainer:{alignItems:"center",justifyContent:"center"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}}),getSpacingStyles=({size:n,fluid:t})=>{const r=n==="large"&&t?12:8;return{top:n==="large"?12:8,bottom:n==="large"?14:8,left:r,right:r}};

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

@@ -1,2 +1,2 @@
-export { Tab } from './Tab';
-export type { TabProps } from './Tab';
+export { Tab } from './Tab.js';
+export type { TabProps } from './Tab.js';

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

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

package/dist/cjs/components/tab/type.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { TabValue } from './TabContext';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { TabValue } from './TabContext.js';
 export interface BaseTabProps extends ViewProps {
     /**
      * 사이즈에 따라 `Tab` 컴포넌트의 높이와 텍스트 크기가 변경돼요.

package/dist/cjs/components/table-row/TableRow.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { TableRowLeftText, TableRowRightText } from './TableRowText';
-import { TableRowAlign } from './types';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { TableRowLeftText, TableRowRightText } from './TableRowText.js';
+import type { TableRowAlign } from './types.js';
 interface TableRowProps {
     align: TableRowAlign;
     /**

package/dist/cjs/components/table-row/TableRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),TableRowContext_1=require("./TableRowContext"),TableRowText_1=require("./TableRowText"),utils_1=require("../../utils");function TableRow({align:i,leftRatio:e,left:t,right:r,horizontalPadding:n=24,style:l}){const s=e!=null?100-e:void 0;return(0,jsx_runtime_1.jsx)(TableRowContext_1.TableRowContext.Provider,{value:{align:i},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{justifyContent:i==="left"?"flex-start":"space-between",paddingHorizontal:n},styles.container,l],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,{flex:e}],children:(0,utils_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(TableRowText_1.TableRowLeftText,{children:t}):t}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:s},children:(0,utils_1.isReactText)(r)?(0,jsx_runtime_1.jsx)(TableRowText_1.TableRowRightText,{children:r}):r})]})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",flex:1,paddingVertical:16},left:{marginRight:16}});TableRow.LeftText=TableRowText_1.TableRowLeftText,TableRow.RightText=TableRowText_1.TableRowRightText,exports.default=TableRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),TableRowContext_js_1=require("./TableRowContext.js"),TableRowText_js_1=require("./TableRowText.js"),index_js_1=require("../../utils/index.js");function TableRow({align:i,leftRatio:e,left:t,right:n,horizontalPadding:r=24,style:s}){const l=e!=null?100-e:void 0;return(0,jsx_runtime_1.jsx)(TableRowContext_js_1.TableRowContext.Provider,{value:{align:i},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{justifyContent:i==="left"?"flex-start":"space-between",paddingHorizontal:r},styles.container,s],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,{flex:e}],children:(0,index_js_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(TableRowText_js_1.TableRowLeftText,{children:t}):t}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:l},children:(0,index_js_1.isReactText)(n)?(0,jsx_runtime_1.jsx)(TableRowText_js_1.TableRowRightText,{children:n}):n})]})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",flex:1,paddingVertical:16},left:{marginRight:16}});TableRow.LeftText=TableRowText_js_1.TableRowLeftText,TableRow.RightText=TableRowText_js_1.TableRowRightText,exports.default=TableRow;

package/dist/cjs/components/table-row/TableRowContext.d.ts

@@ -1,4 +1,4 @@
-import { TableRowAlign } from './types';
+import type { TableRowAlign } from './types.js';
 export interface TableRowContext {
     align: TableRowAlign;
 }

package/dist/cjs/components/table-row/TableRowText.d.ts

@@ -1,5 +1,5 @@
-import { Txt } from '../txt';
-import { ComponentProps } from 'react';
+import { Txt } from '../txt/index.js';
+import type { ComponentProps } from 'react';
 interface TableRowTextProps extends ComponentProps<typeof Txt> {
 }
 export declare function TableRowLeftText({ typography, color, ...props }: TableRowTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/table-row/TableRowText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRowLeftText=TableRowLeftText,exports.TableRowRightText=TableRowRightText;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),TableRowContext_1=require("./TableRowContext");function TableRowLeftText({typography:e="st10",color:t,...o}){const r=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:e,color:t??r.grey700,...o})}function TableRowRightText({typography:e="st10",color:t,style:o,...r}){const{align:s}=(0,react_1.useContext)(TableRowContext_1.TableRowContext),n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:e,color:t??n.grey900,style:[{textAlign:s},o],...r})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRowLeftText=TableRowLeftText,exports.TableRowRightText=TableRowRightText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),react_1=require("react"),TableRowContext_js_1=require("./TableRowContext.js");function TableRowLeftText({typography:e="st10",color:t,...o}){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:e,color:t??r.grey700,...o})}function TableRowRightText({typography:e="st10",color:t,style:o,...r}){const{align:s}=(0,react_1.useContext)(TableRowContext_js_1.TableRowContext),n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:e,color:t??n.grey900,style:[{textAlign:s},o],...r})}

package/dist/cjs/components/table-row/index.d.ts

@@ -1 +1 @@
-export { default as TableRow } from './TableRow';
+export { default as TableRow } from './TableRow.js';

package/dist/cjs/components/table-row/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRow=void 0;var TableRow_1=require("./TableRow");Object.defineProperty(exports,"TableRow",{enumerable:!0,get:function(){return __importDefault(TableRow_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TableRow=void 0;var TableRow_js_1=require("./TableRow.js");Object.defineProperty(exports,"TableRow",{enumerable:!0,get:function(){return __importDefault(TableRow_js_1).default}});

package/dist/cjs/components/text-button/TextButton.d.ts

@@ -1,6 +1,6 @@
-import { TypographyKeys } from '../txt';
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { TypographyKeys } from '../txt/index.js';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 type TDSTextButtonType = 'arrow' | 'underline' | 'clear';
 export interface TextButtonProps {
     /**

package/dist/cjs/components/text-button/TextButton.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,i,r){r===void 0&&(r=i);var o=Object.getOwnPropertyDescriptor(e,i);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,r,o)}:function(t,e,i,r){r===void 0&&(r=i),t[r]=e[i]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(i){var r=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(i,e,r[o]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextButton=TextButton;const jsx_runtime_1=require("react/jsx-runtime"),constants_1=require("../../constants"),core_1=require("../../core"),icon_1=require("../icon"),Paragraph=__importStar(require("../paragraph")),pressable_effect_1=require("../../interactions/pressable-effect"),react_1=require("react"),react_native_1=require("react-native");function TextButton({variant:t="clear",typography:e,fontWeight:i,color:r,style:o,disabled:a=!1,onPress:u,children:d}){const s=(0,core_1.useAdaptive)(),{typographyLevel:c}=(0,core_1.useTypographyTheme)(),l=r??s.grey800,n=(0,react_1.useMemo)(()=>(0,constants_1.getLinkTypography)(c),[c])[e];return(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{accessibilityRole:"button",underlay:(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect.Underlay,{style:{position:"absolute",backgroundColor:s.greyOpacity100,...textButtonBackgroundStyleMapper[e][t]}}),onPress:a?void 0:u,style:{alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.base,{paddingVertical:n.verticalPadding,paddingHorizontal:n.horizontalPadding,paddingRight:t==="arrow"?0:n.horizontalPadding,marginHorizontal:n.horizontalPadding*-1,marginVertical:n.verticalPadding*-1,marginRight:t==="arrow"?0:n.horizontalPadding*-1,opacity:a?.38:1},o],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:e,fontWeight:i,color:l,style:{textDecorationLine:t==="underline"?"underline":"none",textDecorationColor:l},children:d}),t==="arrow"?(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"arrow-rightwards",size:getTextButtonIconFrameSize(e).width,color:l,"data-logging-label":"arrow-rightwards"}):void 0]})})}const styles=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",flexDirection:"row",borderRadius:8}});function getTextButtonIconFrameSize(t){switch(t){case"t1":case"st1":case"st2":return{width:31,height:31};case"st3":case"t2":case"st4":case"st5":case"st6":case"t3":case"st7":case"t4":case"st8":case"st9":case"t5":case"st10":case"t6":return{width:24,height:24};case"st11":case"t7":case"st12":case"st13":return{width:20,height:20};default:return{width:24,height:24}}}const backgroundStyleMapper={level5:{arrow:{top:-9,right:0,bottom:-9,left:-15,borderRadius:15},underline:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15},clear:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15}},level4:{arrow:{top:-7,right:0,bottom:-7,left:-13,borderRadius:13},underline:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13},clear:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13}},level3:{arrow:{top:-5,right:0,bottom:-5,left:-11,borderRadius:11},underline:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11},clear:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11}},level2:{arrow:{top:-4,right:0,bottom:-4,left:-9,borderRadius:9},underline:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9},clear:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9}},level1:{arrow:{top:-3,right:0,bottom:-3,left:-7,borderRadius:7},underline:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7},clear:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7}}},textButtonBackgroundStyleMapper={t1:backgroundStyleMapper.level5,st1:backgroundStyleMapper.level5,st2:backgroundStyleMapper.level4,st3:backgroundStyleMapper.level4,t2:backgroundStyleMapper.level4,st4:backgroundStyleMapper.level4,st5:backgroundStyleMapper.level4,st6:backgroundStyleMapper.level4,t3:backgroundStyleMapper.level3,st7:backgroundStyleMapper.level3,t4:backgroundStyleMapper.level3,st8:backgroundStyleMapper.level3,st9:backgroundStyleMapper.level2,t5:backgroundStyleMapper.level2,st10:backgroundStyleMapper.level2,t6:backgroundStyleMapper.level1,st11:backgroundStyleMapper.level1,t7:backgroundStyleMapper.level1,st12:backgroundStyleMapper.level1,st13:backgroundStyleMapper.level1};TextButton.gap=8;
+"use strict";var __createBinding=Object.create?function(t,e,i,r){r===void 0&&(r=i);var o=Object.getOwnPropertyDescriptor(e,i);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,r,o)}:function(t,e,i,r){r===void 0&&(r=i),t[r]=e[i]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(i){var r=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(i,e,r[o]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextButton=TextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../constants/index.js"),index_js_2=require("../../core/index.js"),index_js_3=require("../icon/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),index_js_4=require("../../interactions/pressable-effect/index.js"),react_1=require("react"),react_native_1=require("react-native");function TextButton({variant:t="clear",typography:e,fontWeight:i,color:r,style:o,disabled:s=!1,onPress:d,children:u}){const a=(0,index_js_2.useAdaptive)(),{typographyLevel:c}=(0,index_js_2.useTypographyTheme)(),l=r??a.grey800,n=(0,react_1.useMemo)(()=>(0,index_js_1.getLinkTypography)(c),[c])[e];return(0,jsx_runtime_1.jsx)(index_js_4.PressableEffect,{accessibilityRole:"button",underlay:(0,jsx_runtime_1.jsx)(index_js_4.PressableEffect.Underlay,{style:{position:"absolute",backgroundColor:a.greyOpacity100,...textButtonBackgroundStyleMapper[e][t]}}),onPress:s?void 0:d,style:{alignSelf:"flex-start"},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.base,{paddingVertical:n.verticalPadding,paddingHorizontal:n.horizontalPadding,paddingRight:t==="arrow"?0:n.horizontalPadding,marginHorizontal:n.horizontalPadding*-1,marginVertical:n.verticalPadding*-1,marginRight:t==="arrow"?0:n.horizontalPadding*-1,opacity:s?.38:1},o],children:[(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:e,fontWeight:i,color:l,style:{textDecorationLine:t==="underline"?"underline":"none",textDecorationColor:l},children:u}),t==="arrow"?(0,jsx_runtime_1.jsx)(index_js_3.Icon,{name:"arrow-rightwards",size:getTextButtonIconFrameSize(e).width,color:l,"data-logging-label":"arrow-rightwards"}):void 0]})})}const styles=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",flexDirection:"row",borderRadius:8}});function getTextButtonIconFrameSize(t){switch(t){case"t1":case"st1":case"st2":return{width:31,height:31};case"st3":case"t2":case"st4":case"st5":case"st6":case"t3":case"st7":case"t4":case"st8":case"st9":case"t5":case"st10":case"t6":return{width:24,height:24};case"st11":case"t7":case"st12":case"st13":return{width:20,height:20};default:return{width:24,height:24}}}const backgroundStyleMapper={level5:{arrow:{top:-9,right:0,bottom:-9,left:-15,borderRadius:15},underline:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15},clear:{top:-9,right:-15,bottom:-9,left:-15,borderRadius:15}},level4:{arrow:{top:-7,right:0,bottom:-7,left:-13,borderRadius:13},underline:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13},clear:{top:-7,right:-13,bottom:-7,left:-13,borderRadius:13}},level3:{arrow:{top:-5,right:0,bottom:-5,left:-11,borderRadius:11},underline:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11},clear:{top:-5,right:-11,bottom:-5,left:-11,borderRadius:11}},level2:{arrow:{top:-4,right:0,bottom:-4,left:-9,borderRadius:9},underline:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9},clear:{top:-4,right:-9,bottom:-4,left:-9,borderRadius:9}},level1:{arrow:{top:-3,right:0,bottom:-3,left:-7,borderRadius:7},underline:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7},clear:{top:-3,right:-7,bottom:-3,left:-7,borderRadius:7}}},textButtonBackgroundStyleMapper={t1:backgroundStyleMapper.level5,st1:backgroundStyleMapper.level5,st2:backgroundStyleMapper.level4,st3:backgroundStyleMapper.level4,t2:backgroundStyleMapper.level4,st4:backgroundStyleMapper.level4,st5:backgroundStyleMapper.level4,st6:backgroundStyleMapper.level4,t3:backgroundStyleMapper.level3,st7:backgroundStyleMapper.level3,t4:backgroundStyleMapper.level3,st8:backgroundStyleMapper.level3,st9:backgroundStyleMapper.level2,t5:backgroundStyleMapper.level2,st10:backgroundStyleMapper.level2,t6:backgroundStyleMapper.level1,st11:backgroundStyleMapper.level1,t7:backgroundStyleMapper.level1,st12:backgroundStyleMapper.level1,st13:backgroundStyleMapper.level1};TextButton.gap=8;

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

@@ -1,2 +1,2 @@
-export { TextButton } from './TextButton';
-export type { TextButtonProps } from './TextButton';
+export { TextButton } from './TextButton.js';
+export type { TextButtonProps } from './TextButton.js';

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

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

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

@@ -1,7 +1,8 @@
-import { ComponentProps } from 'react';
-import { StyleProp, TextInput, ViewStyle } from 'react-native';
-import { TDSTextFieldContainerProps } from './TDSTextFieldContainer';
-import { TDSTextFieldContentProps } from './TDSTextFieldContent';
+import type { ComponentProps } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { TextInput } from 'react-native';
+import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer.js';
+import type { TDSTextFieldContentProps } from './TDSTextFieldContent.js';
 export type TDSTextFieldSize = 'big' | 'medium' | 'classic';
 export type TDSTextFieldState = 'default' | 'focused' | 'error' | 'disabled';
 export type TDSTextFieldProps = Omit<ComponentProps<typeof TextInput>, 'clearButtonMode'> & Omit<TDSTextFieldContainerProps, 'focus' | 'children' | 'onPress'> & Pick<TDSTextFieldContentProps, 'leftItem' | 'rightItem'> & {

package/dist/cjs/components/text-field/OldTextField/TDSTextField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),icon_1=require("../../icon"),hooks_1=require("./hooks"),TDSTextFieldContainer_1=require("./TDSTextFieldContainer"),TDSTextFieldContent_1=require("./TDSTextFieldContent"),utils_1=require("./utils"),TDS_COMMON_INPUT_ACCESSORY_VIEW_ID="TDSCommonInputAccessoryViewID";exports.TDSTextField=(0,react_1.forwardRef)(function({label:S,helpText:_,error:o,size:n,style:p,disabled:e=!1,leftItem:i,rightItem:l,onFocus:f,onBlur:y,placeholder:h,editable:c=!0,clearable:D=!1,textInputStyle:F,value:s,onClear:g,contentStyle:C,...a},m){const[t,u]=(0,react_1.useState)(!1),T=s!=null&&s.length>0,q=(0,utils_1.getState)({disabled:e,focus:t,error:o}),d=(0,hooks_1.useElementStyle)(n,q),x=(0,core_1.useAdaptive)(),{typography:I}=(0,core_1.useTypographyTheme)(),j=(c?T&&t:T)&&D;return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_1.TDSTextFieldContainer,{label:S,helpText:_,error:o,focus:t,size:n,style:p,disabled:e,children:(0,jsx_runtime_1.jsxs)(TDSTextFieldContent_1.TDSTextFieldContent,{disabled:e,focus:t,error:o,size:n,leftItem:i,rightItem:l,style:C,children:[(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{allowFontScaling:!1,style:[{flex:1,marginLeft:i?8:0,marginRight:l?8:0,textAlignVertical:"center",padding:0,fontSize:I.st10.fontSize},d.input,{color:d.input.color},F],ref:m,placeholder:h,placeholderTextColor:x.grey500,editable:!!(c&&!e),onFocus:r=>{u(!0),f?.(r)},onBlur:r=>{u(!1),y?.(r)},value:s,...a,inputAccessoryViewID:a.inputAccessoryViewID??TDS_COMMON_INPUT_ACCESSORY_VIEW_ID}),j?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:()=>{g?.()},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:x.grey400,name:"icn-delete",size:20})}):null]})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../icon/index.js"),hooks_js_1=require("./hooks.js"),TDSTextFieldContainer_js_1=require("./TDSTextFieldContainer.js"),TDSTextFieldContent_js_1=require("./TDSTextFieldContent.js"),utils_js_1=require("./utils.js"),TDS_COMMON_INPUT_ACCESSORY_VIEW_ID="TDSCommonInputAccessoryViewID";exports.TDSTextField=(0,react_1.forwardRef)(function({label:_,helpText:j,error:s,size:n,style:S,disabled:e=!1,leftItem:i,rightItem:l,onFocus:p,onBlur:f,placeholder:y,editable:c=!0,clearable:h=!1,textInputStyle:D,value:o,onClear:F,contentStyle:g,...a},C){const[t,u]=(0,react_1.useState)(!1),d=o!=null&&o.length>0,m=(0,utils_js_1.getState)({disabled:e,focus:t,error:s}),x=(0,hooks_js_1.useElementStyle)(n,m),T=(0,index_js_1.useAdaptive)(),{typography:q}=(0,index_js_1.useTypographyTheme)(),I=(c?d&&t:d)&&h;return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_js_1.TDSTextFieldContainer,{label:_,helpText:j,error:s,focus:t,size:n,style:S,disabled:e,children:(0,jsx_runtime_1.jsxs)(TDSTextFieldContent_js_1.TDSTextFieldContent,{disabled:e,focus:t,error:s,size:n,leftItem:i,rightItem:l,style:g,children:[(0,jsx_runtime_1.jsx)(react_native_1.TextInput,{allowFontScaling:!1,style:[{flex:1,marginLeft:i?8:0,marginRight:l?8:0,textAlignVertical:"center",padding:0,fontSize:q.st10.fontSize},x.input,{color:x.input.color},D],ref:C,placeholder:y,placeholderTextColor:T.grey500,editable:!!(c&&!e),onFocus:r=>{u(!0),p?.(r)},onBlur:r=>{u(!1),f?.(r)},value:o,...a,inputAccessoryViewID:a.inputAccessoryViewID??TDS_COMMON_INPUT_ACCESSORY_VIEW_ID}),I?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:()=>{F?.()},children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{color:T.grey400,name:"icn-delete",size:20})}):null]})})});

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { TDSTextFieldSize } from './TDSTextField';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { TDSTextFieldSize } from './TDSTextField.js';
 export interface TDSTextFieldContainerProps {
     label?: string;
     placeholder?: string;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContainer=TDSTextFieldContainer;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),txt_1=require("../../txt"),react_native_1=require("react-native"),hooks_1=require("./hooks"),utils_1=require("./utils");function TDSTextFieldContainer({label:t,helpText:r,error:o,focus:n,size:s,style:i,disabled:c=!1,children:l}){const u=(0,utils_1.getState)({disabled:c,focus:n,error:o}),e=(0,hooks_1.useElementStyle)(s,u),{typography:a}=(0,core_1.useTypographyTheme)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:t!=null?0:8,marginBottom:r?0:8},i],children:[t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",style:{...e.label,color:e.label.color,minHeight:a.t5.lineHeight},children:t}),l,r!==void 0&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{...e.helpText,color:e.helpText.color},children:r})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContainer=TDSTextFieldContainer;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),react_native_1=require("react-native"),hooks_js_1=require("./hooks.js"),utils_js_1=require("./utils.js");function TDSTextFieldContainer({label:t,helpText:s,error:r,focus:n,size:o,style:i,disabled:l=!1,children:c}){const u=(0,utils_js_1.getState)({disabled:l,focus:n,error:r}),e=(0,hooks_js_1.useElementStyle)(o,u),{typography:a}=(0,index_js_1.useTypographyTheme)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:t!=null?0:8,marginBottom:s?0:8},i],children:[t!=null&&(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t5",style:{...e.label,color:e.label.color,minHeight:a.t5.lineHeight},children:t}),c,s!==void 0&&(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:{...e.helpText,color:e.helpText.color},children:s})]})}

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import type { TDSTextFieldSize } from './TDSTextField';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { TDSTextFieldSize } from './TDSTextField.js';
 export interface TDSTextFieldContentProps {
     disabled?: boolean;
     focus?: boolean;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldContent.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContent=TDSTextFieldContent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importDefault(require("react")),react_native_1=require("react-native"),hooks_1=require("./hooks"),utils_1=require("./utils");function TDSTextFieldContent({disabled:e,focus:i,error:l,size:t,leftItem:n,rightItem:o,children:u,style:s}){const a=(0,utils_1.getState)({disabled:e,focus:i,error:l}),r=(0,hooks_1.useElementStyle)(t,a);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},r.inputContainer,{backgroundColor:r.inputContainer.backgroundColor,borderBottomColor:r.inputContainer.borderBottomColor},s],children:[react_1.default.isValidElement(n)&&react_1.default.cloneElement(n,{textfieldSize:t}),u,react_1.default.isValidElement(o)&&react_1.default.cloneElement(o,{textfieldSize:t})]})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldContent=TDSTextFieldContent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importDefault(require("react")),react_native_1=require("react-native"),hooks_js_1=require("./hooks.js"),utils_js_1=require("./utils.js");function TDSTextFieldContent({disabled:e,focus:i,error:l,size:t,leftItem:n,rightItem:o,children:s,style:u}){const a=(0,utils_js_1.getState)({disabled:e,focus:i,error:l}),r=(0,hooks_js_1.useElementStyle)(t,a);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{flexDirection:"row",alignItems:"center"},r.inputContainer,{backgroundColor:r.inputContainer.backgroundColor,borderBottomColor:r.inputContainer.borderBottomColor},u],children:[react_1.default.isValidElement(n)&&react_1.default.cloneElement(n,{textfieldSize:t}),s,react_1.default.isValidElement(o)&&react_1.default.cloneElement(o,{textfieldSize:t})]})}

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldItem.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TouchableOpacityProps, ViewStyle } from 'react-native';
-import type { TDSTextFieldSize } from './TDSTextField';
+import type { StyleProp, TouchableOpacityProps, ViewStyle } from 'react-native';
+import type { TDSTextFieldSize } from './TDSTextField.js';
 export declare function TDSTextFieldItem({ style, children }: {
     style?: StyleProp<ViewStyle>;
     children?: React.ReactNode;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldItem=TDSTextFieldItem;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),icon_1=require("../../icon"),txt_1=require("../../txt");function TDSTextFieldItem({style:e,children:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignItems:"center",justifyContent:"center"},e],children:t})}function TDSTextFieldLabelItem({label:e,style:t,textfieldSize:o}){const r=(0,core_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>getLabelTxtStyle({grey900:r.grey900}),[r.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:t,children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{...c[o??"medium"],children:e})})}function TDSTextFieldIconItem({style:e,name:t,size:o,color:r=tds_colors_1.colors.grey400,onPress:c}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{onPress:c,children:(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:e,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:t,color:r,size:o})})})}TDSTextFieldItem.Label=TDSTextFieldLabelItem,TDSTextFieldItem.Icon=TDSTextFieldIconItem;const getLabelTxtStyle=({grey900:e})=>({big:{typography:"t1",fontWeight:"medium",color:e},medium:{typography:"t3",fontWeight:"regular",color:e},classic:{typography:"t4",fontWeight:"regular",color:e}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TDSTextFieldItem=TDSTextFieldItem;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../icon/index.js"),index_js_3=require("../../txt/index.js");function TDSTextFieldItem({style:e,children:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignItems:"center",justifyContent:"center"},e],children:t})}function TDSTextFieldLabelItem({label:e,style:t,textfieldSize:n}){const r=(0,index_js_1.useAdaptive)(),s=(0,react_1.useMemo)(()=>getLabelTxtStyle({grey900:r.grey900}),[r.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:t,children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{...s[n??"medium"],children:e})})}function TDSTextFieldIconItem({style:e,name:t,size:n,color:r=tds_colors_1.colors.grey400,onPress:s}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{onPress:s,children:(0,jsx_runtime_1.jsx)(TDSTextFieldItem,{style:e,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{name:t,color:r,size:n})})})}TDSTextFieldItem.Label=TDSTextFieldLabelItem,TDSTextFieldItem.Icon=TDSTextFieldIconItem;const getLabelTxtStyle=({grey900:e})=>({big:{typography:"t1",fontWeight:"medium",color:e},medium:{typography:"t3",fontWeight:"regular",color:e},classic:{typography:"t4",fontWeight:"regular",color:e}});

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldSelectButton.d.ts

@@ -1,4 +1,4 @@
-import { TDSTextFieldContainerProps } from './TDSTextFieldContainer';
+import type { TDSTextFieldContainerProps } from './TDSTextFieldContainer.js';
 interface TextFieldSelectButtonProps extends Omit<TDSTextFieldContainerProps, 'children' | 'rightItem'> {
     placeholder: string;
     value: string | undefined;

package/dist/cjs/components/text-field/OldTextField/TDSTextFieldSelectButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldSelectButton=TextFieldSelectButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),pressable_effect_1=require("../../../interactions/pressable-effect"),react_native_1=require("react-native"),react_1=require("react"),styles_1=require("./styles"),TDSTextFieldContainer_1=require("./TDSTextFieldContainer"),TDSTextFieldItem_1=require("./TDSTextFieldItem"),TDSTextFieldContent_1=require("./TDSTextFieldContent");function TextFieldSelectButton({value:r,placeholder:n,onPress:i,...t}){const s=!!r,e=(0,core_1.useAdaptive)(),o=t.size==="classic"?pressable_effect_1.PressableEffect:react_native_1.Pressable,c=(0,react_1.useMemo)(()=>(0,styles_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),[e.grey400,e.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_1.TDSTextFieldContainer,{...t,children:(0,jsx_runtime_1.jsx)(o,{onPress:i,children:(0,jsx_runtime_1.jsx)(TDSTextFieldContent_1.TDSTextFieldContent,{rightItem:(0,jsx_runtime_1.jsx)(TDSTextFieldItem_1.TDSTextFieldItem.Icon,{name:"arrow-downwards"}),size:t.size,children:(0,jsx_runtime_1.jsx)(react_native_1.Text,{style:[c["classic-default"],{flex:1,color:s?e.grey500:e.grey900,width:"100%"}],children:s?n:r})})})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextFieldSelectButton=TextFieldSelectButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/pressable-effect/index.js"),react_native_1=require("react-native"),react_1=require("react"),styles_js_1=require("./styles.js"),TDSTextFieldContainer_js_1=require("./TDSTextFieldContainer.js"),TDSTextFieldItem_js_1=require("./TDSTextFieldItem.js"),TDSTextFieldContent_js_1=require("./TDSTextFieldContent.js");function TextFieldSelectButton({value:s,placeholder:n,onPress:i,...t}){const r=!!s,e=(0,index_js_1.useAdaptive)(),o=t.size==="classic"?index_js_2.PressableEffect:react_native_1.Pressable,c=(0,react_1.useMemo)(()=>(0,styles_js_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),[e.grey400,e.grey900]);return(0,jsx_runtime_1.jsx)(TDSTextFieldContainer_js_1.TDSTextFieldContainer,{...t,children:(0,jsx_runtime_1.jsx)(o,{onPress:i,children:(0,jsx_runtime_1.jsx)(TDSTextFieldContent_js_1.TDSTextFieldContent,{rightItem:(0,jsx_runtime_1.jsx)(TDSTextFieldItem_js_1.TDSTextFieldItem.Icon,{name:"arrow-downwards"}),size:t.size,children:(0,jsx_runtime_1.jsx)(react_native_1.Text,{style:[c["classic-default"],{flex:1,color:r?e.grey500:e.grey900,width:"100%"}],children:r?n:s})})})})}

package/dist/cjs/components/text-field/OldTextField/TextArea.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TextInput, TextStyle } from 'react-native';
-import { TDSTextFieldProps } from './TDSTextField';
+import type { StyleProp, TextInput, TextStyle } from 'react-native';
+import type { TDSTextFieldProps } from './TDSTextField.js';
 interface TextAreaProps extends Omit<TDSTextFieldProps, 'size' | 'multiline' | 'textInputStyle'> {
     /**
      *

package/dist/cjs/components/text-field/OldTextField/TextArea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),react_1=require("react"),TDSTextField_1=require("./TDSTextField"),TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:i}=(0,core_1.useTypographyTheme)(),{fontSize:s,lineHeight:n}=i.st10;return(0,jsx_runtime_1.jsx)(TDSTextField_1.TDSTextField,{ref:r,size:"classic",textInputStyle:[{minHeight:n*2+5,fontSize:s},e],multiline:!0,...t})});exports.default=TextArea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),react_1=require("react"),TDSTextField_js_1=require("./TDSTextField.js"),TextArea=(0,react_1.forwardRef)(function({textAreaStyle:e,...t},r){const{typography:s}=(0,index_js_1.useTypographyTheme)(),{fontSize:i,lineHeight:n}=s.st10;return(0,jsx_runtime_1.jsx)(TDSTextField_js_1.TDSTextField,{ref:r,size:"classic",textInputStyle:[{minHeight:n*2+5,fontSize:i},e],multiline:!0,...t})});exports.default=TextArea;

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

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

package/dist/cjs/components/text-field/OldTextField/hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useElementStyle=useElementStyle;const react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),styles_1=require("./styles");function useElementStyle(t,r){const e=(0,core_1.useAdaptive)();return(0,react_1.useMemo)(()=>{const y=(0,styles_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),l=(0,styles_1.getLabelStyle)({grey700:e.grey700,grey800:e.grey800}),n=(0,styles_1.getHelpTextStyle)({grey500:e.grey500,grey600:e.grey600,grey700:e.grey700}),g=(0,styles_1.getInputContainerStyle)({grey50:e.grey50,grey100:e.grey100,grey200:e.grey200});return{label:react_native_1.StyleSheet.flatten([l[`${t}-default`],l[`${t}-${r}`]]),input:react_native_1.StyleSheet.flatten([y[`${t}-default`],y[`${t}-${r}`]]),inputContainer:react_native_1.StyleSheet.flatten([g[`${t}-default`],g[`${t}-${r}`]]),helpText:react_native_1.StyleSheet.flatten([n[`${t}-default`],n[`${t}-${r}`]])}},[e.grey50,e.grey100,e.grey200,e.grey400,e.grey500,e.grey600,e.grey700,e.grey800,e.grey900,t,r])}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useElementStyle=useElementStyle;const react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),styles_js_1=require("./styles.js");function useElementStyle(t,r){const e=(0,index_js_1.useAdaptive)();return(0,react_1.useMemo)(()=>{const y=(0,styles_js_1.getInputStyle)({grey400:e.grey400,grey900:e.grey900}),l=(0,styles_js_1.getLabelStyle)({grey700:e.grey700,grey800:e.grey800}),n=(0,styles_js_1.getHelpTextStyle)({grey500:e.grey500,grey600:e.grey600,grey700:e.grey700}),g=(0,styles_js_1.getInputContainerStyle)({grey50:e.grey50,grey100:e.grey100,grey200:e.grey200});return{label:react_native_1.StyleSheet.flatten([l[`${t}-default`],l[`${t}-${r}`]]),input:react_native_1.StyleSheet.flatten([y[`${t}-default`],y[`${t}-${r}`]]),inputContainer:react_native_1.StyleSheet.flatten([g[`${t}-default`],g[`${t}-${r}`]]),helpText:react_native_1.StyleSheet.flatten([n[`${t}-default`],n[`${t}-${r}`]])}},[e.grey50,e.grey100,e.grey200,e.grey400,e.grey500,e.grey600,e.grey700,e.grey800,e.grey900,t,r])}

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

@@ -1,7 +1,7 @@
-import { TDSTextFieldItem } from './TDSTextFieldItem';
-import { TextFieldSelectButton } from './TDSTextFieldSelectButton';
+import { TDSTextFieldItem } from './TDSTextFieldItem.js';
+import { TextFieldSelectButton } from './TDSTextFieldSelectButton.js';
 /** @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.js").TDSTextFieldContainerProps, "children" | "focus" | "onPress"> & Pick<import("./TDSTextFieldContent.js").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/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;const TDSTextField_1=require("./TDSTextField"),TDSTextFieldItem_1=require("./TDSTextFieldItem"),TDSTextFieldSelectButton_1=require("./TDSTextFieldSelectButton"),OldTextField=TDSTextField_1.TDSTextField;exports.OldTextField=OldTextField;const OldTextFieldItem=TDSTextFieldItem_1.TDSTextFieldItem;exports.OldTextFieldItem=OldTextFieldItem;const OldTextFieldSelectButton=TDSTextFieldSelectButton_1.TextFieldSelectButton;exports.OldTextFieldSelectButton=OldTextFieldSelectButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OldTextFieldSelectButton=exports.OldTextFieldItem=exports.OldTextField=void 0;const TDSTextField_js_1=require("./TDSTextField.js"),TDSTextFieldItem_js_1=require("./TDSTextFieldItem.js"),TDSTextFieldSelectButton_js_1=require("./TDSTextFieldSelectButton.js"),OldTextField=TDSTextField_js_1.TDSTextField;exports.OldTextField=OldTextField;const OldTextFieldItem=TDSTextFieldItem_js_1.TDSTextFieldItem;exports.OldTextFieldItem=OldTextFieldItem;const OldTextFieldSelectButton=TDSTextFieldSelectButton_js_1.TextFieldSelectButton;exports.OldTextFieldSelectButton=OldTextFieldSelectButton;

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

@@ -1,6 +1,6 @@
-import { TextStyle, ViewStyle } from 'react-native';
-import { TxtStyleProps } from '../../txt';
-import { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { TxtStyleProps } from '../../txt/index.js';
+import type { TDSTextFieldSize, TDSTextFieldState } from './TDSTextField.js';
 type TextStyleByVariant = Record<`${TDSTextFieldSize}-${TDSTextFieldState}`, Omit<TextStyle, 'color'> & {
     color: TxtStyleProps['color'];
 }>;

package/dist/cjs/components/text-field/OldTextField/styles.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputStyle=exports.fontFamilyMap=exports.getInputContainerStyle=exports.getHelpTextStyle=exports.getLabelStyle=void 0;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_native_1=require("react-native"),txt_1=require("../../txt"),getLabelStyle=({grey700:o,grey800:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.st10.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:e},"big-focused":{color:tds_colors_1.colors.blue700},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:o},"medium-focused":{color:tds_colors_1.colors.blue700},"medium-error":{color:tds_colors_1.colors.red600},"medium-disabled":{},"classic-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.semiBold,color:o},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getLabelStyle=getLabelStyle;const getHelpTextStyle=({grey500:o,grey600:e,grey700:t})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:e},"big-focused":{},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:o},"medium-focused":{color:e},"medium-error":{color:tds_colors_1.colors.red500},"medium-disabled":{color:o},"classic-default":{fontSize:txt_1.defaultTypographyMap.t7.fontSize,fontWeight:txt_1.fontWeightMap.regular,color:t},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getHelpTextStyle=getHelpTextStyle;const getInputContainerStyle=({grey50:o,grey100:e,grey200:t})=>react_native_1.StyleSheet.create({"big-default":{borderBottomWidth:2,borderBottomColor:t,paddingBottom:8,paddingTop:8},"big-focused":{borderBottomColor:tds_colors_1.colors.blue400},"big-error":{borderBottomColor:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{borderBottomWidth:2,borderBottomColor:e,paddingBottom:6,paddingTop:6},"medium-focused":{borderBottomColor:tds_colors_1.colors.blue400},"medium-error":{borderBottomColor:tds_colors_1.colors.red600},"medium-disabled":{borderBottomColor:"transparent"},"classic-default":{paddingBottom:15,paddingTop:14,borderRadius:14,backgroundColor:o,paddingHorizontal:16},"classic-focused":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue900,.05)},"classic-error":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.red900,.05)},"classic-disabled":{backgroundColor:t}});exports.getInputContainerStyle=getInputContainerStyle,exports.fontFamilyMap=txt_1.fontFamilyByFontWeightMap[react_native_1.Platform.OS==="android"?"android":"ios"];const getInputStyle=({grey400:o,grey900:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:txt_1.defaultTypographyMap.t1.fontSize,fontWeight:txt_1.fontWeightMap.medium,fontFamily:exports.fontFamilyMap.medium,color:e},"big-focused":{},"big-error":{},"big-disabled":{},"medium-default":{fontSize:txt_1.defaultTypographyMap.t3.fontSize,fontWeight:txt_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"medium-focused":{},"medium-error":{},"medium-disabled":{},"classic-default":{fontSize:txt_1.defaultTypographyMap.t4.fontSize,fontWeight:txt_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"classic-focused":{},"classic-error":{},"classic-disabled":{color:o}});exports.getInputStyle=getInputStyle;
+"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputStyle=exports.fontFamilyMap=exports.getInputContainerStyle=exports.getHelpTextStyle=exports.getLabelStyle=void 0;const tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_native_1=require("react-native"),index_js_1=require("../../txt/index.js"),getLabelStyle=({grey700:o,grey800:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.st10.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:e},"big-focused":{color:tds_colors_1.colors.blue700},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:o},"medium-focused":{color:tds_colors_1.colors.blue700},"medium-error":{color:tds_colors_1.colors.red600},"medium-disabled":{},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.semiBold,color:o},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getLabelStyle=getLabelStyle;const getHelpTextStyle=({grey500:o,grey600:e,grey700:t})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:e},"big-focused":{},"big-error":{color:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:o},"medium-focused":{color:e},"medium-error":{color:tds_colors_1.colors.red500},"medium-disabled":{color:o},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t7.fontSize,fontWeight:index_js_1.fontWeightMap.regular,color:t},"classic-focused":{color:tds_colors_1.colors.blue700},"classic-error":{color:tds_colors_1.colors.red600},"classic-disabled":{}});exports.getHelpTextStyle=getHelpTextStyle;const getInputContainerStyle=({grey50:o,grey100:e,grey200:t})=>react_native_1.StyleSheet.create({"big-default":{borderBottomWidth:2,borderBottomColor:t,paddingBottom:8,paddingTop:8},"big-focused":{borderBottomColor:tds_colors_1.colors.blue400},"big-error":{borderBottomColor:tds_colors_1.colors.red600},"big-disabled":{},"medium-default":{borderBottomWidth:2,borderBottomColor:e,paddingBottom:6,paddingTop:6},"medium-focused":{borderBottomColor:tds_colors_1.colors.blue400},"medium-error":{borderBottomColor:tds_colors_1.colors.red600},"medium-disabled":{borderBottomColor:"transparent"},"classic-default":{paddingBottom:15,paddingTop:14,borderRadius:14,backgroundColor:o,paddingHorizontal:16},"classic-focused":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue900,.05)},"classic-error":{backgroundColor:(0,hex_to_rgba_1.default)(tds_colors_1.colors.red900,.05)},"classic-disabled":{backgroundColor:t}});exports.getInputContainerStyle=getInputContainerStyle,exports.fontFamilyMap=index_js_1.fontFamilyByFontWeightMap[react_native_1.Platform.OS==="android"?"android":"ios"];const getInputStyle=({grey400:o,grey900:e})=>react_native_1.StyleSheet.create({"big-default":{fontSize:index_js_1.defaultTypographyMap.t1.fontSize,fontWeight:index_js_1.fontWeightMap.medium,fontFamily:exports.fontFamilyMap.medium,color:e},"big-focused":{},"big-error":{},"big-disabled":{},"medium-default":{fontSize:index_js_1.defaultTypographyMap.t3.fontSize,fontWeight:index_js_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"medium-focused":{},"medium-error":{},"medium-disabled":{},"classic-default":{fontSize:index_js_1.defaultTypographyMap.t4.fontSize,fontWeight:index_js_1.fontWeightMap.regular,fontFamily:exports.fontFamilyMap.regular,color:e},"classic-focused":{},"classic-error":{},"classic-disabled":{color:o}});exports.getInputStyle=getInputStyle;

package/dist/cjs/components/text-field/OldTextField/utils.d.ts

@@ -1 +1 @@
-export declare function getState({ disabled, error, focus }: Record<'disabled' | 'error' | 'focus', boolean | undefined>): "default" | "error" | "disabled" | "focused";
+export declare function getState({ disabled, error, focus }: Record<'disabled' | 'error' | 'focus', boolean | undefined>): "disabled" | "default" | "error" | "focused";