@kukkim/react-native-ui 0.1.1 → 0.1.4

package/lib/module/assets/icons/apple.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apple</title><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/></svg>

package/lib/module/assets/icons/facebook.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>

package/lib/module/assets/icons/google.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Google</title><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"/></svg>

package/lib/module/assets/icons/kakaotalk.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>KakaoTalk</title><path d="M22.125 0H1.875C.8394 0 0 .8394 0 1.875v20.25C0 23.1606.8394 24 1.875 24h20.25C23.1606 24 24 23.1606 24 22.125V1.875C24 .8394 23.1606 0 22.125 0zM12 18.75c-.591 0-1.1697-.0413-1.7317-.1209-.5626.3965-3.813 2.6797-4.1198 2.7225 0 0-.1258.0489-.2328-.0141s-.0876-.2282-.0876-.2282c.0322-.2198.8426-3.0183.992-3.5333-2.7452-1.36-4.5701-3.7686-4.5701-6.5135C2.25 6.8168 6.6152 3.375 12 3.375s9.75 3.4418 9.75 7.6875c0 4.2457-4.3652 7.6875-9.75 7.6875zM8.0496 9.8672h-.8777v3.3417c0 .2963-.2523.5372-.5625.5372s-.5625-.2409-.5625-.5372V9.8672h-.8777c-.3044 0-.552-.2471-.552-.5508s.2477-.5508.552-.5508h2.8804c.3044 0 .552.2471.552.5508s-.2477.5508-.552.5508zm10.9879 2.9566a.558.558 0 0 1 .108.4167.5588.5588 0 0 1-.2183.371.5572.5572 0 0 1-.3383.1135.558.558 0 0 1-.4493-.2236l-1.3192-1.7479-.1952.1952v1.2273a.5635.5635 0 0 1-.5627.5628.563.563 0 0 1-.5625-.5625V9.3281c0-.3102.2523-.5625.5625-.5625s.5625.2523.5625.5625v1.209l1.5694-1.5694c.0807-.0807.1916-.1252.312-.1252.1404 0 .2814.0606.3871.1661.0985.0984.1573.2251.1654.3566.0082.1327-.036.2542-.1241.3425l-1.2818 1.2817 1.3845 1.8344zm-8.3502-3.5023c-.095-.2699-.3829-.5475-.7503-.5557-.3663.0083-.6542.2858-.749.5551l-1.3455 3.5415c-.1708.5305-.0217.7272.1333.7988a.8568.8568 0 0 0 .3576.0776c.2346 0 .4139-.0952.4678-.2481l.2787-.7297 1.7152.0001.2785.7292c.0541.1532.2335.2484.4681.2484a.8601.8601 0 0 0 .3576-.0775c.1551-.0713.3041-.2681.1329-.7999l-1.3449-3.5398zm-1.3116 2.4433l.5618-1.5961.5618 1.5961H9.3757zm5.9056 1.3836c0 .2843-.2418.5156-.5391.5156h-1.8047c-.2973 0-.5391-.2314-.5391-.5156V9.3281c0-.3102.2576-.5625.5742-.5625s.5742.2523.5742.5625v3.3047h1.1953c.2974 0 .5392.2314.5392.5156z"/></svg>

package/lib/module/assets/icons/loader-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle-icon lucide-loader-circle"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>

package/lib/module/assets/icons/naver.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Naver</title><path d="M16.273 12.845 7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727v12.845Z"/></svg>

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

@@ -4,40 +4,42 @@ import { StyleSheet, View } from 'react-native';
 import { CommonText } from "../text/index.js";
 import { fontSizeType, sizeType } from "./types.js";
 import { useTheme } from "../../hooks/useTheme.js";
-
-// TODO: 부모컴포넌트의 정렬기준에 따라 컴포넌트의 형태가 변함.
 import { jsx as _jsx } from "react/jsx-runtime";
 const CommonBadge = ({
   type = 'primary',
   size = 'm',
   typeText,
+  style,
   ...props
 }) => {
   const {
     theme
   } = useTheme();
   return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, sizeType[size], {
-      backgroundColor: theme.colors[type]
-    }],
+    style: [styles.wrapper, style],
     ...props,
