@herca/rn-kit 0.1.0

package/lib/module/Provider/FooterProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const FooterContext = /*#__PURE__*/createContext(undefined);
+export const FooterProvider = ({
+  children
+}) => {
+  const [footer, setFooter] = useState(null);
+  return /*#__PURE__*/_jsx(FooterContext.Provider, {
+    value: {
+      footer,
+      setFooter
+    },
+    children: children
+  });
+};
+export const useFooter = () => {
+  const context = useContext(FooterContext);
+  if (!context) {
+    throw new Error('useFooter must be used within a FooterProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=FooterProvider.js.map

package/lib/module/Provider/FooterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useState","jsx","_jsx","FooterContext","undefined","FooterProvider","children","footer","setFooter","Provider","value","useFooter","context","Error"],"sourceRoot":"../../../src","sources":["Provider/FooterProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5E,MAAMC,aAAa,gBAAGL,aAAa,CAAgCM,SAAS,CAAC;AAE7E,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAmB,IAAI,CAAC;EAE5D,oBACEE,IAAA,CAACC,aAAa,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEH,MAAM;MAAEC;IAAU,CAAE;IAAAF,QAAA,EAClDA;EAAQ,CACa,CAAC;AAE7B,CAAC;AAED,OAAO,MAAMK,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGb,UAAU,CAACI,aAAa,CAAC;EACzC,IAAI,CAACS,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/Provider/LayoutWithFooter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { StyleSheet, SafeAreaView } from 'react-native';
+import { useFooter } from "./Provider.js";
+import React from 'react';
+import Color from "../Color/Color.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function LayoutWithFooter({
+  children
+}) {
+  const {
+    footer
+  } = useFooter();
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(SafeAreaView, {
+      style: [styles.content, footer && styles.footer],
+      children: children
+    }), footer]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Color.base.white100
+  },
+  content: {
+    flex: 1
+  },
+  footer: {
+    marginBottom: 60
+  }
+});
+//# sourceMappingURL=LayoutWithFooter.js.map

package/lib/module/Provider/LayoutWithFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SafeAreaView","useFooter","React","Color","jsx","_jsx","jsxs","_jsxs","LayoutWithFooter","children","footer","style","styles","container","content","create","flex","backgroundColor","base","white100","marginBottom"],"sourceRoot":"../../../src","sources":["Provider/LayoutWithFooter.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,cAAc;AACvD,SAASC,SAAS,QAAQ,eAAY;AACtC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,eAAe,SAASC,gBAAgBA,CAAC;EACvCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGT,SAAS,CAAC,CAAC;EAE9B,oBACEM,KAAA,CAACP,YAAY;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAJ,QAAA,gBACpCJ,IAAA,CAACL,YAAY;MAACW,KAAK,EAAE,CAACC,MAAM,CAACE,OAAO,EAAEJ,MAAM,IAAIE,MAAM,CAACF,MAAM,CAAE;MAAAD,QAAA,EAC5DA;IAAQ,CACG,CAAC,EACdC,MAAM;EAAA,CACK,CAAC;AAEnB;AAEA,MAAME,MAAM,GAAGb,UAAU,CAACgB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEd,KAAK,CAACe,IAAI,CAACC;EAAS,CAAC;EAC5DL,OAAO,EAAE;IAAEE,IAAI,EAAE;EAAE,CAAC;EACpBN,MAAM,EAAE;IAAEU,YAAY,EAAE;EAAG;AAC7B,CAAC,CAAC","ignoreList":[]}

package/lib/module/Provider/Provider.js

