@herca/rn-kit 0.1.31 → 0.1.33

package/README.md

@@ -4,7 +4,7 @@ UI Kit untuk pengembangan aplikasi internal **HerCa**.
 
 Kit ini dirancang untuk mempercepat proses pengembangan antarmuka pengguna dengan pendekatan minimal terhadap penggunaan `style` manual. Beberapa komponen dibuat **fix dan konsisten** agar tampilan aplikasi memiliki nuansa yang seragam.
 
-> **Catatan:** Jika menggunakan UI Kit ini, **tidak disarankan untuk menambahkan style atau melakukan kustomisasi manual**.  
+> **Catatan:** Jika menggunakan UI Kit ini, **tidak disarankan untuk menambahkan style atau melakukan kustomisasi manual**.
 > Untuk kebutuhan kustomisasi, gunakan konfigurasi `Theme` yang telah disediakan.
 
 ---
@@ -107,6 +107,7 @@ Komponen untuk mengumpulkan input dari pengguna.
 - [Checkbox](./src/CheckBox/README_CHECKBOX.md)
 - [Checkbox List](./src/CheckBox/README_CHECKBOXLIST.md)
 - [Chip-(Select)](./src/Chip/README.md)
+- [ChipItem](./src/Chip/README_CHIP_ITEM.md)
 - [CounterButton](./src/CounterButton/README.md)
 - [DatePicker](./src/DatePicker/README_DATEPICKER.md)
 - [DropDown](./src/DropDown/README.md)
@@ -142,7 +143,7 @@ Komponen untuk menyembunyikan atau menampilkan konten.
 
 ---
 
-### 🔹 4. Feedback 
+### 🔹 4. Feedback
 
 Komponen untuk memberikan umpan balik atau informasi kepada pengguna.
 
@@ -169,6 +170,7 @@ Komponen untuk menampilkan informasi atau elemen visual.
 - [List](./src/List/README.md)
 - [Timeline](./src/Timeline/README.md)
 - [Typography](./src/Typography/README.md)
+- [Skeleton](./src/Skeleton/README.md)
 
 ---
 
@@ -184,4 +186,4 @@ Silakan baca panduan kontribusi pada [CONTRIBUTING.md](CONTRIBUTING.md) untuk me
 
 ## 📄 Lisensi
 
-MIT License
+MIT License

package/lib/module/Chip/Chip.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useState, useEffect, useMemo } from 'react';
-import { FlatList, StyleSheet } from 'react-native';
+import { Dimensions, FlatList, StyleSheet } from 'react-native';
 import ChipItem from "./ChipItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Chip = ({
