@herca/rn-kit 0.1.0

package/lib/module/Input/InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Input","jsx","_jsx","InputPassword","props","secureText","setSecureText","children","iconRight","secureTextEntry","onPressIconRight"],"sourceRoot":"../../../src","sources":["Input/InputPassword.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,KAAK,MAAM,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe5B,eAAe,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAC/D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGR,QAAQ,CAAC,IAAI,CAAC;EAElD,oBACEI,IAAA,CAACH,IAAI;IAAAQ,QAAA,eACHL,IAAA,CAACF,KAAK;MAAA,GACAI,KAAK;MACTI,SAAS,EAAEH,UAAU,GAAG,KAAK,GAAG,SAAU;MAC1CI,eAAe,EAAEJ,UAAW;MAC5BK,gBAAgB,EAAEA,CAAA,KAAMJ,aAAa,CAAC,CAACD,UAAU;IAAE,CACpD;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/Input/InputSelect.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function InputSelect() {
+  return /*#__PURE__*/_jsx(View, {});
+}
+//# sourceMappingURL=InputSelect.js.map

package/lib/module/Input/InputSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","jsx","_jsx","InputSelect"],"sourceRoot":"../../../src","sources":["Input/InputSelect.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,eAAe,SAASC,WAAWA,CAAA,EAAG;EACpC,oBAAOD,IAAA,CAACF,IAAI,IAAO,CAAC;AACtB","ignoreList":[]}

package/lib/module/Input/Switch.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { Animated, Pressable, StyleSheet, View, Easing } from 'react-native';
+import { useEffect, useRef, useState } from 'react';
+import LabelForm from "../LabelForm/LabelForm.js";
+import Typography from "../Typography/Typography.js";
+import Color from "../Color/Color.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Switch({
+  label,
+  dotColor,
+  value: defaultValue = false,
+  onChange,
+  hint,
+  hasError,
+  disabled = false
+}) {
+  const [value, setValue] = useState(defaultValue);
+  const animValue = useRef(new Animated.Value(defaultValue ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.timing(animValue, {
+      toValue: value ? 1 : 0,
+      duration: 200,
+      easing: Easing.out(Easing.circle),
+      useNativeDriver: false
+    }).start();
+  }, [value, animValue]);
+  useEffect(() => {
+    setValue(defaultValue);
+  }, [defaultValue]);
+  const handlePress = () => {
+    if (disabled) return;
+    const newValue = !value;
+    setValue(newValue);
+    onChange?.(newValue);
+  };
+  const translateX = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 16]
+  });
+  const backgroundColor = disabled && value ? Color.primary[1000] : disabled && !value ? Color.gray[200] : value ? Color.primary[1000] : Color.gray[300];
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 4,
+      opacity: disabled ? 0.5 : 1
+    },
+    children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      title: label
+    }) : null, /*#__PURE__*/_jsx(Pressable, {
+      style: styles.touchArea,
+      onPress: handlePress,
+      disabled: disabled,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.track, {
+          backgroundColor
+        }],
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.circle, {
+            transform: [{
+              translateX
+            }],
+            backgroundColor: dotColor ? dotColor : Color.base.white100
+          }]
+        })
+      })
+    }), hint ? /*#__PURE__*/_jsx(Typography, {
+      color: hasError ? Color.danger[500] : '',
+      variant: "t2",
+      children: hint
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  touchArea: {},
+  track: {
+    width: 36,
+    height: 20,
+    padding: 2,
+    borderRadius: 10,
+    justifyContent: 'center'
+  },
+  circle: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    position: 'absolute',
+    top: 2,
+    left: 2
+  }
+});
+//# sourceMappingURL=Switch.js.map

