@kukkim/react-native-ui 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 kukkim
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @kukkim/react-native-ui
+
+ui library for react native
+
+## Installation
+
+```sh
+npm install @kukkim/react-native-ui
+```
+
+## Usage
+
+```js
+import { } from '@kukkim/react-native-ui';
+
+// ...
+
+const ...
+```
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/assets/icons/arrow-down-to-line.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-arrow-down-to-line-icon lucide-arrow-down-to-line"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>

package/lib/module/assets/icons/arrow-down-wide-narrow.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-arrow-down-wide-narrow-icon lucide-arrow-down-wide-narrow"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="M11 4h10"/><path d="M11 8h7"/><path d="M11 12h4"/></svg>

package/lib/module/assets/icons/arrow-left.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-arrow-left-icon lucide-arrow-left"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>

package/lib/module/assets/icons/check.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-check-icon lucide-check"><path d="M20 6 9 17l-5-5"/></svg>

package/lib/module/assets/icons/chevron-down.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-chevron-down-icon lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>

package/lib/module/assets/icons/copy.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-copy-icon lucide-copy"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>

package/lib/module/assets/icons/rotate-cw.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-rotate-cw-icon lucide-rotate-cw"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>

package/lib/module/assets/icons/square-arrow-out-up-right.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-square-arrow-out-up-right-icon lucide-square-arrow-out-up-right"><path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>

package/lib/module/assets/icons/star-empty.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-star-icon lucide-star"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg>

package/lib/module/assets/icons/star-full.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon lucide-star"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg>

package/lib/module/assets/icons/star-half.svg

@@ -0,0 +1,25 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+>
+  <defs>
+    <clipPath id="half">
+      <rect x="0" y="0" width="12" height="24" />
+    </clipPath>
+  </defs>
+  <path
+    clip-path="url(#half)"
+    fill="currentColor"
+    d="M12 2.5l2.93 5.94 6.56.96-4.75 4.63 1.12 6.53L12 17.5l-5.86 3.06 1.12-6.53L2.51 9.4l6.56-.96L12 2.5z"
+  />
+  <path
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M12 2.5l2.93 5.94 6.56.96-4.75 4.63 1.12 6.53L12 17.5l-5.86 3.06 1.12-6.53L2.51 9.4l6.56-.96L12 2.5z"
+  />
+</svg>

package/lib/module/assets/icons/x.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-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

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