-    children: typeText && /*#__PURE__*/_jsx(CommonText, {
-      style: [styles.innerText, fontSizeType[size], {
-        color: theme.colors.white
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.badge, sizeType[size], {
+        backgroundColor: theme.colors[type]
       }],
-      children: typeText
+      ...props,
+      children: typeText && /*#__PURE__*/_jsx(CommonText, {
+        style: [fontSizeType[size], {
+          color: theme.colors.white
+        }],
+        children: typeText
+      })
     })
   });
 };
 const styles = StyleSheet.create({
-  container: {
-    borderRadius: 12,
-    alignSelf: 'auto',
-    alignItems: 'center',
-    justifyContent: 'center'
+  wrapper: {
+    flexDirection: 'row'
   },
-  innerText: {
-    fontSize: 20
+  badge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 999
   }
 });
 export default CommonBadge;

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","CommonText","fontSizeType","sizeType","useTheme","jsx","_jsx","CommonBadge","type","size","typeText","props","theme","style","styles","container","backgroundColor","colors","children","innerText","color","white","create","borderRadius","alignSelf","alignItems","justifyContent","fontSize"],"sourceRoot":"../../../../src","sources":["components/badge/commonBadge.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAAgCC,YAAY,EAAEC,QAAQ,QAAQ,YAAS;AACvE,SAASC,QAAQ,QAAQ,yBAAsB;;AAE/C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,QAAQ;EACR,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,oBACEE,IAAA,CAACN,IAAI;IACHa,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBZ,QAAQ,CAACM,IAAI,CAAC,EACd;MAAEO,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACT,IAAI;IAAE,CAAC,CACvC;IAAA,GACEG,KAAK;IAAAO,QAAA,EAERR,QAAQ,iBACPJ,IAAA,CAACL,UAAU;MACTY,KAAK,EAAE,CACLC,MAAM,CAACK,SAAS,EAChBjB,YAAY,CAACO,IAAI,CAAC,EAClB;QAAEW,KAAK,EAAER,KAAK,CAACK,MAAM,CAACI;MAAM,CAAC,CAC7B;MAAAH,QAAA,EAEDR;IAAQ,CACC;EACb,CACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACuB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,MAAM;IACjBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,SAAS,EAAE;IACTQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAepB,WAAW","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","CommonText","fontSizeType","sizeType","useTheme","jsx","_jsx","CommonBadge","type","size","typeText","style","props","theme","styles","wrapper","children","badge","backgroundColor","colors","color","white","create","flexDirection","alignItems","justifyContent","borderRadius"],"sourceRoot":"../../../../src","sources":["components/badge/commonBadge.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAAgCC,YAAY,EAAEC,QAAQ,QAAQ,YAAS;AACvE,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC5B,oBACEE,IAAA,CAACN,IAAI;IAACW,KAAK,EAAE,CAACG,MAAM,CAACC,OAAO,EAAEJ,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAI,QAAA,eAC7CV,IAAA,CAACN,IAAI;MACHW,KAAK,EAAE,CACLG,MAAM,CAACG,KAAK,EACZd,QAAQ,CAACM,IAAI,CAAC,EACd;QAAES,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACX,IAAI;MAAE,CAAC,CACvC;MAAA,GACEI,KAAK;MAAAI,QAAA,EAERN,QAAQ,iBACPJ,IAAA,CAACL,UAAU;QACTU,KAAK,EAAE,CAACT,YAAY,CAACO,IAAI,CAAC,EAAE;UAAEW,KAAK,EAAEP,KAAK,CAACM,MAAM,CAACE;QAAM,CAAC,CAAE;QAAAL,QAAA,EAE1DN;MAAQ,CACC;IACb,CACG;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACuB,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,aAAa,EAAE;EACjB,CAAC;EACDN,KAAK,EAAE;IACLO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAenB,WAAW","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { CommonText } from "../text/index.js";
+import { expandedSizeType, fontSizeType, sizeType } from "./types.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const NumberBadge = ({
+  type = 'primary',
+  number,
+  maxNumber,
+  size = 'm',
+  style,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const isExpanded = maxNumber !== undefined && number > maxNumber;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrapper, style],
+    ...props,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.badge, isExpanded ? expandedSizeType[size] : sizeType[size], {
+        backgroundColor: theme.colors[type]
+      }],
+      children: /*#__PURE__*/_jsx(CommonText, {
+        style: [fontSizeType[size], {
+          color: theme.colors.white
+        }],
+        children: isExpanded ? `${maxNumber}+` : number
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    flexDirection: 'row'
+  },
+  badge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 999
+  }
+});
+export default NumberBadge;
+//# sourceMappingURL=numberBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","CommonText","expandedSizeType","fontSizeType","sizeType","useTheme","jsx","_jsx","NumberBadge","type","number","maxNumber","size","style","props","theme","isExpanded","undefined","styles","wrapper","children","badge","backgroundColor","colors","color","white","create","flexDirection","alignItems","justifyContent","borderRadius"],"sourceRoot":"../../../../src","sources":["components/badge/numberBadge.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAEEC,gBAAgB,EAChBC,YAAY,EACZC,QAAQ,QACH,YAAS;AAChB,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI,GAAG,SAAS;EAChBC,MAAM;EACNC,SAAS;EACTC,IAAI,GAAG,GAAG;EACVC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC5B,MAAMW,UAAU,GAAGL,SAAS,KAAKM,SAAS,IAAIP,MAAM,GAAGC,SAAS;EAChE,oBACEJ,IAAA,CAACP,IAAI;IAACa,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEN,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAM,QAAA,eAC7Cb,IAAA,CAACP,IAAI;MACHa,KAAK,EAAE,CACLK,MAAM,CAACG,KAAK,EACZL,UAAU,GAAGd,gBAAgB,CAACU,IAAI,CAAC,GAAGR,QAAQ,CAACQ,IAAI,CAAC,EACpD;QAAEU,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACd,IAAI;MAAE,CAAC,CACvC;MAAAW,QAAA,eAEFb,IAAA,CAACN,UAAU;QAACY,KAAK,EAAE,CAACV,YAAY,CAACS,IAAI,CAAC,EAAE;UAAEY,KAAK,EAAET,KAAK,CAACQ,MAAM,CAACE;QAAM,CAAC,CAAE;QAAAL,QAAA,EACpEJ,UAAU,GAAG,GAAGL,SAAS,GAAG,GAAGD;MAAM,CAC5B;IAAC,CACT;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGnB,UAAU,CAAC2B,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,aAAa,EAAE;EACjB,CAAC;EACDN,KAAK,EAAE;IACLO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAetB,WAAW","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
 import CommonButton from "./commonButton.js";
