@toss/tds-react-native 1.3.0 → 1.3.1

package/dist/cjs/components/search-field/SearchField.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});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),text_field_1=require("../text-field"),react_1=__importStar(require("react")),SearchField=(0,react_1.forwardRef)(function({placeholder:e,style:n,hasClearButton:t=!1,defaultValue:r,value:a,onChange:u,keyboardType:f,maxLength:d,autoFocus:_,editable:p,...x},o){let l=null;const[v,h]=react_1.default.useState(r||a),s=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(text_field_1.OldTextField,{ref:c=>{l=c,typeof o=="function"&&o(c)},style:n,defaultValue:r,value:a,onChange:c=>{u?.(c),h(c.nativeEvent.text)},keyboardType:f,maxLength:d,autoFocus:_,editable:p,placeholder:e,size:"classic",inputAccessoryViewID:"",leftItem:(0,jsx_runtime_1.jsx)(text_field_1.OldTextFieldItem.Icon,{name:"icon-search-mono",size:18,color:s.grey600},0),rightItem:t&&(v??"").length>0?(0,jsx_runtime_1.jsx)(text_field_1.OldTextFieldItem.Icon,{name:"icon-x-circle-mono",color:s.grey400,size:18,onPress:()=>{l?.clear(),u?.({nativeEvent:{text:""}})}}):null,...x})});exports.default=SearchField;
+"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});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../text-field/index.js"),react_1=__importStar(require("react")),SearchField=(0,react_1.forwardRef)(function({placeholder:e,style:n,hasClearButton:t=!1,defaultValue:r,value:a,onChange:u,keyboardType:f,maxLength:d,autoFocus:_,editable:x,...p},o){let s=null;const[j,v]=react_1.default.useState(r||a),l=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.OldTextField,{ref:c=>{s=c,typeof o=="function"&&o(c)},style:n,defaultValue:r,value:a,onChange:c=>{u?.(c),v(c.nativeEvent.text)},keyboardType:f,maxLength:d,autoFocus:_,editable:x,placeholder:e,size:"classic",inputAccessoryViewID:"",leftItem:(0,jsx_runtime_1.jsx)(index_js_2.OldTextFieldItem.Icon,{name:"icon-search-mono",size:18,color:l.grey600},0),rightItem:t&&(j??"").length>0?(0,jsx_runtime_1.jsx)(index_js_2.OldTextFieldItem.Icon,{name:"icon-x-circle-mono",color:l.grey400,size:18,onPress:()=>{s?.clear(),u?.({nativeEvent:{text:""}})}}):null,...p})});exports.default=SearchField;

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

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

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

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

package/dist/cjs/components/segmented-control/components/Indicator/Indicator.d.ts

@@ -1,3 +1,3 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export type IndicatorProps = ViewProps;
 export declare function Indicator({ style, children }: IndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/segmented-control/components/Indicator/Indicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Indicator=Indicator;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"),AlignmentContext_1=require("../../contexts/AlignmentContext"),IndicatorContext_1=require("../../contexts/IndicatorContext"),RadioContext_1=require("../../contexts/RadioContext"),useIndicatorBackground_1=require("../../hooks/useIndicatorBackground"),useIndicatorStyle_1=require("./useIndicatorStyle");function Indicator({style:s,children:a}){const{indicatorX:c,setIndicatorX:n,indicatorWidth:d,setIndicatorWidth:r}=(0,react_1.useContext)(IndicatorContext_1.IndicatorContext),{selectedElementLayout:t}=(0,react_1.useContext)(RadioContext_1.RadioContext),{indicatorStyle:u}=(0,useIndicatorStyle_1.useIndicatorStyle)(),{colorPreference:l}=(0,core_1.useColorPreference)(),{alignment:g}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),x=(0,useIndicatorBackground_1.useIndicatorBackground)(),i=(0,react_1.useRef)(!0),o=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=e.interpolate({inputRange:[0,1],outputRange:[c,t?.x??0]}),f=e.interpolate({inputRange:[0,1],outputRange:[d,t?.width??0]});(0,react_1.useEffect)(()=>{t!=null&&(i.current===!0?(r(t.width),n(t.x),i.current=!1,react_native_1.Animated.spring(o,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()):(e.setValue(0),react_native_1.Animated.spring(e,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(()=>{n(t.x),r(t.width)})))},[t,o,e,r,n]);const p={zIndex:0,top:g==="fluid"?0:void 0,height:t?.height,backgroundColor:x,width:f,opacity:o,transform:[{translateX:h}]};return(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[u,p,{shadowColor:l==="light"?"rgba(0, 0, 0, 0.09)":"rgba(1, 1, 1, 0.09)",shadowOffset:{width:0,height:0},shadowOpacity:1,shadowRadius:2},s],children:a})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Indicator=Indicator;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"),AlignmentContext_js_1=require("../../contexts/AlignmentContext.js"),IndicatorContext_js_1=require("../../contexts/IndicatorContext.js"),RadioContext_js_1=require("../../contexts/RadioContext.js"),useIndicatorBackground_js_1=require("../../hooks/useIndicatorBackground.js"),useIndicatorStyle_js_1=require("./useIndicatorStyle.js");function Indicator({style:s,children:a}){const{indicatorX:c,setIndicatorX:n,indicatorWidth:d,setIndicatorWidth:r}=(0,react_1.useContext)(IndicatorContext_js_1.IndicatorContext),{selectedElementLayout:t}=(0,react_1.useContext)(RadioContext_js_1.RadioContext),{indicatorStyle:u}=(0,useIndicatorStyle_js_1.useIndicatorStyle)(),{colorPreference:l}=(0,index_js_1.useColorPreference)(),{alignment:g}=(0,react_1.useContext)(AlignmentContext_js_1.AlignmentContext),x=(0,useIndicatorBackground_js_1.useIndicatorBackground)(),o=(0,react_1.useRef)(!0),i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=e.interpolate({inputRange:[0,1],outputRange:[c,t?.x??0]}),_=e.interpolate({inputRange:[0,1],outputRange:[d,t?.width??0]});(0,react_1.useEffect)(()=>{t!=null&&(o.current===!0?(r(t.width),n(t.x),o.current=!1,react_native_1.Animated.spring(i,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()):(e.setValue(0),react_native_1.Animated.spring(e,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(()=>{n(t.x),r(t.width)})))},[t,i,e,r,n]);const f={zIndex:0,top:g==="fluid"?0:void 0,height:t?.height,backgroundColor:x,width:_,opacity:i,transform:[{translateX:h}]};return(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[u,f,{shadowColor:l==="light"?"rgba(0, 0, 0, 0.09)":"rgba(1, 1, 1, 0.09)",shadowOffset:{width:0,height:0},shadowOpacity:1,shadowRadius:2},s],children:a})}

package/dist/cjs/components/segmented-control/components/Indicator/index.d.ts

@@ -1 +1 @@
-export * from './Indicator';
+export * from './Indicator.js';

package/dist/cjs/components/segmented-control/components/Indicator/index.js

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

package/dist/cjs/components/segmented-control/components/Indicator/useIndicatorStyle.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 interface IndicatorStyles {
     indicatorStyle: ViewProps['style'];
 }

package/dist/cjs/components/segmented-control/components/Indicator/useIndicatorStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorStyle=useIndicatorStyle;const react_1=require("react"),react_native_1=require("react-native"),SizeContext_1=require("../../contexts/SizeContext"),indicatorStyleBase={position:"absolute",zIndex:0,left:0},indicatorStyleSmall={top:3,bottom:3,borderRadius:8},indicatorStyleLarge={top:4,bottom:4,borderRadius:10};function useIndicatorStyle(){const t=(0,react_1.useContext)(SizeContext_1.SizeContext)==="small"?indicatorStyleSmall:indicatorStyleLarge;return{indicatorStyle:react_native_1.StyleSheet.compose(indicatorStyleBase,t)}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorStyle=useIndicatorStyle;const react_1=require("react"),react_native_1=require("react-native"),SizeContext_js_1=require("../../contexts/SizeContext.js"),indicatorStyleBase={position:"absolute",zIndex:0,left:0},indicatorStyleSmall={top:3,bottom:3,borderRadius:8},indicatorStyleLarge={top:4,bottom:4,borderRadius:10};function useIndicatorStyle(){const t=(0,react_1.useContext)(SizeContext_js_1.SizeContext)==="small"?indicatorStyleSmall:indicatorStyleLarge;return{indicatorStyle:react_native_1.StyleSheet.compose(indicatorStyleBase,t)}}

package/dist/cjs/components/segmented-control/components/Item/Item.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
 export interface ItemProps {
     value: string;
     size?: 'small' | 'large';

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"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../../extensions/prevent-font-scaling/index.js"),index_js_3=require("../../../../interactions/pressable-effect/index.js"),index_js_4=require("../../../paragraph/index.js"),AlignmentContext_js_1=require("../../contexts/AlignmentContext.js"),RadioContext_js_1=require("../../contexts/RadioContext.js"),useItemStyle_js_1=require("./useItemStyle.js");function Item({style:d,children:x,value:s,disabled:y=!1,size:j,..._}){const{ensureFluidAlignment:m}=(0,react_1.useContext)(AlignmentContext_js_1.AlignmentContext),[n,f]=(0,react_1.useState)(null),{setSelectedValue:c,selectedValue:b,setSelectedElementLayout:i,disabled:g}=(0,react_1.useContext)(RadioContext_js_1.RadioContext),t=g||y,o=(0,useItemStyle_js_1.useItemStyle)({size:j,disabled:t}),r=(0,index_js_1.useAdaptive)(),e=b===s,p=(0,react_1.useCallback)(()=>{c(s)},[s,c]),a=(0,react_1.useCallback)(()=>{n!=null&&i(n)},[n,i]);return(0,react_1.useEffect)(()=>{e&&a()},[e,a]),(0,jsx_runtime_1.jsx)(index_js_3.PressableEffect,{onPress:t||e?void 0:p,onLayout:l=>{const u=l.nativeEvent.layout;f(u),e&&i(u)},style:[o.containerStyle,d],accessibilityRole:"radio",accessibilityValue:{text:s},accessibilityState:{selected:e,disabled:t},disabled:t,..._,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{justifyContent:"center",alignItems:"center"},children:(0,jsx_runtime_1.jsx)(index_js_2.PreventFontScaling,{limit:140,children:(0,jsx_runtime_1.jsx)(index_js_4.Root,{typography:o.labelTypography,style:o.labelStyle,onTextLayout:l=>{m(l.nativeEvent.lines.length>1)},children:(0,jsx_runtime_1.jsx)(index_js_4.Text,{color:t?r.grey400:e?r.grey800:r.grey600,fontWeight:e?"semiBold":"medium",children:x})})})})})}