package/lib/module/Input/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","StyleSheet","View","Easing","useEffect","useRef","useState","LabelForm","Typography","Color","jsx","_jsx","jsxs","_jsxs","Switch","label","dotColor","value","defaultValue","onChange","hint","hasError","disabled","setValue","animValue","Value","current","timing","toValue","duration","easing","out","circle","useNativeDriver","start","handlePress","newValue","translateX","interpolate","inputRange","outputRange","backgroundColor","primary","gray","style","gap","opacity","children","title","styles","touchArea","onPress","track","transform","base","white100","color","danger","variant","create","width","height","padding","borderRadius","justifyContent","position","top","left"],"sourceRoot":"../../../src","sources":["Input/Switch.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,MAAM,QAAQ,cAAc;AAC5E,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYnC,eAAe,SAASC,MAAMA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,KAAK,EAAEC,YAAY,GAAG,KAAK;EAC3BC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC,QAAQ,GAAG;AACA,CAAC,EAAE;EACd,MAAM,CAACL,KAAK,EAAEM,QAAQ,CAAC,GAAGjB,QAAQ,CAAUY,YAAY,CAAC;EACzD,MAAMM,SAAS,GAAGnB,MAAM,CAAC,IAAIN,QAAQ,CAAC0B,KAAK,CAACP,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACQ,OAAO;EAE1EtB,SAAS,CAAC,MAAM;IACdL,QAAQ,CAAC4B,MAAM,CAACH,SAAS,EAAE;MACzBI,OAAO,EAAEX,KAAK,GAAG,CAAC,GAAG,CAAC;MACtBY,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE3B,MAAM,CAAC4B,GAAG,CAAC5B,MAAM,CAAC6B,MAAM,CAAC;MACjCC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACjB,KAAK,EAAEO,SAAS,CAAC,CAAC;EAEtBpB,SAAS,CAAC,MAAM;IACdmB,QAAQ,CAACL,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMiB,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIb,QAAQ,EAAE;IACd,MAAMc,QAAQ,GAAG,CAACnB,KAAK;IACvBM,QAAQ,CAACa,QAAQ,CAAC;IAClBjB,QAAQ,GAAGiB,QAAQ,CAAC;EACtB,CAAC;EAED,MAAMC,UAAU,GAAGb,SAAS,CAACc,WAAW,CAAC;IACvCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;EACrB,CAAC,CAAC;EAEF,MAAMC,eAAe,GACnBnB,QAAQ,IAAIL,KAAK,GACbR,KAAK,CAACiC,OAAO,CAAC,IAAI,CAAC,GACnBpB,QAAQ,IAAI,CAACL,KAAK,GAChBR,KAAK,CAACkC,IAAI,CAAC,GAAG,CAAC,GACf1B,KAAK,GACHR,KAAK,CAACiC,OAAO,CAAC,IAAI,CAAC,GACnBjC,KAAK,CAACkC,IAAI,CAAC,GAAG,CAAC;EAEzB,oBACE9B,KAAA,CAACX,IAAI;IAAC0C,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,OAAO,EAAExB,QAAQ,GAAG,GAAG,GAAG;IAAE,CAAE;IAAAyB,QAAA,GAClDhC,KAAK,gBAAGJ,IAAA,CAACJ,SAAS;MAACyC,KAAK,EAAEjC;IAAM,CAAE,CAAC,GAAG,IAAI,eAE3CJ,IAAA,CAACX,SAAS;MACR4C,KAAK,EAAEK,MAAM,CAACC,SAAU;MACxBC,OAAO,EAAEhB,WAAY;MACrBb,QAAQ,EAAEA,QAAS;MAAAyB,QAAA,eAEnBpC,IAAA,CAACT,IAAI;QAAC0C,KAAK,EAAE,CAACK,MAAM,CAACG,KAAK,EAAE;UAAEX;QAAgB,CAAC,CAAE;QAAAM,QAAA,eAC/CpC,IAAA,CAACZ,QAAQ,CAACG,IAAI;UACZ0C,KAAK,EAAE,CACLK,MAAM,CAACjB,MAAM,EACb;YACEqB,SAAS,EAAE,CAAC;cAAEhB;YAAW,CAAC,CAAC;YAC3BI,eAAe,EAAEzB,QAAQ,GAAGA,QAAQ,GAAGP,KAAK,CAAC6C,IAAI,CAACC;UACpD,CAAC;QACD,CACH;MAAC,CACE;IAAC,CACE,CAAC,EAEXnC,IAAI,gBACHT,IAAA,CAACH,UAAU;MAACgD,KAAK,EAAEnC,QAAQ,GAAGZ,KAAK,CAACgD,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACC,OAAO,EAAC,IAAI;MAAAX,QAAA,EAC/D3B;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAM6B,MAAM,GAAGhD,UAAU,CAAC0D,MAAM,CAAC;EAC/BT,SAAS,EAAE,CAAC,CAAC;EACbE,KAAK,EAAE;IACLQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE;EAClB,CAAC;EACDhC,MAAM,EAAE;IACN4B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,YAAY,EAAE,CAAC;IACfE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Input/TextArea.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { StyleSheet, TextInput, View } from 'react-native';
+import LabelForm from "../LabelForm/LabelForm.js";
+import Color from "../Color/Color.js";
+import Typography from "../Typography/Typography.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function TextArea({
+  height = 116,
+  label,
+  hasError,
+  style,
+  hint,
+  onChangeText
+}) {
+  const handleOnChangeText = value => {
+    onChangeText?.(value);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.gap,
+    children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      title: label
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        borderColor: hasError ? Color.danger[500] : Color.gray[100],
+        height
+      }],
+      children: /*#__PURE__*/_jsx(TextInput, {
+        onChangeText: handleOnChangeText,
+        editable: true,
+        multiline: true,
+        numberOfLines: 14,
+        style: [styles.input, style],
+        textAlignVertical: "top"
+      })
+    }), hint ? /*#__PURE__*/_jsx(Typography, {
+      color: hasError ? Color.danger[500] : '',
+      variant: "t2",
+      children: hint
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  gap: {
+    gap: 4
+  },
+  container: {
+    position: 'relative',
+    borderRadius: 8,
+    borderWidth: 1,
+    backgroundColor: Color.base.white100
+  },
+  input: {
+    fontSize: 14,
+    color: '#333',
+    padding: 12,
+    textAlignVertical: 'top',
+    flex: 1
+  }
+});
+//# sourceMappingURL=TextArea.js.map