-export { CommonButton };
+import SocialLoginButton from "./socialLoginButton.js";
+export { CommonButton, SocialLoginButton };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["CommonButton"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAM,mBAAgB;AAEzC,SAASA,YAAY","ignoreList":[]}
+{"version":3,"names":["CommonButton","SocialLoginButton"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAM,mBAAgB;AACzC,OAAOC,iBAAiB,MAAM,wBAAqB;AAEnD,SAASD,YAAY,EAAEC,iBAAiB","ignoreList":[]}

package/lib/module/components/button/socialLoginButton.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { Pressable, StyleSheet } from 'react-native';
+import { CommonIcon } from "../icon/index.js";
+import { CommonText } from "../text/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SocialLoginButton = ({
+  type = 'primary',
+  provider,
+  disabled,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    style: [styles.container, disabled ? {
+      backgroundColor: theme.colors.disabled
+    } : {
+      backgroundColor: theme.colors[type]
+    }],
+    ...props,
+    children: [/*#__PURE__*/_jsx(CommonIcon, {
+      iconType: provider,
+      size: 'm',
+      color: 'black'
+    }), /*#__PURE__*/_jsx(CommonText, {
+      style: {
+        color: theme.colors.white
+      },
+      children: 'Login with ' + provider
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    margin: 5,
+    paddingVertical: 10,
+    paddingHorizontal: 10,
+    borderRadius: 5,
+    gap: 10,
+    alignItems: 'center'
+  }
+});
+export default SocialLoginButton;
+//# sourceMappingURL=socialLoginButton.js.map

package/lib/module/components/button/socialLoginButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","CommonIcon","CommonText","useTheme","jsx","_jsx","jsxs","_jsxs","SocialLoginButton","type","provider","disabled","props","theme","style","styles","container","backgroundColor","colors","children","iconType","size","color","white","create","flexDirection","margin","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems"],"sourceRoot":"../../../../src","sources":["components/button/socialLoginButton.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,IAAI,GAAG,SAAS;EAChBC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACmB,CAAC,KAAK;EAC5B,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAE5B,oBACEI,KAAA,CAACR,SAAS;IACRe,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBL,QAAQ,GACJ;MACEM,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACP;IAChC,CAAC,GACD;MACEM,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACT,IAAI;IACpC,CAAC,CACL;IAAA,GACEG,KAAK;IAAAO,QAAA,gBAETd,IAAA,CAACJ,UAAU;MAACmB,QAAQ,EAAEV,QAAS;MAACW,IAAI,EAAE,GAAI;MAACC,KAAK,EAAE;IAAQ,CAAE,CAAC,eAC7DjB,IAAA,CAACH,UAAU;MAACY,KAAK,EAAE;QAAEQ,KAAK,EAAET,KAAK,CAACK,MAAM,CAACK;MAAM,CAAE;MAAAJ,QAAA,EAC9C,aAAa,GAAGT;IAAQ,CACf,CAAC;EAAA,CACJ,CAAC;AAEhB,CAAC;AAED,MAAMK,MAAM,GAAGf,UAAU,CAACwB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,GAAG,EAAE,EAAE;IACPC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAevB,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgApple = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
+  })
+});
+export default SvgApple;
+//# sourceMappingURL=Apple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgApple","props","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/Apple.tsx"],"mappings":";;AAAA;AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,QAAQ,GAAIC,KAAe,iBAC/BF,IAAA,CAACH;AACC;AAAA;EACAM,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,EAAG;EAAA,GACvBH,KAAK;EAAAI,QAAA,eAETN,IAAA,CAACF,IAAI;IAACS,CAAC,EAAC;EAA+hB,CAAE;AAAC,CACviB,CACN;AACD,eAAeN,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgFacebook = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a9 9 0 0 1 1.141.195v3.325a9 9 0 0 0-.653-.036 27 27 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.7 1.7 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647"
+  })
+});
+export default SvgFacebook;
+//# sourceMappingURL=Facebook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgFacebook","props","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/Facebook.tsx"],"mappings":";;AAAA;AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,WAAW,GAAIC,KAAe,iBAClCF,IAAA,CAACH;AACC;AAAA;EACAM,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,EAAG;EAAA,GACvBH,KAAK;EAAAI,QAAA,eAETN,IAAA,CAACF,IAAI;IAACS,CAAC,EAAC;EAAqZ,CAAE;AAAC,CAC7Z,CACN;AACD,eAAeN,WAAW","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgGoogle = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053z"
+  })
+});
+export default SvgGoogle;
+//# sourceMappingURL=Google.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgGoogle","props","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/Google.tsx"],"mappings":";;AAAA;AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,SAAS,GAAIC,KAAe,iBAChCF,IAAA,CAACH;AACC;AAAA;EACAM,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,EAAG;EAAA,GACvBH,KAAK;EAAAI,QAAA,eAETN,IAAA,CAACF,IAAI;IAACS,CAAC,EAAC;EAAuV,CAAE;AAAC,CAC/V,CACN;AACD,eAAeN,SAAS","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgKakaotalk = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M22.125 0H1.875C.839 0 0 .84 0 1.875v20.25C0 23.161.84 24 1.875 24h20.25C23.161 24 24 23.16 24 22.125V1.875C24 .839 23.16 0 22.125 0M12 18.75q-.888 0-1.732-.12c-.562.396-3.813 2.679-4.12 2.722 0 0-.125.049-.232-.014s-.088-.229-.088-.229c.032-.22.843-3.018.992-3.533-2.745-1.36-4.57-3.769-4.57-6.513 0-4.246 4.365-7.688 9.75-7.688s9.75 3.442 9.75 7.688S17.385 18.75 12 18.75M8.05 9.867h-.878v3.342c0 .296-.252.537-.563.537s-.562-.24-.562-.537V9.867h-.878a.552.552 0 0 1 0-1.101h2.88a.552.552 0 0 1 0 1.101m10.987 2.957a.56.56 0 0 1 .109.417.56.56 0 0 1-.219.37.56.56 0 0 1-.338.114.56.56 0 0 1-.45-.224l-1.319-1.747-.195.195v1.227a.564.564 0 0 1-.562.563.563.563 0 0 1-.563-.563V9.328a.563.563 0 0 1 1.125 0v1.21l1.57-1.57a.44.44 0 0 1 .311-.126c.14 0 .282.061.388.167a.56.56 0 0 1 .165.356.44.44 0 0 1-.124.343l-1.282 1.281zm-8.35-3.502c-.095-.27-.383-.548-.75-.556-.366.008-.654.286-.749.555l-1.345 3.541c-.171.53-.022.728.133.8a.9.9 0 0 0 .357.077c.235 0 .414-.095.468-.248l.279-.73h1.715l.279.73c.054.153.233.248.468.248a.9.9 0 0 0 .357-.078c.155-.071.304-.268.133-.8zm-1.311 2.443.562-1.596.561 1.596zm5.905 1.383a.53.53 0 0 1-.539.516h-1.804a.53.53 0 0 1-.54-.516v-3.82c0-.31.258-.562.575-.562s.574.252.574.562v3.305h1.195c.297 0 .54.231.54.515"
+  })
+});
+export default SvgKakaotalk;
+//# sourceMappingURL=Kakaotalk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgKakaotalk","props","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/Kakaotalk.tsx"],"mappings":";;AAAA;AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,YAAY,GAAIC,KAAe,iBACnCF,IAAA,CAACH;AACC;AAAA;EACAM,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,EAAG;EAAA,GACvBH,KAAK;EAAAI,QAAA,eAETN,IAAA,CAACF,IAAI;IAACS,CAAC,EAAC;EAAmuC,CAAE;AAAC,CAC3uC,CACN;AACD,eAAeN,YAAY","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgLoaderCircle = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  fill: "none",
+  stroke: props.color,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2
+  // className="loader-circle_svg__lucide loader-circle_svg__lucide-loader-circle-icon loader-circle_svg__lucide-loader-circle"
+  ,
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M21 12a9 9 0 1 1-6.219-8.56"
+  })
+});
+export default SvgLoaderCircle;
+//# sourceMappingURL=LoaderCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgLoaderCircle","props","fill","stroke","color","strokeLinecap","strokeLinejoin","strokeWidth","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/LoaderCircle.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,eAAe,GAAIC,KAAe,iBACtCF,IAAA,CAACH;AACC;AAAA;EACAM,IAAI,EAAC,MAAM;EACXC,MAAM,EAAEF,KAAK,CAACG,KAAM;EACpBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EACtBC,WAAW,EAAE;EACb;EAAA;EACAC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAET,KAAK,CAACS,MAAM,IAAI,EAAG;EAAA,GACvBT,KAAK;EAAAU,QAAA,eAETZ,IAAA,CAACF,IAAI;IAACe,CAAC,EAAC;EAA6B,CAAE;AAAC,CACrC,CACN;AACD,eAAeZ,eAAe","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgNaver = props => /*#__PURE__*/_jsx(Svg
+// xmlns="http://www.w3.org/2000/svg"
+, {
+  viewBox: "0 0 24 24",
+  width: props.width ?? 24,
+  height: props.height ?? 24,
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M16.273 12.845 7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727z"
+  })
+});
+export default SvgNaver;
+//# sourceMappingURL=Naver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","SvgNaver","props","viewBox","width","height","children","d"],"sourceRoot":"../../../../src","sources":["components/icon/Naver.tsx"],"mappings":";;AAAA;AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,QAAQ,GAAIC,KAAe,iBAC/BF,IAAA,CAACH;AACC;AAAA;EACAM,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,EAAG;EACzBC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,EAAG;EAAA,GACvBH,KAAK;EAAAI,QAAA,eAETN,IAAA,CAACF,IAAI;IAACS,CAAC,EAAC;EAAiE,CAAE;AAAC,CACzE,CACN;AACD,eAAeN,QAAQ","ignoreList":[]}

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