package/dist/cjs/components/segmented-control/components/Item/index.d.ts

@@ -1 +1 @@
-export * from './Item';
+export * from './Item.js';

package/dist/cjs/components/segmented-control/components/Item/index.js

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

package/dist/cjs/components/segmented-control/components/Item/useItemStyle.d.ts

@@ -1,5 +1,5 @@
-import { ViewProps } from 'react-native';
-import { ItemProps } from './Item';
+import type { ViewProps } from 'react-native';
+import type { ItemProps } from './Item.js';
 interface ItemStyles {
     containerStyle: ViewProps['style'];
     labelStyle: ViewProps['style'];

package/dist/cjs/components/segmented-control/components/Item/useItemStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useItemStyle=useItemStyle;const react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_1=require("../../contexts/AlignmentContext"),SizeContext_1=require("../../contexts/SizeContext"),containerStyle={zIndex:1,overflow:"hidden",borderRadius:12},containerStyleFixed={flex:1},containerStyleFluid={flexGrow:0,flexShrink:0,flexBasis:"auto"},labelStyleFixed={display:"flex",alignItems:"center",justifyContent:"center"},labelStyleSmall={paddingVertical:5,paddingHorizontal:14},labelStyleLarge={paddingVertical:7,paddingHorizontal:14};function useItemStyle(l){const o=(0,react_1.useContext)(SizeContext_1.SizeContext),{alignment:e}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),t=l.size??o,n=t==="small"?labelStyleSmall:labelStyleLarge;return{containerStyle:react_native_1.StyleSheet.compose(containerStyle,e==="fixed"?containerStyleFixed:containerStyleFluid),labelStyle:e==="fixed"?react_native_1.StyleSheet.compose(labelStyleFixed,n):n,labelTypography:t==="small"?"t6":"t5"}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useItemStyle=useItemStyle;const react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_js_1=require("../../contexts/AlignmentContext.js"),SizeContext_js_1=require("../../contexts/SizeContext.js"),containerStyle={zIndex:1,overflow:"hidden",borderRadius:12},containerStyleFixed={flex:1},containerStyleFluid={flexGrow:0,flexShrink:0,flexBasis:"auto"},labelStyleFixed={display:"flex",alignItems:"center",justifyContent:"center"},labelStyleSmall={paddingVertical:5,paddingHorizontal:14},labelStyleLarge={paddingVertical:7,paddingHorizontal:14};function useItemStyle(l){const o=(0,react_1.useContext)(SizeContext_js_1.SizeContext),{alignment:e}=(0,react_1.useContext)(AlignmentContext_js_1.AlignmentContext),t=l.size??o,n=t==="small"?labelStyleSmall:labelStyleLarge;return{containerStyle:react_native_1.StyleSheet.compose(containerStyle,e==="fixed"?containerStyleFixed:containerStyleFluid),labelStyle:e==="fixed"?react_native_1.StyleSheet.compose(labelStyleFixed,n):n,labelTypography:t==="small"?"t6":"t5"}}

package/dist/cjs/components/segmented-control/components/ItemGroup/ItemGroup.d.ts

@@ -1,4 +1,5 @@
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 interface Props extends ViewProps {
 }
 export type ItemGroupProps = Props;

package/dist/cjs/components/segmented-control/components/ItemGroup/ItemGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemGroup=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),AlignmentContext_1=require("../../contexts/AlignmentContext"),RadioContext_1=require("../../contexts/RadioContext"),ScrollContext_1=require("../../contexts/ScrollContext"),useItemGroupStyle_1=require("./useItemGroupStyle");exports.ItemGroup=(0,react_1.forwardRef)(function({style:n,children:o},c){const{ref:e,scrollHandlers:s}=(0,react_1.useContext)(ScrollContext_1.ScrollContext),{selectedElementLayout:t}=(0,react_1.useContext)(RadioContext_1.RadioContext),{alignment:l}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),i=(0,core_1.useAdaptive)(),u=(0,useItemGroupStyle_1.useItemGroupStyle)();return(0,react_1.useEffect)(()=>{if(e!=null&&e.current&&t){const r=Math.max(0,t.x-t.width/2);e.current.scrollTo({x:r,animated:!0})}},[e,t]),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[u.containerStyle,{backgroundColor:i.greyOpacity100},n],accessibilityRole:"radiogroup",ref:c,children:l==="fluid"?(0,jsx_runtime_1.jsx)(react_native_1.Animated.ScrollView,{scrollEventThrottle:16,onScroll:r=>{s.forEach(a=>{a(r)})},ref:e,horizontal:!0,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:o}):o})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemGroup=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"),AlignmentContext_js_1=require("../../contexts/AlignmentContext.js"),RadioContext_js_1=require("../../contexts/RadioContext.js"),ScrollContext_js_1=require("../../contexts/ScrollContext.js"),useItemGroupStyle_js_1=require("./useItemGroupStyle.js");exports.ItemGroup=(0,react_1.forwardRef)(function({style:n,children:o},s){const{ref:e,scrollHandlers:c}=(0,react_1.useContext)(ScrollContext_js_1.ScrollContext),{selectedElementLayout:t}=(0,react_1.useContext)(RadioContext_js_1.RadioContext),{alignment:l}=(0,react_1.useContext)(AlignmentContext_js_1.AlignmentContext),i=(0,index_js_1.useAdaptive)(),u=(0,useItemGroupStyle_js_1.useItemGroupStyle)();return(0,react_1.useEffect)(()=>{if(e!=null&&e.current&&t){const r=Math.max(0,t.x-t.width/2);e.current.scrollTo({x:r,animated:!0})}},[e,t]),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[u.containerStyle,{backgroundColor:i.greyOpacity100},n],accessibilityRole:"radiogroup",ref:s,children:l==="fluid"?(0,jsx_runtime_1.jsx)(react_native_1.Animated.ScrollView,{scrollEventThrottle:16,onScroll:r=>{c.forEach(a=>{a(r)})},ref:e,horizontal:!0,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:o}):o})});

