@kukkim/react-native-ui 0.1.4 → 0.1.6

package/lib/module/components/badge/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
 import CommonBadge from "./commonBadge.js";
-export { CommonBadge };
+import NumberBadge from "./numberBadge.js";
+export { CommonBadge, NumberBadge };
 //# sourceMappingURL=index.js.map

package/lib/module/components/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonBadge"],"sourceRoot":"../../../../src","sources":["components/badge/index.ts"],"mappings":";;AAAA,OAAOA,WAAW,MAAM,kBAAe;AAEvC,SAASA,WAAW","ignoreList":[]}
+{"version":3,"names":["CommonBadge","NumberBadge"],"sourceRoot":"../../../../src","sources":["components/badge/index.ts"],"mappings":";;AAAA,OAAOA,WAAW,MAAM,kBAAe;AACvC,OAAOC,WAAW,MAAM,kBAAe;AAEvC,SAASD,WAAW,EAAEC,WAAW","ignoreList":[]}

package/lib/module/components/card/foldableCard.js

@@ -3,15 +3,11 @@
 import { StyleSheet, View, Pressable } from 'react-native';
 import { CommonText } from "../text/index.js";
 import { useTheme } from "../../hooks/useTheme.js";
-// import Animated, {
-//   FadeIn,
-//   FadeOut,
-//   LinearTransition,
-// } from 'react-native-reanimated';
+import Animated, { FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
 
-//TODO: React-native-reanimated 적용시키기
-// const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+//TODO: Animation이 여전히 부자연스러우니 수정필요.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 const FoldableCard = ({
   children,
   type = 'primary',
@@ -24,26 +20,21 @@ const FoldableCard = ({
   } = useTheme();
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(Pressable
-    // <AnimatedPressable
-    , {
+    children: [/*#__PURE__*/_jsx(AnimatedPressable, {
       style: [styles.titleContainer, {
         backgroundColor: theme.colors[type]
       }],
-      onPress: onPress
-      // layout={LinearTransition.duration(200)}
-      ,
+      onPress: onPress,
+      layout: LinearTransition.duration(200),
       children: /*#__PURE__*/_jsx(CommonText, {
         style: [styles.titleText, {
           color: theme.colors.white
         }],
         children: title
       })
-    }), value && /*#__PURE__*/_jsx(View
-    // <Animated.View
-    // entering={FadeIn}
-    // exiting={FadeOut}
-    , {
+    }), value && /*#__PURE__*/_jsx(Animated.View, {
+      entering: FadeIn,
+      exiting: FadeOut,
       style: [styles.contentContainer, {
         borderColor: theme.colors[type]
       }],

package/lib/module/components/card/foldableCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","Pressable","CommonText","useTheme","jsx","_jsx","jsxs","_jsxs","FoldableCard","children","type","title","value","onPress","theme","style","styles","container","titleContainer","backgroundColor","colors","titleText","color","white","contentContainer","borderColor","create","width","padding","alignSelf","borderRadius","marginLeft","zIndex","fontSize","borderWidth"],"sourceRoot":"../../../../src","sources":["components/card/foldableCard.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC1D,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C;AACA;AACA;AACA;AACA;;AAEA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,YAAY,GAAGA,CAAC;EACpBC,QAAQ;EACRC,IAAI,GAAG,SAAS;EAChBC,KAAK;EACLC,KAAK;EACLC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAC5B,oBACEI,KAAA,CAACP,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAR,QAAA,gBAC5BJ,IAAA,CAACJ;IACC;IAAA;MACAc,KAAK,EAAE,CACLC,MAAM,CAACE,cAAc,EACrB;QACEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACV,IAAI;MACpC,CAAC,CACD;MACFG,OAAO,EAAEA;MACT;MAAA;MAAAJ,QAAA,eAEAJ,IAAA,CAACH,UAAU;QACTa,KAAK,EAAE,CACLC,MAAM,CAACK,SAAS,EAChB;UACEC,KAAK,EAAER,KAAK,CAACM,MAAM,CAACG;QACtB,CAAC,CACD;QAAAd,QAAA,EAEDE;MAAK,CACI;IAAC,CAEJ,CAAC,EACXC,KAAK,iBACJP,IAAA,CAACL;IACC;IACA;IACA;IAAA;MACAe,KAAK,EAAE,CACLC,MAAM,CAACQ,gBAAgB,EACvB;QACEC,WAAW,EAAEX,KAAK,CAACM,MAAM,CAACV,IAAI;MAChC,CAAC,CACD;MAAAD,QAAA,EAEDA;IAAQ,CAEL,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGjB,UAAU,CAAC2B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE;EACX,CAAC;EACDV,cAAc,EAAE;IACdW,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbH,OAAO,EAAE,CAAC;IACVI,MAAM,EAAE;EACV,CAAC;EACDX,SAAS,EAAE;IACTY,QAAQ,EAAE;EACZ,CAAC;EACDT,gBAAgB,EAAE;IAChBU,WAAW,EAAE,CAAC;IACdJ,YAAY,EAAE,CAAC;IACfF,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAepB,YAAY","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","Pressable","CommonText","useTheme","Animated","FadeIn","FadeOut","LinearTransition","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","FoldableCard","children","type","title","value","onPress","theme","style","styles","container","titleContainer","backgroundColor","colors","layout","duration","titleText","color","white","entering","exiting","contentContainer","borderColor","create","width","padding","alignSelf","borderRadius","marginLeft","zIndex","fontSize","borderWidth"],"sourceRoot":"../../../../src","sources":["components/card/foldableCard.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC1D,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,OAAOC,QAAQ,IACbC,MAAM,EACNC,OAAO,EACPC,gBAAgB,QACX,yBAAyB;;AAEhC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,uBAAuB,CAACZ,SAAS,CAAC;AACrE,MAAMa,YAAY,GAAGA,CAAC;EACpBC,QAAQ;EACRC,IAAI,GAAG,SAAS;EAChBC,KAAK;EACLC,KAAK;EACLC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGjB,QAAQ,CAAC,CAAC;EAC5B,oBACEQ,KAAA,CAACX,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAR,QAAA,gBAC5BN,IAAA,CAACG,iBAAiB;MAChBS,KAAK,EAAE,CACLC,MAAM,CAACE,cAAc,EACrB;QACEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACV,IAAI;MACpC,CAAC,CACD;MACFG,OAAO,EAAEA,OAAQ;MACjBQ,MAAM,EAAEpB,gBAAgB,CAACqB,QAAQ,CAAC,GAAG,CAAE;MAAAb,QAAA,eAEvCN,IAAA,CAACP,UAAU;QACTmB,KAAK,EAAE,CACLC,MAAM,CAACO,SAAS,EAChB;UACEC,KAAK,EAAEV,KAAK,CAACM,MAAM,CAACK;QACtB,CAAC,CACD;QAAAhB,QAAA,EAEDE;MAAK,CACI;IAAC,CACI,CAAC,EACnBC,KAAK,iBACJT,IAAA,CAACL,QAAQ,CAACJ,IAAI;MACZgC,QAAQ,EAAE3B,MAAO;MACjB4B,OAAO,EAAE3B,OAAQ;MACjBe,KAAK,EAAE,CACLC,MAAM,CAACY,gBAAgB,EACvB;QACEC,WAAW,EAAEf,KAAK,CAACM,MAAM,CAACV,IAAI;MAChC,CAAC,CACD;MAAAD,QAAA,EAEDA;IAAQ,CACI,CAChB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGvB,UAAU,CAACqC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE;EACX,CAAC;EACDd,cAAc,EAAE;IACde,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbH,OAAO,EAAE,CAAC;IACVI,MAAM,EAAE;EACV,CAAC;EACDb,SAAS,EAAE;IACTc,QAAQ,EAAE;EACZ,CAAC;EACDT,gBAAgB,EAAE;IAChBU,WAAW,EAAE,CAAC;IACdJ,YAAY,EAAE,CAAC;IACfF,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAexB,YAAY","ignoreList":[]}

package/lib/module/components/icon/index.js

@@ -17,7 +17,7 @@ import Kakaotalk from "./Kakaotalk.js";
 import Naver from "./Naver.js";
 // import { ArrowDownToLine } from './ArrowDownToLine';
 // import { ArrowDownWideNarrow } from './ArrowDownWideNarrow';
-// import { ChevronDown } from './ChevronDown';
+import ChevronDown from "./ChevronDown.js";
 // import { RotateCw } from './RotateCw';
 // export { SquareArrowOutUpRight } from './SquareArrowOutUpRight';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -33,7 +33,8 @@ const iconMap = {
   facebook: Facebook,
   google: Google,
   kakaotalk: Kakaotalk,
-  naver: Naver
+  naver: Naver,
+  down: ChevronDown
 };
 export const CommonIcon = ({
   iconType,

package/lib/module/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","sizeType","ArrowLeft","StarEmpty","StarHalf","StarFull","Check","X","LoaderCircle","Apple","Facebook","Google","Kakaotalk","Naver","jsx","_jsx","iconMap","back","star_empty","star_half","star_full","check","close","loaderCircle","apple","facebook","google","kakaotalk","naver","CommonIcon","iconType","size","color","props","IconComponent","style","styles","container","children","width","height","create"],"sourceRoot":"../../../../src","sources":["components/icon/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAAyBC,QAAQ,QAAQ,YAAS;AAClD;AACA,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,KAAK,MAAM,YAAS;AAC3B,OAAOC,CAAC,MAAM,QAAK;AACnB,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,KAAK,MAAM,YAAS;AAC3B,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,MAAM,MAAM,aAAU;AAC7B,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,KAAK,MAAM,YAAS;AAC3B;AACA;AACA;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAEf,SAAS;EACfgB,UAAU,EAAEf,SAAS;EACrBgB,SAAS,EAAEf,QAAQ;EACnBgB,SAAS,EAAEf,QAAQ;EACnBgB,KAAK,EAAEf,KAAK;EACZgB,KAAK,EAAEf,CAAC;EACRgB,YAAY,EAAEf,YAAY;EAC1BgB,KAAK,EAAEf,KAAK;EACZgB,QAAQ,EAAEf,QAAQ;EAClBgB,MAAM,EAAEf,MAAM;EACdgB,SAAS,EAAEf,SAAS;EACpBgB,KAAK,EAAEf;AACT,CAAU;AAEV,OAAO,MAAMgB,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,IAAI,GAAG,GAAG;EACVC,KAAK,GAAG,OAAO;EACf,GAAGC;AACM,CAAC,KAAK;EACf;;EAEA,MAAMC,aAAa,GAAGlB,OAAO,CAACc,QAAQ,CAAC;EACvC,IAAI,CAACI,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEnB,IAAA,CAACf,IAAI;IAACmC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKJ,KAAK;IAAAK,QAAA,eACtCvB,IAAA,CAACmB,aAAa;MACZK,KAAK,EAAEtC,QAAQ,CAAC8B,IAAI,CAAE;MACtBS,MAAM,EAAEvC,QAAQ,CAAC8B,IAAI,CAAE;MACvBC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGrC,UAAU,CAAC0C,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACT;IACA;EAAA;AAEJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","sizeType","ArrowLeft","StarEmpty","StarHalf","StarFull","Check","X","LoaderCircle","Apple","Facebook","Google","Kakaotalk","Naver","ChevronDown","jsx","_jsx","iconMap","back","star_empty","star_half","star_full","check","close","loaderCircle","apple","facebook","google","kakaotalk","naver","down","CommonIcon","iconType","size","color","props","IconComponent","style","styles","container","children","width","height","create"],"sourceRoot":"../../../../src","sources":["components/icon/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAAyBC,QAAQ,QAAQ,YAAS;AAClD;AACA,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,KAAK,MAAM,YAAS;AAC3B,OAAOC,CAAC,MAAM,QAAK;AACnB,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,KAAK,MAAM,YAAS;AAC3B,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,MAAM,MAAM,aAAU;AAC7B,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,KAAK,MAAM,YAAS;AAC3B;AACA;AACA,OAAOC,WAAW,MAAM,kBAAe;AACvC;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAEhB,SAAS;EACfiB,UAAU,EAAEhB,SAAS;EACrBiB,SAAS,EAAEhB,QAAQ;EACnBiB,SAAS,EAAEhB,QAAQ;EACnBiB,KAAK,EAAEhB,KAAK;EACZiB,KAAK,EAAEhB,CAAC;EACRiB,YAAY,EAAEhB,YAAY;EAC1BiB,KAAK,EAAEhB,KAAK;EACZiB,QAAQ,EAAEhB,QAAQ;EAClBiB,MAAM,EAAEhB,MAAM;EACdiB,SAAS,EAAEhB,SAAS;EACpBiB,KAAK,EAAEhB,KAAK;EACZiB,IAAI,EAAEhB;AACR,CAAU;AAEV,OAAO,MAAMiB,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,IAAI,GAAG,GAAG;EACVC,KAAK,GAAG,OAAO;EACf,GAAGC;AACM,CAAC,KAAK;EACf;;EAEA,MAAMC,aAAa,GAAGnB,OAAO,CAACe,QAAQ,CAAC;EACvC,IAAI,CAACI,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEpB,IAAA,CAAChB,IAAI;IAACqC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKJ,KAAK;IAAAK,QAAA,eACtCxB,IAAA,CAACoB,aAAa;MACZK,KAAK,EAAExC,QAAQ,CAACgC,IAAI,CAAE;MACtBS,MAAM,EAAEzC,QAAQ,CAACgC,IAAI,CAAE;MACvBC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGvC,UAAU,CAAC4C,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACT;IACA;EAAA;AAEJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -2,7 +2,7 @@
 
 export { CommonText } from "./text/index.js";
 export { CommonButton, SocialLoginButton } from "./button/index.js";
-export { CommonBadge } from "./badge/index.js";
+export { CommonBadge, NumberBadge } from "./badge/index.js";
 export { SafeAreaContainer, ScrollViewContainer } from "./screenContainer/index.js";
 export { CommonIcon } from "./icon/index.js";
 export { CommonRating } from "./rating/index.js";
@@ -16,4 +16,6 @@ export { CommonInput } from "./input/index.js";
 export { CommonPopOver } from "./popOver/index.js";
 export { CommonSwitch } from "./switch/index.js";
 export { CommonSpinner } from "./spinner/index.js";
+export { CommonSlider } from "./slider/index.js";
+export { CommonSelect, SelectItem } from "./select/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonText","CommonButton","SocialLoginButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","CommonSpinner"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAQ;AACnC,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,mBAAU;AAC1D,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,4BAAmB;AAC1E,SAASC,UAAU,QAAQ,iBAAQ;AACnC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,QAAQ,QAAQ,qBAAY;AACrC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAQ;AACjD,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,wBAAe;AACtE,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,aAAa,QAAQ,oBAAW;AACzC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,aAAa,QAAQ,oBAAW","ignoreList":[]}
+{"version":3,"names":["CommonText","CommonButton","SocialLoginButton","CommonBadge","NumberBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","CommonSpinner","CommonSlider","CommonSelect","SelectItem"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAQ;AACnC,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,mBAAU;AAC1D,SAASC,WAAW,EAAEC,WAAW,QAAQ,kBAAS;AAClD,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,4BAAmB;AAC1E,SAASC,UAAU,QAAQ,iBAAQ;AACnC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,QAAQ,QAAQ,qBAAY;AACrC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAQ;AACjD,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,wBAAe;AACtE,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,aAAa,QAAQ,oBAAW;AACzC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,aAAa,QAAQ,oBAAW;AACzC,SAASC,YAAY,QAAQ,mBAAU;AACvC,SAASC,YAAY,EAAEC,UAAU,QAAQ,mBAAU","ignoreList":[]}

package/lib/module/components/list/commonList.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { FlatList, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const CommonList = props => {
+  return /*#__PURE__*/_jsx(FlatList, {
+    style: styles.container,
+    ...props
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export default CommonList;
+//# sourceMappingURL=commonList.js.map

package/lib/module/components/list/commonList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","StyleSheet","jsx","_jsx","CommonList","props","style","styles","container","create","flex"],"sourceRoot":"../../../../src","sources":["components/list/commonList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpD,MAAMC,UAAU,GAAYC,KAA6B,IAAK;EAC5D,oBAAOF,IAAA,CAACH,QAAQ;IAACM,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKH;EAAK,CAAG,CAAC;AACzD,CAAC;AAED,MAAME,MAAM,GAAGN,UAAU,CAACQ,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAeN,UAAU","ignoreList":[]}

package/lib/module/components/list/imageList.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { FlatList, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { CommonImage } from "../image";
+
+const ImgList = props => {
+  return /*#__PURE__*/_jsx(FlatList, {
+    style: styles.container
+    // renderItem={({ item }) => <CommonImage title={item.title} />}
+    ,
+    ...props
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 'auto',
+    margin: 5,
+    padding: 5,
+    borderWidth: 1,
+    borderRadius: 3
+  }
+});
+export default ImgList;
+//# sourceMappingURL=imageList.js.map

package/lib/module/components/list/imageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","StyleSheet","jsx","_jsx","ImgList","props","style","styles","container","create","width","margin","padding","borderWidth","borderRadius"],"sourceRoot":"../../../../src","sources":["components/list/imageList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD;;AAEA,MAAMC,OAAO,GAAYC,KAA6B,IAAK;EACzD,oBACEF,IAAA,CAACH,QAAQ;IACPM,KAAK,EAAEC,MAAM,CAACC;IACd;IAAA;IAAA,GACIH;EAAK,CACV,CAAC;AAEN,CAAC;AAED,MAAME,MAAM,GAAGN,UAAU,CAACQ,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAeV,OAAO","ignoreList":[]}

package/lib/module/components/list/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import CommonList from "./commonList.js";
+import ImageList from "./imageList.js";
+export { CommonList, ImageList };
+//# sourceMappingURL=index.js.map

package/lib/module/components/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommonList","ImageList"],"sourceRoot":"../../../../src","sources":["components/list/index.ts"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,iBAAc;AACrC,OAAOC,SAAS,MAAM,gBAAa;AAEnC,SAASD,UAAU,EAAEC,SAAS","ignoreList":[]}

package/lib/module/components/list/types.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export const containerType = {
+  primary: {},
+  secondary: {}
+};
+//# sourceMappingURL=types.js.map

package/lib/module/components/list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["containerType","primary","secondary"],"sourceRoot":"../../../../src","sources":["components/list/types.ts"],"mappings":";;AAKA,OAAO,MAAMA,aAAyC,GAAG;EACvDC,OAAO,EAAE,CAAC,CAAC;EACXC,SAAS,EAAE,CAAC;AACd,CAAC","ignoreList":[]}

package/lib/module/components/progressBar/circularProgressBar.js

@@ -1,10 +1,13 @@
 "use strict";
 
+import { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Svg, { Circle } from 'react-native-svg';
+import Animated, { useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
 import { sizeType, strokeWidthType } from "./types.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
 const CircularProgressBar = ({
   type = 'primary',
   size = 'm',
@@ -20,7 +23,17 @@ const CircularProgressBar = ({
   const strokeWidth = strokeWidthType[size];
   const radius = (svgSize - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
-  const strokeDashoffset = circumference * (1 - progress);
+  const animatedProgress = useSharedValue(0);
+  useEffect(() => {
+    animatedProgress.value = withTiming(progress, {
+      duration: 500
+    });
+  }, [progress, animatedProgress]);
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      strokeDashoffset: circumference * (1 - animatedProgress.value)
+    };
+  });
   return /*#__PURE__*/_jsx(View, {
     style: [styles.container, style],
     ...props,
@@ -35,7 +48,7 @@ const CircularProgressBar = ({
         stroke: theme.colors.disabled,
         strokeWidth: strokeWidth,
         fill: "none"
-      }), /*#__PURE__*/_jsx(Circle, {
+      }), /*#__PURE__*/_jsx(AnimatedCircle, {
         cx: svgSize / 2,
         cy: svgSize / 2,
         r: radius,
@@ -44,7 +57,7 @@ const CircularProgressBar = ({
         fill: "none",
         strokeLinecap: "round",
         strokeDasharray: circumference,
-        strokeDashoffset: strokeDashoffset,
+        animatedProps: animatedProps,
         rotation: "-90",
         originX: svgSize / 2,
         originY: svgSize / 2

package/lib/module/components/progressBar/circularProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","Svg","Circle","sizeType","strokeWidthType","useTheme","jsx","_jsx","jsxs","_jsxs","CircularProgressBar","type","size","value","style","props","theme","progress","Math","min","max","svgSize","strokeWidth","radius","circumference","PI","strokeDashoffset","styles","container","children","width","height","viewBox","cx","cy","r","stroke","colors","disabled","fill","strokeLinecap","strokeDasharray","rotation","originX","originY","create"],"sourceRoot":"../../../../src","sources":["components/progressBar/circularProgressBar.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAAgCC,QAAQ,EAAEC,eAAe,QAAQ,YAAS;AAC1E,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,KAAK;EACLC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAE5B,MAAMY,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAEhD,MAAMQ,OAAO,GAAGlB,QAAQ,CAACS,IAAI,CAAC;EAC9B,MAAMU,WAAW,GAAGlB,eAAe,CAACQ,IAAI,CAAC;EAEzC,MAAMW,MAAM,GAAG,CAACF,OAAO,GAAGC,WAAW,IAAI,CAAC;EAC1C,MAAME,aAAa,GAAG,CAAC,GAAGN,IAAI,CAACO,EAAE,GAAGF,MAAM;EAE1C,MAAMG,gBAAgB,GAAGF,aAAa,IAAI,CAAC,GAAGP,QAAQ,CAAC;EAEvD,oBACEV,IAAA,CAACP,IAAI;IAACc,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAEd,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAc,QAAA,eAC/CpB,KAAA,CAACR,GAAG;MACF6B,KAAK,EAAET,OAAQ;MACfU,MAAM,EAAEV,OAAQ;MAChBW,OAAO,EAAE,OAAOX,OAAO,IAAIA,OAAO,EAAG;MAAAQ,QAAA,gBAErCtB,IAAA,CAACL,MAAM;QACL+B,EAAE,EAAEZ,OAAO,GAAG,CAAE;QAChBa,EAAE,EAAEb,OAAO,GAAG,CAAE;QAChBc,CAAC,EAAEZ,MAAO;QACVa,MAAM,EAAEpB,KAAK,CAACqB,MAAM,CAACC,QAAS;QAC9BhB,WAAW,EAAEA,WAAY;QACzBiB,IAAI,EAAC;MAAM,CACZ,CAAC,eAEFhC,IAAA,CAACL,MAAM;QACL+B,EAAE,EAAEZ,OAAO,GAAG,CAAE;QAChBa,EAAE,EAAEb,OAAO,GAAG,CAAE;QAChBc,CAAC,EAAEZ,MAAO;QACVa,MAAM,EAAEpB,KAAK,CAACqB,MAAM,CAAC1B,IAAI,CAAE;QAC3BW,WAAW,EAAEA,WAAY;QACzBiB,IAAI,EAAC,MAAM;QACXC,aAAa,EAAC,OAAO;QACrBC,eAAe,EAAEjB,aAAc;QAC/BE,gBAAgB,EAAEA,gBAAiB;QACnCgB,QAAQ,EAAC,KAAK;QACdC,OAAO,EAAEtB,OAAO,GAAG,CAAE;QACrBuB,OAAO,EAAEvB,OAAO,GAAG;MAAE,CACtB,CAAC;IAAA,CACC;EAAC,CACF,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG5B,UAAU,CAAC8C,MAAM,CAAC;EAC/BjB,SAAS,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,eAAelB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["useEffect","StyleSheet","View","Svg","Circle","Animated","useAnimatedProps","useSharedValue","withTiming","sizeType","strokeWidthType","useTheme","jsx","_jsx","jsxs","_jsxs","AnimatedCircle","createAnimatedComponent","CircularProgressBar","type","size","value","style","props","theme","progress","Math","min","max","svgSize","strokeWidth","radius","circumference","PI","animatedProgress","duration","animatedProps","strokeDashoffset","styles","container","children","width","height","viewBox","cx","cy","r","stroke","colors","disabled","fill","strokeLinecap","strokeDasharray","rotation","originX","originY","create"],"sourceRoot":"../../../../src","sources":["components/progressBar/circularProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/progressBar/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-// TODO: progressbar에 react-native-reanimated를 이용한 animation적용 필요.
 import LinearProgressBar from "./linearProgressBar.js";
 import CircularProgressBar from "./circularProgressBar.js";
 export { LinearProgressBar, CircularProgressBar };

package/lib/module/components/progressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LinearProgressBar","CircularProgressBar"],"sourceRoot":"../../../../src","sources":["components/progressBar/index.ts"],"mappings":";;AAAA;AACA,OAAOA,iBAAiB,MAAM,wBAAqB;AACnD,OAAOC,mBAAmB,MAAM,0BAAuB;AAEvD,SAASD,iBAAiB,EAAEC,mBAAmB","ignoreList":[]}
+{"version":3,"names":["LinearProgressBar","CircularProgressBar"],"sourceRoot":"../../../../src","sources":["components/progressBar/index.ts"],"mappings":";;AAAA,OAAOA,iBAAiB,MAAM,wBAAqB;AACnD,OAAOC,mBAAmB,MAAM,0BAAuB;AAEvD,SAASD,iBAAiB,EAAEC,mBAAmB","ignoreList":[]}

package/lib/module/components/progressBar/linearProgressBar.js

@@ -1,6 +1,8 @@
 "use strict";
 
+import { useState } from 'react';
 import { StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import { useTheme } from "../../hooks/useTheme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const LinearProgressBar = ({
@@ -13,16 +15,26 @@ const LinearProgressBar = ({
     theme
   } = useTheme();
   const progress = Math.min(Math.max(value, 0), 1);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const animatedStyle = useAnimatedStyle(() => ({
+    width: withTiming(containerWidth * progress, {
+      duration: 1000
+    })
+  }));
+  const onLayout = e => {
+    setContainerWidth(e.nativeEvent.layout.width);
+  };
   return /*#__PURE__*/_jsx(View, {
     style: [styles.container, {
       backgroundColor: theme.colors.disabled
     }, style],
+    onLayout: onLayout,
     ...props,
-    children: /*#__PURE__*/_jsx(View, {
+    children: containerWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
       style: [styles.progress, {
-        width: `${progress * 100}%`,
+        width: containerWidth,
         backgroundColor: theme.colors[type]
-      }]
+      }, animatedStyle]
     })
   });
 };

package/lib/module/components/progressBar/linearProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","useTheme","jsx","_jsx","LinearProgressBar","type","value","style","props","theme","progress","Math","min","max","styles","container","backgroundColor","colors","disabled","children","width","create","height","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/progressBar/linearProgressBar.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,IAAI,GAAG,SAAS;EAChBC,KAAK;EACLC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAEhD,oBACEH,IAAA,CAACH,IAAI;IACHO,KAAK,EAAE,CACLO,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACC;IAChC,CAAC,EACDX,KAAK,CACL;IAAA,GACEC,KAAK;IAAAW,QAAA,eAEThB,IAAA,CAACH,IAAI;MACHO,KAAK,EAAE,CACLO,MAAM,CAACJ,QAAQ,EACf;QACEU,KAAK,EAAE,GAAGV,QAAQ,GAAG,GAAG,GAAG;QAC3BM,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACZ,IAAI;MACpC,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTK,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,GAAG;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDd,QAAQ,EAAE;IACRY,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAenB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["useState","StyleSheet","View","Animated","useAnimatedStyle","withTiming","useTheme","jsx","_jsx","LinearProgressBar","type","value","style","props","theme","progress","Math","min","max","containerWidth","setContainerWidth","animatedStyle","width","duration","onLayout","e","nativeEvent","layout","styles","container","backgroundColor","colors","disabled","children","create","height","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/progressBar/linearProgressBar.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,EAAEC,IAAI,QAAgC,cAAc;AACvE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,IAAI,GAAG,SAAS;EAChBC,KAAK;EACLC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAEhD,MAAM,CAACQ,cAAc,EAAEC,iBAAiB,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EAEvD,MAAMqB,aAAa,GAAGjB,gBAAgB,CAAC,OAAO;IAC5CkB,KAAK,EAAEjB,UAAU,CAACc,cAAc,GAAGJ,QAAQ,EAAE;MAC3CQ,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,CAAC,CAAC;EAEH,MAAMC,QAAQ,GAAIC,CAAoB,IAAK;IACzCL,iBAAiB,CAACK,CAAC,CAACC,WAAW,CAACC,MAAM,CAACL,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEd,IAAA,CAACN,IAAI;IACHU,KAAK,EAAE,CACLgB,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEhB,KAAK,CAACiB,MAAM,CAACC;IAChC,CAAC,EACDpB,KAAK,CACL;IACFY,QAAQ,EAAEA,QAAS;IAAA,GACfX,KAAK;IAAAoB,QAAA,EAERd,cAAc,GAAG,CAAC,iBACjBX,IAAA,CAACL,QAAQ,CAACD,IAAI;MACZU,KAAK,EAAE,CACLgB,MAAM,CAACb,QAAQ,EACf;QACEO,KAAK,EAAEH,cAAc;QACrBW,eAAe,EAAEhB,KAAK,CAACiB,MAAM,CAACrB,IAAI;MACpC,CAAC,EACDW,aAAa;IACb,CACH;EACF,CACG,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTP,KAAK,EAAE,MAAM;IACba,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,GAAG;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDtB,QAAQ,EAAE;IACRoB,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAe3B,iBAAiB","ignoreList":[]}

package/lib/module/components/select/commonSelect.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from "../../hooks/useTheme.js";
+import { CommonIcon } from "../icon/index.js";
+import { CommonText } from "../text/index.js";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SelectItem = _props => {
+  return null;
+};
+export const CommonSelect = ({
+  children,
+  placeholder = 'Select',
+  value,
+  // defaultValue,
+  onChange,
+  style
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const [open, setOpen] = useState(false);
+  const [internalValue, setInternalValue] = useState(
+  // defaultValue
+  '');
+  const selectedValue = value ?? internalValue;
+  const items = React.Children.toArray(children).filter(React.isValidElement);
+  const selectedItem = items.find(item => item.props.value === selectedValue);
+  const handleSelect = nextValue => {
+    if (value === undefined) {
+      setInternalValue(nextValue);
+    }
+    onChange?.(nextValue);
+    setOpen(false);
+  };
+  const rotate = useSharedValue(0);
+  const arrowAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        rotate: `${rotate.value}deg`
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.trigger, {
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.background
+      }],
+      onPress: () => {
+        const nextOpen = !open;
+        rotate.value = withTiming(nextOpen ? 180 : 0, {
+          duration: 200
+        });
+        setOpen(nextOpen);
+      },
+      children: [/*#__PURE__*/_jsx(CommonText, {
+        size: "m",
+        style: [!selectedItem && {
+          color: theme.colors.disabled
+        }],
+        children: selectedItem?.props.label ?? placeholder
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: arrowAnimatedStyle,
+        children: /*#__PURE__*/_jsx(CommonIcon, {
+          iconType: "down"
+        })
+      })]
+    }), open && /*#__PURE__*/_jsx(View, {
+      style: [{
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.background
+      }, styles.dropdown],
+      children: items.map(item => {
+        const isSelected = item.props.value === selectedValue;
+        return /*#__PURE__*/_jsx(Pressable, {
+          style: [styles.option, isSelected && styles.selectedOption],
+          onPress: () => handleSelect(item.props.value),
+          children: /*#__PURE__*/_jsx(CommonText, {
+            style: [styles.optionText, isSelected && styles.selectedOptionText],
+            children: item.props.label
+          })
+        }, String(item.props.value));
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    zIndex: 999
+  },
+  trigger: {
+    minHeight: 44,
+    borderWidth: 1,
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  arrow: {
+    fontSize: 12,
+    color: '#667085'
+  },
+  dropdown: {
+    position: 'absolute',
+    top: 46,
+    left: 0,
+    right: 0,
+    borderWidth: 1,
+    borderRadius: 8,
+    zIndex: 999,
+    elevation: 10
+  },
+  option: {
+    paddingVertical: 12,
+    paddingHorizontal: 12
+  },
+  selectedOption: {
+    backgroundColor: '#F2F4F7'
+  },
+  optionText: {
+    fontSize: 14,
+    color: '#101828'
+  },
+  selectedOptionText: {
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=commonSelect.js.map

package/lib/module/components/select/commonSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","StyleSheet","View","useTheme","CommonIcon","CommonText","Animated","useAnimatedStyle","useSharedValue","withTiming","jsx","_jsx","jsxs","_jsxs","SelectItem","_props","CommonSelect","children","placeholder","value","onChange","style","theme","open","setOpen","internalValue","setInternalValue","selectedValue","items","Children","toArray","filter","isValidElement","selectedItem","find","item","props","handleSelect","nextValue","undefined","rotate","arrowAnimatedStyle","transform","styles","container","trigger","borderColor","colors","border","backgroundColor","background","onPress","nextOpen","duration","size","color","disabled","label","iconType","dropdown","map","isSelected","option","selectedOption","optionText","selectedOptionText","String","create","position","width","zIndex","minHeight","borderWidth","borderRadius","paddingHorizontal","flexDirection","alignItems","justifyContent","arrow","fontSize","top","left","right","elevation","paddingVertical","fontWeight"],"sourceRoot":"../../../../src","sources":["components/select/commonSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { CommonSelect, SelectItem } from "./commonSelect.js";
+export { CommonSelect, SelectItem };
+//# sourceMappingURL=index.js.map

package/lib/module/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommonSelect","SelectItem"],"sourceRoot":"../../../../src","sources":["components/select/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,UAAU,QAAQ,mBAAgB;AAEzD,SAASD,YAAY,EAAEC,UAAU","ignoreList":[]}

package/lib/module/components/select/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/select/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/slider/index.js

@@ -1,3 +1,105 @@
-// TODO: slider 구현 필요
 "use strict";
+
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { CommonText } from "../text/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+
+// TODO: Thumb가 범위 바깥으로 넘어가는 것 수정 필요.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CommonSlider = ({
+  labels = []
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const position = useSharedValue(0);
+  const startPosition = useSharedValue(0);
+  const panGesture = Gesture.Pan().onBegin(() => {
+    startPosition.value = position.value;
+  }).onUpdate(event => {
+    const nextValue = startPosition.value + event.translationX;
+    if (nextValue < 0) {
+      position.value = 0;
+    } else {
+      position.value = nextValue;
+    }
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: position.value
+    }]
+  }));
+  const activeTrackStyle = useAnimatedStyle(() => ({
+    width: position.value + 15
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.sliderBar, {
+        backgroundColor: theme.colors.secondary
+      }],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          backgroundColor: theme.colors.primary
+        }, styles.filledSliderBar, activeTrackStyle]
+      }), /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [animatedStyle, {
+            backgroundColor: theme.colors.text
+          }, styles.thumb]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.labelBar,
+      children: labels.map((label, index) => {
+        const percent = labels.length === 1 ? 0 : index / (labels.length - 1);
+        return /*#__PURE__*/_jsx(CommonText, {
+          size: "s",
+          style: [styles.labelText, {
+            color: theme.colors.text,
+            left: `${percent * 100}%`
+          }],
+          children: label
+        }, `${label}-${index}`);
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 20,
+    width: '100%'
+  },
+  sliderBar: {
+    width: '100%',
+    height: 10
+  },
+  filledSliderBar: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    height: 10,
+    borderRadius: 5
+  },
+  labelBar: {
+    position: 'relative',
+    height: 24,
+    marginTop: 12
+  },
+  labelText: {
+    position: 'absolute',
+    transform: [{
+      translateX: -8
+    }]
+  },
+  thumb: {
+    bottom: 10,
+    width: 30,
+    height: 30,
+    borderRadius: 15
+  }
+});
 //# sourceMappingURL=index.js.map