@@ -0,0 +1,43 @@
+"use strict";
+
+// FooterContext.js
+import { createContext, useContext, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import LayoutWithFooter from "./LayoutWithFooter.js";
+import RequiredUpdateAppsProvider from "./RequiredUpdateAppsProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FooterContext = /*#__PURE__*/createContext(undefined);
+export default function Provider({
+  children,
+  requiredUpdated = false,
+  updateConfig
+}) {
+  const [footer, setFooter] = useState(null);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [requiredUpdated ? /*#__PURE__*/_jsx(RequiredUpdateAppsProvider, {
+      ...updateConfig
+    }) : null, /*#__PURE__*/_jsx(FooterContext.Provider, {
+      value: {
+        footer,
+        setFooter
+      },
+      children: /*#__PURE__*/_jsx(LayoutWithFooter, {
+        children: children
+      })
+    })]
+  });
+}
+export const useFooter = () => {
+  const context = useContext(FooterContext);
+  if (context === undefined) {
+    throw new Error('useFooter must be used within a Footer Provider');
+  }
+  return context;
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Provider.js.map

package/lib/module/Provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useState","StyleSheet","View","LayoutWithFooter","RequiredUpdateAppsProvider","jsx","_jsx","jsxs","_jsxs","FooterContext","undefined","Provider","children","requiredUpdated","updateConfig","footer","setFooter","style","styles","container","value","useFooter","context","Error","create","flex"],"sourceRoot":"../../../src","sources":["Provider/Provider.tsx"],"mappings":";;AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,0BAA0B,MAAM,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAetE,MAAMC,aAAa,gBAAGX,aAAa,CAAgCY,SAAS,CAAC;AAE7E,eAAe,SAASC,QAAQA,CAAC;EAC/BC,QAAQ;EACRC,eAAe,GAAG,KAAK;EACvBC;AACa,CAAC,EAAE;EAChB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EAE1C,oBACEQ,KAAA,CAACN,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAP,QAAA,GAC3BC,eAAe,gBACdP,IAAA,CAACF,0BAA0B;MAAA,GAAKU;IAAY,CAAG,CAAC,GAC9C,IAAI,eACRR,IAAA,CAACG,aAAa,CAACE,QAAQ;MAACS,KAAK,EAAE;QAAEL,MAAM;QAAEC;MAAU,CAAE;MAAAJ,QAAA,eACnDN,IAAA,CAACH,gBAAgB;QAAAS,QAAA,EAAEA;MAAQ,CAAmB;IAAC,CACzB,CAAC;EAAA,CACrB,CAAC;AAEX;AAEA,OAAO,MAAMS,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGvB,UAAU,CAACU,aAAa,CAAC;EACzC,IAAIa,OAAO,KAAKZ,SAAS,EAAE;IACzB,MAAM,IAAIa,KAAK,CAAC,iDAAiD,CAAC;EACpE;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAMJ,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Provider/RequiredUpdateAppsProvider.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { Image, StyleSheet, View } from 'react-native';
+import { Button, Color, Container, Modal, Typography } from "../index.js";
+import { useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function RequiredUpdateAppsProvider({
+  title,
+  description,
+  buttonText = 'Update Sekarang',
+  onUpdate
+}) {
+  useEffect(() => {
+    onUpdate?.(false);
+  }, [onUpdate]);
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsxs(Modal, {
+      height: 300,
+      isOpen: true,
+      closable: false,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: require('../../example/assets/updateapps.png'),
+        style: styles.image
+      }), /*#__PURE__*/_jsxs(Container, {
+        style: styles.container,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "h4",
+          weight: "semibold",
+          color: Color.gray[800],
+          center: true,
+          children: title
+        }), /*#__PURE__*/_jsxs(Typography, {
+          variant: "t1",
+          weight: "regular",
+          color: Color.gray[600],
+          center: true,
+          children: [description, "."]
+        }), /*#__PURE__*/_jsx(View, {
+          style: {},
+          children: /*#__PURE__*/_jsx(Button, {
+            title: buttonText,
+            color: "primary"
+          })
+        })]
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  image: {
+    position: 'absolute',
+    marginTop: -60,
+    left: 30
+  },
+  container: {
+    gap: 20,
+    marginTop: 80
+  }
+});
+//# sourceMappingURL=RequiredUpdateAppsProvider.js.map