@@ -9,6 +9,12 @@ import StarHalf from "./StarHalf.js";
 import StarFull from "./StarFull.js";
 import Check from "./Check.js";
 import X from "./X.js";
+import LoaderCircle from "./LoaderCircle.js";
+import Apple from "./Apple.js";
+import Facebook from "./Facebook.js";
+import Google from "./Google.js";
+import Kakaotalk from "./Kakaotalk.js";
+import Naver from "./Naver.js";
 // import { ArrowDownToLine } from './ArrowDownToLine';
 // import { ArrowDownWideNarrow } from './ArrowDownWideNarrow';
 // import { ChevronDown } from './ChevronDown';
@@ -21,7 +27,13 @@ const iconMap = {
   star_half: StarHalf,
   star_full: StarFull,
   check: Check,
-  close: X
+  close: X,
+  loaderCircle: LoaderCircle,
+  apple: Apple,
+  facebook: Facebook,
+  google: Google,
+  kakaotalk: Kakaotalk,
+  naver: Naver
 };
 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","jsx","_jsx","iconMap","back","star_empty","star_half","star_full","check","close","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;AACA;AACA;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAET,SAAS;EACfU,UAAU,EAAET,SAAS;EACrBU,SAAS,EAAET,QAAQ;EACnBU,SAAS,EAAET,QAAQ;EACnBU,KAAK,EAAET,KAAK;EACZU,KAAK,EAAET;AACT,CAAU;AAEV,OAAO,MAAMU,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,IAAI,GAAG,GAAG;EACVC,KAAK,GAAG,OAAO;EACf,GAAGC;AACM,CAAC,KAAK;EACf;;EAEA,MAAMC,aAAa,GAAGZ,OAAO,CAACQ,QAAQ,CAAC;EACvC,IAAI,CAACI,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEb,IAAA,CAACT,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKJ,KAAK;IAAAK,QAAA,eACtCjB,IAAA,CAACa,aAAa;MACZK,KAAK,EAAE1B,QAAQ,CAACkB,IAAI,CAAE;MACtBS,MAAM,EAAE3B,QAAQ,CAACkB,IAAI,CAAE;MACvBC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGzB,UAAU,CAAC8B,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","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":[]}

