@herca/rn-kit 0.1.0

package/lib/module/Icon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { default as Icon } from "./Icon.js"; // ini meng-export komponen Icon
+
+export { default } from "./Icon.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Icon"],"sourceRoot":"../../../src","sources":["Icon/index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,WAAQ,CAAC,CAAC;;AAI1C,SAASD,OAAO,QAAQ,WAAQ","ignoreList":[]}

package/lib/module/Icon/type.js

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

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

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

package/lib/module/Input/Input.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { TextInput, View, StyleSheet, TouchableOpacity } from 'react-native';
+import { Icon } from "../Icon/index.js";
+import Color from "../Color/Color.js";
+import LabelForm from "../LabelForm/LabelForm.js";
+import Typography from "../Typography/Typography.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Input = ({
+  icon,
+  iconRight,
+  label,
+  style,
+  value,
+  clearButton = false,
+  hasError = false,
+  hint,
+  onChangeText,
+  onPressIconLeft,
+  onPressIconRight,
+  secureTextEntry = false,
+  ...rest
+}) => {
+  const [inputValue, setInputValue] = useState(value || '');
+  const handleClear = () => {
+    setInputValue('');
+    onChangeText?.('');
+  };
+  const handleChange = text => {
+    setInputValue(text);
+    onChangeText?.(text);
+  };
+  const showRightIcons = clearButton && inputValue !== '' || iconRight;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.gap,
+    children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      title: label
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        borderColor: hasError ? Color.danger[500] : Color.gray[100]
+      }],
+      children: [icon && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onPressIconLeft,
+        style: styles.iconLeft,
+        hitSlop: 10,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: icon,
+          size: 18,
+          color: "#888"
+        })
+      }), /*#__PURE__*/_jsx(TextInput, {
+        ...rest,
+        style: [styles.input, icon && {
+          paddingLeft: 40
+        }, showRightIcons && {
+          paddingRight: 60
+        }, style],
+        secureTextEntry: secureTextEntry,
+        value: inputValue,
+        onChangeText: handleChange,
+        placeholderTextColor: Color.gray[400]
+      }), showRightIcons && /*#__PURE__*/_jsxs(View, {
+        style: styles.rightContainer,
+        children: [clearButton && inputValue !== '' && /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: handleClear,
+          style: [{
+            marginRight: iconRight ? 8 : 0
+          }],
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "x-circle",
+            size: 18,
+            color: "#aaa"
+          })
+        }), iconRight && /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: onPressIconRight,
+          hitSlop: 10,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: iconRight,
+            size: 18,
+            color: "#888"
+          })
+        })]
+      })]
+    }), hint ? /*#__PURE__*/_jsx(Typography, {
+      color: hasError ? Color.danger[500] : '',
+      variant: "t2",
+      children: hint
+    }) : null]
+  });
+};
+const styles = StyleSheet.create({
+  gap: {
+    gap: 4
+  },
+  container: {
+    position: 'relative',
+    height: 36,
+    borderRadius: 8,
+    gap: 8,
+    borderWidth: 1,
+    backgroundColor: Color.base.white100,
+    justifyContent: 'center'
+  },
+  input: {
+    height: 37,
+    paddingHorizontal: 12,
+    fontSize: 16,
+    color: '#333'
+  },
+  iconLeft: {
+    position: 'absolute',
+    left: 12,
+    zIndex: 1
+  },
+  rightContainer: {
+    position: 'absolute',
+    right: 12,
+    flexDirection: 'row',
+    alignItems: 'center',
+    zIndex: 1
+  }
+});
+export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","TextInput","View","StyleSheet","TouchableOpacity","Icon","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","Input","icon","iconRight","label","style","value","clearButton","hasError","hint","onChangeText","onPressIconLeft","onPressIconRight","secureTextEntry","rest","inputValue","setInputValue","handleClear","handleChange","text","showRightIcons","styles","gap","children","title","container","borderColor","danger","gray","onPress","iconLeft","hitSlop","name","size","color","input","paddingLeft","paddingRight","placeholderTextColor","rightContainer","marginRight","variant","create","position","height","borderRadius","borderWidth","backgroundColor","base","white100","justifyContent","paddingHorizontal","fontSize","left","zIndex","right","flexDirection","alignItems"],"sourceRoot":"../../../src","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Input/Input.md