package/lib/module/Provider/RequiredUpdateAppsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","View","Button","Color","Container","Modal","Typography","useEffect","jsx","_jsx","jsxs","_jsxs","RequiredUpdateAppsProvider","title","description","buttonText","onUpdate","children","height","isOpen","closable","source","require","style","styles","image","container","variant","weight","color","gray","center","create","position","marginTop","left","gap"],"sourceRoot":"../../../src","sources":["Provider/RequiredUpdateAppsProvider.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,QAAQ,aAAI;AAEhE,SAASC,SAAS,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,eAAe,SAASC,0BAA0BA,CAAC;EACjDC,KAAK;EACLC,WAAW;EACXC,UAAU,GAAG,iBAAiB;EAC9BC;AAC+B,CAAC,EAAE;EAClCT,SAAS,CAAC,MAAM;IACdS,QAAQ,GAAG,KAAK,CAAC;EACnB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACd,oBACEP,IAAA,CAACR,IAAI;IAAAgB,QAAA,eACHN,KAAA,CAACN,KAAK;MAACa,MAAM,EAAE,GAAI;MAACC,MAAM,EAAE,IAAK;MAACC,QAAQ,EAAE,KAAM;MAAAH,QAAA,gBAChDR,IAAA,CAACV,KAAK;QACJsB,MAAM,EAAEC,OAAO,CAAC,qCAAqC,CAAE;QACvDC,KAAK,EAAEC,MAAM,CAACC;MAAM,CACrB,CAAC,eACFd,KAAA,CAACP,SAAS;QAACmB,KAAK,EAAEC,MAAM,CAACE,SAAU;QAAAT,QAAA,gBACjCR,IAAA,CAACH,UAAU;UACTqB,OAAO,EAAC,IAAI;UACZC,MAAM,EAAC,UAAU;UACjBC,KAAK,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;UACvBC,MAAM;UAAAd,QAAA,EAELJ;QAAK,CACI,CAAC,eACbF,KAAA,CAACL,UAAU;UACTqB,OAAO,EAAC,IAAI;UACZC,MAAM,EAAC,SAAS;UAChBC,KAAK,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;UACvBC,MAAM;UAAAd,QAAA,GAELH,WAAW,EAAC,GACf;QAAA,CAAY,CAAC,eACbL,IAAA,CAACR,IAAI;UAACsB,KAAK,EAAE,CAAC,CAAE;UAAAN,QAAA,eACdR,IAAA,CAACP,MAAM;YAACW,KAAK,EAAEE,UAAW;YAACc,KAAK,EAAC;UAAS,CAAE;QAAC,CACzC,CAAC;MAAA,CACE,CAAC;IAAA,CACP;EAAC,CACJ,CAAC;AAEX;AAEA,MAAML,MAAM,GAAGxB,UAAU,CAACgC,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,CAAC,EAAE;IACdC,IAAI,EAAE;EACR,CAAC;EACDT,SAAS,EAAE;IACTU,GAAG,EAAE,EAAE;IACPF,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Provider/type.js

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

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

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

package/lib/module/RadioButton/README.md

@@ -0,0 +1,43 @@
+# 📦 RadioButton – Komponen React Native
+
+Komponen `RadioButton` ini digunakan untuk menampilkan daftar pilihan dalam bentuk radio button di aplikasi React Native.
+![Deskripsi Alt](../../assets/doc/RadioButton/RadioButton.png)
+
+## 📄 Import
+
+```tsx
+import RadioButton from './RadioButton';
+```
+
+## ⚙️ Props
+
+| Nama Props      | Tipe                                       | Default     | Deskripsi                                                                 |
+|------------------|--------------------------------------------|-------------|---------------------------------------------------------------------------|
+| `items`          | `RadioButtonItem[]`                        | -           | Daftar item radio yang ingin ditampilkan.                                |
+| `selectedValue`  | `string \| null`                           | `null`      | Nilai yang saat ini dipilih oleh pengguna.                               |
+| `onChange`       | `(value: string) => void`                  | -           | Fungsi callback saat item dipilih.                                       |
+| `direction`      | `'vertical' \| 'horizontal'`               | `'vertical'`| Arah layout dari item radio: vertikal atau horizontal.                   |
+
+## 📄 Tipe `RadioButtonItem`
+
+```ts
+interface RadioButtonItem {
+  label: string;      // Teks yang ditampilkan untuk radio
+  value: string;      // Nilai yang digunakan untuk identifikasi
+  disabled?: boolean; // Menonaktifkan tombol radio
+}
+```
+
+## 💡 Contoh Penggunaan
+
+```tsx
+<RadioButton
+  items={[
+    { label: 'Laki-laki', value: 'M' },
+    { label: 'Perempuan', value: 'F' },
+  ]}
+  selectedValue={gender}
+  onChange={setGender}
+  direction="horizontal"
+/>
+```