package/lib/module/Input/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","TextInput","View","LabelForm","Color","Typography","jsx","_jsx","jsxs","_jsxs","TextArea","height","label","hasError","style","hint","onChangeText","handleOnChangeText","value","styles","gap","children","title","container","borderColor","danger","gray","editable","multiline","numberOfLines","input","textAlignVertical","color","variant","create","position","borderRadius","borderWidth","backgroundColor","base","white100","fontSize","padding","flex"],"sourceRoot":"../../../src","sources":["Input/TextArea.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,eAAe,SAASC,QAAQA,CAAC;EAC/BC,MAAM,GAAG,GAAG;EACZC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC;AACa,CAAC,EAAE;EAChB,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;IAC5CF,YAAY,GAAGE,KAAK,CAAC;EACvB,CAAC;EAED,oBACET,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEK,MAAM,CAACC,GAAI;IAAAC,QAAA,GACrBT,KAAK,gBAAGL,IAAA,CAACJ,SAAS;MAACmB,KAAK,EAAEV;IAAM,CAAE,CAAC,GAAG,IAAI,eAE3CL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CACLK,MAAM,CAACI,SAAS,EAChB;QACEC,WAAW,EAAEX,QAAQ,GAAGT,KAAK,CAACqB,MAAM,CAAC,GAAG,CAAC,GAAGrB,KAAK,CAACsB,IAAI,CAAC,GAAG,CAAC;QAC3Df;MACF,CAAC,CACD;MAAAU,QAAA,eAEFd,IAAA,CAACN,SAAS;QACRe,YAAY,EAAEC,kBAAmB;QACjCU,QAAQ;QACRC,SAAS;QACTC,aAAa,EAAE,EAAG;QAClBf,KAAK,EAAE,CAACK,MAAM,CAACW,KAAK,EAAEhB,KAAK,CAAE;QAC7BiB,iBAAiB,EAAC;MAAK,CACxB;IAAC,CACE,CAAC,EACNhB,IAAI,gBACHR,IAAA,CAACF,UAAU;MAAC2B,KAAK,EAAEnB,QAAQ,GAAGT,KAAK,CAACqB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACQ,OAAO,EAAC,IAAI;MAAAZ,QAAA,EAC/DN;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/Bd,GAAG,EAAE;IACHA,GAAG,EAAE;EACP,CAAC;EACDG,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAElC,KAAK,CAACmC,IAAI,CAACC;EAC9B,CAAC;EACDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZT,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXX,iBAAiB,EAAE,KAAK;IACxBY,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Input/assets/Ilustrasi.svg