@@ -0,0 +1,45 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { CommonText } from "../text/index.js";
+import { CommonImage } from "../image/index.js";
+import { fontSizeType, sizeType, imageSizeType } from "./types.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CommonAvatar = ({
+  type = 'primary',
+  size = 'm',
+  title,
+  source,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, sizeType[size], {
+      backgroundColor: theme.colors[type]
+    }],
+    ...props,
+    children: source ? /*#__PURE__*/_jsx(CommonImage, {
+      style: [styles.container, imageSizeType[size]],
+      source: source
+    }) : /*#__PURE__*/_jsx(CommonText, {
+      style: [styles.innerText, fontSizeType[size], {
+        color: theme.colors.white
+      }],
+      children: title ?? 'None'
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  innerText: {
+    fontSize: 20
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","CommonText","CommonImage","fontSizeType","sizeType","imageSizeType","useTheme","jsx","_jsx","CommonAvatar","type","size","title","source","props","theme","style","styles","container","backgroundColor","colors","children","innerText","color","white","create","borderRadius","alignItems","justifyContent","fontSize"],"sourceRoot":"../../../../src","sources":["components/avatar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAEEC,YAAY,EACZC,QAAQ,EACRC,aAAa,QACR,YAAS;AAChB,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,KAAK;EACLC,MAAM;EACN,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC5B,oBACEE,IAAA,CAACR,IAAI;IACHgB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBd,QAAQ,CAACO,IAAI,CAAC,EACd;MAAEQ,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACV,IAAI;IAAE,CAAC,CACvC;IAAA,GACEI,KAAK;IAAAO,QAAA,EAERR,MAAM,gBACLL,IAAA,CAACN,WAAW;MACVc,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEb,aAAa,CAACM,IAAI,CAAC,CAAE;MAC/CE,MAAM,EAAEA;IAAO,CAChB,CAAC,gBAEFL,IAAA,CAACP,UAAU;MACTe,KAAK,EAAE,CACLC,MAAM,CAACK,SAAS,EAChBnB,YAAY,CAACQ,IAAI,CAAC,EAClB;QAAEY,KAAK,EAAER,KAAK,CAACK,MAAM,CAACI;MAAM,CAAC,CAC7B;MAAAH,QAAA,EAEDT,KAAK,IAAI;IAAM,CACN;EACb,CACG,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGlB,UAAU,CAAC0B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,SAAS,EAAE;IACTO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+export const sizeType = {
+  s: {
+    width: 16,
+    height: 16,
+    borderRadius: 8
+  },
+  m: {
+    width: 20,
+    height: 20,
+    borderRadius: 10
+  },
+  l: {
+    width: 24,
+    height: 24,
+    borderRadius: 12
+  }
+};
+// TODO: sizeType과 동일한 코드인데 type때문에 코드 중복이 발생함 수정필요.
+export const imageSizeType = {
+  s: {
+    width: 16,
+    height: 16,
+    borderRadius: 8
+  },
+  m: {
+    width: 20,
+    height: 20,
+    borderRadius: 10
+  },
+  l: {
+    width: 24,
+    height: 24,
+    borderRadius: 12
+  }
+};
+export const fontSizeType = {
+  s: {
+    fontSize: 10
+  },
+  m: {
+    fontSize: 12
+  },
+  l: {
+    fontSize: 14
+  }
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sizeType","s","width","height","borderRadius","m","l","imageSizeType","fontSizeType","fontSize"],"sourceRoot":"../../../../src","sources":["components/avatar/types.ts"],"mappings":";;AAWA,OAAO,MAAMA,QAAwC,GAAG;EACtDC,CAAC,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAE,CAAC;EAC7CC,CAAC,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAG,CAAC;EAC9CE,CAAC,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAG;AAC/C,CAAC;AACD;AACA,OAAO,MAAMG,aAA8C,GAAG;EAC5DN,CAAC,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAE,CAAC;EAC7CC,CAAC,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAG,CAAC;EAC9CE,CAAC,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAG;AAC/C,CAAC;AAED,OAAO,MAAMI,YAA4C,GAAG;EAC1DP,CAAC,EAAE;IAAEQ,QAAQ,EAAE;EAAG,CAAC;EACnBJ,CAAC,EAAE;IAAEI,QAAQ,EAAE;EAAG,CAAC;EACnBH,CAAC,EAAE;IAAEG,QAAQ,EAAE;EAAG;AACpB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+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,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, sizeType[size], {
+      backgroundColor: theme.colors[type]
+    }],
+    ...props,
+    children: typeText && /*#__PURE__*/_jsx(CommonText, {
+      style: [styles.innerText, fontSizeType[size], {
+        color: theme.colors.white
+      }],
+      children: typeText
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 12,
+    alignSelf: 'auto',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  innerText: {
+    fontSize: 20
+  }
+});
+export default CommonBadge;
+//# sourceMappingURL=commonBadge.js.map

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

@@ -0,0 +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":[]}

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

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

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+export const sizeType = {
+  s: {
+    minWidth: 18,
+    height: 18,
+    borderRadius: 8,
+    paddingHorizontal: 4
+  },
+  m: {
+    minWidth: 20,
+    height: 20,
+    borderRadius: 10,
+    paddingHorizontal: 4
+  },
+  l: {
+    minWidth: 22,
+    height: 22,
+    borderRadius: 12,
+    paddingHorizontal: 4
+  }
+};
+export const expandedSizeType = {
+  s: {
+    minWidth: 32,
+    height: 16
+  },
+  m: {
+    minWidth: 36,
+    height: 20
+  },
+  l: {
+    minWidth: 40,
+    height: 24
+  }
+};
+export const fontSizeType = {
+  s: {
+    fontSize: 10
+  },
+  m: {
+    fontSize: 12
+  },
+  l: {
+    fontSize: 14
+  }
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sizeType","s","minWidth","height","borderRadius","paddingHorizontal","m","l","expandedSizeType","fontSizeType","fontSize"],"sourceRoot":"../../../../src","sources":["components/badge/types.ts"],"mappings":";;AAKA,OAAO,MAAMA,QAAwC,GAAG;EACtDC,CAAC,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACtEC,CAAC,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACvEE,CAAC,EAAE;IAAEL,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEC,iBAAiB,EAAE;EAAE;AACxE,CAAC;AAED,OAAO,MAAMG,gBAAgD,GAAG;EAC9DP,CAAC,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC/BG,CAAC,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC/BI,CAAC,EAAE;IAAEL,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG;AAChC,CAAC;AAED,OAAO,MAAMM,YAA4C,GAAG;EAC1DR,CAAC,EAAE;IAAES,QAAQ,EAAE;EAAG,CAAC;EACnBJ,CAAC,EAAE;IAAEI,QAAQ,EAAE;EAAG,CAAC;EACnBH,CAAC,EAAE;IAAEG,QAAQ,EAAE;EAAG;AACpB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+import { Pressable, StyleSheet } from 'react-native';
+import { CommonText } from "../text/index.js";
+import { fontSizeType } from "./types.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CommonButton = ({
+  title,
+  type = 'primary',
+  size = 'm',
+  disabled,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: [styles.container, disabled ? {
+      backgroundColor: theme.colors[type]
+    } : {
+      backgroundColor: theme.colors[type]
+    }],
+    ...props,
+    children: /*#__PURE__*/_jsx(CommonText, {
+      style: [fontSizeType[size], {
+        color: theme.colors.white
+      }],
+      isInner: true,
+      children: title
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    margin: 5,
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderRadius: 3
+  }
+});
+export default CommonButton;
+//# sourceMappingURL=commonButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","CommonText","fontSizeType","useTheme","jsx","_jsx","CommonButton","title","type","size","disabled","props","theme","style","styles","container","backgroundColor","colors","children","color","white","isInner","create","margin","paddingVertical","paddingHorizontal","borderRadius"],"sourceRoot":"../../../../src","sources":["components/button/commonButton.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,SAASC,UAAU,QAAQ,kBAAS;AACpC,SAAiCC,YAAY,QAAQ,YAAS;AAC9D,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,YAAY,GAAGA,CAAC;EACpBC,KAAK;EACLC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,QAAQ;EACR,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC5B,oBACEE,IAAA,CAACN,SAAS;IACRc,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBL,QAAQ,GACJ;MAAEM,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACT,IAAI;IAAE,CAAC,GACvC;MAAEQ,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACT,IAAI;IAAE,CAAC,CAC3C;IAAA,GACEG,KAAK;IAAAO,QAAA,eAETb,IAAA,CAACJ,UAAU;MACTY,KAAK,EAAE,CAACX,YAAY,CAACO,IAAI,CAAC,EAAE;QAAEU,KAAK,EAAEP,KAAK,CAACK,MAAM,CAACG;MAAM,CAAC,CAAE;MAC3DC,OAAO,EAAE,IAAK;MAAAH,QAAA,EAEbX;IAAK,CACI;EAAC,CACJ,CAAC;AAEhB,CAAC;AAED,MAAMO,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAepB,YAAY","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["CommonButton"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAM,mBAAgB;AAEzC,SAASA,YAAY","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+export const sizeType = {
+  s: {
+    width: 16,
+    height: 16
+  },
+  m: {
+    width: 20,
+    height: 20
+  },
+  l: {
+    width: 24,
+    height: 24
+  }
+};
+export const fontSizeType = {
+  s: {
+    fontSize: 12
+  },
+  m: {
+    fontSize: 16
+  },
+  l: {
+    fontSize: 20
+  }
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sizeType","s","width","height","m","l","fontSizeType","fontSize"],"sourceRoot":"../../../../src","sources":["components/button/types.ts"],"mappings":";;AASA,OAAO,MAAMA,QAAwC,GAAG;EACtDC,CAAC,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC5BC,CAAC,EAAE;IAAEF,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC5BE,CAAC,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG;AAC7B,CAAC;AAED,OAAO,MAAMG,YAA4C,GAAG;EAC1DL,CAAC,EAAE;IAAEM,QAAQ,EAAE;EAAG,CAAC;EACnBH,CAAC,EAAE;IAAEG,QAAQ,EAAE;EAAG,CAAC;EACnBF,CAAC,EAAE;IAAEE,QAAQ,EAAE;EAAG;AACpB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { CommonText } from "../text/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CommonCard = ({
+  children,
+  type = 'primary',
+  title
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [title && /*#__PURE__*/_jsx(View, {
+      style: [styles.titleContainer, {
+        backgroundColor: theme.colors[type]
+      }],
+      children: /*#__PURE__*/_jsx(CommonText, {
+        style: [styles.titleText, {
+          color: theme.colors.white
+        }],
+        children: title
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.contentContainer, {
+        borderColor: theme.colors[type]
+      }],
+      children: children
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 10
+  },
+  titleContainer: {
+    alignSelf: 'flex-start',
+    borderRadius: 5,
+    marginLeft: 5,
+    padding: 5,
+    zIndex: 1
+  },
+  titleText: {
+    fontSize: 20
+  },
+  contentContainer: {
+    borderWidth: 2,
+    borderRadius: 5,
+    padding: 10
+  }
+});
+export default CommonCard;
+//# sourceMappingURL=commonCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","CommonText","useTheme","jsx","_jsx","jsxs","_jsxs","CommonCard","children","type","title","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/commonCard.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,UAAU,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI,GAAG,SAAS;EAAEC;AAAuB,CAAC,KAAK;EAC7E,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC5B,oBACEI,KAAA,CAACN,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAN,QAAA,GAC3BE,KAAK,iBACJN,IAAA,CAACJ,IAAI;MACHY,KAAK,EAAE,CACLC,MAAM,CAACE,cAAc,EACrB;QACEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACR,IAAI;MACpC,CAAC,CACD;MAAAD,QAAA,eAEFJ,IAAA,CAACH,UAAU;QACTW,KAAK,EAAE,CACLC,MAAM,CAACK,SAAS,EAChB;UACEC,KAAK,EAAER,KAAK,CAACM,MAAM,CAACG;QACtB,CAAC,CACD;QAAAZ,QAAA,EAEDE;MAAK,CACI;IAAC,CACT,CACP,eACDN,IAAA,CAACJ,IAAI;MACHY,KAAK,EAAE,CACLC,MAAM,CAACQ,gBAAgB,EACvB;QACEC,WAAW,EAAEX,KAAK,CAACM,MAAM,CAACR,IAAI;MAChC,CAAC,CACD;MAAAD,QAAA,EAEDA;IAAQ,CACL,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGd,UAAU,CAACwB,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,eAAelB,UAAU","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+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';
+
+//TODO: React-native-reanimated 적용시키기
+// const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FoldableCard = ({
+  children,
+  type = 'primary',
+  title,
+  value,
+  onPress
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Pressable
+    // <AnimatedPressable
+    , {
+      style: [styles.titleContainer, {
+        backgroundColor: theme.colors[type]
+      }],
+      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}
+    , {
+      style: [styles.contentContainer, {
+        borderColor: theme.colors[type]
+      }],
+      children: children
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 10
+  },
+  titleContainer: {
+    alignSelf: 'flex-start',
+    borderRadius: 5,
+    marginLeft: 5,
+    padding: 5,
+    zIndex: 1
+  },
+  titleText: {
+    fontSize: 20
+  },
+  contentContainer: {
+    borderWidth: 2,
+    borderRadius: 5,
+    padding: 10
+  }
+});
+export default FoldableCard;
+//# sourceMappingURL=foldableCard.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+import CommonCard from "./commonCard.js";
+import FoldableCard from "./foldableCard.js";
+export { CommonCard, FoldableCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CommonCard","FoldableCard"],"sourceRoot":"../../../../src","sources":["components/card/index.ts"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,iBAAc;AACrC,OAAOC,YAAY,MAAM,mBAAgB;AAEzC,SAASD,UAAU,EAAEC,YAAY","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { Pressable, StyleSheet } from 'react-native';
+import { sizeType } from "./types.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { CommonIcon } from "../icon/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CheckBox = ({
+  size = 'm',
+  disabled,
+  value,
+  onPress,
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    style: [sizeType[size], styles.container, disabled ? {
+      borderColor: theme.colors.disabled
+    } : {
+      borderColor: theme.colors.primary
+    }],
+    disabled: disabled,
+    ...props,
+    children: value && /*#__PURE__*/_jsx(CommonIcon, {
+      color: disabled ? theme.colors.disabled : theme.colors.primary,
+      iconType: "check"
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=index.js.map