package/lib/module/RadioButton/RadioButton.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { View, StyleSheet, Pressable } from 'react-native';
+import { Typography, Color } from '@herca/rn-kit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RadioButton = ({
+  items,
+  selectedValue,
+  onChange,
+  direction = 'vertical'
+}) => {
+  const [internalValue, setInternalValue] = useState(selectedValue);
+  useEffect(() => {
+    // If no value is selected, set the first non-disabled item as selected
+    if (selectedValue === null) {
+      const firstValidItem = items.find(item => !item.disabled);
+      if (firstValidItem) {
+        setInternalValue(firstValidItem.value);
+        onChange?.(firstValidItem.value);
+      }
+    } else {
+      setInternalValue(selectedValue);
+    }
+  }, [selectedValue, items, onChange]);
+  const handleOnPress = item => {
+    if (!item.disabled) {
+      setInternalValue(item.value);
+      onChange?.(item.value);
+    }
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, direction === 'horizontal' && styles.horizontal],
+    children: items.map(item => {
+      const isChecked = internalValue === item.value;
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.item,
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => handleOnPress(item),
+          style: [styles.radioContainer, item.disabled && styles.disabled],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.outerCircle, isChecked && styles.checkedOuter],
+            children: isChecked && /*#__PURE__*/_jsx(View, {
+              style: styles.innerCircle
+            })
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "t2",
+            weight: "medium",
+            color: Color.gray[800],
+            children: item.label
+          })]
+        })
+      }, item.value);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    gap: 8
+  },
+  horizontal: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginRight: 16
+  },
+  radioContainer: {
+    gap: 8,
+    flexDirection: 'row'
+  },
+  outerCircle: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 2,
+    borderColor: Color.gray[500] || '#ccc',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  checkedOuter: {
+    borderColor: Color.primary[1000] || '#007bff'
+  },
+  innerCircle: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: Color.primary[1000] || '#007bff'
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/lib/module/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Pressable","Typography","Color","jsx","_jsx","jsxs","_jsxs","RadioButton","items","selectedValue","onChange","direction","internalValue","setInternalValue","firstValidItem","find","item","disabled","value","handleOnPress","style","styles","container","horizontal","children","map","isChecked","onPress","radioContainer","outerCircle","checkedOuter","innerCircle","variant","weight","color","gray","label","create","gap","flexDirection","flexWrap","alignItems","marginRight","width","height","borderRadius","borderWidth","borderColor","justifyContent","primary","backgroundColor","opacity"],"sourceRoot":"../../../src","sources":["RadioButton/RadioButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Select/README.md