@@ -0,0 +1,14 @@
+<svg width="125" height="124" viewBox="0 0 125 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.7447 114.193C91.5843 114.193 115.083 90.7909 115.083 62.0485C114.986 33.2089 91.5843 9.80713 62.7447 9.80713C33.808 9.80713 10.4062 33.2089 10.4062 61.9514C10.4062 90.7909 33.808 114.193 62.7447 114.193Z" fill="#F1F3F9" stroke="#D6DCE8" stroke-width="1.94206" stroke-miterlimit="10"/>
+<path d="M118.192 68.6515C118.192 79.8184 109.161 88.8489 97.8973 88.8489C97.7031 88.8489 96.0523 88.8489 83.9145 88.8489C75.4665 88.8489 61.9692 88.8489 40.4124 88.8489H30.1195C16.6222 89.1402 5.84375 78.3618 5.84375 65.35C5.84375 52.2411 16.7193 41.3656 30.4108 42.0453C42.1602 5.34044 95.9552 10.4869 100.519 48.4541C110.618 49.7165 118.192 58.2615 118.192 68.6515Z" fill="white" stroke="#D6DCE8" stroke-width="1.94206" stroke-miterlimit="10"/>
+<path d="M100.221 48.5512C99.4442 48.4541 98.6674 48.4541 97.8906 48.4541C93.9094 48.4541 90.1224 49.6193 86.918 51.6585" fill="white"/>
+<path d="M100.221 48.5512C99.4442 48.4541 98.6674 48.4541 97.8906 48.4541C93.9094 48.4541 90.1224 49.6193 86.918 51.6585" stroke="#D6DCE8" stroke-width="1.94206" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M30.408 42.0454C29.2428 45.5411 28.6602 49.231 28.6602 53.1151C28.6602 54.6688 28.7573 56.1253 28.9515 57.5819" fill="white"/>
+<path d="M30.408 42.0454C29.2428 45.5411 28.6602 49.231 28.6602 53.1151C28.6602 54.6688 28.7573 56.1253 28.9515 57.5819" stroke="#D6DCE8" stroke-width="1.94206" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M49.7312 66.9037C53.5182 64.4761 57.9849 63.1167 62.743 63.1167C75.7548 63.1167 86.339 73.6038 86.339 86.6156C86.339 99.6274 75.7548 110.114 62.743 110.114C49.7312 110.114 39.147 99.6274 39.147 86.6156C38.9528 78.3618 43.2253 71.1762 49.7312 66.9037Z" fill="#D6DCE8" stroke="#AAB2C5" stroke-width="1.94206" stroke-miterlimit="10"/>
+<path d="M62.5518 75.9346C62.9754 75.9346 63.4362 75.9942 63.8633 76.1543C64.2519 76.3 64.6614 76.5505 64.9521 76.9619L71.4922 83.501C72.6482 84.657 72.6482 86.6321 71.4922 87.7881C70.3155 88.9646 68.3689 88.91 67.1504 87.8271L67.1348 87.8135L67.1201 87.7988L65.7559 86.4785V94.8691C65.7559 96.5707 64.35 97.9766 62.6484 97.9766C60.9471 97.9763 59.542 96.5705 59.542 94.8691V86.4775L58.1885 87.7871C57.0117 88.9639 55.0652 88.9103 53.8467 87.8271L53.8057 87.7881C53.169 87.1514 52.8418 86.4283 52.8418 85.6445C52.8418 85.2857 52.9106 84.8683 53.0713 84.4756C53.2157 84.1225 53.463 83.7252 53.8662 83.4395L60.4082 76.8984C60.6459 76.6607 60.9824 76.4346 61.3164 76.2676C61.6384 76.1066 62.089 75.9346 62.5518 75.9346Z" fill="white" stroke="#AAB2C5" stroke-width="1.94206"/>
+<path d="M115.954 43.793C118.153 43.793 119.935 42.0106 119.935 39.8118C119.935 37.613 118.153 35.8306 115.954 35.8306C113.755 35.8306 111.973 37.613 111.973 39.8118C111.973 42.0106 113.755 43.793 115.954 43.793Z" fill="#F1F3F9"/>
+<path d="M121.777 28.2571C123.279 28.2571 124.496 27.0398 124.496 25.5382C124.496 24.0366 123.279 22.8193 121.777 22.8193C120.276 22.8193 119.059 24.0366 119.059 25.5382C119.059 27.0398 120.276 28.2571 121.777 28.2571Z" fill="#F1F3F9"/>
+<path d="M11.6681 37.1907C13.1697 37.1907 14.387 35.9734 14.387 34.4718C14.387 32.9702 13.1697 31.7529 11.6681 31.7529C10.1665 31.7529 8.94922 32.9702 8.94922 34.4718C8.94922 35.9734 10.1665 37.1907 11.6681 37.1907Z" fill="#F1F3F9"/>
+<path d="M5.54935 97.0059C8.33803 97.0059 10.5987 94.7453 10.5987 91.9566C10.5987 89.1679 8.33803 86.9072 5.54935 86.9072C2.76067 86.9072 0.5 89.1679 0.5 91.9566C0.5 94.7453 2.76067 97.0059 5.54935 97.0059Z" fill="#F1F3F9"/>
+</svg>

package/lib/module/Input/type.js

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

package/lib/module/Input/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Input/type.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/Label/Label.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import React from 'react';
+import Color from "../Color/Color.js";
+import Typography from "../Typography/Typography.js";
+import Icon from "../Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const validColors = ['default', 'success', 'danger', 'primary', 'warning', 'info', 'purple', 'orange'];
+const LABEL_COLOR_MAP = {
+  default: {
+    backgroundColor: Color.gray[50],
+    textColor: Color.gray[900]
+  },
+  success: {
+    backgroundColor: Color.success[50],
+    textColor: Color.success[300]
+  },
+  danger: {
+    backgroundColor: Color.danger[50],
+    textColor: Color.danger[300]
+  },
+  primary: {
+    backgroundColor: Color.primary[50],
+    textColor: Color.primary[300]
+  },
+  warning: {
+    backgroundColor: Color.warning[50],
+    textColor: Color.warning[300]
+  },
+  info: {
+    backgroundColor: Color.info[50],
+    textColor: Color.info[300]
+  },
+  orange: {
+    backgroundColor: Color.orange[50],
+    textColor: Color.orange[300]
+  },
+  purple: {
+    backgroundColor: Color.purple[50],
+    textColor: Color.purple[300]
+  }
+};
+export default function Label({
+  label,
+  icon,
+  children,
+  color = 'default'
+}) {
+  const safeColor = validColors.includes(color) ? color : 'default';
+  const colors = LABEL_COLOR_MAP[safeColor];
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      backgroundColor: colors.backgroundColor
+    }],
+    children: children ? children : /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [icon && /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        color: colors.textColor,
+        style: styles.icon
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "t2",
+        color: colors.textColor,
+        style: {
+          color: colors.textColor
+        },
+        children: label
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 4,
+    borderRadius: 4,
+    alignSelf: 'flex-start'
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  icon: {
+    marginLeft: 4
+  }
+});
+//# sourceMappingURL=Label.js.map