@@ -0,0 +1,51 @@
+# 📥 Input Component
+
+Komponen `Input` ini adalah komponen input teks yang dapat dikustomisasi dengan label, ikon, tombol clear, dan tampilan error. Dibangun menggunakan React Native.
+
+---
+
+## 🔧 Props
+
+| Prop             | Tipe               | Deskripsi                                                                 |
+|------------------|--------------------|---------------------------------------------------------------------------|
+| `label`          | `string`           | Label yang ditampilkan di atas input                                     |
+| `value`          | `string`           | Nilai dari input (kontrol dari luar)                                     |
+| `onChange`       | `(value: string) => void` | Fungsi yang dipanggil saat nilai berubah                           |
+| `icon`           | `string`           | Nama ikon (kiri) dari library `Icon`                                     |
+| `iconRight`      | `string`           | Nama ikon kanan dari library `Icon`                                      |
+| `clearButton`    | `boolean`          | Menampilkan tombol `x` untuk menghapus input                             |
+| `hasError`       | `boolean`          | Menandai input error, border akan berubah merah                          |
+| `hint`           | `string`           | Menampilkan teks kecil di bawah input, bisa untuk error atau petunjuk    |
+| `onPressIconLeft` | `() => void`      | Fungsi saat ikon kiri diklik                                             |
+| `onPressIconRight` | `() => void`    | Fungsi saat ikon kanan diklik                                            |
+| `secureTextEntry`| `boolean`          | Jika `true`, menyembunyikan input (untuk password)                       |
+| `style`          | `ViewStyle`        | Style tambahan untuk input                                               |
+| `...rest`        | `TextInputProps`   | Props lain dari React Native `TextInput`                                 |
+
+---
+
+## 🧪 Contoh Penggunaan
+
+```tsx
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import Input from './Input';
+
+export default function MyForm() {
+  const [text, setText] = useState('');
+
+  return (
+    <View style={{ padding: 16 }}>
+      <Input
+        label="Nama Pengguna"
+        value={text}
+        onChange={setText}
+        icon="user"
+        iconRight="eye"
+        onPressIconRight={() => alert('Lihat password')}
+        clearButton
+        hint="Masukkan nama lengkap Anda"
+      />
+    </View>
+  );
+}

package/lib/module/Input/InputFile.js

@@ -0,0 +1,319 @@
+"use strict";
+
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import Button from "../Button/Button.js";
+import Color from "../Color/Color.js";
+import Card from "../Ui/Card.js";
+import Center from "../Ui/Center.js";
+import Typography from "../Typography/Typography.js";
+import BottomSheet from "../BottomSheet/BottomSheet.js";
+import { useState } from 'react';
+import List from "../List/List.js";
+import ListItem from "../List/ListItem.js";
+import { pick } from '@react-native-documents/picker';
+import { viewDocument } from '@react-native-documents/viewer';
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
+import Icon from "../Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function InputFile({
+  title = 'Upload File',
+  description = 'File harus berformat JPG, PNG dan PDF',
+  maxFileSize = 5,
+  accept = ['application/pdf', 'image/jpeg', 'image/png'],
+  multiple = false,
+  onChange
+}) {
+  const [isOpenBottomSheetTypeFile, setIsOpenBottomSheetTypeFile] = useState(false);
+  const [isOpenBottomSheetDeleteFile, setIsOpenBottomSheetDeleteFile] = useState(false);
+  const [files, setFiles] = useState([]);
+  const [selectedFileIndex, setSelectedFileIndex] = useState(null);
+  const handleOnPresChoseFile = () => {
+    setIsOpenBottomSheetTypeFile(true);
+  };
+  const handlePickFile = async () => {
+    try {
+      const result = await pick({
+        type: accept,
+        multiple
+      });
+      const pickedFiles = multiple ? result : [result[0]];
+      const newFiles = [...files, ...pickedFiles];
+      setFiles(newFiles);
+      onChange?.(newFiles);
+      setIsOpenBottomSheetTypeFile(false);
+    } catch (error) {
+      if (error?.message?.toLowerCase().includes('user canceled')) return;
+      console.error('Failed to pick document:', error);
+    }
+  };
+  const handlePreviewFile = file => {
+    if (file?.uri) {
+      viewDocument(file.uri);
+    }
+  };
+  const handleOnPressButtonCamera = async () => {
+    try {
+      const result = await launchCamera({
+        mediaType: 'photo'
+      });
+      if (result.didCancel || !result.assets) return;
+      const newFiles = [...files, result.assets[0]];
+      setFiles(newFiles);
+      onChange?.(newFiles);
+      setIsOpenBottomSheetTypeFile(false);
+    } catch (error) {
+      console.error('Failed to open camera:', error);
+    }
+  };
+  const handleOnPressButtonGallery = async () => {
+    try {
+      const result = await launchImageLibrary({
+        mediaType: 'photo',
+        selectionLimit: multiple ? 0 : 1
+      });
+      if (result.didCancel || !result.assets) return;
+      const newFiles = [...files, ...result.assets];
+      setFiles(newFiles);
+      onChange?.(newFiles);
+      setIsOpenBottomSheetTypeFile(false);
+    } catch (error) {
+      console.error('Failed to open gallery:', error);
+    }
+  };
+  const confirmDeleteFile = index => {
+    setSelectedFileIndex(index);
+    setIsOpenBottomSheetDeleteFile(true);
+  };
+  const deleteFile = () => {
+    if (selectedFileIndex !== null) {
+      const newFiles = files.filter((_, i) => i !== selectedFileIndex);
+      setFiles(newFiles);
+      onChange?.(newFiles);
+      setSelectedFileIndex(null);
+    }
+    setIsOpenBottomSheetDeleteFile(false);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsx(Card, {
+      style: styles.containerInput,
+      children: /*#__PURE__*/_jsxs(Center, {
+        style: styles.centerInput,
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: require('./assets/input-file.png')
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "t1",
+          weight: "semibold",
+          color: Color.gray[500],
+          children: title
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "t3",
+          weight: "regular",
+          color: Color.gray[500],
+          children: description
+        }), /*#__PURE__*/_jsx(Button, {
+          color: "primary",
+          title: "Choose File",
+          onPress: handleOnPresChoseFile
+        })]
+      })
+    }), files.map((file, index) => /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => handlePreviewFile(file),
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.containerPreview,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.containerListItem,
+            children: [/*#__PURE__*/_jsx(Image, {
+              source: file.uri?.endsWith('.pdf') ? require('../Input/assets/input-file.png') : {
+                uri: file.uri
+              },
+              style: styles.previewImage
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.fileDetails,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                variant: "t1",
+                weight: "semibold",
+                color: Color.gray[600],
+                children: file.name || `Image_${index + 1}`
+              }), /*#__PURE__*/_jsxs(Typography, {
+                variant: "t2",
+                weight: "regular",
+                color: Color.gray[600],
+                children: [(file.size / (1024 * 1024)).toFixed(2), " MB"]
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Button, {
+            variant: "tertiary",
+            title: "X",
+            onPress: () => confirmDeleteFile(index)
+          })]
+        })
+      })
+    }, index)), /*#__PURE__*/_jsx(BottomSheet, {
+      isOpen: isOpenBottomSheetTypeFile,
+      onClose: () => setIsOpenBottomSheetTypeFile(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.bottomSheetContent,
+        children: [/*#__PURE__*/_jsxs(Center, {
+          style: styles.bottomSheetCenter,
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "p2",
+            weight: "semibold",
+            color: Color.gray[800],
+            children: "Upload Dokumen"
+          }), /*#__PURE__*/_jsxs(Typography, {
+            variant: "t1",
+            weight: "regular",
+            color: Color.gray[800],
+            children: ["Unggah dokumen maksimal ", maxFileSize, "MB"]
+          })]
+        }), /*#__PURE__*/_jsxs(List, {
+          children: [/*#__PURE__*/_jsx(ListItem, {
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: handleOnPressButtonCamera,
+              children: /*#__PURE__*/_jsxs(View, {
+                style: styles.containerListItem,
+                children: [/*#__PURE__*/_jsx(Icon, {
+                  name: "Camera",
+                  color: Color.primary[1000]
+                }), /*#__PURE__*/_jsxs(View, {
+                  children: [/*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    weight: "semibold",
+                    color: Color.gray[800],
+                    children: "Ambil Foto"
+                  }), /*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    color: Color.gray[600],
+                    children: "Langsung ambil gambar dari kamera"
+                  })]
+                })]
+              })
+            })
+          }), /*#__PURE__*/_jsx(ListItem, {
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: handleOnPressButtonGallery,
+              children: /*#__PURE__*/_jsxs(View, {
+                style: styles.containerListItem,
+                children: [/*#__PURE__*/_jsx(Icon, {
+                  name: "Image",
+                  color: Color.primary[1000]
+                }), /*#__PURE__*/_jsxs(View, {
+                  children: [/*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    weight: "semibold",
+                    color: Color.gray[800],
+                    children: "Pilih dari Galeri"
+                  }), /*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    color: Color.gray[600],
+                    children: "Cari gambar dari galeri perangkatmu"
+                  })]
+                })]
+              })
+            })
+          }), /*#__PURE__*/_jsx(ListItem, {
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: handlePickFile,
+              children: /*#__PURE__*/_jsxs(View, {
+                style: styles.containerListItem,
+                children: [/*#__PURE__*/_jsx(Icon, {
+                  name: "Document",
+                  color: Color.primary[1000]
+                }), /*#__PURE__*/_jsxs(View, {
+                  children: [/*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    weight: "semibold",
+                    color: Color.gray[800],
+                    children: "Pilih dari Dokumen"
+                  }), /*#__PURE__*/_jsx(Typography, {
+                    variant: "t2",
+                    color: Color.gray[600],
+                    children: "Cari file dari penyimpanan dokumen"
+                  })]
+                })]
+              })
+            })
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      isOpen: isOpenBottomSheetDeleteFile,
+      onClose: () => setIsOpenBottomSheetDeleteFile(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.deleteFileContent,
+        children: [/*#__PURE__*/_jsxs(Center, {
+          style: styles.deleteFileCenter,
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "p2",
+            weight: "semibold",
+            color: Color.gray[800],
+            children: "Hapus Dokumen"
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "t1",
+            weight: "regular",
+            color: Color.gray[500],
+            children: "Apakah kamu akan menghapus dokumen yang dipilih?"
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            color: "danger",
+            title: "Ya, Hapus File",
+            onPress: deleteFile
+          }), /*#__PURE__*/_jsx(Button, {
+            color: "primary",
+            variant: "tertiary",
+            title: "Batal",
+            onPress: () => setIsOpenBottomSheetDeleteFile(false)
+          })]
+        })]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    gap: 12
+  },
+  containerInput: {
+    borderStyle: 'dashed',
+    backgroundColor: Color.gray[100]
+  },
+  centerInput: {
+    gap: 14
+  },
+  containerPreview: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    gap: 8
+  },
+  previewImage: {
+    width: 44,
+    height: 44,
+    borderRadius: 6
+  },
+  fileDetails: {
+    justifyContent: 'center',
+    gap: 8
+  },
+  containerListItem: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  bottomSheetContent: {
+    gap: 16
+  },
+  bottomSheetCenter: {
+    alignItems: 'center'
+  },
+  deleteFileContent: {
+    gap: 10
+  },
+  deleteFileCenter: {
+    alignItems: 'center',
+    gap: 4
+  }
+});
+//# sourceMappingURL=InputFile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","TouchableOpacity","View","Button","Color","Card","Center","Typography","BottomSheet","useState","List","ListItem","pick","viewDocument","launchCamera","launchImageLibrary","Icon","jsx","_jsx","jsxs","_jsxs","InputFile","title","description","maxFileSize","accept","multiple","onChange","isOpenBottomSheetTypeFile","setIsOpenBottomSheetTypeFile","isOpenBottomSheetDeleteFile","setIsOpenBottomSheetDeleteFile","files","setFiles","selectedFileIndex","setSelectedFileIndex","handleOnPresChoseFile","handlePickFile","result","type","pickedFiles","newFiles","error","message","toLowerCase","includes","console","handlePreviewFile","file","uri","handleOnPressButtonCamera","mediaType","didCancel","assets","handleOnPressButtonGallery","selectionLimit","confirmDeleteFile","index","deleteFile","filter","_","i","style","styles","wrapper","children","containerInput","centerInput","source","require","variant","weight","color","gray","onPress","map","containerPreview","containerListItem","endsWith","previewImage","fileDetails","name","size","toFixed","isOpen","onClose","bottomSheetContent","bottomSheetCenter","primary","deleteFileContent","deleteFileCenter","create","gap","borderStyle","backgroundColor","flexDirection","justifyContent","alignItems","width","height","borderRadius"],"sourceRoot":"../../../src","sources":["Input/InputFile.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACxE,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,IAAI,MAAM,eAAY;AAC7B,OAAOC,MAAM,MAAM,iBAAc;AACjC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,WAAW,MAAM,+BAA4B;AACpD,SAASC,QAAQ,QAAQ,OAAO;AAChC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,QAAQ,MAAM,qBAAkB;AAEvC,SAASC,IAAI,QAAQ,gCAAgC;AACrD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC5E,OAAOC,IAAI,MAAM,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW3B,eAAe,SAASC,SAASA,CAAC;EAChCC,KAAK,GAAG,aAAa;EACrBC,WAAW,GAAG,uCAAuC;EACrDC,WAAW,GAAG,CAAC;EACfC,MAAM,GAAG,CAAC,iBAAiB,EAAE,YAAY,EAAE,WAAW,CAAC;EACvDC,QAAQ,GAAG,KAAK;EAChBC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7DpB,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAM,CAACqB,2BAA2B,EAAEC,8BAA8B,CAAC,GACjEtB,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAM,CAACuB,KAAK,EAAEC,QAAQ,CAAC,GAAGxB,QAAQ,CAAQ,EAAE,CAAC;EAC7C,MAAM,CAACyB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG1B,QAAQ,CACxD,IACF,CAAC;EAED,MAAM2B,qBAAqB,GAAGA,CAAA,KAAM;IAClCP,4BAA4B,CAAC,IAAI,CAAC;EACpC,CAAC;EAED,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI;MACF,MAAMC,MAAM,GAAG,MAAM1B,IAAI,CAAC;QAAE2B,IAAI,EAAEd,MAAM;QAAEC;MAAS,CAAC,CAAC;MACrD,MAAMc,WAAW,GAAGd,QAAQ,GAAGY,MAAM,GAAG,CAACA,MAAM,CAAC,CAAC,CAAC,CAAC;MACnD,MAAMG,QAAQ,GAAG,CAAC,GAAGT,KAAK,EAAE,GAAGQ,WAAW,CAAC;MAC3CP,QAAQ,CAACQ,QAAQ,CAAC;MAClBd,QAAQ,GAAGc,QAAQ,CAAC;MACpBZ,4BAA4B,CAAC,KAAK,CAAC;IACrC,CAAC,CAAC,OAAOa,KAAU,EAAE;MACnB,IAAIA,KAAK,EAAEC,OAAO,EAAEC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,eAAe,CAAC,EAAE;MAC7DC,OAAO,CAACJ,KAAK,CAAC,0BAA0B,EAAEA,KAAK,CAAC;IAClD;EACF,CAAC;EAED,MAAMK,iBAAiB,GAAIC,IAAS,IAAK;IACvC,IAAIA,IAAI,EAAEC,GAAG,EAAE;MACbpC,YAAY,CAACmC,IAAI,CAACC,GAAG,CAAC;IACxB;EACF,CAAC;EAED,MAAMC,yBAAyB,GAAG,MAAAA,CAAA,KAAY;IAC5C,IAAI;MACF,MAAMZ,MAAM,GAAG,MAAMxB,YAAY,CAAC;QAAEqC,SAAS,EAAE;MAAQ,CAAC,CAAC;MACzD,IAAIb,MAAM,CAACc,SAAS,IAAI,CAACd,MAAM,CAACe,MAAM,EAAE;MACxC,MAAMZ,QAAQ,GAAG,CAAC,GAAGT,KAAK,EAAEM,MAAM,CAACe,MAAM,CAAC,CAAC,CAAC,CAAC;MAC7CpB,QAAQ,CAACQ,QAAQ,CAAC;MAClBd,QAAQ,GAAGc,QAAQ,CAAC;MACpBZ,4BAA4B,CAAC,KAAK,CAAC;IACrC,CAAC,CAAC,OAAOa,KAAU,EAAE;MACnBI,OAAO,CAACJ,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;IAChD;EACF,CAAC;EAED,MAAMY,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAI;MACF,MAAMhB,MAAM,GAAG,MAAMvB,kBAAkB,CAAC;QACtCoC,SAAS,EAAE,OAAO;QAClBI,cAAc,EAAE7B,QAAQ,GAAG,CAAC,GAAG;MACjC,CAAC,CAAC;MACF,IAAIY,MAAM,CAACc,SAAS,IAAI,CAACd,MAAM,CAACe,MAAM,EAAE;MACxC,MAAMZ,QAAQ,GAAG,CAAC,GAAGT,KAAK,EAAE,GAAGM,MAAM,CAACe,MAAM,CAAC;MAC7CpB,QAAQ,CAACQ,QAAQ,CAAC;MAClBd,QAAQ,GAAGc,QAAQ,CAAC;MACpBZ,4BAA4B,CAAC,KAAK,CAAC;IACrC,CAAC,CAAC,OAAOa,KAAU,EAAE;MACnBI,OAAO,CAACJ,KAAK,CAAC,yBAAyB,EAAEA,KAAK,CAAC;IACjD;EACF,CAAC;EAED,MAAMc,iBAAiB,GAAIC,KAAa,IAAK;IAC3CtB,oBAAoB,CAACsB,KAAK,CAAC;IAC3B1B,8BAA8B,CAAC,IAAI,CAAC;EACtC,CAAC;EAED,MAAM2B,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIxB,iBAAiB,KAAK,IAAI,EAAE;MAC9B,MAAMO,QAAQ,GAAGT,KAAK,CAAC2B,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,KAAK3B,iBAAiB,CAAC;MAChED,QAAQ,CAACQ,QAAQ,CAAC;MAClBd,QAAQ,GAAGc,QAAQ,CAAC;MACpBN,oBAAoB,CAAC,IAAI,CAAC;IAC5B;IACAJ,8BAA8B,CAAC,KAAK,CAAC;EACvC,CAAC;EAED,oBACEX,KAAA,CAAClB,IAAI;IAAC4D,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1B/C,IAAA,CAACb,IAAI;MAACyD,KAAK,EAAEC,MAAM,CAACG,cAAe;MAAAD,QAAA,eACjC7C,KAAA,CAACd,MAAM;QAACwD,KAAK,EAAEC,MAAM,CAACI,WAAY;QAAAF,QAAA,gBAChC/C,IAAA,CAACnB,KAAK;UAACqE,MAAM,EAAEC,OAAO,CAAC,yBAAyB;QAAE,CAAE,CAAC,eACrDnD,IAAA,CAACX,UAAU;UAAC+D,OAAO,EAAC,IAAI;UAACC,MAAM,EAAC,UAAU;UAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;UAAAR,QAAA,EAC/D3C;QAAK,CACI,CAAC,eACbJ,IAAA,CAACX,UAAU;UAAC+D,OAAO,EAAC,IAAI;UAACC,MAAM,EAAC,SAAS;UAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;UAAAR,QAAA,EAC9D1C;QAAW,CACF,CAAC,eACbL,IAAA,CAACf,MAAM;UACLqE,KAAK,EAAC,SAAS;UACflD,KAAK,EAAC,aAAa;UACnBoD,OAAO,EAAEtC;QAAsB,CAChC,CAAC;MAAA,CACI;IAAC,CACL,CAAC,EAENJ,KAAK,CAAC2C,GAAG,CAAC,CAAC3B,IAAI,EAAES,KAAK,kBACrBvC,IAAA,CAACb,IAAI;MAAA4D,QAAA,eACH/C,IAAA,CAACjB,gBAAgB;QAACyE,OAAO,EAAEA,CAAA,KAAM3B,iBAAiB,CAACC,IAAI,CAAE;QAAAiB,QAAA,eACvD7C,KAAA,CAAClB,IAAI;UAAC4D,KAAK,EAAEC,MAAM,CAACa,gBAAiB;UAAAX,QAAA,gBACnC7C,KAAA,CAAClB,IAAI;YAAC4D,KAAK,EAAEC,MAAM,CAACc,iBAAkB;YAAAZ,QAAA,gBACpC/C,IAAA,CAACnB,KAAK;cACJqE,MAAM,EACJpB,IAAI,CAACC,GAAG,EAAE6B,QAAQ,CAAC,MAAM,CAAC,GACtBT,OAAO,CAAC,gCAAgC,CAAC,GACzC;gBAAEpB,GAAG,EAAED,IAAI,CAACC;cAAI,CACrB;cACDa,KAAK,EAAEC,MAAM,CAACgB;YAAa,CAC5B,CAAC,eACF3D,KAAA,CAAClB,IAAI;cAAC4D,KAAK,EAAEC,MAAM,CAACiB,WAAY;cAAAf,QAAA,gBAC9B/C,IAAA,CAACX,UAAU;gBACT+D,OAAO,EAAC,IAAI;gBACZC,MAAM,EAAC,UAAU;gBACjBC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;gBAAAR,QAAA,EAEtBjB,IAAI,CAACiC,IAAI,IAAI,SAASxB,KAAK,GAAG,CAAC;cAAE,CACxB,CAAC,eACbrC,KAAA,CAACb,UAAU;gBACT+D,OAAO,EAAC,IAAI;gBACZC,MAAM,EAAC,SAAS;gBAChBC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;gBAAAR,QAAA,GAEtB,CAACjB,IAAI,CAACkC,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,EAAEC,OAAO,CAAC,CAAC,CAAC,EAAC,KAC1C;cAAA,CAAY,CAAC;YAAA,CACT,CAAC;UAAA,CACH,CAAC,eACPjE,IAAA,CAACf,MAAM;YACLmE,OAAO,EAAC,UAAU;YAClBhD,KAAK,EAAC,GAAG;YACToD,OAAO,EAAEA,CAAA,KAAMlB,iBAAiB,CAACC,KAAK;UAAE,CACzC,CAAC;QAAA,CACE;MAAC,CACS;IAAC,GAnCVA,KAoCL,CACP,CAAC,eAEFvC,IAAA,CAACV,WAAW;MACV4E,MAAM,EAAExD,yBAA0B;MAClCyD,OAAO,EAAEA,CAAA,KAAMxD,4BAA4B,CAAC,KAAK,CAAE;MAAAoC,QAAA,eAEnD7C,KAAA,CAAClB,IAAI;QAAC4D,KAAK,EAAEC,MAAM,CAACuB,kBAAmB;QAAArB,QAAA,gBACrC7C,KAAA,CAACd,MAAM;UAACwD,KAAK,EAAEC,MAAM,CAACwB,iBAAkB;UAAAtB,QAAA,gBACtC/C,IAAA,CAACX,UAAU;YAAC+D,OAAO,EAAC,IAAI;YAACC,MAAM,EAAC,UAAU;YAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;YAAAR,QAAA,EAAC;UAEnE,CAAY,CAAC,eACb7C,KAAA,CAACb,UAAU;YAAC+D,OAAO,EAAC,IAAI;YAACC,MAAM,EAAC,SAAS;YAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;YAAAR,QAAA,GAAC,0BACxC,EAACzC,WAAW,EAAC,IACvC;UAAA,CAAY,CAAC;QAAA,CACP,CAAC,eACTJ,KAAA,CAACV,IAAI;UAAAuD,QAAA,gBACH/C,IAAA,CAACP,QAAQ;YAAAsD,QAAA,eACP/C,IAAA,CAACjB,gBAAgB;cAACyE,OAAO,EAAExB,yBAA0B;cAAAe,QAAA,eACnD7C,KAAA,CAAClB,IAAI;gBAAC4D,KAAK,EAAEC,MAAM,CAACc,iBAAkB;gBAAAZ,QAAA,gBACpC/C,IAAA,CAACF,IAAI;kBAACiE,IAAI,EAAC,QAAQ;kBAACT,KAAK,EAAEpE,KAAK,CAACoF,OAAO,CAAC,IAAI;gBAAE,CAAE,CAAC,eAClDpE,KAAA,CAAClB,IAAI;kBAAA+D,QAAA,gBACH/C,IAAA,CAACX,UAAU;oBACT+D,OAAO,EAAC,IAAI;oBACZC,MAAM,EAAC,UAAU;oBACjBC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EACxB;kBAED,CAAY,CAAC,eACb/C,IAAA,CAACX,UAAU;oBAAC+D,OAAO,EAAC,IAAI;oBAACE,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EAAC;kBAEjD,CAAY,CAAC;gBAAA,CACT,CAAC;cAAA,CACH;YAAC,CACS;UAAC,CACX,CAAC,eACX/C,IAAA,CAACP,QAAQ;YAAAsD,QAAA,eACP/C,IAAA,CAACjB,gBAAgB;cAACyE,OAAO,EAAEpB,0BAA2B;cAAAW,QAAA,eACpD7C,KAAA,CAAClB,IAAI;gBAAC4D,KAAK,EAAEC,MAAM,CAACc,iBAAkB;gBAAAZ,QAAA,gBACpC/C,IAAA,CAACF,IAAI;kBAACiE,IAAI,EAAC,OAAO;kBAACT,KAAK,EAAEpE,KAAK,CAACoF,OAAO,CAAC,IAAI;gBAAE,CAAE,CAAC,eACjDpE,KAAA,CAAClB,IAAI;kBAAA+D,QAAA,gBACH/C,IAAA,CAACX,UAAU;oBACT+D,OAAO,EAAC,IAAI;oBACZC,MAAM,EAAC,UAAU;oBACjBC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EACxB;kBAED,CAAY,CAAC,eACb/C,IAAA,CAACX,UAAU;oBAAC+D,OAAO,EAAC,IAAI;oBAACE,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EAAC;kBAEjD,CAAY,CAAC;gBAAA,CACT,CAAC;cAAA,CACH;YAAC,CACS;UAAC,CACX,CAAC,eACX/C,IAAA,CAACP,QAAQ;YAAAsD,QAAA,eACP/C,IAAA,CAACjB,gBAAgB;cAACyE,OAAO,EAAErC,cAAe;cAAA4B,QAAA,eACxC7C,KAAA,CAAClB,IAAI;gBAAC4D,KAAK,EAAEC,MAAM,CAACc,iBAAkB;gBAAAZ,QAAA,gBACpC/C,IAAA,CAACF,IAAI;kBAACiE,IAAI,EAAC,UAAU;kBAACT,KAAK,EAAEpE,KAAK,CAACoF,OAAO,CAAC,IAAI;gBAAE,CAAE,CAAC,eACpDpE,KAAA,CAAClB,IAAI;kBAAA+D,QAAA,gBACH/C,IAAA,CAACX,UAAU;oBACT+D,OAAO,EAAC,IAAI;oBACZC,MAAM,EAAC,UAAU;oBACjBC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EACxB;kBAED,CAAY,CAAC,eACb/C,IAAA,CAACX,UAAU;oBAAC+D,OAAO,EAAC,IAAI;oBAACE,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;oBAAAR,QAAA,EAAC;kBAEjD,CAAY,CAAC;gBAAA,CACT,CAAC;cAAA,CACH;YAAC,CACS;UAAC,CACX,CAAC;QAAA,CACP,CAAC;MAAA,CACH;IAAC,CACI,CAAC,eAEd/C,IAAA,CAACV,WAAW;MACV4E,MAAM,EAAEtD,2BAA4B;MACpCuD,OAAO,EAAEA,CAAA,KAAMtD,8BAA8B,CAAC,KAAK,CAAE;MAAAkC,QAAA,eAErD7C,KAAA,CAAClB,IAAI;QAAC4D,KAAK,EAAEC,MAAM,CAAC0B,iBAAkB;QAAAxB,QAAA,gBACpC7C,KAAA,CAACd,MAAM;UAACwD,KAAK,EAAEC,MAAM,CAAC2B,gBAAiB;UAAAzB,QAAA,gBACrC/C,IAAA,CAACX,UAAU;YAAC+D,OAAO,EAAC,IAAI;YAACC,MAAM,EAAC,UAAU;YAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;YAAAR,QAAA,EAAC;UAEnE,CAAY,CAAC,eACb/C,IAAA,CAACX,UAAU;YAAC+D,OAAO,EAAC,IAAI;YAACC,MAAM,EAAC,SAAS;YAACC,KAAK,EAAEpE,KAAK,CAACqE,IAAI,CAAC,GAAG,CAAE;YAAAR,QAAA,EAAC;UAElE,CAAY,CAAC;QAAA,CACP,CAAC,eACT7C,KAAA,CAAClB,IAAI;UAAA+D,QAAA,gBACH/C,IAAA,CAACf,MAAM;YACLqE,KAAK,EAAC,QAAQ;YACdlD,KAAK,EAAC,gBAAgB;YACtBoD,OAAO,EAAEhB;UAAW,CACrB,CAAC,eACFxC,IAAA,CAACf,MAAM;YACLqE,KAAK,EAAC,SAAS;YACfF,OAAO,EAAC,UAAU;YAClBhD,KAAK,EAAC,OAAO;YACboD,OAAO,EAAEA,CAAA,KAAM3C,8BAA8B,CAAC,KAAK;UAAE,CACtD,CAAC;QAAA,CACE,CAAC;MAAA,CACH;IAAC,CACI,CAAC;EAAA,CACV,CAAC;AAEX;AAEA,MAAMgC,MAAM,GAAG/D,UAAU,CAAC2F,MAAM,CAAC;EAC/B3B,OAAO,EAAE;IACP4B,GAAG,EAAE;EACP,CAAC;EACD1B,cAAc,EAAE;IACd2B,WAAW,EAAE,QAAQ;IACrBC,eAAe,EAAE1F,KAAK,CAACqE,IAAI,CAAC,GAAG;EACjC,CAAC;EACDN,WAAW,EAAE;IACXyB,GAAG,EAAE;EACP,CAAC;EACDhB,gBAAgB,EAAE;IAChBmB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBL,GAAG,EAAE;EACP,CAAC;EACDb,YAAY,EAAE;IACZmB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDpB,WAAW,EAAE;IACXgB,cAAc,EAAE,QAAQ;IACxBJ,GAAG,EAAE;EACP,CAAC;EACDf,iBAAiB,EAAE;IACjBkB,aAAa,EAAE,KAAK;IACpBH,GAAG,EAAE;EACP,CAAC;EACDN,kBAAkB,EAAE;IAClBM,GAAG,EAAE;EACP,CAAC;EACDL,iBAAiB,EAAE;IACjBU,UAAU,EAAE;EACd,CAAC;EACDR,iBAAiB,EAAE;IACjBG,GAAG,EAAE;EACP,CAAC;EACDF,gBAAgB,EAAE;IAChBO,UAAU,EAAE,QAAQ;IACpBL,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Input/InputMonth.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export default function InputMonth() {}
+//# sourceMappingURL=InputMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["InputMonth"],"sourceRoot":"../../../src","sources":["Input/InputMonth.tsx"],"mappings":";;AAAA,eAAe,SAASA,UAAUA,CAAA,EAAG,CAAC","ignoreList":[]}

package/lib/module/Input/InputNumber.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=InputNumber.js.map

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

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

package/lib/module/Input/InputOtp.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import React, { useRef } from 'react';
+import { View, TextInput, StyleSheet } from 'react-native';
+import Color from "../Color/Color.js";
+import LabelForm from "../LabelForm/LabelForm.js";
+import Typography from "../Typography/Typography.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InputOtp = ({
+  length = 6,
+  onChange,
+  label,
+  hint,
+  hasError
+}) => {
+  const inputs = useRef([]);
+  const values = useRef(Array(length).fill(''));
+  const handleChange = (text, index) => {
+    values.current[index] = text;
+    onChange?.(values.current.join(''));
+    if (text && index < length - 1) {
+      inputs.current[index + 1]?.focus();
+    }
+  };
+  const handleKeyPress = (e, index) => {
+    if (e.nativeEvent.key === 'Backspace' && !values.current[index] && index > 0) {
+      inputs.current[index - 1]?.focus();
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.gap4,
+    children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      title: label
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.container,
+      children: Array(length).fill(0).map((_, i) => /*#__PURE__*/_jsx(TextInput, {
+        style: [styles.input, {
+          borderColor: hasError ? Color.danger[500] : Color.gray[200]
+        }],
+        keyboardType: "number-pad",
+        maxLength: 1,
+        onChangeText: text => handleChange(text, i),
+        onKeyPress: e => handleKeyPress(e, i),
+        ref: ref => void (inputs.current[i] = ref)
+      }, i))
+    }), hint ? /*#__PURE__*/_jsx(Typography, {
+      color: hasError ? Color.danger[500] : '',
+      variant: "t2",
+      children: hint
+    }) : null]
+  });
+};
+export default InputOtp;
+const styles = StyleSheet.create({
+  gap4: {
+    gap: 4
+  },
+  container: {
+    flexDirection: 'row',
+    gap: 10,
+    justifyContent: 'space-between'
+  },
+  input: {
+    width: 48,
+    height: 48,
+    borderWidth: 1,
+    borderRadius: 8,
+    textAlign: 'center',
+    color: Color.base.black100,
+    fontSize: 12,
+    fontWeight: 'medium'
+  }
+});
+//# sourceMappingURL=InputOtp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","View","TextInput","StyleSheet","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","InputOtp","length","onChange","label","hint","hasError","inputs","values","Array","fill","handleChange","text","index","current","join","focus","handleKeyPress","e","nativeEvent","key","style","styles","gap4","children","title","container","map","_","i","input","borderColor","danger","gray","keyboardType","maxLength","onChangeText","onKeyPress","ref","color","variant","create","gap","flexDirection","justifyContent","width","height","borderWidth","borderRadius","textAlign","base","black100","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["Input/InputOtp.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Input/InputPassword.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import Input from "./Input.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function InputPassword(props) {
+  const [secureText, setSecureText] = useState(true);
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Input, {
+      ...props,
+      iconRight: secureText ? 'Eye' : 'EyeOpen',
+      secureTextEntry: secureText,
+      onPressIconRight: () => setSecureText(!secureText)
+    })
+  });
+}
+//# sourceMappingURL=InputPassword.js.map