@@ -0,0 +1,78 @@
+# 📦 Select Component
+
+Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan dukungan pencarian, multiple select, custom item renderer, dan pull-to-refresh.
+
+## 🚀 Fitur
+
+- ✅ Bottom Sheet
+- 🔍 Pencarian dengan debounce
+- 🔁 Pull-to-refresh support
+- 🔘 Multiple/Single select
+- 🎨 Custom render item
+- ⚠️ Validasi jika required
+- 🔄 Loading state
+
+## 📦 Props
+
+| Prop         | Tipe                                            | Default       | Keterangan |
+|--------------|--------------------------------------------------|---------------|------------|
+| `isOpen`     | `boolean`                                       | `false`       | Menentukan apakah bottom sheet terbuka |
+| `data`       | `ChipOptionProps[]`                             | -             | Data pilihan untuk ditampilkan |
+| `multiple`   | `boolean`                                       | `false`       | Mengizinkan multiple selection |
+| `renderItem` | `(item, selected, disabled) => React.ReactNode` | -             | Kustom tampilan item |
+| `onSubmit`   | `(selected: ChipSelectedProps) => void`         | -             | Callback saat tombol submit ditekan |
+| `onClose`    | `(val: boolean) => void`                        | -             | Callback saat bottom sheet ditutup |
+| `onSearch`   | `(val: string) => void`                         | -             | Callback saat input pencarian berubah |
+| `required`   | `boolean`                                       | `false`       | Jika `true`, validasi input saat submit |
+| `loading`    | `boolean`                                       | `false`       | Menampilkan loading saat data di-fetch |
+| `delaySearch`| `number`                                        | `300`         | Delay pencarian dalam milidetik |
+| `height`     | `BottomSheetHeighProps`                         | -             | Ukuran tinggi BottomSheet |
+| `onRefresh`  | `() => void`                                    | -             | Callback saat pull-to-refresh dilakukan |
+
+## 📌 Contoh Penggunaan
+
+```tsx
+import Select from './components/Select/Select';
+
+const MyScreen = () => {
+  const [open, setOpen] = useState(false);
+
+  const data = [
+    { label: 'Option 1', value: '1' },
+    { label: 'Option 2', value: '2' },
+  ];
+
+  const handleSubmit = (selected) => {
+    console.log('Selected:', selected);
+  };
+
+  return (
+    <>
+      <Button title="Pilih Data" onPress={() => setOpen(true)} />
+      <Select
+        isOpen={open}
+        data={data}
+        multiple={true}
+        onClose={() => setOpen(false)}
+        onSubmit={handleSubmit}
+        onSearch={(val) => console.log('Search:', val)}
+        onRefresh={() => console.log('Refresh triggered')}
+        required={true}
+        loading={false}
+      />
+    </>
+  );
+};
+```
+
+## 🔧 Catatan
+
+- Komponen ini membutuhkan komponen-komponen pendukung:  
+  - `BottomSheet`
+  - `Input`
+  - `Button`
+  - `Chip`
+  - `Loading`
+  - `Toast` (untuk validasi/error)
+
+- Jika ingin menambahkan animasi shimmer saat loading, bisa modifikasi komponen `Loading`.

package/lib/module/Select/README_Select.md

@@ -0,0 +1,78 @@
+# 📦 Select Component
+
+Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan dukungan pencarian, multiple select, custom item renderer, dan pull-to-refresh.
+
+## 🚀 Fitur
+
+- ✅ Bottom Sheet
+- 🔍 Pencarian dengan debounce
+- 🔁 Pull-to-refresh support
+- 🔘 Multiple/Single select
+- 🎨 Custom render item
+- ⚠️ Validasi jika required
+- 🔄 Loading state
+
+## 📦 Props
+
+| Prop         | Tipe                                            | Default       | Keterangan |
+|--------------|--------------------------------------------------|---------------|------------|
+| `isOpen`     | `boolean`                                       | `false`       | Menentukan apakah bottom sheet terbuka |
+| `data`       | `ChipOptionProps[]`                             | -             | Data pilihan untuk ditampilkan |
+| `multiple`   | `boolean`                                       | `false`       | Mengizinkan multiple selection |
+| `renderItem` | `(item, selected, disabled) => React.ReactNode` | -             | Kustom tampilan item |
+| `onSubmit`   | `(selected: ChipSelectedProps) => void`         | -             | Callback saat tombol submit ditekan |
+| `onClose`    | `(val: boolean) => void`                        | -             | Callback saat bottom sheet ditutup |
+| `onSearch`   | `(val: string) => void`                         | -             | Callback saat input pencarian berubah |
+| `required`   | `boolean`                                       | `false`       | Jika `true`, validasi input saat submit |
+| `loading`    | `boolean`                                       | `false`       | Menampilkan loading saat data di-fetch |
+| `delaySearch`| `number`                                        | `300`         | Delay pencarian dalam milidetik |
+| `height`     | `BottomSheetHeighProps`                         | -             | Ukuran tinggi BottomSheet |
+| `onRefresh`  | `() => void`                                    | -             | Callback saat pull-to-refresh dilakukan |
+
+## 📌 Contoh Penggunaan
+
+```tsx
+import Select from './components/Select/Select';
+
+const MyScreen = () => {
+  const [open, setOpen] = useState(false);
+
+  const data = [
+    { label: 'Option 1', value: '1' },
+    { label: 'Option 2', value: '2' },
+  ];
+
+  const handleSubmit = (selected) => {
+    console.log('Selected:', selected);
+  };
+
+  return (
+    <>
+      <Button title="Pilih Data" onPress={() => setOpen(true)} />
+      <Select
+        isOpen={open}
+        data={data}
+        multiple={true}
+        onClose={() => setOpen(false)}
+        onSubmit={handleSubmit}
+        onSearch={(val) => console.log('Search:', val)}
+        onRefresh={() => console.log('Refresh triggered')}
+        required={true}
+        loading={false}
+      />
+    </>
+  );
+};
+```
+
+## 🔧 Catatan
+
+- Komponen ini membutuhkan komponen-komponen pendukung:  
+  - `BottomSheet`
+  - `Input`
+  - `Button`
+  - `Chip`
+  - `Loading`
+  - `Toast` (untuk validasi/error)
+
+- Jika ingin menambahkan animasi shimmer saat loading, bisa modifikasi komponen `Loading`.