package/lib/module/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","React","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","validColors","LABEL_COLOR_MAP","default","backgroundColor","gray","textColor","success","danger","primary","warning","info","orange","purple","Label","label","icon","children","color","safeColor","includes","colors","style","styles","container","content","name","variant","create","paddingVertical","borderRadius","alignSelf","flexDirection","alignItems","marginLeft"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/LabelForm/LabelForm.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { View } from 'react-native';
+import Typography from "../Typography/Typography.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function LabelForm({
+  title
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Typography, {
+      variant: "t2",
+      weight: "semibold",
+      children: title
+    })
+  });
+}
+//# sourceMappingURL=LabelForm.js.map

package/lib/module/LabelForm/LabelForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","jsx","_jsx","LabelForm","title","children","variant","weight"],"sourceRoot":"../../../src","sources":["LabelForm/LabelForm.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,eAAe,SAASC,SAASA,CAAC;EAAEC;AAAyB,CAAC,EAAE;EAC9D,oBACEF,IAAA,CAACH,IAAI;IAAAM,QAAA,eACHH,IAAA,CAACF,UAAU;MAACM,OAAO,EAAC,IAAI;MAACC,MAAM,EAAC,UAAU;MAAAF,QAAA,EACvCD;IAAK,CACI;EAAC,CACT,CAAC;AAEX","ignoreList":[]}

package/lib/module/List/List.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Color from "../Color/Color.js";
+import Theme from "../Theme/Theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function List({
+  children,
+  style
+}) {
+  const validChildren = React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    children: React.Children.map(validChildren, (child, index) => {
+      const isLast = index === validChildren.length - 1;
+      return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+        isLast
+      }) : child;
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderRadius: Theme.radius.md,
+    borderColor: Color.gray[100],
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=List.js.map

package/lib/module/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Color","Theme","jsx","_jsx","List","children","style","validChildren","Children","toArray","filter","child","isValidElement","styles","container","map","index","isLast","length","cloneElement","create","borderWidth","borderRadius","radius","md","borderColor","gray","overflow"],"sourceRoot":"../../../src","sources":["List/List.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,IAAIA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,EAAE;EAC3D,MAAMC,aAAa,GAAGV,KAAK,CAACW,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,MAAM,CAAEC,KAAK,iBAClEd,KAAK,CAACe,cAAc,CAACD,KAAK,CAC5B,CAAC;EAED,oBACER,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAER,KAAK,CAAE;IAAAD,QAAA,EACpCR,KAAK,CAACW,QAAQ,CAACO,GAAG,CAACR,aAAa,EAAE,CAACI,KAAK,EAAEK,KAAK,KAAK;MACnD,MAAMC,MAAM,GAAGD,KAAK,KAAKT,aAAa,CAACW,MAAM,GAAG,CAAC;MACjD,OAAO,aAAArB,KAAK,CAACe,cAAc,CAAgBD,KAAK,CAAC,gBAC7Cd,KAAK,CAACsB,YAAY,CAACR,KAAK,EAAE;QAAEM;MAAO,CAAC,CAAC,GACrCN,KAAK;IACX,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,WAAW,EAAE,CAAC;IACdC,YAAY,EAAErB,KAAK,CAACsB,MAAM,CAACC,EAAE;IAC7BC,WAAW,EAAEzB,KAAK,CAAC0B,IAAI,CAAC,GAAG,CAAC;IAC5BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/List/ListItem.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import Color from "../Color/Color.js";
+import Theme from "../Theme/Theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ListItem({
+  children,
+  onPress,
+  style,
+  isLast = false
+}) {
+  const Wrapper = onPress ? TouchableOpacity : View;
+  return /*#__PURE__*/_jsx(Wrapper, {
+    onPress: onPress,
+    style: [styles.container, !isLast && styles.withBorder, style],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: Theme.spacing.md,
+    paddingVertical: Theme.spacing.sm,
+    backgroundColor: Color.base.white100
+  },
+  withBorder: {
+    borderBottomWidth: 1,
+    borderBottomColor: Color.gray[100]
+  }
+});
+//# sourceMappingURL=ListItem.js.map

