@herca/rn-kit 0.1.0

package/lib/module/Calendar/Calendar.js

@@ -0,0 +1,356 @@
+"use strict";
+
+import { useState } from 'react';
+import { View, StyleSheet, TouchableOpacity, Pressable } from 'react-native';
+import Color from "../Color/Color.js";
+import Icon from "../Icon/index.js";
+import Typography from "../Typography/Typography.js";
+import Dropdown from "../DropDown/DropDown.js";
+import { generateMonthOptions, generateYearOptions } from "../DatePicker/helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const DEFAULT_SELECTED_BACKGROUND_COLOR = Color.primary[1000];
+const DEFAULT_SELECTED_TEXT_COLOR = Color.base.white100;
+const DEFAULT_DISABLED_BACKGROUND_COLOR = Color.base.white100;
+const DEFAULT_DISABLED_TEXT_COLOR = Color.gray[400];
+const Calendar = ({
+  markedDates = {},
+  disabledDays,
+  minDate = null,
+  maxDate = null,
+  mode = 'single',
+  onChange,
+  selectedBackgroundColor = DEFAULT_SELECTED_BACKGROUND_COLOR,
+  selectedTextColor = DEFAULT_SELECTED_TEXT_COLOR,
+  disabledBackgroundColor = DEFAULT_DISABLED_BACKGROUND_COLOR,
+  disabledTextColor = DEFAULT_DISABLED_TEXT_COLOR,
+  dayName = DAYS
+}) => {
+  const [currentDate, setCurrentDate] = useState(new Date());
+  const [startDate, setStartDate] = useState(null);
+  const [endDate, setEndDate] = useState(null);
+  const getDaysInMonth = (month, year) => new Date(year, month + 1, 0).getDate();
+  const formatDateKey = date => {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  };
+  const generateCalendarMatrix = () => {
+    const matrix = [];
+    const year = currentDate.getFullYear();
+    const month = currentDate.getMonth();
+    const firstDay = new Date(year, month, 1).getDay();
+    const maxDays = getDaysInMonth(month, year);
+    const prevMonth = month === 0 ? 11 : month - 1;
+    const prevYear = month === 0 ? year - 1 : year;
+    const prevMonthDays = getDaysInMonth(prevMonth, prevYear);
+    let row = [];
+
+    // prev month
+    for (let i = 0; i < firstDay; i++) {
+      const day = prevMonthDays - firstDay + i + 1;
+      row.push({
+        date: new Date(prevYear, prevMonth, day),
+        from: 'prev'
+      });
+    }
+
+    // current month
+    for (let day = 1; day <= maxDays; day++) {
+      row.push({
+        date: new Date(year, month, day),
+        from: 'current'
+      });
+      if (row.length === 7) {
+        matrix.push(row);
+        row = [];
+      }
+    }
+
+    // next month
+    let nextDay = 1;
+    const nextMonth = month === 11 ? 0 : month + 1;
+    const nextYear = month === 11 ? year + 1 : year;
+    if (row.length > 0) {
+      while (row.length < 7) {
+        row.push({
+          date: new Date(nextYear, nextMonth, nextDay),
+          from: 'next'
+        });
+        nextDay++;
+      }
+      matrix.push(row);
+    }
+    return matrix;
+  };
+  const normalizeDate = date => {
+    const d = new Date(date);
+    d.setHours(0, 0, 0, 0);
+    return d;
+  };
+  const goToNextMonth = () => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(newDate.getMonth() + 1);
+    setCurrentDate(newDate);
+  };
+  const goToPrevMonth = () => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(newDate.getMonth() - 1);
+    setCurrentDate(newDate);
+  };
+  const handleOnSelectYearDropdown = value => {
+    const newDate = new Date(currentDate);
+    newDate.setFullYear(Number(value));
+    setCurrentDate(newDate);
+  };
+  const handleOnSelectMonthDropdown = value => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(value);
+    setCurrentDate(newDate);
+  };
+  const isWeekDay = day => day >= 0 && day <= 6;
+  const isDisabledDate = date => {
+    const dayOfWeek = date.getDay();
+    if (isWeekDay(dayOfWeek) && disabledDays?.[dayOfWeek]) return true;
+    if (minDate && date < minDate) return true;
+    if (maxDate && date > maxDate) return true;
+    return false;
+  };
+  const isSameDate = (a, b) => !!a && a.getTime() === b.getTime();
+  const isDateInRange = date => startDate && endDate && date >= startDate && date <= endDate;
+  const isMarkDisableDate = mark => !!mark?.disabled;
+  const setBackgroundDay = (date, keyWeek) => {
+    const key = formatDateKey(date);
+    const mark = markedDates[key];
+    const inRange = isDateInRange(date);
+    const isStart = isSameDate(startDate, date);
+    const isEnd = isSameDate(endDate, date);
+    if (disabledDays && disabledDays[keyWeek]) {
+      return typeof disabledDays[keyWeek] === 'object' && disabledDays[keyWeek].hasOwnProperty('backgroundColor') ? disabledDays[keyWeek].backgroundColor : disabledBackgroundColor;
+    }
+    if (isDisabledDate(date)) return disabledBackgroundColor;
+    if (mode === 'single' && isStart || mode === 'range' && (isStart || isEnd)) {
+      return selectedBackgroundColor;
+    }
+    if (mark?.selected) return mark.backgroundColor || selectedBackgroundColor;
+    if (inRange) return Color.primary[50];
+    return 'white';
+  };
+  const setTextColor = (date, keyWeek) => {
+    const key = formatDateKey(date);
+    const mark = markedDates[key];
+    const isStart = isSameDate(startDate, date);
+    const isEnd = isSameDate(endDate, date);
+    if (disabledDays && disabledDays[keyWeek]) {
+      return typeof disabledDays[keyWeek] === 'object' && disabledDays[keyWeek].hasOwnProperty('textColor') ? disabledDays[keyWeek].textColor : disabledTextColor;
+    }
+    if (isDisabledDate(date)) return disabledTextColor;
+    if (mode === 'single' && isStart || mode === 'range' && (isStart || isEnd)) {
+      return selectedTextColor;
+    }
+    if (mark?.selected) return mark?.textColor || selectedTextColor;
+    return Color.gray[600];
+  };
+  const handlePressDay = date => {
+    const selected = normalizeDate(date);
+    if (mode === 'single') {
+      setStartDate(selected);
+      setEndDate(null);
+      onChange?.({
+        date: selected
+      });
+    } else {
+      if (!startDate || startDate && endDate) {
+        setStartDate(selected);
+        setEndDate(null);
+        onChange?.({
+          startDate: selected,
+          endDate: null
+        });
+      } else if (selected >= startDate) {
+        setEndDate(selected);
+        onChange?.({
+          startDate,
+          endDate: selected
+        });
+      } else {
+        setStartDate(selected);
+        setEndDate(null);
+        onChange?.({
+          startDate: selected,
+          endDate: null
+        });
+      }
+    }
+  };
+  const calendarMatrix = generateCalendarMatrix();
+  const year = currentDate.getFullYear();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.buttonNav,
+        onPress: goToPrevMonth,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "ArrowLeft",
+          color: Color.base.white100,
+          size: 10
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(Dropdown, {
+          options: generateMonthOptions(),
+          onSelect: handleOnSelectMonthDropdown,
+          renderButton: /*#__PURE__*/_jsxs(View, {
+            style: styles.containerDropDown,
+            children: [/*#__PURE__*/_jsx(Icon, {
+              name: "ArrowDown",
+              size: 10
+            }), /*#__PURE__*/_jsx(Typography, {
+              variant: "t1",
+              weight: "semibold",
+              color: Color.gray[900],
+              children: currentDate.toLocaleString('default', {
+                month: 'long'
+              })
+            })]
+          }),
+          maxHeight: 300
+        }), /*#__PURE__*/_jsx(Dropdown, {
+          options: generateYearOptions(2010, 2050, 0, 50),
+          onSelect: handleOnSelectYearDropdown,
+          renderButton: /*#__PURE__*/_jsxs(View, {
+            style: styles.containerDropDown,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              variant: "t1",
+              weight: "semibold",
+              color: Color.gray[900],
+              children: year
+            }), /*#__PURE__*/_jsx(Icon, {
+              name: "ArrowDown",
+              size: 10
+            })]
+          }),
+          maxHeight: 200
+        })]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.buttonNav,
+        onPress: goToNextMonth,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "ArrowRight",
+          color: Color.base.white100,
+          size: 10
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.weekRow,
+      children: dayName.map((day, index) => /*#__PURE__*/_jsx(Typography, {
+        weight: "medium",
+        variant: "t2",
+        center: true,
+        color: Color.gray[600],
+        style: {
+          width: 32,
+          textAlign: 'center'
+        },
+        children: day
+      }, index))
+    }), calendarMatrix.map((week, rowIndex) => /*#__PURE__*/_jsx(View, {
+      style: styles.weekRow,
+      children: week.map((cell, colIndex) => {
+        const date = cell.date;
+        const day = date.getDate();
+        const key = formatDateKey(date);
+        const mark = markedDates[key];
+        const disabled = isMarkDisableDate(mark) || isDisabledDate(date);
+        const backgroundColor = setBackgroundDay(date, colIndex);
+        const textColor = setTextColor(date, colIndex);
+        return /*#__PURE__*/_jsxs(Pressable, {
+          disabled: disabled,
+          onPress: () => handlePressDay(date),
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.dayCell, {
+              backgroundColor
+            }],
+            children: /*#__PURE__*/_jsx(Typography, {
+              variant: "t2",
+              weight: "medium",
+              color: textColor,
+              children: day
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.baseDot,
+            children: mark?.dots && Array.isArray(mark.dots) && /*#__PURE__*/_jsx(View, {
+              style: styles.dotsContainer,
+              children: mark.dots.map((dot, index) => {
+                const dotColor = mark.selected && dot || dot || 'red';
+                return /*#__PURE__*/_jsx(View, {
+                  style: [styles.dot, {
+                    backgroundColor: dotColor
+                  }]
+                }, index);
+              })
+            })
+          })]
+        }, key);
+      })
+    }, rowIndex))]
+  });
+};
+const styles = StyleSheet.create({
+  container: {},
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10,
+    height: 56,
+    gap: 8
+  },
+  weekRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 4
+  },
+  dayCell: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 32,
+    width: 32,
+    borderRadius: 50,
+    margin: 1
+  },
+  buttonNav: {
+    backgroundColor: Color.gray[500],
+    borderRadius: 8,
+    padding: 8
+  },
+  baseDot: {
+    height: 10,
+    marginBottom: 5
+  },
+  dotsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 2
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    marginHorizontal: 1
+  },
+  containerDropDown: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
+  }
+});
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/lib/module/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","StyleSheet","TouchableOpacity","Pressable","Color","Icon","Typography","Dropdown","generateMonthOptions","generateYearOptions","jsx","_jsx","jsxs","_jsxs","DAYS","DEFAULT_SELECTED_BACKGROUND_COLOR","primary","DEFAULT_SELECTED_TEXT_COLOR","base","white100","DEFAULT_DISABLED_BACKGROUND_COLOR","DEFAULT_DISABLED_TEXT_COLOR","gray","Calendar","markedDates","disabledDays","minDate","maxDate","mode","onChange","selectedBackgroundColor","selectedTextColor","disabledBackgroundColor","disabledTextColor","dayName","currentDate","setCurrentDate","Date","startDate","setStartDate","endDate","setEndDate","getDaysInMonth","month","year","getDate","formatDateKey","date","getFullYear","String","getMonth","padStart","day","generateCalendarMatrix","matrix","firstDay","getDay","maxDays","prevMonth","prevYear","prevMonthDays","row","i","push","from","length","nextDay","nextMonth","nextYear","normalizeDate","d","setHours","goToNextMonth","newDate","setMonth","goToPrevMonth","handleOnSelectYearDropdown","value","setFullYear","Number","handleOnSelectMonthDropdown","isWeekDay","isDisabledDate","dayOfWeek","isSameDate","a","b","getTime","isDateInRange","isMarkDisableDate","mark","disabled","setBackgroundDay","keyWeek","key","inRange","isStart","isEnd","hasOwnProperty","backgroundColor","selected","setTextColor","textColor","handlePressDay","calendarMatrix","style","styles","container","children","header","buttonNav","onPress","name","color","size","flexDirection","alignItems","gap","options","onSelect","renderButton","containerDropDown","variant","weight","toLocaleString","maxHeight","weekRow","map","index","center","width","textAlign","week","rowIndex","cell","colIndex","dayCell","baseDot","dots","Array","isArray","dotsContainer","dot","dotColor","create","justifyContent","marginBottom","height","borderRadius","margin","padding","marginTop","marginHorizontal"],"sourceRoot":"../../../src","sources":["Calendar/Calendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Calendar/CalendarPropsType.js

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