package/lib/module/Select/Select.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import { View, StyleSheet, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { useState, useEffect } from 'react';
+import BottomSheet from "../BottomSheet/BottomSheet.js";
+import Button from "../Button/Button.js";
+import Input from "../Input/Input.js";
+import Chip from "../Chip/Chip.js";
+import { useToast } from "../Toast/ToastContext.js";
+import Loading from "../Loading/Loading.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Select({
+  isOpen,
+  data,
+  renderItem,
+  onClose,
+  onSubmit,
+  multiple,
+  onSearch,
+  required = false,
+  loading = false,
+  delaySearch = 300,
+  height,
+  onRefresh,
+  refreshing
+}) {
+  const [isOpenSelect, setIsOpenSelect] = useState(false);
+  const [selected, setSelected] = useState();
+  const {
+    show
+  } = useToast();
+  useEffect(() => {
+    setIsOpenSelect(isOpen);
+  }, [isOpen]);
+  const handleOnCloseBottom = val => {
+    onClose?.(val);
+  };
+  const handleOnPresSubmitSelect = () => {
+    if (required && (!selected || selected.length === 0)) {
+      show('Please fill a item');
+      return false;
+    }
+    setIsOpenSelect(false);
+    onSubmit?.(selected ? selected : []);
+    return true;
+  };
+  const handleOnSearch = val => {
+    setTimeout(() => {
+      onSearch?.(val);
+    }, delaySearch);
+  };
+  return /*#__PURE__*/_jsx(BottomSheet, {
+    onClose: handleOnCloseBottom,
+    isOpen: isOpenSelect,
+    height: height,
+    footer: /*#__PURE__*/_jsx(Button, {
+      title: "lanjutkan",
+      color: "primary",
+      onPress: handleOnPresSubmitSelect
+    }),
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.containerSearch,
+        children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+          onPress: Keyboard.dismiss,
+          accessible: false,
+          children: /*#__PURE__*/_jsx(Input, {
+            submitBehavior: "submit",
+            icon: "Search",
+            placeholder: "Search",
+            onChangeText: val => handleOnSearch(val)
+          })
+        })
+      }), loading ? /*#__PURE__*/_jsx(Loading, {}) : /*#__PURE__*/_jsx(Chip, {
+        options: data,
+        direction: "vertical",
+        scrollable: true,
+        selected: selected,
+        multiple: multiple,
+        onSelect: setSelected,
+        color: "primary",
+        size: "large",
+        renderItem: renderItem,
+        onRefresh: onRefresh,
+        block: true,
+        refreshing: refreshing
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: 190
+  },
+  containerSearch: {
+    gap: 14,
+    padding: 12
+  }
+});
+//# sourceMappingURL=Select.js.map