package/lib/module/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","TouchableOpacity","Color","Theme","jsx","_jsx","ListItem","children","onPress","style","isLast","Wrapper","styles","container","withBorder","create","paddingHorizontal","spacing","md","paddingVertical","sm","backgroundColor","base","white100","borderBottomWidth","borderBottomColor","gray"],"sourceRoot":"../../../src","sources":["List/ListItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,QAAQA,CAAC;EAC/BC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM,GAAG;AACI,CAAC,EAAE;EAChB,MAAMC,OAAO,GAAGH,OAAO,GAAGP,gBAAgB,GAAGD,IAAI;EAEjD,oBACEK,IAAA,CAACM,OAAO;IACNH,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAE,CAACH,MAAM,IAAIE,MAAM,CAACE,UAAU,EAAEL,KAAK,CAAE;IAAAF,QAAA,EAE9DA;EAAQ,CACF,CAAC;AAEd;AAEA,MAAMK,MAAM,GAAGb,UAAU,CAACgB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,iBAAiB,EAAEb,KAAK,CAACc,OAAO,CAACC,EAAE;IACnCC,eAAe,EAAEhB,KAAK,CAACc,OAAO,CAACG,EAAE;IACjCC,eAAe,EAAEnB,KAAK,CAACoB,IAAI,CAACC;EAC9B,CAAC;EACDT,UAAU,EAAE;IACVU,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEvB,KAAK,CAACwB,IAAI,CAAC,GAAG;EACnC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/List/type.js

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

package/lib/module/List/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["List/type.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/Loading/Loading.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { View, ActivityIndicator, StyleSheet, Text } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Loading = ({
+  message = 'Loading...',
+  size = 'large',
+  color = '#007AFF',
+  variant = 'circle'
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.container, variant === 'square' ? styles.square : styles.circle],
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: size,
+        color: color
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.message,
+      children: message
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    zIndex: 2000
+  },
+  container: {
+    padding: 20,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  circle: {},
+  square: {
+    backgroundColor: '#F0F0F0',
+    borderRadius: 12,
+    width: 100,
+    height: 100
+  },
+  message: {
+    marginTop: 12,
+    fontSize: 16,
+    color: '#333'
+  }
+});
+export default Loading;
+//# sourceMappingURL=Loading.js.map

package/lib/module/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ActivityIndicator","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Loading","message","size","color","variant","style","styles","wrapper","children","container","square","circle","create","flex","zIndex","padding","justifyContent","alignItems","backgroundColor","borderRadius","width","height","marginTop","fontSize"],"sourceRoot":"../../../src","sources":["Loading/Loading.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzE,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,OAAO,GAAG,YAAY;EACtBC,IAAI,GAAG,OAAO;EACdC,KAAK,GAAG,SAAS;EACjBC,OAAO,GAAG;AACZ,CAAC,KAAK;EACJ,oBACEL,KAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1BX,IAAA,CAACL,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACG,SAAS,EAChBL,OAAO,KAAK,QAAQ,GAAGE,MAAM,CAACI,MAAM,GAAGJ,MAAM,CAACK,MAAM,CACpD;MAAAH,QAAA,eAEFX,IAAA,CAACJ,iBAAiB;QAACS,IAAI,EAAEA,IAAK;QAACC,KAAK,EAAEA;MAAM,CAAE;IAAC,CAC3C,CAAC,eACPN,IAAA,CAACF,IAAI;MAACU,KAAK,EAAEC,MAAM,CAACL,OAAQ;MAAAO,QAAA,EAAEP;IAAO,CAAO,CAAC;EAAA,CACzC,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDL,SAAS,EAAE;IACTM,OAAO,EAAE,EAAE;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE,CAAC,CAAC;EACVD,MAAM,EAAE;IACNQ,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACDpB,OAAO,EAAE;IACPqB,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,EAAE;IACZpB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeH,OAAO","ignoreList":[]}