@@ -23,6 +23,11 @@ const Chip = ({
   header
 }) => {
   const isHorizontal = direction === 'horizontal';
+  const [chipItemWidth, setChipItemWidth] = useState(0);
+  const screenWidth = Dimensions.get('window').width;
+  const contaierHorizontalPadding = 24;
+  const containerHorizontalChipGap = 8;
+  const availableContainerChipWidth = screenWidth - contaierHorizontalPadding;
   const normalizeSelected = val => Array.isArray(val) ? val : val ? [val] : [];
   const [internalSelected, setInternalSelected] = useState(normalizeSelected(selected));
   useEffect(() => {
@@ -46,8 +51,8 @@ const Chip = ({
   };
   const numColumns = useMemo(() => {
     if (isHorizontal || block) return 1;
-    return 2;
-  }, [block, isHorizontal]);
+    return Math.floor(availableContainerChipWidth / (chipItemWidth + containerHorizontalChipGap));
+  }, [block, isHorizontal, availableContainerChipWidth, chipItemWidth]);
   const handleOnPresChipItem = (isDisabled, item) => {
     !isDisabled && handleSelect(item.value);
     onPress?.(item.value);
@@ -65,7 +70,13 @@ const Chip = ({
       block: block,
       onPress: handleOnPresChipItem,
       size: size,
-      renderItem: renderItem
+      renderItem: renderItem,
+      onLayout: chipItemWidth ? undefined : e => {
+        const {
+          width
+        } = e.nativeEvent.layout;
+        setChipItemWidth(width);
+      }
     }),
     keyExtractor: item => String(item.value),
     horizontal: isHorizontal,
@@ -82,12 +93,11 @@ const Chip = ({
     columnWrapperStyle: numColumns > 1 ? styles.wrapperStyle : undefined,
     ListFooterComponent: footer,
     ListHeaderComponent: header
-  });
+  }, `chip-${numColumns}`);
 };
 const styles = StyleSheet.create({
   container: {
-    gap: 8,
-    paddingBottom: 14
+    gap: 8
   },
   wrapperStyle: {
     gap: 8,

package/lib/module/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useMemo","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","onEndReached","footer","header","isHorizontal","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","handleOnPresChipItem","isDisabled","item","flexDirectionStyle","alignItemsStyle","data","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","wrapperStyle","undefined","ListFooterComponent","ListHeaderComponent","create","gap","paddingBottom","flexWrap","chip","borderRadius","borderWidth","alignSelf","chipSmall","paddingVertical","paddingHorizontal","chipMedium","chipLarge","blockChip","width"],"sourceRoot":"../../../src","sources":["Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useMemo","Dimensions","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","onEndReached","footer","header","isHorizontal","chipItemWidth","setChipItemWidth","screenWidth","get","width","contaierHorizontalPadding","containerHorizontalChipGap","availableContainerChipWidth","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","Math","floor","handleOnPresChipItem","isDisabled","item","flexDirectionStyle","alignItemsStyle","data","onLayout","undefined","e","nativeEvent","layout","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","wrapperStyle","ListFooterComponent","ListHeaderComponent","create","gap","flexWrap","chip","borderRadius","borderWidth","alignSelf","chipSmall","paddingVertical","paddingHorizontal","chipMedium","chipLarge","blockChip"],"sourceRoot":"../../../src","sources":["Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Chip/ChipItem.js

@@ -12,7 +12,8 @@ export default function ChipItem({
   size,
   renderItem,
   isHorizontal,
-  onPress
+  onPress,
+  onLayout
 }) {
   const validColors = ['default', 'success', 'danger', 'primary', 'warning', 'info', 'purple', 'orange'];
   const safeColor = validColors.includes(color) ? color : 'default';
@@ -50,6 +51,7 @@ export default function ChipItem({
     style: [styles.chip, getSizeStyle(), dynamicStyle, isBlockMode && styles.blockChip],
     onPress: () => handleOnPres(isDisabled, item),
     disabled: isDisabled,
+    onLayout: onLayout,
     children: renderItem ? renderItem(item, selectedState, isDisabled) : /*#__PURE__*/_jsx(Typography, {
       variant: "t2",
       style: {

package/lib/module/Chip/ChipItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Typography","CHIP_COLOR_MAP","jsx","_jsx","ChipItem","item","isSelected","color","block","size","renderItem","isHorizontal","onPress","validColors","safeColor","includes","colors","selectedState","value","isDisabled","disabled","dynamicStyle","borderColor","backgroundColor","selectedBorderColor","selectedBackgroundColor","disabledBorderColor","disabledBackgroundColor","isBlockMode","getSizeStyle","styles","chipSmall","chipLarge","chipMedium","handleOnPres","val","style","chip","blockChip","children","variant","fontSize","disabledTextColor","selectedTextColor","textColor","label","create","container","gap","borderRadius","borderWidth","alignSelf","paddingVertical","paddingHorizontal","width"],"sourceRoot":"../../../src","sources":["Chip/ChipItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Typography","CHIP_COLOR_MAP","jsx","_jsx","ChipItem","item","isSelected","color","block","size","renderItem","isHorizontal","onPress","onLayout","validColors","safeColor","includes","colors","selectedState","value","isDisabled","disabled","dynamicStyle","borderColor","backgroundColor","selectedBorderColor","selectedBackgroundColor","disabledBorderColor","disabledBackgroundColor","isBlockMode","getSizeStyle","styles","chipSmall","chipLarge","chipMedium","handleOnPres","val","style","chip","blockChip","children","variant","fontSize","disabledTextColor","selectedTextColor","textColor","label","create","container","gap","borderRadius","borderWidth","alignSelf","paddingVertical","paddingHorizontal","width"],"sourceRoot":"../../../src","sources":["Chip/ChipItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Chip/README_CHIP_ITEM.md

@@ -0,0 +1,73 @@
+# 📦 Komponen `ChipItem` – React Native
+
+Komponen `ChipItem` merupakan komponen presentasional dalam bentuk "chip" atau "pill" yang digunakan sebagai bagian dari list filter/select menggunakan UI gaya chip, baik single maupun multiple select.
+
+---
+
+## 🔧 Props
+
+| Prop           | Type                                                                                             | Default      | Description                                                                        |
+| -------------- | ------------------------------------------------------------------------------------------------ | ------------ | ---------------------------------------------------------------------------------- |
+| `item`         | `ChipOptionProps`                                                                                | **Required** | Data item yang akan ditampilkan, berisi label, value, dan optional `disabled`      |
+| `isSelected`   | `(value: boolean) => boolean`                                                                    | **Required** | Fungsi untuk menentukan apakah item saat ini sedang terpilih                       |
+| `color`        | `'default' \| 'success' \| 'danger' \| 'primary' \| 'warning' \| 'info' \| 'purple' \| 'orange'` | `'default'`  | Warna tema chip berdasarkan `CHIP_COLOR_MAP`                                       |
+| `block`        | `boolean`                                                                                        | `false`      | Apakah chip harus mengisi lebar penuh jika ditampilkan secara vertikal             |
+| `size`         | `'small' \| 'medium' \| 'large'`                                                                 | `'medium'`   | Ukuran padding dan font chip                                                       |
+| `renderItem`   | `(item: ChipOptionProps, selected: boolean, disabled: boolean) => ReactNode`                     | `undefined`  | Fungsi untuk mengkustomisasi isi tampilan chip                                     |
+| `isHorizontal` | `boolean`                                                                                        | `false`      | Jika true, maka `block` akan diabaikan agar chip tetap fleksibel secara horizontal |
+| `onPress`      | `(disabled: boolean, val: ChipOptionProps) => void`                                              | `undefined`  | Callback saat chip ditekan                                                         |
+| `onLayout`     | `(event: LayoutChangeEvent) => void`                                                             | `undefined`  | Callback ketika layout chip dihitung oleh React Native                             |
+
+---
+
+## 🎨 Style Behavior
+
+- **Warna Dinamis**: Warna border, background, dan teks akan menyesuaikan status:
+  - Default
+  - Selected
+  - Disabled
+
+- **Ukuran**:
+  - `'small'`: Padding kecil, font size 12
+  - `'medium'`: Default, font size 14
+  - `'large'`: Padding besar, font size 16
+
+- **Block Mode**:
+  - Bila `block: true` dan `isHorizontal: false`, chip akan mengisi lebar penuh kontainer
+
+---
+
+## 💡 Contoh Penggunaan
+
+```tsx
+<ChipItem
+  item={{ label: 'Marketing', value: 'marketing' }}
+  isSelected={() => true}
+  color="primary"
+  size="medium"
+  onPress={(disabled, val) => console.log('Pressed:', val)}
+/>
+```
+
+---
+
+## 🛠️ Tips
+
+- Gunakan `renderItem` untuk mengganti isi chip dengan tampilan kustom.
+- Pastikan `isSelected` di-define dengan benar agar state visual chip sesuai.
+
+---
+
+## 🧱 Dependencies
+
+- `Typography`
+- `CHIP_COLOR_MAP`
+- `Pressable` & `StyleSheet` dari React Native
+
+---
+
+## 🗂️ Related
+
+- `Chip`
+- `Select`
+- `ChipOptionProps`

package/lib/module/Select/README.md

@@ -14,22 +14,23 @@ Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan du
 
 ## 📦 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 |
-| `header`     | ReactElement| –              | Jika ingin chip mempunyai header.                          |
-| `footer`     | ReactElement| –              | Jika ingin chip mempunyai footer.                          |
+| 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                                                                                                                       |
+| `header`      | ReactElement                                    | –       | Jika ingin chip mempunyai header.                                                                                                                             |
+| `footer`      | ReactElement                                    | –       | Jika ingin chip mempunyai footer.                                                                                                                             |
+| `value`       | ChipSelectedProps                               | –       | Nilai pilihan yang dikontrol dari luar. Cocok untuk membuat komponen controlled. Akan mensinkronkan state internal selected dengan value setiap kali berubah. |
 
 ## 📌 Contoh Penggunaan
 
@@ -53,6 +54,7 @@ const MyScreen = () => {
       <Button title="Pilih Data" onPress={() => setOpen(true)} />
       <Select
         isOpen={open}
+        value={selected}
         data={data}
         multiple={true}
         onClose={() => setOpen(false)}
@@ -77,4 +79,11 @@ const MyScreen = () => {
   - `Loading`
   - `Toast` (untuk validasi/error)
 
-- Jika ingin menambahkan animasi shimmer saat loading, bisa modifikasi komponen `Loading`.
+- Jika ingin menambahkan animasi shimmer saat loading, bisa modifikasi komponen `Loading`.
+
+## ⚠️ Behavior Penting
+
+- Jika `multiple={false}` dan `required={true}`, maka:
+  - Item yang dipilih akan langsung dikirim ke `onSubmit`.
+  - BottomSheet akan langsung tertutup tanpa menekan tombol submit.
+- Jika `required={false}`, user bisa membatalkan pilihan (deselect), dan mengirim data kosong.

package/lib/module/Select/Select.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useCallback, useState } from 'react';
+import { useCallback, useState, useEffect } from 'react';
 import { Keyboard, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
 import BottomSheet from "../BottomSheet/BottomSheet.js";
 import Button from "../Button/Button.js";
@@ -27,7 +27,8 @@ export default function Select({
   footer,
   header,
   onEndReached,
-  submitBtnLabel
+  submitBtnLabel,
+  value
 }) {
   // const [isOpenSelect, setIsOpenSelect] = useState<boolean | undefined>(false);
   const [selected, setSelected] = useState();
@@ -66,6 +67,11 @@ export default function Select({
       onSearch?.(val);
     }, delaySearch);
   };
+  useEffect(() => {
+    if (value !== undefined) {
+      setSelected(value);
+    }
+  }, [value]);
   return /*#__PURE__*/_jsx(BottomSheet, {
     onClose: val => handleOnCloseBottom(val),
     isOpen: isOpen,
@@ -91,45 +97,51 @@ export default function Select({
             onChangeText: val => handleOnSearch(val)
           })
         })
-      }), loading ? /*#__PURE__*/_jsx(Loading, {}) : /*#__PURE__*/_jsx(Chip, {
-        options: data,
-        direction: "vertical",
-        scrollable: true,
-        selected: selected,
-        multiple: multiple,
-        onEndReached: onEndReached,
-        color: "primary",
-        size: "large",
-        renderItem: renderItem,
-        onRefresh: onRefresh,
-        block: true,
-        refreshing: refreshing,
-        footer: footer,
-        header: header,
-        onSelect: item => {
-          setSelected(item);
-          if (!multiple && required) {
-            onSubmit?.(item);
-            handleOnCloseBottom(false);
-          } else if (!multiple && !required) {
-            const isSame = Array.isArray(item) && Array.isArray(selected) ? item[0] === selected?.[0] : item === selected;
-            const nextValue = !multiple && !required && isSame ? [] : item;
-            setSelected(nextValue);
-            onSubmit?.(nextValue);
-            handleOnCloseBottom(false);
+      }), loading ? /*#__PURE__*/_jsx(Loading, {}) : /*#__PURE__*/_jsx(View, {
+        style: styles.containerChip,
+        children: /*#__PURE__*/_jsx(Chip, {
+          options: data,
+          direction: "vertical",
+          scrollable: true,
+          selected: selected,
+          multiple: multiple,
+          onEndReached: onEndReached,
+          color: "primary",
+          size: "large",
+          renderItem: renderItem,
+          onRefresh: onRefresh,
+          block: true,
+          refreshing: refreshing,
+          footer: footer,
+          header: header,
+          onSelect: item => {
+            setSelected(item);
+            if (!multiple && required) {
+              onSubmit?.(item);
+              handleOnCloseBottom(false);
+            } else if (!multiple && !required) {
+              const isSame = Array.isArray(item) && Array.isArray(selected) ? item[0] === selected?.[0] : item === selected;
+              const nextValue = !multiple && !required && isSame ? [] : item;
+              setSelected(nextValue);
+              onSubmit?.(nextValue);
+              handleOnCloseBottom(false);
+            }
           }
-        }
+        })
       })]
     })
   });
 }
 const styles = StyleSheet.create({
   container: {
-    marginBottom: 140
+    marginBottom: 195
   },
   containerSearch: {
     gap: 14,
     paddingBottom: 12
+  },
+  containerChip: {
+    paddingBottom: 12
   }
 });
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","Keyboard","StyleSheet","TouchableWithoutFeedback","View","BottomSheet","Button","Chip","Input","Loading","useToast","useRef","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","footer","header","onEndReached","submitBtnLabel","selected","setSelected","searchQuery","setSearchQuery","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","searchTimeout","handleOnSearch","current","clearTimeout","setTimeout","title","color","disabled","onPress","undefined","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","value","onChangeText","options","direction","scrollable","size","block","onSelect","item","isSame","Array","isArray","nextValue","create","marginBottom","gap","paddingBottom"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","useEffect","Keyboard","StyleSheet","TouchableWithoutFeedback","View","BottomSheet","Button","Chip","Input","Loading","useToast","useRef","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","footer","header","onEndReached","submitBtnLabel","value","selected","setSelected","searchQuery","setSearchQuery","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","searchTimeout","handleOnSearch","current","clearTimeout","setTimeout","undefined","title","color","disabled","onPress","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","onChangeText","containerChip","options","direction","scrollable","size","block","onSelect","item","isSame","Array","isArray","nextValue","create","marginBottom","gap","paddingBottom"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AACxD,SACEC,QAAQ,EACRC,UAAU,EACVC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,IAAI,MAAM,iBAAc;AAE/B,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,OAAO,MAAM,uBAAoB;AACxC,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAASC,MAAM,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAC/B,eAAe,SAASC,MAAMA,CAAC;EAC7BC,MAAM;EACNC,IAAI;EACJC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,WAAW,GAAG,GAAG;EACjBC,MAAM;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,MAAM;EACNC,YAAY;EACZC,cAAc;EACdC;AACW,CAAC,EAAE;EACd;EACA,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGrC,QAAQ,CAAoB,CAAC;EAC7D,MAAM,CAACsC,WAAW,EAAEC,cAAc,CAAC,GAAGvC,QAAQ,CAAS,CAAC;EACxD,MAAM;IAAEwC;EAAK,CAAC,GAAG7B,QAAQ,CAAC,CAAC;EAC3B;EACA;EACA;;EAEA,MAAM8B,mBAAmB,GAAG1C,WAAW,CACpC2C,GAAY,IAAK;IAChB,IAAIrB,OAAO,EAAE;MACXA,OAAO,GAAGqB,GAAG,CAAC;IAChB;EACF,CAAC,EACD,CAACrB,OAAO,CACV,CAAC;EAED,MAAMsB,wBAAwB,GAAGA,CAAA,KAAe;IAC9C,IAAIlB,QAAQ,KAAK,CAACW,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,KAAK,CAAC,CAAC,EAAE;MACpDJ,IAAI,CAAC,oBAAoB,CAAC;MAC1B,OAAO,KAAK;IACd;IACAlB,QAAQ,GAAGc,QAAQ,GAAGA,QAAQ,GAAG,EAAE,CAAC;IACpC,OAAO,IAAI;EACb,CAAC;EAED,MAAMS,aAAa,GAAGjC,MAAM,CAAwB,IAAI,CAAC;EAEzD,MAAMkC,cAAc,GAAIJ,GAAW,IAAK;IACtCH,cAAc,CAACG,GAAG,CAAC;;IAEnB;IACA,IAAIG,aAAa,CAACE,OAAO,EAAE;MACzBC,YAAY,CAACH,aAAa,CAACE,OAAO,CAAC;IACrC;;IAEA;IACAF,aAAa,CAACE,OAAO,GAAGE,UAAU,CAAC,MAAM;MACvCzB,QAAQ,GAAGkB,GAAG,CAAC;IACjB,CAAC,EAAEf,WAAW,CAAC;EACjB,CAAC;EAED1B,SAAS,CAAC,MAAM;IACd,IAAIkC,KAAK,KAAKe,SAAS,EAAE;MACvBb,WAAW,CAACF,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACErB,IAAA,CAACR,WAAW;IACVe,OAAO,EAAGqB,GAAY,IAAKD,mBAAmB,CAACC,GAAG,CAAE;IACpDxB,MAAM,EAAEA,MAAO;IACfU,MAAM,EAAEA,MAAO;IACfG,MAAM,EACJR,QAAQ,gBACNT,IAAA,CAACP,MAAM;MACL4C,KAAK,EAAEjB,cAAc,IAAI,WAAY;MACrCkB,KAAK,EAAC,SAAS;MACfC,QAAQ,EAAE,CAAC,CAACjB,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,KAAK,CAAC,KAAKnB,QAAS;MAC3D6B,OAAO,EAAEX;IAAyB,CACnC,CAAC,GACAO,SACL;IAAAK,QAAA,eAEDvC,KAAA,CAACX,IAAI;MAACmD,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BzC,IAAA,CAACT,IAAI;QAACmD,KAAK,EAAEC,MAAM,CAACE,eAAgB;QAAAJ,QAAA,eAClCzC,IAAA,CAACV,wBAAwB;UACvBkD,OAAO,EAAEpD,QAAQ,CAAC0D,OAAQ;UAC1BC,UAAU,EAAE,KAAM;UAAAN,QAAA,eAElBzC,IAAA,CAACL,KAAK;YACJqD,cAAc,EAAC,QAAQ;YACvBC,IAAI,EAAC,QAAQ;YACbC,WAAW,EAAC,QAAQ;YACpB7B,KAAK,EAAEG,WAAY;YACnB2B,YAAY,EAAGvB,GAAG,IAAKI,cAAc,CAACJ,GAAG;UAAE,CAC5C;QAAC,CACsB;MAAC,CACvB,CAAC,EACNhB,OAAO,gBACNZ,IAAA,CAACJ,OAAO,IAAE,CAAC,gBAEXI,IAAA,CAACT,IAAI;QAACmD,KAAK,EAAEC,MAAM,CAACS,aAAc;QAAAX,QAAA,eAChCzC,IAAA,CAACN,IAAI;UACH2D,OAAO,EAAEhD,IAAK;UACdiD,SAAS,EAAC,UAAU;UACpBC,UAAU,EAAE,IAAK;UACjBjC,QAAQ,EAAEA,QAAS;UACnBb,QAAQ,EAAEA,QAAS;UACnBU,YAAY,EAAEA,YAAa;UAC3BmB,KAAK,EAAC,SAAS;UACfkB,IAAI,EAAC,OAAO;UACZlD,UAAU,EAAEA,UAAW;UACvBS,SAAS,EAAEA,SAAU;UACrB0C,KAAK;UACLzC,UAAU,EAAEA,UAAW;UACvBC,MAAM,EAAEA,MAAO;UACfC,MAAM,EAAEA,MAAO;UACfwC,QAAQ,EAAGC,IAAI,IAAK;YAClBpC,WAAW,CAACoC,IAAI,CAAC;YACjB,IAAI,CAAClD,QAAQ,IAAIE,QAAQ,EAAE;cACzBH,QAAQ,GAAGmD,IAAI,CAAC;cAChBhC,mBAAmB,CAAC,KAAK,CAAC;YAC5B,CAAC,MAAM,IAAI,CAAClB,QAAQ,IAAI,CAACE,QAAQ,EAAE;cACjC,MAAMiD,MAAM,GACVC,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,IAAIE,KAAK,CAACC,OAAO,CAACxC,QAAQ,CAAC,GAC1CqC,IAAI,CAAC,CAAC,CAAC,KAAKrC,QAAQ,GAAG,CAAC,CAAC,GACzBqC,IAAI,KAAKrC,QAAQ;cAEvB,MAAMyC,SAAS,GACb,CAACtD,QAAQ,IAAI,CAACE,QAAQ,IAAIiD,MAAM,GAAG,EAAE,GAAGD,IAAI;cAE9CpC,WAAW,CAACwC,SAAS,CAAC;cACtBvD,QAAQ,GAAGuD,SAAS,CAAC;cACrBpC,mBAAmB,CAAC,KAAK,CAAC;YAC5B;UACF;QAAE,CACH;MAAC,CACE,CACP;IAAA,CACG;EAAC,CACI,CAAC;AAElB;AAEA,MAAMgB,MAAM,GAAGtD,UAAU,CAAC2E,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,YAAY,EAAE;EAChB,CAAC;EACDpB,eAAe,EAAE;IACfqB,GAAG,EAAE,EAAE;IACPC,aAAa,EAAE;EACjB,CAAC;EACDf,aAAa,EAAE;IACbe,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Skeleton/README.md

@@ -0,0 +1,79 @@
+# 🦴 Skeleton Loader Component
+
+Komponen `Skeleton` adalah placeholder UI yang menampilkan efek shimmer animasi, berguna untuk memberikan feedback loading saat data belum tersedia.
+
+---
+
+## 📦 Props
+
+| Prop              | Tipe             | Default                      | Deskripsi                                                                          |
+| ----------------- | ---------------- | ---------------------------- | ---------------------------------------------------------------------------------- |
+| `width`           | `DimensionValue` | `"100%"`                     | Lebar dari skeleton block. Bisa berupa angka atau string (`'100%'`, `'50%'`, dsb). |
+| `height`          | `DimensionValue` | `50`                         | Tinggi dari skeleton block.                                                        |
+| `rounded`         | `number`         | `8`                          | Radius border untuk membuat sudut membulat.                                        |
+| `backgroundColor` | `string`         | `"#F0F0F0"`                  | Warna latar belakang dari blok skeleton.                                           |
+| `shimmerColor`    | `string`         | `"rgba(255, 255, 255, 0.7)"` | Warna efek shimmer yang bergerak.                                                  |
+| `duration`        | `number`         | `1500`                       | Durasi animasi shimmer (dalam milidetik).                                          |
+
+---
+
+## 🧠 Cara Kerja
+
+- Komponen menggunakan `Animated.Value` untuk menggerakkan efek shimmer dari kiri ke kanan secara loop.
+- Lebar shimmer dihitung berdasarkan lebar aktual komponen yang didapat dari event `onLayout`.
+- Shimmer bergerak dengan `translateX` menggunakan `interpolate()` untuk efek linear mulus.
+
+---
+
+## 📌 Contoh Penggunaan
+
+```tsx
+import React from 'react';
+import { View } from 'react-native';
+import Skeleton from './components/Skeleton';
+
+const MyLoadingScreen = () => {
+  return (
+    <View style={{ padding: 16 }}>
+      <Skeleton height={20} width="60%" />
+      <View style={{ height: 16 }} />
+      <Skeleton height={20} width="80%" />
+      <View style={{ height: 16 }} />
+      <Skeleton height={100} width="100%" rounded={12} />
+    </View>
+  );
+};
+```
+
+---
+
+## 🧱 Struktur Rendered
+
+```tsx
+<View>
+  {' '}
+  // container
+  <Animated.View /> // shimmer yang bergerak horizontal
+</View>
+```
+
+---
+
+## ⚠️ Catatan
+
+- Komponen ini **tidak menerima children**, hanya untuk placeholder visual.
+- Efek shimmer akan selalu berjalan secara loop selama komponen hidup.
+- Perhatikan performa jika digunakan secara masif di satu halaman.
+
+---
+
+## 🛠 Tips
+
+- Gunakan `Skeleton` dalam daftar (list, table, card) untuk meningkatkan UX saat loading.
+- Dapat digabungkan dengan kondisi seperti:
+
+```tsx
+{
+  isLoading ? <Skeleton height={50} /> : <ActualComponent data={data} />;
+}
+```

package/lib/module/Skeleton/Skeleton.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Skeleton = ({
+  width = '100%',
+  height = 50,
+  rounded = 8,
+  backgroundColor = '#F0F0F0',
+  shimmerColor = 'rgba(255, 255, 255, 0.7)',
+  duration = 1500
+}) => {
+  const shimmerAnimation = useRef(new Animated.Value(0)).current;
+  const skeletonWidth = useRef(0);
+  const handleLayout = event => {
+    skeletonWidth.current = event.nativeEvent.layout.width;
+  };
+  useEffect(() => {
+    const animateShimmer = () => {
+      Animated.loop(Animated.sequence([Animated.timing(shimmerAnimation, {
+        toValue: 1,
+        duration: duration,
+        easing: Easing.linear,
+        useNativeDriver: true
+      }), Animated.timing(shimmerAnimation, {
+        toValue: 0,
+        duration: 0,
+        useNativeDriver: true
+      })])).start();
+    };
+    animateShimmer();
+    return () => {
+      shimmerAnimation.stopAnimation();
+    };
+  }, [shimmerAnimation, duration]);
+  const shimmerTranslate = shimmerAnimation.interpolate({
+    inputRange: [0, 1],
+    // Gunakan lebar skeleton untuk perhitungan yang presisi
+    outputRange: [-200, skeletonWidth.current + 200]
+  });
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: handleLayout,
+    style: [styles.skeletonCard, {
+      width,
+      height,
+      backgroundColor,
+      borderRadius: rounded
+    }],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.shimmer, {
+        backgroundColor: shimmerColor,
+        transform: [{
+          translateX: shimmerTranslate
+        }],
+        borderRadius: rounded
+      }]
+    })
+  });
+};
+export default Skeleton;
+const styles = StyleSheet.create({
+  skeletonCard: {
+    overflow: 'hidden'
+  },
+  shimmer: {
+    ...StyleSheet.absoluteFillObject,
+    width: '90%',
+    height: '100%',
+    opacity: 0.3
+  }
+});
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","StyleSheet","View","jsx","_jsx","Skeleton","width","height","rounded","backgroundColor","shimmerColor","duration","shimmerAnimation","Value","current","skeletonWidth","handleLayout","event","nativeEvent","layout","animateShimmer","loop","sequence","timing","toValue","easing","linear","useNativeDriver","start","stopAnimation","shimmerTranslate","interpolate","inputRange","outputRange","onLayout","style","styles","skeletonCard","borderRadius","children","shimmer","transform","translateX","create","overflow","absoluteFillObject","opacity"],"sourceRoot":"../../../src","sources":["Skeleton/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,IAAI,QAIC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK,GAAG,MAAM;EACdC,MAAM,GAAG,EAAE;EACXC,OAAO,GAAG,CAAC;EACXC,eAAe,GAAG,SAAS;EAC3BC,YAAY,GAAG,0BAA0B;EACzCC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGd,MAAM,CAAC,IAAIC,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC9D,MAAMC,aAAa,GAAGjB,MAAM,CAAC,CAAC,CAAC;EAE/B,MAAMkB,YAAY,GAAIC,KAAwB,IAAK;IACjDF,aAAa,CAACD,OAAO,GAAGG,KAAK,CAACC,WAAW,CAACC,MAAM,CAACb,KAAK;EACxD,CAAC;EAEDT,SAAS,CAAC,MAAM;IACd,MAAMuB,cAAc,GAAGA,CAAA,KAAM;MAC3BrB,QAAQ,CAACsB,IAAI,CACXtB,QAAQ,CAACuB,QAAQ,CAAC,CAChBvB,QAAQ,CAACwB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVb,QAAQ,EAAEA,QAAQ;QAClBc,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;QACrBC,eAAe,EAAE;MACnB,CAAC,CAAC,EACF5B,QAAQ,CAACwB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVb,QAAQ,EAAE,CAAC;QACXgB,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;IACX,CAAC;IAEDR,cAAc,CAAC,CAAC;IAEhB,OAAO,MAAM;MACXR,gBAAgB,CAACiB,aAAa,CAAC,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACjB,gBAAgB,EAAED,QAAQ,CAAC,CAAC;EAEhC,MAAMmB,gBAAgB,GAAGlB,gBAAgB,CAACmB,WAAW,CAAC;IACpDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClB;IACAC,WAAW,EAAE,CAAC,CAAC,GAAG,EAAElB,aAAa,CAACD,OAAO,GAAG,GAAG;EACjD,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACF,IAAI;IACHgC,QAAQ,EAAElB,YAAa;IACvBmB,KAAK,EAAE,CACLC,MAAM,CAACC,YAAY,EACnB;MACE/B,KAAK;MACLC,MAAM;MACNE,eAAe;MACf6B,YAAY,EAAE9B;IAChB,CAAC,CACD;IAAA+B,QAAA,eAEFnC,IAAA,CAACL,QAAQ,CAACG,IAAI;MACZiC,KAAK,EAAE,CACLC,MAAM,CAACI,OAAO,EACd;QACE/B,eAAe,EAAEC,YAAY;QAC7B+B,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEZ;QAAiB,CAAC,CAAC;QAC7CQ,YAAY,EAAE9B;MAChB,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeH,QAAQ;AAEvB,MAAM+B,MAAM,GAAGnC,UAAU,CAAC0C,MAAM,CAAC;EAC/BN,YAAY,EAAE;IACZO,QAAQ,EAAE;EACZ,CAAC;EACDJ,OAAO,EAAE;IACP,GAAGvC,UAAU,CAAC4C,kBAAkB;IAChCvC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACduC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Skeleton/type.js

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

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

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

package/lib/module/index.js

@@ -18,6 +18,7 @@ export { default as Gap } from "./Ui/Gap.js";
 export { default as Grid } from "./Ui/Grid.js";
 export { default as Col } from "./Ui/Col.js";
 export { default as Chip } from "./Chip/Chip.js";
+export { default as ChipItem } from "./Chip/ChipItem.js";
 export { default as Footer } from "./Ui/Footer.js";
 export { default as Devider } from "./Ui/Devider.js";
 export { default as Select } from "./Select/Select.js";
@@ -60,4 +61,6 @@ export { default as TextArea } from "./Input/TextArea.js";
 export { default as TextEditor } from "./TextEditor/TextEditor.js";
 // export { default as PdfView } from './FileView/PdfView';
 export { ToastProvider, useToast } from "./Toast/ToastContext.js";
+export { default as Skeleton } from "./Skeleton/Skeleton.js";
+export { default as CounterButton } from "./CounterButton/CounterButton.js";
 //# sourceMappingURL=index.js.map