package/lib/module/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","TouchableWithoutFeedback","Keyboard","useState","useEffect","BottomSheet","Button","Input","Chip","useToast","Loading","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","isOpenSelect","setIsOpenSelect","selected","setSelected","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","handleOnSearch","setTimeout","footer","title","color","onPress","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","onChangeText","options","direction","scrollable","onSelect","size","block","create","marginBottom","gap","padding"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":";;AAAA,SACEA,IAAI,EACJC,UAAU,EACVC,wBAAwB,EACxBC,QAAQ,QACH,cAAc;AACrB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE3C,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,IAAI,MAAM,iBAAc;AAE/B,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,OAAOC,OAAO,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACzC,eAAe,SAASC,MAAMA,CAAC;EAC7BC,MAAM;EACNC,IAAI;EACJC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,WAAW,GAAG,GAAG;EACjBC,MAAM;EACNC,SAAS;EACTC;AACW,CAAC,EAAE;EACd,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG3B,QAAQ,CAAsB,KAAK,CAAC;EAC5E,MAAM,CAAC4B,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAoB,CAAC;EAC7D,MAAM;IAAE8B;EAAK,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAC3BL,SAAS,CAAC,MAAM;IACd0B,eAAe,CAACd,MAAM,CAAC;EACzB,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMkB,mBAAmB,GAAIC,GAAY,IAAK;IAC5ChB,OAAO,GAAGgB,GAAG,CAAC;EAChB,CAAC;EAED,MAAMC,wBAAwB,GAAGA,CAAA,KAAe;IAC9C,IAAIb,QAAQ,KAAK,CAACQ,QAAQ,IAAIA,QAAQ,CAACM,MAAM,KAAK,CAAC,CAAC,EAAE;MACpDJ,IAAI,CAAC,oBAAoB,CAAC;MAC1B,OAAO,KAAK;IACd;IACAH,eAAe,CAAC,KAAK,CAAC;IACtBV,QAAQ,GAAGW,QAAQ,GAAGA,QAAQ,GAAG,EAAE,CAAC;IACpC,OAAO,IAAI;EACb,CAAC;EAED,MAAMO,cAAc,GAAIH,GAAW,IAAK;IACtCI,UAAU,CAAC,MAAM;MACfjB,QAAQ,GAAGa,GAAG,CAAC;IACjB,CAAC,EAAEV,WAAW,CAAC;EACjB,CAAC;EACD,oBACEb,IAAA,CAACP,WAAW;IACVc,OAAO,EAAEe,mBAAoB;IAC7BlB,MAAM,EAAEa,YAAa;IACrBH,MAAM,EAAEA,MAAO;IACfc,MAAM,eACJ5B,IAAA,CAACN,MAAM;MACLmC,KAAK,EAAC,WAAW;MACjBC,KAAK,EAAC,SAAS;MACfC,OAAO,EAAEP;IAAyB,CACnC,CACF;IAAAQ,QAAA,eAED9B,KAAA,CAACf,IAAI;MAAC8C,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BhC,IAAA,CAACb,IAAI;QAAC8C,KAAK,EAAEC,MAAM,CAACE,eAAgB;QAAAJ,QAAA,eAClChC,IAAA,CAACX,wBAAwB;UACvB0C,OAAO,EAAEzC,QAAQ,CAAC+C,OAAQ;UAC1BC,UAAU,EAAE,KAAM;UAAAN,QAAA,eAElBhC,IAAA,CAACL,KAAK;YACJ4C,cAAc,EAAC,QAAQ;YACvBC,IAAI,EAAC,QAAQ;YACbC,WAAW,EAAC,QAAQ;YACpBC,YAAY,EAAGnB,GAAG,IAAKG,cAAc,CAACH,GAAG;UAAE,CAC5C;QAAC,CACsB;MAAC,CACvB,CAAC,EACNX,OAAO,gBACNZ,IAAA,CAACF,OAAO,IAAE,CAAC,gBAEXE,IAAA,CAACJ,IAAI;QACH+C,OAAO,EAAEtC,IAAK;QACduC,SAAS,EAAC,UAAU;QACpBC,UAAU,EAAE,IAAK;QACjB1B,QAAQ,EAAEA,QAAS;QACnBV,QAAQ,EAAEA,QAAS;QACnBqC,QAAQ,EAAE1B,WAAY;QACtBU,KAAK,EAAC,SAAS;QACfiB,IAAI,EAAC,OAAO;QACZzC,UAAU,EAAEA,UAAW;QACvBS,SAAS,EAAEA,SAAU;QACrBiC,KAAK;QACLhC,UAAU,EAAEA;MAAW,CACxB,CACF;IAAA,CACG;EAAC,CACI,CAAC;AAElB;AAEA,MAAMkB,MAAM,GAAG9C,UAAU,CAAC6D,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,YAAY,EAAE;EAChB,CAAC;EACDd,eAAe,EAAE;IACfe,GAAG,EAAE,EAAE;IACPC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Select/type.js

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

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

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