package/lib/module/Modal/Modal.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { View, StyleSheet, Modal, TouchableOpacity, Animated, SafeAreaView, Platform } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ModalPopUp = ({
+  isOpen,
+  onClose,
+  children,
+  backdrop = true,
+  closable = true,
+  onRequestClose,
+  bgColor = '#fff',
+  width = '90%',
+  containerStyle,
+  modalStyle
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const scaleAnim = useState(() => new Animated.Value(0))[0];
+  const showModal = useCallback(() => {
+    setIsVisible(true);
+    Animated.spring(scaleAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      damping: 15,
+      stiffness: 100
+    }).start();
+  }, [scaleAnim]);
+  const hideModal = useCallback(() => {
+    Animated.spring(scaleAnim, {
+      toValue: 0,
+      useNativeDriver: true
+    }).start();
+    setTimeout(() => {
+      setIsVisible(false);
+      onClose?.(false);
+    }, 200);
+  }, [scaleAnim, onClose]);
+  const handleBackdropPress = useCallback(() => {
+    if (closable) {
+      if (onRequestClose) {
+        onRequestClose();
+      } else {
+        hideModal();
+      }
+    }
+  }, [closable, onRequestClose, hideModal]);
+  useEffect(() => {
+    if (isOpen) {
+      showModal();
+    } else {
+      hideModal();
+    }
+  }, [isOpen, showModal, hideModal]);
+  const modalContentStyle = StyleSheet.flatten([{
+    transform: [{
+      scale: scaleAnim
+    }],
+    backgroundColor: bgColor,
+    width: width,
+    maxHeight: '80%'
+  }, modalStyle]);
+  return /*#__PURE__*/_jsx(Modal, {
+    transparent: true,
+    visible: isVisible,
+    onRequestClose: handleBackdropPress,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.modalContainer, containerStyle],
+      children: [backdrop && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.backdrop, styles.backdropTouch],
+        activeOpacity: 1,
+        onPress: handleBackdropPress
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.modalContent, modalContentStyle],
+        children: [closable && /*#__PURE__*/_jsx(View, {
+          style: styles.closeButtonContainer,
+          children: /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: hideModal,
+            style: styles.closeButton,
+            hitSlop: {
+              top: 10,
+              bottom: 10,
+              left: 10,
+              right: 10
+            }
+          })
+        }), /*#__PURE__*/_jsx(SafeAreaView, {
+          style: styles.contentContainer,
+          children: children
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  backdropTouch: {
+    width: '100%',
+    height: '100%'
+  },
+  modalContent: {
+    borderRadius: 16,
+    overflow: 'visible',
+    ...Platform.select({
+      ios: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 4
+      },
+      android: {
+        elevation: 5
+      }
+    })
+  },
+  closeButtonContainer: {
+    position: 'absolute',
+    top: 10,
+    right: 10,
+    zIndex: 1
+  },
+  closeButton: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    backgroundColor: '#ccc'
+  },
+  contentContainer: {
+    padding: 16 // bisa diubah sesuai kebutuhan
+  }
+});
+export default ModalPopUp;
+//# sourceMappingURL=Modal.js.map