package/lib/module/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 export { CommonText } from "./text/index.js";
-export { CommonButton } from "./button/index.js";
+export { CommonButton, SocialLoginButton } from "./button/index.js";
 export { CommonBadge } from "./badge/index.js";
 export { SafeAreaContainer, ScrollViewContainer } from "./screenContainer/index.js";
 export { CommonIcon } from "./icon/index.js";
@@ -15,4 +15,5 @@ export { LinearProgressBar, CircularProgressBar } from "./progressBar/index.js";
 export { CommonInput } from "./input/index.js";
 export { CommonPopOver } from "./popOver/index.js";
 export { CommonSwitch } from "./switch/index.js";
+export { CommonSpinner } from "./spinner/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAQ;AACnC,SAASC,YAAY,QAAQ,mBAAU;AACvC,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","ignoreList":[]}
+{"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":[]}

package/lib/module/components/spinner/commonSpinner.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { CommonIcon } from "../icon/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CommonSpinner = ({
+  type = 'primary',
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const rotateValue = useSharedValue(0);
+  const animatedStyles = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotateValue.value}deg`
+    }]
+  }));
+  useEffect(() => {
+    rotateValue.value = withRepeat(withTiming(360, {
+      duration: 1000,
+      easing: Easing.linear
+    }), -1,
+    // infinite
+    false);
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [animatedStyles],
+      children: /*#__PURE__*/_jsx(CommonIcon, {
+        color: theme.colors[type],
+        iconType: "loaderCircle"
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 24,
+    height: 24
+  }
+});
+export default CommonSpinner;
+//# sourceMappingURL=commonSpinner.js.map

package/lib/module/components/spinner/commonSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","StyleSheet","View","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","CommonIcon","useTheme","jsx","_jsx","CommonSpinner","type","props","theme","rotateValue","animatedStyles","transform","rotate","value","duration","easing","linear","style","styles","container","children","color","colors","iconType","create","width","height"],"sourceRoot":"../../../../src","sources":["components/spinner/commonSpinner.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI,GAAG,SAAS;EAAE,GAAGC;AAAoB,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAM,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC5B,MAAMO,WAAW,GAAGX,cAAc,CAAC,CAAC,CAAC;EACrC,MAAMY,cAAc,GAAGb,gBAAgB,CAAC,OAAO;IAC7Cc,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGH,WAAW,CAACI,KAAK;IAAM,CAAC;EACnD,CAAC,CAAC,CAAC;EAEHrB,SAAS,CAAC,MAAM;IACdiB,WAAW,CAACI,KAAK,GAAGd,UAAU,CAC5BC,UAAU,CAAC,GAAG,EAAE;MACdc,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAEnB,MAAM,CAACoB;IACjB,CAAC,CAAC,EACF,CAAC,CAAC;IAAE;IACJ,KACF,CAAC;EACH,CAAC,CAAC;EAEF,oBACEZ,IAAA,CAACV,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKZ,KAAK;IAAAa,QAAA,eACtChB,IAAA,CAACT,QAAQ,CAACD,IAAI;MAACuB,KAAK,EAAE,CAACP,cAAc,CAAE;MAAAU,QAAA,eACrChB,IAAA,CAACH,UAAU;QAACoB,KAAK,EAAEb,KAAK,CAACc,MAAM,CAAChB,IAAI,CAAE;QAACiB,QAAQ,EAAC;MAAc,CAAE;IAAC,CACpD;EAAC,CACZ,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGzB,UAAU,CAAC+B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAerB,aAAa","ignoreList":[]}

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

@@ -1,3 +1,5 @@
-// TODO: spinner 구현 필요
 "use strict";
+
+import CommonSpinner from "./commonSpinner.js";
+export { CommonSpinner };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spinner/index.tsx"],"mappings":"AAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CommonSpinner"],"sourceRoot":"../../../../src","sources":["components/spinner/index.ts"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,oBAAiB;AAE3C,SAASA,aAAa","ignoreList":[]}

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

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

package/lib/module/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch } from "./components/index.js";
+export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner } from "./components/index.js";
 export { ThemeProvider } from "./theme/themeProvider.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,QACP,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}
+{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","SocialLoginButton","CommonSpinner","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,aAAa,QACR,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}

package/lib/typescript/src/components/badge/commonBadge.d.ts

@@ -1,4 +1,4 @@
 import { type CommonBadgeProps } from './types.js';
-declare const CommonBadge: ({ type, size, typeText, ...props }: CommonBadgeProps) => import("react").JSX.Element;
+declare const CommonBadge: ({ type, size, typeText, style, ...props }: CommonBadgeProps) => import("react").JSX.Element;
 export default CommonBadge;
 //# sourceMappingURL=commonBadge.d.ts.map

package/lib/typescript/src/components/badge/commonBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/commonBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,YAAS,CAAC;AAIxE,QAAA,MAAM,WAAW,GAAI,oCAKlB,gBAAgB,gCAwBlB,CAAC;AAcF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"commonBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/commonBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,YAAS,CAAC;AAGxE,QAAA,MAAM,WAAW,GAAI,2CAMlB,gBAAgB,gCAsBlB,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/badge/numberBadge.d.ts

@@ -0,0 +1,4 @@
+import { type NumberBadgeProps } from './types.js';
+declare const NumberBadge: ({ type, number, maxNumber, size, style, ...props }: NumberBadgeProps) => import("react").JSX.Element;
+export default NumberBadge;
+//# sourceMappingURL=numberBadge.d.ts.map

package/lib/typescript/src/components/badge/numberBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/numberBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,YAAS,CAAC;AAGjB,QAAA,MAAM,WAAW,GAAI,oDAOlB,gBAAgB,gCAkBlB,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/button/index.d.ts

@@ -1,3 +1,4 @@
 import CommonButton from './commonButton.js';
-export { CommonButton };
+import SocialLoginButton from './socialLoginButton.js';
+export { CommonButton, SocialLoginButton };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,wBAAqB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/src/components/button/socialLoginButton.d.ts

@@ -0,0 +1,4 @@
+import { type SocialLoginButtonProps } from './types.js';
+declare const SocialLoginButton: ({ type, provider, disabled, ...props }: SocialLoginButtonProps) => import("react").JSX.Element;
+export default SocialLoginButton;
+//# sourceMappingURL=socialLoginButton.d.ts.map

package/lib/typescript/src/components/button/socialLoginButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialLoginButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/socialLoginButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAS,CAAC;AAGtD,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,gCAuBxB,CAAC;AAcF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/button/types.d.ts

@@ -10,5 +10,8 @@ export interface ButtonProps extends PressableProps {
 export interface CommonButtonProps extends ButtonProps {
     title?: string;
 }
+export interface SocialLoginButtonProps extends ButtonProps {
+    provider: 'apple' | 'facebook' | 'google' | 'kakaotalk' | 'naver';
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAIvD,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAIvD,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;CACnE"}

package/lib/typescript/src/components/icon/Apple.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgApple: (props: SvgProps) => import("react").JSX.Element;
+export default SvgApple;
+//# sourceMappingURL=Apple.d.ts.map

package/lib/typescript/src/components/icon/Apple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Apple.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Apple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,QAAQ,GAAI,OAAO,QAAQ,gCAUhC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/icon/Facebook.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgFacebook: (props: SvgProps) => import("react").JSX.Element;
+export default SvgFacebook;
+//# sourceMappingURL=Facebook.d.ts.map