package/lib/module/Calendar/CalendarPropsType.js.map

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

package/lib/module/Calendar/README.md

@@ -0,0 +1,73 @@
+# 📆 Komponen Kalender Kustom (React Native)
+
+Komponen kalender ini dibuat menggunakan React Native dan memungkinkan pengguna untuk memilih tanggal tunggal maupun rentang tanggal, serta mendukung fitur penandaan dan pembatasan tanggal.
+
+---
+
+## 🚀 Fitur Utama
+
+- Tampilan kalender bulanan
+- Pilihan mode: tanggal tunggal (`single`) atau rentang tanggal (`range`)
+- Menandai tanggal dengan warna atau indikator
+- Menonaktifkan tanggal tertentu atau hari-hari tertentu (misalnya hanya aktif Senin–Jumat)
+- Navigasi antar bulan
+- Batas minimum dan maksimum tanggal yang bisa dipilih
+
+---
+
+## 🧩 Props (Properti)
+
+| Prop                      | Tipe Data                              | Nilai Contoh / Opsi                                   | Keterangan                                                |
+| ------------------------- | -------------------------------------- | ----------------------------------------------------- | --------------------------------------------------------- |
+| `mode`                    | `'single'` \| `'range'`                | `'single'` (default), `'range'`                       | Menentukan apakah memilih 1 tanggal atau rentang tanggal  |
+| `markedDates`             | `object`                               | `{ '2025-06-10': { marked: true, dotColor: 'red' } }` | Untuk menandai tanggal tertentu                           |
+| `disabledDates`           | `string[]`                             | `['2025-06-10', '2025-06-11']`                        | Tanggal yang tidak bisa dipilih                           |
+| `disabledDays`            | `{ [key: number]: boolean }`           | `{ 0: true, 6: true }`                                | Menonaktifkan hari dalam seminggu (0 = Minggu, 6 = Sabtu) |
+| `minDate`                 | `Date`                                 | `new Date(2025, 5, 1)`                                | Tanggal paling awal yang bisa dipilih                     |
+| `maxDate`                 | `Date`                                 | `new Date(2025, 5, 30)`                               | Tanggal paling akhir yang bisa dipilih                    |
+| `onChange`                | `(date: Date \| [Date, Date]) => void` | —                                                     | Fungsi callback saat tanggal dipilih                      |
+| `selectedBackgroundColor` | `string` (CSS color)                   | `'#0f62fe'`                                           | Warna latar belakang tanggal yang dipilih                 |
+| `selectedTextColor`       | `string` (CSS color)                   | `'#ffffff'`                                           | Warna teks pada tanggal yang dipilih                      |
+
+
+---
+
+## 📦 Instalasi
+
+Komponen ini bersifat kustom dan belum tersedia sebagai package npm. Salin file `Calendar.tsx` ke dalam proyek React Native-mu.
+
+### Kebutuhan:
+- React Native
+- TypeScript (opsional, tapi direkomendasikan)
+- `dayjs` sebagai pengganti `moment.js` jika diperlukan
+
+---
+
+## 🧠 Contoh Penggunaan
+
+```tsx
+import React from 'react';
+import Calendar from './Calendar';
+
+export default function App() {
+  const handleDateChange = (date: Date | [Date, Date]) => {
+    console.log('Tanggal dipilih:', date);
+  };
+
+  return (
+    <Calendar
+      mode="range"
+      markedDates={{
+        '2025-06-10': { selected: true },
+        '2025-06-11': { marked: true, dotColor: 'red' },
+      }}
+      disabledDates={['2025-06-15']}
+      disabledDays={{ 0: true, 6: true }} // Nonaktifkan Minggu dan Sabtu
+      minDate={new Date(2025, 5, 1)} // 1 Juni 2025
+      maxDate={new Date(2025, 5, 30)} // 30 Juni 2025
+      onChange={handleDateChange}
+      selectedBackgroundColor="#0f62fe"
+      selectedTextColor="#fff"
+    />
+  );
+}

package/lib/module/CheckBox/CheckBox.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { Pressable, View, Text, StyleSheet } from 'react-native';
+import { Color, Icon } from '@herca/rn-kit'; // Pastikan Icon sudah tersedia
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CheckBox = ({
+  checked = false,
+  onChange,
+  label,
+  disabled = false,
+  renderLabel
+}) => {
+  const [value, setValue] = useState(false);
+  const handlePress = () => {
+    const newValue = !value;
+    setValue(newValue);
+    onChange?.(newValue);
+  };
+  useEffect(() => {
+    setValue(checked);
+  }, [checked]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: () => !disabled && handlePress(),
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.checkBox, value && styles.checked, disabled && styles.disabled],
+      children: value && /*#__PURE__*/_jsx(Icon, {
+        name: "Check",
+        size: 14,
+        color: Color.base.white100
+      })
+    }), label && /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }), renderLabel?.()]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  checkBox: {
+    width: 20,
+    height: 20,
+    borderWidth: 2,
+    borderColor: Color.gray[500],
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 4,
+    marginRight: 8
+  },
+  checked: {
+    backgroundColor: Color.primary[1000],
+    borderColor: Color.primary[1000]
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  label: {
+    fontSize: 14,
+    color: '#333'
+  }
+});
+export default CheckBox;
+//# sourceMappingURL=CheckBox.js.map

package/lib/module/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","Pressable","View","Text","StyleSheet","Color","Icon","jsx","_jsx","jsxs","_jsxs","CheckBox","checked","onChange","label","disabled","renderLabel","value","setValue","handlePress","newValue","onPress","style","styles","container","children","checkBox","name","size","color","base","white100","create","flexDirection","alignItems","width","height","borderWidth","borderColor","gray","justifyContent","borderRadius","marginRight","backgroundColor","primary","opacity","fontSize"],"sourceRoot":"../../../src","sources":["CheckBox/CheckBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,KAAK,EAAEC,IAAI,QAAQ,eAAe,CAAC,CAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU7C,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAElD,MAAMoB,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMC,QAAQ,GAAG,CAACH,KAAK;IACvBC,QAAQ,CAACE,QAAQ,CAAC;IAClBP,QAAQ,GAAGO,QAAQ,CAAC;EACtB,CAAC;EAEDpB,SAAS,CAAC,MAAM;IACdkB,QAAQ,CAACN,OAAO,CAAC;EACnB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEF,KAAA,CAACT,SAAS;IACRoB,OAAO,EAAEA,CAAA,KAAM,CAACN,QAAQ,IAAII,WAAW,CAAC,CAAE;IAC1CG,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAExBjB,IAAA,CAACN,IAAI;MACHoB,KAAK,EAAE,CACLC,MAAM,CAACG,QAAQ,EACfT,KAAK,IAAIM,MAAM,CAACX,OAAO,EACvBG,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,CAC3B;MAAAU,QAAA,EAEDR,KAAK,iBAAIT,IAAA,CAACF,IAAI;QAACqB,IAAI,EAAC,OAAO;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAExB,KAAK,CAACyB,IAAI,CAACC;MAAS,CAAE;IAAC,CACjE,CAAC,EACNjB,KAAK,iBAAIN,IAAA,CAACL,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACT,KAAM;MAAAW,QAAA,EAAEX;IAAK,CAAO,CAAC,EAClDE,WAAW,GAAG,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAAC4B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,QAAQ,EAAE;IACRS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjC,KAAK,CAACkC,IAAI,CAAC,GAAG,CAAC;IAC5BC,cAAc,EAAE,QAAQ;IACxBN,UAAU,EAAE,QAAQ;IACpBO,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACD9B,OAAO,EAAE;IACP+B,eAAe,EAAEtC,KAAK,CAACuC,OAAO,CAAC,IAAI,CAAC;IACpCN,WAAW,EAAEjC,KAAK,CAACuC,OAAO,CAAC,IAAI;EACjC,CAAC;EACD7B,QAAQ,EAAE;IACR8B,OAAO,EAAE;EACX,CAAC;EACD/B,KAAK,EAAE;IACLgC,QAAQ,EAAE,EAAE;IACZjB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAelB,QAAQ","ignoreList":[]}

package/lib/module/CheckBox/CheckBoxList.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Typography, Color, CheckBox } from '@herca/rn-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+const CheckBoxList = ({
+  items,
+  selectedValues,
+  onChange,
+  direction = 'vertical'
+}) => {
+  const toggleValue = value => {
+    const newSelected = selectedValues.includes(value) ? selectedValues.filter(v => v !== value) : [...selectedValues, value];
+    onChange(newSelected);
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, direction === 'horizontal' && styles.horizontal],
+    children: items.map(item => /*#__PURE__*/_jsx(CheckBox, {
+      checked: selectedValues.includes(item.value),
+      onChange: () => toggleValue(item.value),
+      renderLabel: () => /*#__PURE__*/_jsx(Typography, {
+        variant: "t2",
+        weight: "medium",
+        color: Color.gray[800],
+        children: item.label
+      })
+    }, item.value))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    gap: 12
+  },
+  horizontal: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  }
+});
+export default CheckBoxList;
+//# sourceMappingURL=CheckBoxList.js.map

package/lib/module/CheckBox/CheckBoxList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Typography","Color","CheckBox","jsx","_jsx","CheckBoxList","items","selectedValues","onChange","direction","toggleValue","value","newSelected","includes","filter","v","style","styles","container","horizontal","children","map","item","checked","renderLabel","variant","weight","color","gray","label","create","gap","flexDirection","flexWrap"],"sourceRoot":"../../../src","sources":["CheckBox/CheckBoxList.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc5D,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAIC,KAAa,IAAK;IACrC,MAAMC,WAAW,GAAGL,cAAc,CAACM,QAAQ,CAACF,KAAK,CAAC,GAC9CJ,cAAc,CAACO,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,KAAK,CAAC,GACzC,CAAC,GAAGJ,cAAc,EAAEI,KAAK,CAAC;IAE9BH,QAAQ,CAACI,WAAW,CAAC;EACvB,CAAC;EAED,oBACER,IAAA,CAACN,IAAI;IACHkB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBT,SAAS,KAAK,YAAY,IAAIQ,MAAM,CAACE,UAAU,CAC/C;IAAAC,QAAA,EAEDd,KAAK,CAACe,GAAG,CAAEC,IAAI,iBACdlB,IAAA,CAACF,QAAQ;MAEPqB,OAAO,EAAEhB,cAAc,CAACM,QAAQ,CAACS,IAAI,CAACX,KAAK,CAAE;MAC7CH,QAAQ,EAAEA,CAAA,KAAME,WAAW,CAACY,IAAI,CAACX,KAAK,CAAE;MACxCa,WAAW,EAAEA,CAAA,kBACXpB,IAAA,CAACJ,UAAU;QAACyB,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,QAAQ;QAACC,KAAK,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;QAAAR,QAAA,EAC7DE,IAAI,CAACO;MAAK,CACD;IACZ,GAPGP,IAAI,CAACX,KAQX,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGlB,UAAU,CAAC+B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,GAAG,EAAE;EACP,CAAC;EACDZ,UAAU,EAAE;IACVa,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe5B,YAAY","ignoreList":[]}

package/lib/module/CheckBox/README_CHECKBOX.md

@@ -0,0 +1,46 @@
+# 📦 Komponen CheckBox
+
+Komponen `CheckBox` digunakan untuk menampilkan input kotak centang (checkbox) interaktif dalam aplikasi React Native Anda.
+
+---
+
+## ✅ Fitur Utama
+
+- Centang dan hilangkan centang (toggle)
+- Dukungan label teks atau komponen kustom
+- Dapat dinonaktifkan (`disabled`)
+- Dukungan ikon (dengan komponen `Icon`)
+
+---
+
+## 🚀 Cara Penggunaan
+
+```tsx
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import CheckBox from './CheckBox';
+
+export default function App() {
+  const [isChecked, setIsChecked] = useState(false);
+
+  return (
+    <View>
+      <CheckBox
+        checked={isChecked}
+        onChange={setIsChecked}
+        label="Saya menyetujui syarat dan ketentuan"
+      />
+    </View>
+  );
+}
+```
+
+##⚙️ Props
+
+| Prop          | Tipe                         | Deskripsi                                                    |                                                                |
+| ------------- | ---------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------- |
+| `checked`     | `boolean`                    | Status awal checkbox (centang atau tidak). Default: `false`. |                                                                |
+| `onChange`    | `(checked: boolean) => void` | Fungsi callback saat status checkbox berubah.                |                                                                |
+| `label`       | \`string \\                  | React.ReactNode\`                                            | Label teks atau komponen yang ditampilkan di samping checkbox. |
+| `disabled`    | `boolean`                    | Jika `true`, checkbox tidak bisa ditekan. Default: `false`.  |                                                                |
+| `renderLabel` | `() => React.ReactNode`      | Alternatif render untuk label kustom selain `label`.         |                                                                |