package/lib/module/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useCallback","View","StyleSheet","Modal","TouchableOpacity","Animated","SafeAreaView","Platform","jsx","_jsx","jsxs","_jsxs","ModalPopUp","isOpen","onClose","children","backdrop","closable","onRequestClose","bgColor","width","containerStyle","modalStyle","isVisible","setIsVisible","scaleAnim","Value","showModal","spring","toValue","useNativeDriver","damping","stiffness","start","hideModal","setTimeout","handleBackdropPress","modalContentStyle","flatten","transform","scale","backgroundColor","maxHeight","transparent","visible","statusBarTranslucent","style","styles","modalContainer","backdropTouch","activeOpacity","onPress","modalContent","closeButtonContainer","closeButton","hitSlop","top","bottom","left","right","contentContainer","create","flex","justifyContent","alignItems","position","height","borderRadius","overflow","select","ios","shadowColor","shadowOffset","shadowOpacity","shadowRadius","android","elevation","zIndex","padding"],"sourceRoot":"../../../src","sources":["Modal/Modal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAC/D,SACEC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,gBAAgB,EAChBC,QAAQ,EAERC,YAAY,EACZC,QAAQ,QAEH,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBtB,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,IAAI;EACfC,cAAc;EACdC,OAAO,GAAG,MAAM;EAChBC,KAAK,GAAG,KAAK;EACbC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM2B,SAAS,GAAG3B,QAAQ,CAAC,MAAM,IAAIO,QAAQ,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAE1D,MAAMC,SAAS,GAAG3B,WAAW,CAAC,MAAM;IAClCwB,YAAY,CAAC,IAAI,CAAC;IAClBnB,QAAQ,CAACuB,MAAM,CAACH,SAAS,EAAE;MACzBI,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE;IACb,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,MAAMS,SAAS,GAAGlC,WAAW,CAAC,MAAM;IAClCK,QAAQ,CAACuB,MAAM,CAACH,SAAS,EAAE;MACzBI,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACG,KAAK,CAAC,CAAC;IACVE,UAAU,CAAC,MAAM;MACfX,YAAY,CAAC,KAAK,CAAC;MACnBV,OAAO,GAAG,KAAK,CAAC;IAClB,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CAACW,SAAS,EAAEX,OAAO,CAAC,CAAC;EAExB,MAAMsB,mBAAmB,GAAGpC,WAAW,CAAC,MAAM;IAC5C,IAAIiB,QAAQ,EAAE;MACZ,IAAIC,cAAc,EAAE;QAClBA,cAAc,CAAC,CAAC;MAClB,CAAC,MAAM;QACLgB,SAAS,CAAC,CAAC;MACb;IACF;EACF,CAAC,EAAE,CAACjB,QAAQ,EAAEC,cAAc,EAAEgB,SAAS,CAAC,CAAC;EAEzCnC,SAAS,CAAC,MAAM;IACd,IAAIc,MAAM,EAAE;MACVc,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MACLO,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CAACrB,MAAM,EAAEc,SAAS,EAAEO,SAAS,CAAC,CAAC;EAElC,MAAMG,iBAAiB,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CAC3C;IACEC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEf;IAAU,CAAC,CAAC;IACjCgB,eAAe,EAAEtB,OAAO;IACxBC,KAAK,EAAEA,KAAK;IACZsB,SAAS,EAAE;EACb,CAAC,EACDpB,UAAU,CACX,CAAC;EAEF,oBACEb,IAAA,CAACN,KAAK;IACJwC,WAAW;IACXC,OAAO,EAAErB,SAAU;IACnBL,cAAc,EAAEkB,mBAAoB;IACpCS,oBAAoB;IAAA9B,QAAA,eAEpBJ,KAAA,CAACV,IAAI;MAAC6C,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAE3B,cAAc,CAAE;MAAAN,QAAA,GAClDC,QAAQ,iBACPP,IAAA,CAACL,gBAAgB;QACf0C,KAAK,EAAE,CAACC,MAAM,CAAC/B,QAAQ,EAAE+B,MAAM,CAACE,aAAa,CAAE;QAC/CC,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEf;MAAoB,CAC9B,CACF,eACDzB,KAAA,CAACN,QAAQ,CAACJ,IAAI;QAAC6C,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAEf,iBAAiB,CAAE;QAAAtB,QAAA,GAC5DE,QAAQ,iBACPR,IAAA,CAACR,IAAI;UAAC6C,KAAK,EAAEC,MAAM,CAACM,oBAAqB;UAAAtC,QAAA,eACvCN,IAAA,CAACL,gBAAgB;YACf+C,OAAO,EAAEjB,SAAU;YACnBY,KAAK,EAAEC,MAAM,CAACO,WAAY;YAC1BC,OAAO,EAAE;cAAEC,GAAG,EAAE,EAAE;cAAEC,MAAM,EAAE,EAAE;cAAEC,IAAI,EAAE,EAAE;cAAEC,KAAK,EAAE;YAAG;UAAE,CACvD;QAAC,CACE,CACP,eACDlD,IAAA,CAACH,YAAY;UAACwC,KAAK,EAAEC,MAAM,CAACa,gBAAiB;UAAA7C,QAAA,EAC1CA;QAAQ,CACG,CAAC;MAAA,CACF,CAAC;IAAA,CACZ;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMgC,MAAM,GAAG7C,UAAU,CAAC2D,MAAM,CAAC;EAC/Bb,cAAc,EAAE;IACdc,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDhD,QAAQ,EAAE;IACRiD,QAAQ,EAAE,UAAU;IACpBT,GAAG,EAAE,CAAC;IACNE,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRF,MAAM,EAAE,CAAC;IACThB,eAAe,EAAE;EACnB,CAAC;EACDQ,aAAa,EAAE;IACb7B,KAAK,EAAE,MAAM;IACb8C,MAAM,EAAE;EACV,CAAC;EACDd,YAAY,EAAE;IACZe,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,SAAS;IACnB,GAAG7D,QAAQ,CAAC8D,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,WAAW,EAAE,MAAM;QACnBC,YAAY,EAAE;UACZpD,KAAK,EAAE,CAAC;UACR8C,MAAM,EAAE;QACV,CAAC;QACDO,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPC,SAAS,EAAE;MACb;IACF,CAAC;EACH,CAAC;EACDvB,oBAAoB,EAAE;IACpBY,QAAQ,EAAE,UAAU;IACpBT,GAAG,EAAE,EAAE;IACPG,KAAK,EAAE,EAAE;IACTkB,MAAM,EAAE;EACV,CAAC;EACDvB,WAAW,EAAE;IACXlC,KAAK,EAAE,EAAE;IACT8C,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChB1B,eAAe,EAAE;EACnB,CAAC;EACDmB,gBAAgB,EAAE;IAChBkB,OAAO,EAAE,EAAE,CAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAelE,UAAU","ignoreList":[]}

package/lib/module/NativeRnKit.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.getEnforcing('RnKit');
+//# sourceMappingURL=NativeRnKit.js.map

package/lib/module/NativeRnKit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeRnKit.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AAMlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,OAAO,CAAC","ignoreList":[]}