package/dist/cjs/components/segmented-control/components/ItemGroup/index.d.ts

@@ -1 +1 @@
-export * from './ItemGroup';
+export * from './ItemGroup.js';

package/dist/cjs/components/segmented-control/components/ItemGroup/index.js

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

package/dist/cjs/components/segmented-control/components/ItemGroup/useItemGroupStyle.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 interface ItemGroupStyles {
     containerStyle: ViewProps['style'];
 }

package/dist/cjs/components/segmented-control/components/ItemGroup/useItemGroupStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useItemGroupStyle=useItemGroupStyle;const react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_1=require("../../contexts/AlignmentContext"),SizeContext_1=require("../../contexts/SizeContext"),containerStyleBase={position:"relative",width:"100%",display:"flex",flexDirection:"row",alignItems:"flex-start",alignSelf:"flex-start",justifyContent:"flex-start"},containerStyleSmall={padding:3,borderRadius:10},containerStyleLarge={paddingHorizontal:5,paddingVertical:4,borderRadius:15},containerStyleFixed={flexWrap:"nowrap"};function useItemGroupStyle(){const{alignment:t}=(0,react_1.useContext)(AlignmentContext_1.AlignmentContext),e=(0,react_1.useContext)(SizeContext_1.SizeContext)==="small"?containerStyleSmall:containerStyleLarge;return{containerStyle:t==="fixed"?react_native_1.StyleSheet.compose(containerStyleBase,react_native_1.StyleSheet.compose(e,containerStyleFixed)):react_native_1.StyleSheet.compose(containerStyleBase,e)}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useItemGroupStyle=useItemGroupStyle;const react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_js_1=require("../../contexts/AlignmentContext.js"),SizeContext_js_1=require("../../contexts/SizeContext.js"),containerStyleBase={position:"relative",width:"100%",display:"flex",flexDirection:"row",alignItems:"flex-start",alignSelf:"flex-start",justifyContent:"flex-start"},containerStyleSmall={padding:3,borderRadius:10},containerStyleLarge={paddingHorizontal:5,paddingVertical:4,borderRadius:15},containerStyleFixed={flexWrap:"nowrap"};function useItemGroupStyle(){const{alignment:t}=(0,react_1.useContext)(AlignmentContext_js_1.AlignmentContext),e=(0,react_1.useContext)(SizeContext_js_1.SizeContext)==="small"?containerStyleSmall:containerStyleLarge;return{containerStyle:t==="fixed"?react_native_1.StyleSheet.compose(containerStyleBase,react_native_1.StyleSheet.compose(e,containerStyleFixed)):react_native_1.StyleSheet.compose(containerStyleBase,e)}}

package/dist/cjs/components/segmented-control/components/Root.d.ts

@@ -1,6 +1,6 @@
 import type { RadioGroupProps } from '@react-stately/radio';
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
 interface Props extends Omit<RadioGroupProps, 'isDisabled'> {
     value: string;
     defaultValue?: string;

package/dist/cjs/components/segmented-control/components/Root.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RootBase=RootBase;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_1=require("../contexts/AlignmentContext"),IndicatorContext_1=require("../contexts/IndicatorContext"),RadioContext_1=require("../contexts/RadioContext"),ScrollContext_1=require("../contexts/ScrollContext"),SizeContext_1=require("../contexts/SizeContext"),Indicator_1=require("./Indicator"),ItemGroup_1=require("./ItemGroup"),ScrollControlOverlay_1=require("./ScrollControlOverlay/ScrollControlOverlay");function RootBase({value:e,defaultValue:t,indicator:o=(0,jsx_runtime_1.jsx)(Indicator_1.Indicator,{}),previousButton:_,gradation:m,controller:i=(0,jsx_runtime_1.jsx)(ScrollControlOverlay_1.ScrollControlOverlay,{}),size:l="large",alignment:s="fixed",disabled:c=!1,onChange:a,style:d,children:u,...x}){const[n,C]=(0,react_1.useState)(s),v=(0,react_1.useCallback)(r=>{C(j=>j==="fluid"||r?"fluid":"fixed")},[]);return(0,jsx_runtime_1.jsx)(AlignmentContext_1.AlignmentContext.Provider,{value:{alignment:n,ensureFluidAlignment:v},children:(0,jsx_runtime_1.jsx)(SizeContext_1.SizeContext.Provider,{value:l,children:(0,jsx_runtime_1.jsx)(ScrollContext_1.ScrollContextProvider,{children:(0,jsx_runtime_1.jsx)(RadioContext_1.RadioContextProvider,{selectedValue:e,setSelectedValue:r=>{a?.(r)},disabled:c,name:x.name,children:(0,jsx_runtime_1.jsx)(IndicatorContext_1.IndicatorContextProvider,{children:(0,jsx_runtime_1.jsx)(Wrapper,{style:d,children:(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(ItemGroup_1.ItemGroup,{children:[u,o]}),n==="fluid"?i:void 0]})})})})})})})}function Wrapper({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%",paddingHorizontal:24},e],...t})}function Container({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"},e],...t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RootBase=RootBase;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),AlignmentContext_js_1=require("../contexts/AlignmentContext.js"),IndicatorContext_js_1=require("../contexts/IndicatorContext.js"),RadioContext_js_1=require("../contexts/RadioContext.js"),ScrollContext_js_1=require("../contexts/ScrollContext.js"),SizeContext_js_1=require("../contexts/SizeContext.js"),index_js_1=require("./Indicator/index.js"),index_js_2=require("./ItemGroup/index.js"),ScrollControlOverlay_js_1=require("./ScrollControlOverlay/ScrollControlOverlay.js");function RootBase({value:e,defaultValue:t,indicator:o=(0,jsx_runtime_1.jsx)(index_js_1.Indicator,{}),previousButton:v,gradation:f,controller:i=(0,jsx_runtime_1.jsx)(ScrollControlOverlay_js_1.ScrollControlOverlay,{}),size:s="large",alignment:l="fixed",disabled:c=!1,onChange:a,style:d,children:u,...x}){const[r,j]=(0,react_1.useState)(l),_=(0,react_1.useCallback)(n=>{j(C=>C==="fluid"||n?"fluid":"fixed")},[]);return(0,jsx_runtime_1.jsx)(AlignmentContext_js_1.AlignmentContext.Provider,{value:{alignment:r,ensureFluidAlignment:_},children:(0,jsx_runtime_1.jsx)(SizeContext_js_1.SizeContext.Provider,{value:s,children:(0,jsx_runtime_1.jsx)(ScrollContext_js_1.ScrollContextProvider,{children:(0,jsx_runtime_1.jsx)(RadioContext_js_1.RadioContextProvider,{selectedValue:e,setSelectedValue:n=>{a?.(n)},disabled:c,name:x.name,children:(0,jsx_runtime_1.jsx)(IndicatorContext_js_1.IndicatorContextProvider,{children:(0,jsx_runtime_1.jsx)(Wrapper,{style:d,children:(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(index_js_2.ItemGroup,{children:[u,o]}),r==="fluid"?i:void 0]})})})})})})})}function Wrapper({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%",paddingHorizontal:24},e],...t})}function Container({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"},e],...t})}

package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/EdgeGradient.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 interface EdgeGradientProps extends Omit<ViewProps, 'children'> {
     exiting: boolean;
 }

package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/EdgeGradient.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,i)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__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(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,e,r[i]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LeftEdgeGradient=LeftEdgeGradient,exports.RightEdgeGradient=RightEdgeGradient;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"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),spring_1=require("../../constants/spring"),LEFT_GRADIENT_ID="segmented-left-gradient";function useFadeAnimation(){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,e=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(t,{toValue:1,useNativeDriver:!0,...spring_1.SPRING_OPTION}).start()},[t]),n=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...spring_1.SPRING_OPTION}).start()},[t]);return{fadeIn:e,fadeOut:n,style:{opacity:t}}}function LeftEdgeGradient({style:t,exiting:e,...n}){const r=(0,core_1.useAdaptive)(),{colorPreference:i}=(0,core_1.useColorPreference)(),{fadeIn:s,fadeOut:o,style:a}=useFadeAnimation();return(0,react_1.useEffect)(()=>{e?s():o()},[e,s,o]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[gradientStyleBase,leftGradientStyle,t,a],...n,children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{width:"100%",height:"100%",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:LEFT_GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:r.grey100}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:i==="light"?tds_colors_1.colors.grey100:tds_colors_1.colors.inverseGrey100,stopOpacity:0})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${LEFT_GRADIENT_ID})`})]})})}function RightEdgeGradient({style:t,exiting:e,...n}){const r=(0,core_1.useAdaptive)(),{colorPreference:i}=(0,core_1.useColorPreference)(),{fadeIn:s,fadeOut:o,style:a}=useFadeAnimation();return(0,react_1.useEffect)(()=>{e?s():o()},[e,s,o]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[gradientStyleBase,rightGradationStyle,t,a],...n,children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{width:"100%",height:"100%",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:LEFT_GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:i==="light"?tds_colors_1.colors.grey100:tds_colors_1.colors.inverseGrey100,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:r.grey100})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${LEFT_GRADIENT_ID})`})]})})}const gradientStyleBase={position:"absolute",width:28,height:"100%",top:0,bottom:0,overflow:"hidden",zIndex:1},leftGradientStyle={left:0,borderTopLeftRadius:12,borderBottomLeftRadius:12},rightGradationStyle={right:0,borderTopRightRadius:12,borderBottomRightRadius:12};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LeftEdgeGradient=LeftEdgeGradient,exports.RightEdgeGradient=RightEdgeGradient;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"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),spring_js_1=require("../../constants/spring.js"),LEFT_GRADIENT_ID="segmented-left-gradient";function useFadeAnimation(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,t=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:1,useNativeDriver:!0,...spring_js_1.SPRING_OPTION}).start()},[e]),r=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:0,useNativeDriver:!0,...spring_js_1.SPRING_OPTION}).start()},[e]);return{fadeIn:t,fadeOut:r,style:{opacity:e}}}function LeftEdgeGradient({style:e,exiting:t,...r}){const i=(0,index_js_1.useAdaptive)(),{colorPreference:n}=(0,index_js_1.useColorPreference)(),{fadeIn:s,fadeOut:o,style:a}=useFadeAnimation();return(0,react_1.useEffect)(()=>{t?s():o()},[t,s,o]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[gradientStyleBase,leftGradientStyle,e,a],...r,children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:"100%",height:"100%",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:LEFT_GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:i.grey100}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:n==="light"?tds_colors_1.colors.grey100:tds_colors_1.colors.inverseGrey100,stopOpacity:0})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${LEFT_GRADIENT_ID})`})]})})}function RightEdgeGradient({style:e,exiting:t,...r}){const i=(0,index_js_1.useAdaptive)(),{colorPreference:n}=(0,index_js_1.useColorPreference)(),{fadeIn:s,fadeOut:o,style:a}=useFadeAnimation();return(0,react_1.useEffect)(()=>{t?s():o()},[t,s,o]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[gradientStyleBase,rightGradationStyle,e,a],...r,children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{width:"100%",height:"100%",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:LEFT_GRADIENT_ID,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:n==="light"?tds_colors_1.colors.grey100:tds_colors_1.colors.inverseGrey100,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:i.grey100})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${LEFT_GRADIENT_ID})`})]})})}const gradientStyleBase={position:"absolute",width:28,height:"100%",top:0,bottom:0,overflow:"hidden",zIndex:1},leftGradientStyle={left:0,borderTopLeftRadius:12,borderBottomLeftRadius:12},rightGradationStyle={right:0,borderTopRightRadius:12,borderBottomRightRadius:12};

package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/PreviousButton.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 interface Props {
     style?: ViewProps['style'];
     onPress: () => void;

package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/PreviousButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviousButton=PreviousButton;const jsx_runtime_1=require("react/jsx-runtime"),icon_1=require("../../../icon"),core_1=require("../../../../core"),react_native_1=require("react-native"),useIndicatorBackground_1=require("../../hooks/useIndicatorBackground");function PreviousButton({onPress:e,style:r}){const o=(0,core_1.useAdaptive)(),{colorPreference:t}=(0,core_1.useColorPreference)(),s=(0,useIndicatorBackground_1.useIndicatorBackground)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",style:[{justifyContent:"center",alignItems:"center",left:-12,top:0,borderRadius:12,backgroundColor:s,width:24,height:24,padding:0,shadowColor:t==="light"?"rgba(0, 0, 0, 0.09)":"rgba(1, 1, 1, 0.09)",shadowOffset:{width:0,height:1},shadowOpacity:1,shadowRadius:2},r],onPress:e,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{size:12,name:"icon-arrow-left-small",color:o.grey600})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviousButton=PreviousButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../icon/index.js"),index_js_2=require("../../../../core/index.js"),react_native_1=require("react-native"),useIndicatorBackground_js_1=require("../../hooks/useIndicatorBackground.js");function PreviousButton({onPress:e,style:r}){const t=(0,index_js_2.useAdaptive)(),{colorPreference:o}=(0,index_js_2.useColorPreference)(),s=(0,useIndicatorBackground_js_1.useIndicatorBackground)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",style:[{justifyContent:"center",alignItems:"center",left:-12,top:0,borderRadius:12,backgroundColor:s,width:24,height:24,padding:0,shadowColor:o==="light"?"rgba(0, 0, 0, 0.09)":"rgba(1, 1, 1, 0.09)",shadowOffset:{width:0,height:1},shadowOpacity:1,shadowRadius:2},r],onPress:e,children:(0,jsx_runtime_1.jsx)(index_js_1.Icon,{size:12,name:"icon-arrow-left-small",color:t.grey600})})}

package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/ScrollControlOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollControlOverlay=ScrollControlOverlay;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),spring_1=require("../../constants/spring"),ScrollContext_1=require("../../contexts/ScrollContext"),EdgeGradient_1=require("./EdgeGradient"),PreviousButton_1=require("./PreviousButton");function ScrollControlOverlay(){const{ref:s,scrollHandlers:n}=(0,react_1.useContext)(ScrollContext_1.ScrollContext),[t,i]=(0,react_1.useState)(!1),[a,c]=(0,react_1.useState)(!1),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,u=e.interpolate({inputRange:[0,1],outputRange:[-5,0]});(0,react_1.useEffect)(()=>{function d(r){const f=r.nativeEvent.contentSize.width,x=r.nativeEvent.contentOffset.x,g=r.nativeEvent.layoutMeasurement.width,o=x/Math.max(0,f-g);i(o>.05),c(o<=.95)}return n.add(d),()=>{n.clear()}},[n]);const l=()=>{s?.current?.scrollTo({x:0})};return(0,react_1.useEffect)(()=>()=>{react_native_1.Animated.spring(e,{toValue:t?0:1,useNativeDriver:!0,...spring_1.SPRING_OPTION}).start()},[e,t]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(EdgeGradient_1.LeftEdgeGradient,{exiting:t}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{pointerEvents:t?"auto":"none",style:[buttonContainerStyle,{transform:[{translateX:u}],opacity:e}],children:(0,jsx_runtime_1.jsx)(PreviousButton_1.PreviousButton,{onPress:l})})]}),(0,jsx_runtime_1.jsx)(EdgeGradient_1.RightEdgeGradient,{exiting:a})]})}const buttonContainerStyle={zIndex:1,position:"absolute",left:0,top:0,bottom:0,display:"flex",justifyContent:"center",alignItems:"center"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollControlOverlay=ScrollControlOverlay;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),spring_js_1=require("../../constants/spring.js"),ScrollContext_js_1=require("../../contexts/ScrollContext.js"),EdgeGradient_js_1=require("./EdgeGradient.js"),PreviousButton_js_1=require("./PreviousButton.js");function ScrollControlOverlay(){const{ref:o,scrollHandlers:n}=(0,react_1.useContext)(ScrollContext_js_1.ScrollContext),[t,i]=(0,react_1.useState)(!1),[a,c]=(0,react_1.useState)(!1),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,u=e.interpolate({inputRange:[0,1],outputRange:[-5,0]});(0,react_1.useEffect)(()=>{function d(r){const f=r.nativeEvent.contentSize.width,x=r.nativeEvent.contentOffset.x,g=r.nativeEvent.layoutMeasurement.width,s=x/Math.max(0,f-g);i(s>.05),c(s<=.95)}return n.add(d),()=>{n.clear()}},[n]);const l=()=>{o?.current?.scrollTo({x:0})};return(0,react_1.useEffect)(()=>()=>{react_native_1.Animated.spring(e,{toValue:t?0:1,useNativeDriver:!0,...spring_js_1.SPRING_OPTION}).start()},[e,t]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(EdgeGradient_js_1.LeftEdgeGradient,{exiting:t}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{pointerEvents:t?"auto":"none",style:[buttonContainerStyle,{transform:[{translateX:u}],opacity:e}],children:(0,jsx_runtime_1.jsx)(PreviousButton_js_1.PreviousButton,{onPress:l})})]}),(0,jsx_runtime_1.jsx)(EdgeGradient_js_1.RightEdgeGradient,{exiting:a})]})}const buttonContainerStyle={zIndex:1,position:"absolute",left:0,top:0,bottom:0,display:"flex",justifyContent:"center",alignItems:"center"};

package/dist/cjs/components/segmented-control/contexts/IndicatorContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Options {
     indicatorX: number;
     indicatorWidth: number;

package/dist/cjs/components/segmented-control/contexts/RadioContext.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { LayoutRectangle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { LayoutRectangle } from 'react-native';
 interface RadioGroupState {
     name: string;
     selectedValue: string | undefined;

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

@@ -1,5 +1,5 @@
-import { ReactNode, RefObject } from 'react';
-import { NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
+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;

package/dist/cjs/components/segmented-control/hooks/useIndicatorBackground.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorBackground=useIndicatorBackground;const tds_colors_1=require("@toss/tds-colors"),core_1=require("../../../core");function useIndicatorBackground(){const{colorPreference:e}=(0,core_1.useColorPreference)();return e==="light"?tds_colors_1.colors.white:tds_colors_1.colors.inverseGrey300}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIndicatorBackground=useIndicatorBackground;const tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../core/index.js");function useIndicatorBackground(){const{colorPreference:e}=(0,index_js_1.useColorPreference)();return e==="light"?tds_colors_1.colors.white:tds_colors_1.colors.inverseGrey300}

package/dist/cjs/components/segmented-control/index.d.ts

@@ -1,5 +1,5 @@
-import { Item } from './components/Item/Item';
-import { RootBase } from './components/Root';
+import { Item } from './components/Item/Item.js';
+import { RootBase } from './components/Root.js';
 export declare const SegmentedControl: {
     Root: typeof RootBase;
     Item: typeof Item;

package/dist/cjs/components/segmented-control/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SegmentedControl=void 0;const Item_1=require("./components/Item/Item"),Root_1=require("./components/Root");exports.SegmentedControl={Root:Root_1.RootBase,Item:Item_1.Item};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SegmentedControl=void 0;const Item_js_1=require("./components/Item/Item.js"),Root_js_1=require("./components/Root.js");exports.SegmentedControl={Root:Root_js_1.RootBase,Item:Item_js_1.Item};

package/dist/cjs/components/shadow/ShadowBackground.d.ts

@@ -1,5 +1,5 @@
 import { View, type ViewProps } from 'react-native';
-import { type UseShadowProps } from './useShadow';
+import { type UseShadowProps } from './useShadow.js';
 export type ShadowBackgroundProps = {
     shadow: UseShadowProps;
 } & ViewProps;

package/dist/cjs/components/shadow/ShadowBackground.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShadowBackground=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),useShadow_1=require("./useShadow");exports.ShadowBackground=(0,react_1.forwardRef)(function({shadow:t,...e},r){const o=(0,useShadow_1.useShadow)(t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:r,...e,style:[e.style,styles.container,o]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",width:"100%",height:"100%",top:0,left:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShadowBackground=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),useShadow_js_1=require("./useShadow.js");exports.ShadowBackground=(0,react_1.forwardRef)(function({shadow:t,...e},r){const o=(0,useShadow_js_1.useShadow)(t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:r,...e,style:[e.style,styles.container,o]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",width:"100%",height:"100%",top:0,left:0}});

package/dist/cjs/components/shadow/generateShadowStyle.d.ts

@@ -1,6 +1,6 @@
-import { ColorPreference } from '../../core';
-import { ViewStyle } from 'react-native';
-import type { Shadow } from './types';
+import type { ColorPreference } from '../../core/index.js';
+import type { ViewStyle } from 'react-native';
+import type { Shadow } from './types.js';
 type ShadowStyle = Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'> | Pick<ViewStyle, 'shadowColor' | 'elevation'>;
 /**
  * @description 플랫폼에 따른 shadow style을 생성합니다.

package/dist/cjs/components/shadow/generateShadowStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateShadowStyle=void 0;const react_native_1=require("react-native"),calculateElevation_1=require("./calculateElevation"),generateShadowStyle=({offset:t={x:0,y:0},opacity:l=1,radius:a,colorPreference:i="light",...e})=>{const o="color"in e?e.color:i==="light"?e.lightColor:e.darkColor;return react_native_1.Platform.OS==="ios"?{shadowColor:o,shadowOffset:{width:t.x??0,height:t.y??0},shadowOpacity:l,shadowRadius:a}:{shadowColor:o,elevation:(0,calculateElevation_1.calculateElevation)(a)}};exports.generateShadowStyle=generateShadowStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateShadowStyle=void 0;const react_native_1=require("react-native"),calculateElevation_js_1=require("./calculateElevation.js"),generateShadowStyle=({offset:t={x:0,y:0},opacity:l=1,radius:a,colorPreference:i="light",...e})=>{const o="color"in e?e.color:i==="light"?e.lightColor:e.darkColor;return react_native_1.Platform.OS==="ios"?{shadowColor:o,shadowOffset:{width:t.x??0,height:t.y??0},shadowOpacity:l,shadowRadius:a}:{shadowColor:o,elevation:(0,calculateElevation_js_1.calculateElevation)(a)}};exports.generateShadowStyle=generateShadowStyle;

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

@@ -1,4 +1,4 @@
-export { calculateElevation } from './calculateElevation';
-export { ShadowBackground, type ShadowBackgroundProps } from './ShadowBackground';
-export { shadow } from './tokens';
-export { useShadow, type UseShadowProps } from './useShadow';
+export { calculateElevation } from './calculateElevation.js';
+export { ShadowBackground, type ShadowBackgroundProps } from './ShadowBackground.js';
+export { shadow } from './tokens.js';
+export { useShadow, type UseShadowProps } from './useShadow.js';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShadow=exports.shadow=exports.ShadowBackground=exports.calculateElevation=void 0;var calculateElevation_1=require("./calculateElevation");Object.defineProperty(exports,"calculateElevation",{enumerable:!0,get:function(){return calculateElevation_1.calculateElevation}});var ShadowBackground_1=require("./ShadowBackground");Object.defineProperty(exports,"ShadowBackground",{enumerable:!0,get:function(){return ShadowBackground_1.ShadowBackground}});var tokens_1=require("./tokens");Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return tokens_1.shadow}});var useShadow_1=require("./useShadow");Object.defineProperty(exports,"useShadow",{enumerable:!0,get:function(){return useShadow_1.useShadow}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShadow=exports.shadow=exports.ShadowBackground=exports.calculateElevation=void 0;var calculateElevation_js_1=require("./calculateElevation.js");Object.defineProperty(exports,"calculateElevation",{enumerable:!0,get:function(){return calculateElevation_js_1.calculateElevation}});var ShadowBackground_js_1=require("./ShadowBackground.js");Object.defineProperty(exports,"ShadowBackground",{enumerable:!0,get:function(){return ShadowBackground_js_1.ShadowBackground}});var tokens_js_1=require("./tokens.js");Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return tokens_js_1.shadow}});var useShadow_js_1=require("./useShadow.js");Object.defineProperty(exports,"useShadow",{enumerable:!0,get:function(){return useShadow_js_1.useShadow}});

package/dist/cjs/components/shadow/tokens.d.ts

@@ -1,4 +1,4 @@
-import type { TokenShadowProps } from './types';
+import type { TokenShadowProps } from './types.js';
 export type ShadowTokenStrength = 'tiny' | 'weak' | 'medium';
 export type ShadowTokenDirection = 'up' | 'down';
 type ShadowToken = (direction: ShadowTokenDirection) => TokenShadowProps;

package/dist/cjs/components/shadow/useShadow.d.ts

@@ -1,4 +1,4 @@
-import { Shadow } from './types';
+import type { Shadow } from './types.js';
 export type UseShadowProps = Shadow;
 /**
  * @description 플랫폼에 따른 shadow style을 생성합니다.

package/dist/cjs/components/shadow/useShadow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShadow=void 0;const core_1=require("../../core"),generateShadowStyle_1=require("./generateShadowStyle"),useShadow=e=>{const{colorPreference:o}=(0,core_1.useColorPreference)();return(0,generateShadowStyle_1.generateShadowStyle)({...e,colorPreference:o})};exports.useShadow=useShadow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShadow=void 0;const index_js_1=require("../../core/index.js"),generateShadowStyle_js_1=require("./generateShadowStyle.js"),useShadow=e=>{const{colorPreference:o}=(0,index_js_1.useColorPreference)();return(0,generateShadowStyle_js_1.generateShadowStyle)({...e,colorPreference:o})};exports.useShadow=useShadow;

package/dist/cjs/components/skeleton/AnimateSkeleton.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 interface AnimateSkeletonProps extends PropsWithChildren<{}> {
     /**
      * @description 단위는 ms입니다. 500으로 지정시 스켈레톤을 미노출하여 화면전환을 최소화합니다

package/dist/cjs/components/skeleton/AnimateSkeleton.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,r,t){t===void 0&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(i,t,n)}:function(i,e,r,t){t===void 0&&(t=r),i[t]=e[r]},__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(r){var t=[];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[t.length]=n);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var t=i(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(r,e,t[n]);return __setModuleDefault(r,e),r}}();Object.defineProperty(exports,"__esModule",{value:!0});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"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core");function AnimateSkeleton({children:i,delay:e,withGradient:r,withShimmer:t}){const n=(0,react_1.useRef)(new react_native_1.Animated.Value(e===500?0:1)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(t?.2:1)).current;return(0,react_1.useEffect)(()=>{const s=react_native_1.Animated.sequence([react_native_1.Animated.delay(e),react_native_1.Animated.timing(n,{toValue:1,duration:100,useNativeDriver:!0})]),o=t?react_native_1.Animated.sequence([react_native_1.Animated.delay(e),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(a,{toValue:1,duration:650,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:.2,duration:650,useNativeDriver:!0})]))]):emptyAnimation;react_native_1.Animated.parallel([s,o]).start()},[]),(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:{opacity:n},children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{opacity:a},children:i}),r?(0,jsx_runtime_1.jsx)(GradientOverlay,{}):null]})}function GradientOverlay(){const e=(0,core_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{height:"100%",width:"100%",style:{position:"absolute",top:0,left:0},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,gradientTransform:"rotate(90)",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"5%",stopColor:e,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"95%",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 emptyAnimation=react_native_1.Animated.delay(0),GRADIENT_ID="tds-rn-animate-skeleton-gradient";exports.default=AnimateSkeleton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js");function AnimateSkeleton({children:i,delay:e,withGradient:a,withShimmer:n}){const r=(0,react_1.useRef)(new react_native_1.Animated.Value(e===500?0:1)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(n?.2:1)).current;return(0,react_1.useEffect)(()=>{const s=react_native_1.Animated.sequence([react_native_1.Animated.delay(e),react_native_1.Animated.timing(r,{toValue:1,duration:100,useNativeDriver:!0})]),o=n?react_native_1.Animated.sequence([react_native_1.Animated.delay(e),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(t,{toValue:1,duration:650,useNativeDriver:!0}),react_native_1.Animated.timing(t,{toValue:.2,duration:650,useNativeDriver:!0})]))]):emptyAnimation;react_native_1.Animated.parallel([s,o]).start()},[]),(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:{opacity:r},children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{opacity:t},children:i}),a?(0,jsx_runtime_1.jsx)(GradientOverlay,{}):null]})}function GradientOverlay(){const e=(0,index_js_1.useAdaptive)().background??tds_colors_1.colors.background;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{height:"100%",width:"100%",style:{position:"absolute",top:0,left:0},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,gradientTransform:"rotate(90)",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"5%",stopColor:e,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"95%",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 emptyAnimation=react_native_1.Animated.delay(0),GRADIENT_ID="tds-rn-animate-skeleton-gradient";exports.default=AnimateSkeleton;

package/dist/cjs/components/skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { PropsWithChildren } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface SkeletonBaseProps {
     width?: ViewStyle['width'];
     height?: ViewStyle['height'];

package/dist/cjs/components/skeleton/Skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native");function Skeleton({width:e,height:t,borderRadius:r=6,style:o}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:e,height:t,borderRadius:r,backgroundColor:n.grey200},o]})}exports.default=Skeleton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native");function Skeleton({width:e,height:t,borderRadius:r=6,style:n}){const s=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:e,height:t,borderRadius:r,backgroundColor:s.grey200},n]})}exports.default=Skeleton;

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

@@ -1,2 +1,2 @@
-export { default as Skeleton } from './Skeleton';
-export { default as AnimateSkeleton } from './AnimateSkeleton';
+export { default as Skeleton } from './Skeleton.js';
+export { default as AnimateSkeleton } from './AnimateSkeleton.js';

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

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

package/dist/cjs/components/slider/Slider.d.ts

@@ -1,4 +1,5 @@
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 export interface SliderProps extends ViewProps {
     min?: number;
     max?: number;

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_js_1=require("./styles.js"),useA11yMode_js_1=require("./useA11yMode.js"),utils_js_1=require("./utils.js");exports.Slider=(0,react_1.forwardRef)(function({min:s=0,max:n=100,value:i=s+n/2,step:o=1,onChange:l,color:_=tds_colors_1.colors.blue400,style:j,...m},p){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[r,b]=(0,react_1.useState)({container:0,thumb:0}),a=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,u=r.container!==0&&r.thumb!==0,V=e=>{const t=r.container,c=r.thumb,y=t-c;return e===void 0||t===0||c===0||e<=c/2?s:e>=t-c/2?n:(0,utils_js_1.getNearestSteppedValue)(s+(n-s)*((e-c/2)/y),s,n,o)},d=e=>{const t=r.container,c=r.thumb,y=t-c;return(e-s)/(n-s)*y},h=e=>{const t=V(e);l?.(t),a.setValue(d(t))},v=(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_js_1.useScreenReaderMode)();(0,react_1.useEffect)(()=>{f&&a.setValue(d(i))},[f,i]);const w=e=>{switch(e.nativeEvent.actionName){case"increment":l?.((0,utils_js_1.clamp)(i+o,s,n));break;case"decrement":l?.((0,utils_js_1.clamp)(i-o,s,n));break;default:break}};return(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:v,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:p,style:[styles_js_1.styles.slider,j],onLayout:e=>{const{width:t}=e.nativeEvent.layout;b({...r,container:t})},accessible:!0,accessibilityRole:"adjustable",accessibilityValue:{text:`${i}`},accessibilityActions:[{name:"increment"},{name:"decrement"}],accessibilityLiveRegion:"polite",onAccessibilityAction:w,...m,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles_js_1.styles.track,pointerEvents:"none",children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles_js_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({...r,thumb:t})},style:[styles_js_1.styles.thumb,{opacity:u?1:0,transform:[{translateX:a}]}],pointerEvents:"none"})]})})});

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

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

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

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

package/dist/cjs/components/slider/utils.test.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const globals_1=require("@jest/globals"),utils_1=require("./utils");(0,globals_1.describe)("clamp \uD14C\uC2A4\uD2B8",()=>{(0,globals_1.it)("min, max \uC774\uB0B4\uC758 \uAC12\uC774\uB77C\uBA74 \uB0B4\uBD80 \uAC12\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_1.clamp)(12,10,100)).toBe(12)}),(0,globals_1.it)("min\uBCF4\uB2E4 \uC791\uC73C\uBA74 min\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_1.clamp)(5,10,100)).toBe(10)}),(0,globals_1.it)("max\uBCF4\uB2E4 \uD06C\uBA74 max\uB97C \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_1.clamp)(120,10,100)).toBe(100)})}),(0,globals_1.describe)("getNearestSteppedValue",()=>{(0,globals_1.it)("min, max \uB0B4\uC5D0 \uC788\uB2E4\uBA74 \uCD08\uAE30\uAC12\uC5D0\uC11C step\uB9CC\uD07C \uC6C0\uC9C1\uC778 \uAC12\uC744 \uAD6C\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(2,-.5,100,3)).toBe(2.5),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(-8,-100,100,5)).toBe(-10),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(-6,-100,100,5)).toBe(-5),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(3,-100,100,5)).toBe(5),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(2,-100,100,5)).toBe(0),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(-30+3.5781601728019066,-100,100,10)).toBe(-30)}),(0,globals_1.it)("min, max\uAC12\uC744 \uBC97\uC5B4\uB098\uBA74 min, max\uAC12\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(-6.2,-2.5,100,3)).toBe(-2.5),(0,globals_1.expect)((0,utils_1.getNearestSteppedValue)(106.2,-2.5,100,3)).toBe(100)})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const globals_1=require("@jest/globals"),utils_js_1=require("./utils.js");(0,globals_1.describe)("clamp \uD14C\uC2A4\uD2B8",()=>{(0,globals_1.it)("min, max \uC774\uB0B4\uC758 \uAC12\uC774\uB77C\uBA74 \uB0B4\uBD80 \uAC12\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_js_1.clamp)(12,10,100)).toBe(12)}),(0,globals_1.it)("min\uBCF4\uB2E4 \uC791\uC73C\uBA74 min\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_js_1.clamp)(5,10,100)).toBe(10)}),(0,globals_1.it)("max\uBCF4\uB2E4 \uD06C\uBA74 max\uB97C \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_js_1.clamp)(120,10,100)).toBe(100)})}),(0,globals_1.describe)("getNearestSteppedValue",()=>{(0,globals_1.it)("min, max \uB0B4\uC5D0 \uC788\uB2E4\uBA74 \uCD08\uAE30\uAC12\uC5D0\uC11C step\uB9CC\uD07C \uC6C0\uC9C1\uC778 \uAC12\uC744 \uAD6C\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(2,-.5,100,3)).toBe(2.5),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(-8,-100,100,5)).toBe(-10),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(-6,-100,100,5)).toBe(-5),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(3,-100,100,5)).toBe(5),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(2,-100,100,5)).toBe(0),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(-30+3.5781601728019066,-100,100,10)).toBe(-30)}),(0,globals_1.it)("min, max\uAC12\uC744 \uBC97\uC5B4\uB098\uBA74 min, max\uAC12\uC744 \uBC18\uD658\uD55C\uB2E4",()=>{(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(-6.2,-2.5,100,3)).toBe(-2.5),(0,globals_1.expect)((0,utils_js_1.getNearestSteppedValue)(106.2,-2.5,100,3)).toBe(100)})});

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
-import { StepperRowAssetFrame } from './StepperRowAssetFrame';
-import { StepperRowNumberIcon } from './StepperRowNumberIcon';
-import { StepperRowRightArrow } from './StepperRowRightArrow';
-import { StepperRowRightButton } from './StepperRowRightButton';
-import { StepperRowTexts } from './StepperRowTexts';
+import type { ReactNode } from 'react';
+import { StepperRowAssetFrame } from './StepperRowAssetFrame.js';
+import { StepperRowNumberIcon } from './StepperRowNumberIcon.js';
+import { StepperRowRightArrow } from './StepperRowRightArrow.js';
+import { StepperRowRightButton } from './StepperRowRightButton.js';
+import { StepperRowTexts } from './StepperRowTexts.js';
 interface StepperRowProps {
     /**
      * `StepperRow` 컴포넌트의 왼쪽 영역에 표시될 컴포넌트를 지정해요. 주로 `StepperRow.NumberIcon`나 `StepperRow.AssetFrame` 컴포넌트가 사용돼요.

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRow=StepperRow;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native"),a11yCondition_1=require("./constants/a11yCondition"),StepperRowAssetFrame_1=require("./StepperRowAssetFrame"),StepperRowContext_1=require("./StepperRowContext"),StepperRowNumberIcon_1=require("./StepperRowNumberIcon"),StepperRowRightArrow_1=require("./StepperRowRightArrow"),StepperRowRightButton_1=require("./StepperRowRightButton"),StepperRowTexts_1=require("./StepperRowTexts"),padding_1=require("./utils/padding");function StepperRow(t){return(0,jsx_runtime_1.jsx)(StepperRowContext_1.StepperRowContextProvider,{children:(0,jsx_runtime_1.jsx)(StepperRowContent,{...t})})}function StepperRowContent({left:t,center:r,right:n,hideLine:s=!1}){const e=(0,StepperRowContext_1.useStepperRowContext)(),o=e.right?.type==="button",p=(0,core_1.useFontScaleCondition)(a11yCondition_1.a11yCondition.center),i=(0,core_1.useFontScaleCondition)(a11yCondition_1.a11yCondition.rightButtonAlign)&&o,c=(0,core_1.useFontScaleCondition)(a11yCondition_1.a11yCondition.rightButtonPaddingTop)&&o,d=(0,padding_1.getCenterPaddingTop)(e.left,e.center),g=(0,padding_1.getRightPaddingTop)(e.left,e.right),a=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rootCss,children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.leftCss,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{children:t}),!s&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.lineCss,{backgroundColor:a.grey200}]})]}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.centerRightCss,i&&styles.a11yCenterRightButtonAlign],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.centerCss,p&&styles.a11yCenter,{paddingTop:d}],children:r}),n&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.rightCss,{paddingTop:c?0:g},i&&styles.a11yRightButtonAlign],children:n})]})]})}StepperRow.Texts=StepperRowTexts_1.StepperRowTexts,StepperRow.NumberIcon=StepperRowNumberIcon_1.StepperRowNumberIcon,StepperRow.AssetFrame=StepperRowAssetFrame_1.StepperRowAssetFrame,StepperRow.RightArrow=StepperRowRightArrow_1.StepperRowRightArrow,StepperRow.RightButton=StepperRowRightButton_1.StepperRowRightButton;const styles=react_native_1.StyleSheet.create({rootCss:{flexDirection:"row",paddingVertical:3,paddingHorizontal:24},leftCss:{flexDirection:"column",alignItems:"center",paddingRight:14},lineCss:{flexDirection:"row",width:2,minHeight:16,flex:1,borderRadius:1,marginTop:6},centerRightCss:{flex:1,flexDirection:"row",paddingBottom:16},centerCss:{flexDirection:"column",flex:1},rightCss:{flexDirection:"row",paddingLeft:12},a11yCenter:{flexDirection:"row",paddingTop:0},a11yCenterRightButtonAlign:{flexDirection:"column"},a11yRightButtonAlign:{flexDirection:"row",paddingTop:12,paddingLeft:0,paddingRight:0,paddingBottom:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRow=StepperRow;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native"),a11yCondition_js_1=require("./constants/a11yCondition.js"),StepperRowAssetFrame_js_1=require("./StepperRowAssetFrame.js"),StepperRowContext_js_1=require("./StepperRowContext.js"),StepperRowNumberIcon_js_1=require("./StepperRowNumberIcon.js"),StepperRowRightArrow_js_1=require("./StepperRowRightArrow.js"),StepperRowRightButton_js_1=require("./StepperRowRightButton.js"),StepperRowTexts_js_1=require("./StepperRowTexts.js"),padding_js_1=require("./utils/padding.js");function StepperRow(t){return(0,jsx_runtime_1.jsx)(StepperRowContext_js_1.StepperRowContextProvider,{children:(0,jsx_runtime_1.jsx)(StepperRowContent,{...t})})}function StepperRowContent({left:t,center:r,right:n,hideLine:s=!1}){const e=(0,StepperRowContext_js_1.useStepperRowContext)(),o=e.right?.type==="button",p=(0,index_js_1.useFontScaleCondition)(a11yCondition_js_1.a11yCondition.center),i=(0,index_js_1.useFontScaleCondition)(a11yCondition_js_1.a11yCondition.rightButtonAlign)&&o,c=(0,index_js_1.useFontScaleCondition)(a11yCondition_js_1.a11yCondition.rightButtonPaddingTop)&&o,d=(0,padding_js_1.getCenterPaddingTop)(e.left,e.center),g=(0,padding_js_1.getRightPaddingTop)(e.left,e.right),a=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rootCss,children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.leftCss,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{children:t}),!s&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.lineCss,{backgroundColor:a.grey200}]})]}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.centerRightCss,i&&styles.a11yCenterRightButtonAlign],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.centerCss,p&&styles.a11yCenter,{paddingTop:d}],children:r}),n&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.rightCss,{paddingTop:c?0:g},i&&styles.a11yRightButtonAlign],children:n})]})]})}StepperRow.Texts=StepperRowTexts_js_1.StepperRowTexts,StepperRow.NumberIcon=StepperRowNumberIcon_js_1.StepperRowNumberIcon,StepperRow.AssetFrame=StepperRowAssetFrame_js_1.StepperRowAssetFrame,StepperRow.RightArrow=StepperRowRightArrow_js_1.StepperRowRightArrow,StepperRow.RightButton=StepperRowRightButton_js_1.StepperRowRightButton;const styles=react_native_1.StyleSheet.create({rootCss:{flexDirection:"row",paddingVertical:3,paddingHorizontal:24},leftCss:{flexDirection:"column",alignItems:"center",paddingRight:14},lineCss:{flexDirection:"row",width:2,minHeight:16,flex:1,borderRadius:1,marginTop:6},centerRightCss:{flex:1,flexDirection:"row",paddingBottom:16},centerCss:{flexDirection:"column",flex:1},rightCss:{flexDirection:"row",paddingLeft:12},a11yCenter:{flexDirection:"row",paddingTop:0},a11yCenterRightButtonAlign:{flexDirection:"column"},a11yRightButtonAlign:{flexDirection:"row",paddingTop:12,paddingLeft:0,paddingRight:0,paddingBottom:0}});

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

@@ -1,5 +1,5 @@
-import { Asset } from '../asset';
-import { ComponentProps } from 'react';
+import { Asset } from '../asset/index.js';
+import type { ComponentProps } from 'react';
 type StepperRowAssetFrameProps = ComponentProps<typeof Asset['Frame']>;
 export declare function StepperRowAssetFrame({ shape, ...props }: StepperRowAssetFrameProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowAssetFrame=StepperRowAssetFrame;const jsx_runtime_1=require("react/jsx-runtime"),asset_1=require("../asset"),core_1=require("../../core"),react_1=require("react"),a11yCondition_1=require("./constants/a11yCondition"),StepperRowContext_1=require("./StepperRowContext");function StepperRowAssetFrame({shape:e,...s}){const t=e.width===32;(0,StepperRowContext_1.useUpdateStepperRowLeft)({type:t?"asset32":"asset40"});const o=(0,core_1.useFontScaleCondition)(a11yCondition_1.a11yCondition.leftAsset),n=(0,react_1.useMemo)(()=>{const r=e.radius===9999,i=t&&!r,c=t&&r;return i?asset_1.frameShape.CleanW40:c?asset_1.frameShape.CircleMedium:e},[t,e]);return(0,jsx_runtime_1.jsx)(asset_1.Asset.Frame,{shape:o?n:e,...s})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowAssetFrame=StepperRowAssetFrame;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../asset/index.js"),index_js_2=require("../../core/index.js"),react_1=require("react"),a11yCondition_js_1=require("./constants/a11yCondition.js"),StepperRowContext_js_1=require("./StepperRowContext.js");function StepperRowAssetFrame({shape:e,...r}){const t=e.width===32;(0,StepperRowContext_js_1.useUpdateStepperRowLeft)({type:t?"asset32":"asset40"});const n=(0,index_js_2.useFontScaleCondition)(a11yCondition_js_1.a11yCondition.leftAsset),i=(0,react_1.useMemo)(()=>{const s=e.radius===9999,o=t&&!s,c=t&&s;return o?index_js_1.frameShape.CleanW40:c?index_js_1.frameShape.CircleMedium:e},[t,e]);return(0,jsx_runtime_1.jsx)(index_js_1.Asset.Frame,{shape:n?i:e,...r})}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export type Left = {
     type: 'asset32' | 'asset40' | 'numberIcon';
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowNumberIcon=StepperRowNumberIcon;const jsx_runtime_1=require("react/jsx-runtime"),asset_1=require("../asset"),core_1=require("../../core"),a11yCondition_1=require("./constants/a11yCondition"),StepperRowContext_1=require("./StepperRowContext"),frameShape=asset_1.Asset.frameShape.CleanW32,a11yFrameShape=asset_1.Asset.frameShape.CleanW40;function StepperRowNumberIcon({number:e}){(0,StepperRowContext_1.useUpdateStepperRowLeft)({type:"numberIcon"});const t=(0,core_1.useFontScaleCondition)(a11yCondition_1.a11yCondition.leftAsset),{colorPreference:o}=(0,core_1.useColorPreference)();return(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{frameShape:t?a11yFrameShape:frameShape,name:`icon-step${e}-rounded-${o}`,accessibilityLabel:`${e}\uBC88`})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowNumberIcon=StepperRowNumberIcon;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../asset/index.js"),index_js_2=require("../../core/index.js"),a11yCondition_js_1=require("./constants/a11yCondition.js"),StepperRowContext_js_1=require("./StepperRowContext.js"),frameShape=index_js_1.Asset.frameShape.CleanW32,a11yFrameShape=index_js_1.Asset.frameShape.CleanW40;function StepperRowNumberIcon({number:e}){(0,StepperRowContext_js_1.useUpdateStepperRowLeft)({type:"numberIcon"});const t=(0,index_js_2.useFontScaleCondition)(a11yCondition_js_1.a11yCondition.leftAsset),{colorPreference:s}=(0,index_js_2.useColorPreference)();return(0,jsx_runtime_1.jsx)(index_js_1.Asset.Icon,{frameShape:t?a11yFrameShape:frameShape,name:`icon-step${e}-rounded-${s}`,accessibilityLabel:`${e}\uBC88`})}

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

@@ -1,4 +1,4 @@
-import { FrameShapeType } from '../asset/types';
+import type { FrameShapeType } from '../asset/types.js';
 export interface StepperRowRightArrowProps {
     /**
      * 아이콘의 이름을 지정해요.

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowRightArrow=StepperRowRightArrow;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),asset_1=require("../asset"),StepperRowContext_1=require("./StepperRowContext");function StepperRowRightArrow({name:e,color:r,frameShape:t}){const o=(0,core_1.useAdaptive)();return(0,StepperRowContext_1.useUpdateStepperRowRight)({type:"arrow"}),(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{name:e??"icon-arrow-right-mono",color:r??o.grey400,style:{marginRight:-8},frameShape:t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepperRowRightArrow=StepperRowRightArrow;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../asset/index.js"),StepperRowContext_js_1=require("./StepperRowContext.js");function StepperRowRightArrow({name:e,color:r,frameShape:t}){const o=(0,index_js_1.useAdaptive)();return(0,StepperRowContext_js_1.useUpdateStepperRowRight)({type:"arrow"}),(0,jsx_runtime_1.jsx)(index_js_2.Asset.Icon,{name:e??"icon-arrow-right-mono",color:r??o.grey400,style:{marginRight:-8},frameShape:t})}