@herca/rn-kit 0.1.34 → 0.1.35

package/lib/module/Accordion/Accordion.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useState, useEffect } from 'react';
-import { TouchableOpacity, View } from 'react-native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import List from "../List/List.js";
 import ListItem from "../List/ListItem.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -9,7 +9,8 @@ export default function Accordion({
   children,
   renderHeader,
   isOpen,
-  onCollapse
+  onCollapse,
+  variant = 'default'
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const toggle = () => {
@@ -21,13 +22,21 @@ export default function Accordion({
   }, [isOpen]);
   return /*#__PURE__*/_jsx(View, {
     children: /*#__PURE__*/_jsxs(List, {
+      style: variant === 'borderless' ? styles.borderless : undefined,
       children: [renderHeader && /*#__PURE__*/_jsx(TouchableOpacity, {
         onPress: toggle,
         children: /*#__PURE__*/_jsx(ListItem, {
+          style: variant === 'borderless' ? styles.borderless : undefined,
           children: renderHeader
         })
       }), isExpanded && React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child) : child)]
     })
   });
 }
+const styles = StyleSheet.create({
+  borderless: {
+    borderWidth: 0,
+    borderBottomWidth: 0
+  }
+});
 //# sourceMappingURL=Accordion.js.map

package/lib/module/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","TouchableOpacity","View","List","ListItem","jsx","_jsx","jsxs","_jsxs","Accordion","children","renderHeader","isOpen","onCollapse","isExpanded","setIsExpanded","toggle","onPress","Children","map","child","isValidElement","cloneElement"],"sourceRoot":"../../../src","sources":["Accordion/Accordion.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,eAAe,SAASC,SAASA,CAAC;EAChCC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EAC5D,MAAMiB,MAAM,GAAGA,CAAA,KAAM;IACnBH,UAAU,GAAGC,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;IACvCC,aAAa,CAACD,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;EAC1C,CAAC;EAEDd,SAAS,CAAC,MAAM;IACde,aAAa,CAACH,MAAM,IAAI,KAAK,CAAC;EAChC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEN,IAAA,CAACJ,IAAI;IAAAQ,QAAA,eACHF,KAAA,CAACL,IAAI;MAAAO,QAAA,GACFC,YAAY,iBACXL,IAAA,CAACL,gBAAgB;QAACgB,OAAO,EAAED,MAAO;QAAAN,QAAA,eAChCJ,IAAA,CAACF,QAAQ;UAAAM,QAAA,EAAEC;QAAY,CAAW;MAAC,CACnB,CACnB,EACAG,UAAU,IACThB,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACT,QAAQ,EAAGU,KAAK,IACjC,aAAAtB,KAAK,CAACuB,cAAc,CAACD,KAAK,CAAC,gBAAGtB,KAAK,CAACwB,YAAY,CAACF,KAAK,CAAC,GAAGA,KAC5D,CAAC;IAAA,CACC;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","StyleSheet","TouchableOpacity","View","List","ListItem","jsx","_jsx","jsxs","_jsxs","Accordion","children","renderHeader","isOpen","onCollapse","variant","isExpanded","setIsExpanded","toggle","style","styles","borderless","undefined","onPress","Children","map","child","isValidElement","cloneElement","create","borderWidth","borderBottomWidth"],"sourceRoot":"../../../src","sources":["Accordion/Accordion.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACjE,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,eAAe,SAASC,SAASA,CAAC;EAChCC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,UAAU;EACVC,OAAO,GAAG;AACI,CAAC,EAAE;EACjB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGlB,QAAQ,CAAU,KAAK,CAAC;EAC5D,MAAMmB,MAAM,GAAGA,CAAA,KAAM;IACnBJ,UAAU,GAAGE,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;IACvCC,aAAa,CAACD,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;EAC1C,CAAC;EAEDhB,SAAS,CAAC,MAAM;IACdiB,aAAa,CAACJ,MAAM,IAAI,KAAK,CAAC;EAChC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEN,IAAA,CAACJ,IAAI;IAAAQ,QAAA,eACHF,KAAA,CAACL,IAAI;MAACe,KAAK,EAAEJ,OAAO,KAAK,YAAY,GAAGK,MAAM,CAACC,UAAU,GAAGC,SAAU;MAAAX,QAAA,GACnEC,YAAY,iBACXL,IAAA,CAACL,gBAAgB;QAACqB,OAAO,EAAEL,MAAO;QAAAP,QAAA,eAChCJ,IAAA,CAACF,QAAQ;UACPc,KAAK,EAAEJ,OAAO,KAAK,YAAY,GAAGK,MAAM,CAACC,UAAU,GAAGC,SAAU;UAAAX,QAAA,EAE/DC;QAAY,CACL;MAAC,CACK,CACnB,EACAI,UAAU,IACTlB,KAAK,CAAC0B,QAAQ,CAACC,GAAG,CAACd,QAAQ,EAAGe,KAAK,IACjC,aAAA5B,KAAK,CAAC6B,cAAc,CAACD,KAAK,CAAC,gBAAG5B,KAAK,CAAC8B,YAAY,CAACF,KAAK,CAAC,GAAGA,KAC5D,CAAC;IAAA,CACC;EAAC,CACH,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGnB,UAAU,CAAC4B,MAAM,CAAC;EAC/BR,UAAU,EAAE;IACVS,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Accordion/AccordionItem.js

@@ -7,6 +7,7 @@ export default function AccordionItem({
   index = 0
 }) {
   return /*#__PURE__*/_jsx(ListItem, {
+    isLast: true,
     children: children
   }, index);
 }

package/lib/module/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["ListItem","jsx","_jsx","AccordionItem","children","index"],"sourceRoot":"../../../src","sources":["Accordion/AccordionItem.tsx"],"mappings":";;AACA,OAAOA,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,eAAe,SAASC,aAAaA,CAAC;EACpCC,QAAQ;EACRC,KAAK,GAAG;AACU,CAAC,EAAE;EACrB,oBAAOH,IAAA,CAACF,QAAQ;IAAAI,QAAA,EAAcA;EAAQ,GAAhBC,KAA2B,CAAC;AACpD","ignoreList":[]}
+{"version":3,"names":["ListItem","jsx","_jsx","AccordionItem","children","index","isLast"],"sourceRoot":"../../../src","sources":["Accordion/AccordionItem.tsx"],"mappings":";;AACA,OAAOA,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,eAAe,SAASC,aAAaA,CAAC;EACpCC,QAAQ;EACRC,KAAK,GAAG;AACU,CAAC,EAAE;EACrB,oBACEH,IAAA,CAACF,QAAQ;IAAaM,MAAM;IAAAF,QAAA,EACzBA;EAAQ,GADIC,KAEL,CAAC;AAEf","ignoreList":[]}

package/lib/module/Accordion/README.md

@@ -15,7 +15,9 @@ import AccordionItem from '@herca/rn-kit/Accordion/AccordionItem';
 export default function FAQSection() {
   return (
     <Accordion
-      header={() => <Text style={{ fontWeight: 'bold' }}>Apa itu produk ini?</Text>}
+      header={() => (
+        <Text style={{ fontWeight: 'bold' }}>Apa itu produk ini?</Text>
+      )}
       isOpen={false}
       onCollapse={(isOpen) => console.log('Status:', isOpen)}
     >
@@ -28,25 +30,26 @@ export default function FAQSection() {
     </Accordion>
   );
 }
-
 ```
 
-
 ## Props
+
 ### Accordion
+
 | Props          | Tipe                        | Wajib | Default | Deskripsi                                                                       |
 | -------------- | --------------------------- | ----- | ------- | ------------------------------------------------------------------------------- |
-| `children`     | `ReactNode`                 | ✅     | -       | Isi Accordion, harus terdiri dari satu atau beberapa `AccordionItem`.           |
-| `renderHeader` | `ReactNode \| null`         | ❌     | `null`  | Komponen untuk menampilkan header. Biasanya berupa `Text` atau komponen kustom. |
-| `isOpen`       | `boolean`                   | ❌     | `true`  | Menentukan apakah Accordion terbuka saat pertama kali dirender.                 |
-| `onCollapse`   | `(isOpen: boolean) => void` | ❌     | -       | Callback saat status terbuka/tutup berubah.                                     |
+| `children`     | `ReactNode`                 | ✅    | -       | Isi Accordion, harus terdiri dari satu atau beberapa `AccordionItem`.           |
+| `renderHeader` | `ReactNode \| null`         | ❌    | `null`  | Komponen untuk menampilkan header. Biasanya berupa `Text` atau komponen kustom. |
+| `isOpen`       | `boolean`                   | ❌    | `true`  | Menentukan apakah Accordion terbuka saat pertama kali dirender.                 |
+| `onCollapse`   | `(isOpen: boolean) => void` | ❌    | -       | Callback saat status terbuka/tutup berubah.                                     |
+| `variant`      | `'default' \| 'borderless'` | ❌    | -       | Opsi untuk menampilkan sebuah border di pembungkus accordion nya atau tidak     |
 
 ### AccordionItem
+
 | Props      | Tipe        | Wajib | Default | Deskripsi                                                       |
 | ---------- | ----------- | ----- | ------- | --------------------------------------------------------------- |
-| `children` | `ReactNode` | ✅     | -       | Konten yang akan ditampilkan saat Accordion dibuka.             |
-| `index`    | `number`    | ❌     | -       | Untuk pengendalian item tertentu jika diperlukan secara manual. |
-
+| `children` | `ReactNode` | ✅    | -       | Konten yang akan ditampilkan saat Accordion dibuka.             |
+| `index`    | `number`    | ❌    | -       | Untuk pengendalian item tertentu jika diperlukan secara manual. |
 
 ## Note
 
@@ -54,4 +57,4 @@ Komponen Accordion menggunakan state internal (useState) untuk mengatur apakah k
 
 Fungsi header digunakan untuk merender tampilan judul Accordion dan dapat disesuaikan.
 
-Konten yang disembunyikan/diperluas sebaiknya dibungkus dalam AccordionItem.
+Konten yang disembunyikan/diperluas sebaiknya dibungkus dalam AccordionItem.

package/lib/module/BadgeIcon/BadgeIcon.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Color from "../Color/Color.js";
+import Icon from "../Icon/index.js";
+import { hexToRGBA } from "../helpers/hexToRgba.js";
+
+// Union tipe
+import { jsx as _jsx } from "react/jsx-runtime";
+const COLORS = {
+  default: {
+    background: Color.gray[100],
+    fontColor: Color.gray[800]
+  },
+  primary: {
+    background: Color.primary[50],
+    fontColor: Color.primary[1000]
+  },
+  success: {
+    background: Color.success[50],
+    fontColor: Color.success[500]
+  },
+  info: {
+    background: Color.info[50],
+    fontColor: Color.info[500]
+  },
+  danger: {
+    background: Color.danger[50],
+    fontColor: Color.danger[600]
+  },
+  warning: {
+    background: Color.warning[50],
+    fontColor: Color.warning[300]
+  },
+  orange: {
+    background: Color.orange[50],
+    fontColor: Color.orange[500]
+  },
+  purple: {
+    background: Color.purple[50],
+    fontColor: Color.purple[500]
+  }
+};
+const SIZE_MAP = {
+  small: {
+    minHeight: 24,
+    minWidth: 24,
+    padding: 4,
+    borderRadius: 4
+  },
+  medium: {
+    minHeight: 32,
+    minWidth: 32,
+    padding: 4,
+    borderRadius: 4
+  },
+  large: {
+    minHeight: 40,
+    minWidth: 40,
+    padding: 8,
+    borderRadius: 4
+  }
+};
+const ICON_SIZE_MAP = {
+  small: 16,
+  medium: 24,
+  large: 24
+};
+const BadgeIcon = ({
+  icon,
+  size = 'medium',
+  color = 'default',
+  children
+}) => {
+  const safeSize = ['small', 'medium', 'large'].includes(size) ? size : 'medium';
+  const isVariant = Object.prototype.hasOwnProperty.call(COLORS, color);
+  const {
+    background,
+    fontColor
+  } = isVariant ? COLORS[color] : {
+    background: color,
+    fontColor: '#fff'
+  };
+  const {
+    minHeight,
+    padding,
+    minWidth,
+    borderRadius
+  } = SIZE_MAP[safeSize];
+  const iconSize = ICON_SIZE_MAP[safeSize];
+  const bgRgba = hexToRGBA(typeof color === 'string' && color.startsWith('#') ? color : background, 0.1);
+  const isHex = typeof color === 'string' && color.startsWith('#');
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.badge, {
+      minHeight: minHeight,
+      minWidth: minWidth,
+      backgroundColor: isHex ? bgRgba : background,
+      padding: padding,
+      borderRadius: borderRadius
+    }],
+    children: children ? children : icon && /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      color: isHex ? color : fontColor,
+      size: iconSize
+    })
+  });
+};
+const styles = StyleSheet.create({
+  badge: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    alignSelf: 'flex-start'
+  }
+});
+export default BadgeIcon;
+//# sourceMappingURL=BadgeIcon.js.map

package/lib/module/BadgeIcon/BadgeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Color","Icon","hexToRGBA","jsx","_jsx","COLORS","default","background","gray","fontColor","primary","success","info","danger","warning","orange","purple","SIZE_MAP","small","minHeight","minWidth","padding","borderRadius","medium","large","ICON_SIZE_MAP","BadgeIcon","icon","size","color","children","safeSize","includes","isVariant","Object","prototype","hasOwnProperty","call","iconSize","bgRgba","startsWith","isHex","style","styles","badge","backgroundColor","name","create","justifyContent","alignItems","alignSelf"],"sourceRoot":"../../../src","sources":["BadgeIcon/BadgeIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/BadgeIcon/README.md

@@ -0,0 +1,77 @@
+# BadgeIcon Component
+
+`BadgeIcon` adalah komponen React Native untuk menampilkan **badge** yang dapat berisi **ikon** atau **konten custom** (children). Komponen ini fleksibel dalam ukuran (`size`), warna (`color`), dan varian (`variant`).
+
+---
+
+## ⚙️ Props
+
+### **BaseBadgeProps**
+
+| Prop      | Tipe                                 | Default     | Deskripsi                                                                 |
+| --------- | ------------------------------------ | ----------- | ------------------------------------------------------------------------- |
+| `color`   | `Variant` \| `HexColor`              | `"default"` | Warna badge. Bisa berupa nama varian yang tersedia atau kode warna HEX.   |
+| `size`    | `"small"` \| `"medium"` \| `"large"` | `"medium"`  | Ukuran badge. Mengatur tinggi, lebar minimum, padding, dan radius border. |
+| `variant` | `Variant`                            | -           | Alias untuk varian warna (tidak digunakan langsung di komponen ini).      |
+
+---
+
+### **IconBadgeProps** (Badge dengan Icon)
+
+| Prop       | Tipe            | Deskripsi                                       |
+| ---------- | --------------- | ----------------------------------------------- |
+| `icon`     | `IconNameProps` | Nama ikon yang akan ditampilkan.                |
+| `children` | `never`         | Tidak boleh ada children jika menggunakan ikon. |
+
+---
+
+### **ChildrenBadgeProps** (Badge dengan Konten Custom)
+
+| Prop       | Tipe              | Deskripsi                                       |
+| ---------- | ----------------- | ----------------------------------------------- |
+| `children` | `React.ReactNode` | Konten yang akan ditampilkan di dalam badge.    |
+| `icon`     | `never`           | Tidak boleh ada icon jika menggunakan children. |
+
+---
+
+## 🎨 Varian Warna (`Variant`)
+
+| Nama Varian | Background          | Font Color            |
+| ----------- | ------------------- | --------------------- |
+| `default`   | `Color.gray[100]`   | `Color.gray[800]`     |
+| `primary`   | `Color.primary[50]` | `Color.primary[1000]` |
+| `success`   | `Color.success[50]` | `Color.success[500]`  |
+| `info`      | `Color.info[50]`    | `Color.info[500]`     |
+| `danger`    | `Color.danger[50]`  | `Color.danger[600]`   |
+| `warning`   | `Color.warning[50]` | `Color.warning[300]`  |
+| `orange`    | `Color.orange[50]`  | `Color.orange[500]`   |
+| `purple`    | `Color.purple[50]`  | `Color.purple[500]`   |
+
+> Jika `color` berupa kode HEX, maka background badge akan otomatis diubah menjadi warna transparan (`opacity 0.1`) menggunakan helper `hexToRGBA`.
+
+---
+
+## 📏 Ukuran Badge (`size`)
+
+| Ukuran   | minHeight | minWidth | Padding | BorderRadius | Icon Size |
+| -------- | --------- | -------- | ------- | ------------ | --------- |
+| `small`  | 24        | 24       | 4       | 4            | 16        |
+| `medium` | 32        | 32       | 4       | 4            | 24        |
+| `large`  | 40        | 40       | 8       | 4            | 24        |
+
+---
+
+## 💻 Contoh Penggunaan
+
+```tsx
+<BadgeIcon icon="check" size="small" color="success" />
+```
+
+---
+
+## 🛠 Catatan Implementasi
+
+- Jika `color` adalah varian (`default`, `primary`, dsb.), warna background dan font color akan diambil dari konstanta `COLORS`.
+- Jika `color` adalah kode HEX (`#rrggbb`), maka background akan menggunakan versi transparan dari warna tersebut.
+- Menggunakan helper `hexToRGBA` untuk mengubah HEX menjadi warna RGBA.
+- Komponen `Icon` digunakan untuk menampilkan ikon sesuai ukuran badge.

package/lib/module/BadgeIcon/type.js

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

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

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

package/lib/module/BottomSheet/BottomSheet.js

@@ -6,7 +6,7 @@ import Container from "../Ui/Container.js";
 import Typography from "../Typography/Typography.js";
 import Color from "../Color/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const statusBarHeight = Platform.OS === 'android' && Platform.Version < 35 ? StatusBar.currentHeight ?? 24 : 65;
+const statusBarHeight = Platform.OS === 'android' && Platform.Version < 35 ? StatusBar.currentHeight ?? 24 : Platform.OS === 'android' && Platform.Version >= 35 ? 80 : 65;
 const screenHeight = Dimensions.get('window').height;
 const actualScreenHeight = screenHeight - statusBarHeight;
 const DEFAULT_PADDING_BOTTOM = 40;

package/lib/module/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","Version","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","borderTopWidth","borderTopColor","gray","base","white100","paddingTop","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","Version","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","borderTopWidth","borderTopColor","gray","base","white100","paddingTop","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAChE,SACEC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,KAAK,EACLC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,SAAS,QAEJ,cAAc;AACrB,OAAOC,SAAS,MAAM,oBAAiB;AACvC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,MAAMC,eAAe,GACnBT,QAAQ,CAACU,EAAE,KAAK,SAAS,IAAIV,QAAQ,CAACW,OAAO,GAAG,EAAE,GAC7CV,SAAS,CAACW,aAAa,IAAI,EAAE,GAC9BZ,QAAQ,CAACU,EAAE,KAAK,SAAS,IAAIV,QAAQ,CAACW,OAAO,IAAI,EAAE,GACjD,EAAE,GACF,EAAE;AACV,MAAME,YAAY,GAAGf,UAAU,CAACgB,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AACpD,MAAMC,kBAAkB,GAAGH,YAAY,GAAGJ,eAAe;AACzD,MAAMQ,sBAAsB,GAAG,EAAE;AACjC,eAAe,SAASC,WAAWA,CAAC;EAClCC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,IAAI;EACfC,cAAc;EACdC,WAAW,GAAG,KAAK;EACnBV,MAAM;EACNW,OAAO;EACPC;AACiB,CAAC,EAAE;EACpB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGzC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAAC0C,YAAY,EAAEC,eAAe,CAAC,GAAG3C,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAAC4C,YAAY,EAAEC,eAAe,CAAC,GACnC7C,QAAQ,CAAwB,MAAM,CAAC;EACzC,MAAM,CAAC8C,SAAS,EAAEC,YAAY,CAAC,GAC7B/C,QAAQ,CAAwB4B,kBAAkB,CAAC;EACrD,MAAMoB,UAAU,GAAGjD,MAAM,CAAC,IAAIO,QAAQ,CAAC2C,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EAE1D,MAAMC,YAAY,GAAGpD,MAAM,CACzBK,YAAY,CAACgD,MAAM,CAAC;IAClBC,4BAA4B,EAAEA,CAAA,KAAM,IAAI;IACxCC,2BAA2B,EAAEA,CAAA,KAAM,KAAK;IACxCC,kBAAkB,EAAEA,CAACC,CAAC,EAAEC,YAAY,KAAK;MACvC,IAAIA,YAAY,CAACC,EAAE,GAAG,CAAC,EAAE;QACvBV,UAAU,CAACW,QAAQ,CAACF,YAAY,CAACC,EAAE,CAAC;MACtC;IACF,CAAC;IACDE,qBAAqB,EAAEA,CAACJ,CAAC,EAAEC,YAAY,KAAK;MAC1C,IAAItB,QAAQ,IAAIsB,YAAY,CAACC,EAAE,GAAG,EAAE,EAAE;QACpCG,kBAAkB,CAAC,CAAC;MACtB,CAAC,MAAM;QACLC,kBAAkB,CAAC,CAAC;MACtB;IACF;EACF,CAAC,CACH,CAAC,CAACZ,OAAO;EAET,MAAMa,SAAS,GAAG9D,WAAW,CAAC,MAAM;IAClC,IAAIkC,QAAQ,EAAE;MACZ7B,QAAQ,CAAC0D,MAAM,CAAChB,UAAU,EAAE;QAC1BiB,OAAO,EAAE,GAAG;QACZC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;QACb3B,YAAY,CAAC,KAAK,CAAC;QACnBT,OAAO,IAAIA,OAAO,CAAC,KAAK,CAAC;MAC3B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACG,QAAQ,EAAEa,UAAU,EAAEhB,OAAO,CAAC,CAAC;EAEnC,MAAMqC,SAAS,GAAGpE,WAAW,CAAC,MAAM;IAClCwC,YAAY,CAAC,IAAI,CAAC;IAClBnC,QAAQ,CAACgE,MAAM,CAACtB,UAAU,EAAE;MAC1BiB,OAAO,EAAE,CAAC;MACVE,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACpB,UAAU,CAAC,CAAC;EAEhB,MAAMa,kBAAkB,GAAIU,CAAO,IAAK;IACtCR,SAAS,CAAC,CAAC;IACX3B,cAAc,IAAIA,cAAc,CAACmC,CAAC,CAAC;EACrC,CAAC;EAED,MAAMT,kBAAkB,GAAGA,CAAA,KAAM;IAC/BxD,QAAQ,CAACgE,MAAM,CAACtB,UAAU,EAAE;MAC1BiB,OAAO,EAAE,CAAC;MACVE,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAEDtE,SAAS,CAAC,MAAM;IACd,IAAIiC,MAAM,EAAE;MACVsC,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MACLN,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CAAChC,MAAM,EAAEsC,SAAS,EAAEN,SAAS,CAAC,CAAC;EAElCjE,SAAS,CAAC,MAAM;IACd,IAAI6B,MAAM,EAAE;MACVkB,eAAe,CAAClB,MAAM,CAAC;IACzB;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ7B,SAAS,CAAC,MAAM;IACd,MAAM0E,uBAAuB,GAAG/D,QAAQ,CAACgE,WAAW,CAClD,iBAAiB,EAChBF,CAAgB,IAAK;MACpB,MAAMG,cAAc,GAAGH,CAAC,CAACI,cAAc,EAAEhD,MAAM,IAAI,GAAG;MACtDoB,YAAY,CAACtB,YAAY,GAAGJ,eAAe,GAAGqD,cAAc,CAAC;IAC/D,CACF,CAAC;IAED,MAAME,uBAAuB,GAAGnE,QAAQ,CAACgE,WAAW,CAClD,iBAAiB,EACjB,MAAM;MACJ1B,YAAY,CAACtB,YAAY,GAAGJ,eAAe,CAAC;IAC9C,CACF,CAAC;IAED,OAAO,MAAM;MACXmD,uBAAuB,CAACK,MAAM,CAAC,CAAC;MAChCD,uBAAuB,CAACC,MAAM,CAAC,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE3D,IAAA,CAACX,KAAK;IACJuE,WAAW;IACXC,OAAO,EAAEvC,SAAU;IACnBJ,cAAc,EAAEyB,kBAAmB;IACnCmB,aAAa,EAAC,MAAM;IAAA/C,QAAA,eAEpBb,KAAA,CAAClB,IAAI;MAAC+E,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAEjD,QAAQ,IAAIgD,MAAM,CAAChD,QAAQ,CAAE;MAAAD,QAAA,gBAChEf,IAAA,CAACb,gBAAgB;QACf+E,OAAO,EAAEvB,kBAAmB;QAC5BwB,aAAa,EAAE,CAAE;QACjBJ,KAAK,EAAEC,MAAM,CAACI;MAAkB,CACjC,CAAC,eAEFpE,IAAA,CAACV,oBAAoB;QACnB+E,QAAQ,EAAE3E,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGkE,SAAU;QACxDC,OAAO;QACPR,KAAK,EAAEC,MAAM,CAACQ,gBAAiB;QAAAzD,QAAA,eAE/Bb,KAAA,CAACd,QAAQ,CAACJ,IAAI;UACZ+E,KAAK,EAAE,CACLC,MAAM,CAACS,WAAW,EAClB;YACEC,SAAS,EAAE,CAAC;cAAE5C;YAAW,CAAC,CAAC;YAC3BrB,MAAM,EAAEiB,YAAY;YACpBE,SAAS,EAAEA,SAAS;YACpB+C,aAAa,EAAEhE,sBAAsB,GAAGa;UAC1C,CAAC,CACD;UAAAT,QAAA,GAEDI,WAAW,iBACVnB,IAAA,CAACb,gBAAgB;YACf+E,OAAO,EAAEvB,kBAAmB;YAC5BoB,KAAK,EAAEC,MAAM,CAACY,WAAY;YAAA7D,QAAA,eAE1Bf,IAAA,CAACH,UAAU;cAAAkB,QAAA,EAAC;YAAC,CAAY;UAAC,CACV,CACnB,EACAE,QAAQ,iBACPjB,IAAA,CAAChB,IAAI;YAAA,GACCiD,YAAY,CAAC4C,WAAW;YAC5Bd,KAAK,EAAEC,MAAM,CAACc,sBAAuB;YAAA/D,QAAA,EAEpCK,OAAO,GAAGA,OAAO,gBAAGpB,IAAA,CAAChB,IAAI;cAAC+E,KAAK,EAAEC,MAAM,CAACe;YAAc,CAAE;UAAC,CACtD,CACP,eACD/E,IAAA,CAACP,YAAY;YACXsE,KAAK,EAAE,CACLC,MAAM,CAACgB,gBAAgB,EACvB,IAAI3D,MAAM,GAAG,CAAC2C,MAAM,CAACiB,iBAAiB,CAAC,GAAG,EAAE,CAAC,CAC7C;YAAAlE,QAAA,eAEFf,IAAA,CAACJ,SAAS;cAAAmB,QAAA,EAAEA;YAAQ,CAAY;UAAC,CACrB,CAAC,EACdM,MAAM,iBACLrB,IAAA,CAACP,YAAY;YACXyF,QAAQ,EAAGC,KAAK,IAAK;cACnB,MAAM;gBAAE1E;cAAO,CAAC,GAAG0E,KAAK,CAACC,WAAW,CAACC,MAAM;cAC3C5D,eAAe,CAAChB,MAAM,CAAC;YACzB,CAAE;YACFsD,KAAK,EAAEC,MAAM,CAAC3C,MAAO;YAAAN,QAAA,eAErBf,IAAA,CAACJ,SAAS;cAAAmB,QAAA,EAAEM;YAAM,CAAY;UAAC,CACnB,CACf;QAAA,CACY;MAAC,CACI,CAAC;IAAA,CACnB;EAAC,CACF,CAAC;AAEZ;AAEA,MAAM2C,MAAM,GAAG/E,UAAU,CAACiD,MAAM,CAAC;EAC/B+B,cAAc,EAAE;IACdqB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDvE,QAAQ,EAAE;IACRwE,eAAe,EAAE;EACnB,CAAC;EACDpB,iBAAiB,EAAE;IACjBkB,IAAI,EAAE;EACR,CAAC;EACDd,gBAAgB,EAAE;IAChBe,cAAc,EAAE;EAClB,CAAC;EACDd,WAAW,EAAE;IACXe,eAAe,EAAE,OAAO;IACxBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,WAAW,EAAE;IACXe,QAAQ,EAAE,UAAU;IACpBH,eAAe,EAAE,OAAO;IACxBI,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,CAAC,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDnB,sBAAsB,EAAE;IACtBoB,UAAU,EAAE,QAAQ;IACpBvB,aAAa,EAAE;EACjB,CAAC;EACDI,aAAa,EAAE;IACboB,KAAK,EAAE,EAAE;IACT1F,MAAM,EAAE,CAAC;IACT2F,SAAS,EAAE,EAAE;IACbN,YAAY,EAAE,CAAC;IACfN,eAAe,EAAE;EACnB,CAAC;EACDR,gBAAgB,EAAE;IAChBqB,QAAQ,EAAE;EACZ,CAAC;EACDpB,iBAAiB,EAAE,CAAC,CAAC;EACrB5D,MAAM,EAAE;IACNiF,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAEzG,KAAK,CAAC0G,IAAI,CAAC,GAAG,CAAC;IAC/BhB,eAAe,EAAE1F,KAAK,CAAC2G,IAAI,CAACC,QAAQ;IACpCf,QAAQ,EAAE,UAAU;IACpBgB,UAAU,EAAE,EAAE;IACdhC,aAAa,EAAE,EAAE;IACjBiC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPb,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/CheckBox/CheckBox.js

@@ -1,37 +1,60 @@
 "use strict";
 
-import React, { useState, useEffect } from 'react';
-import { Pressable, View, Text, StyleSheet } from 'react-native';
-import { Color, Icon } from '@herca/rn-kit';
+import { Color, Icon, Typography } from '@herca/rn-kit';
+import React, { useEffect, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+
 // import type { ColorVariantType } from '../Color/type';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// const COLOR_MAP: Record<
-//   ColorVariantType,
-//   {
-//     backgroundColor: ColorValue;
-//     backgroundColorDisabled: ColorValue;
-//   }
-// > = {
-//   primary : {
-//     backgroundColor : Color.primary[1000],
-//     backgroundColorDisabled : Color.primary[100],
-//   },
-//   danger: {
-//     backgroundColor : Color.danger[500],
-//     backgroundColorDisabled : Color.danger[100],
-//   },
-// }
+const COLORS = {
+  default: {
+    background: Color.gray[100],
+    borderColor: Color.gray[500]
+  },
+  primary: {
+    background: Color.primary[1000],
+    borderColor: Color.primary[1000]
+  },
+  success: {
+    background: Color.success[500],
+    borderColor: Color.success[500]
+  },
+  info: {
+    background: Color.info[500],
+    borderColor: Color.info[500]
+  },
+  danger: {
+    background: Color.danger[500],
+    borderColor: Color.danger[500]
+  },
+  warning: {
+    background: Color.warning[500],
+    borderColor: Color.warning[500]
+  },
+  orange: {
+    background: Color.orange[500],
+    borderColor: Color.orange[500]
+  },
+  purple: {
+    background: Color.purple[500],
+    borderColor: Color.purple[500]
+  }
+};
 const CheckBox = ({
   checked = false,
   onChange,
   label,
+  hint,
   disabled = false,
-  renderLabel
-  // color= 'primary'
+  renderLabel,
+  renderHint,
+  color = 'primary'
 }) => {
   const [value, setValue] = useState(false);
-  // const _selectedColor = COLOR_MAP[color];
-
+  const {
+    background,
+    borderColor
+  } = COLORS[color];
   const handlePress = () => {
     const newValue = !value;
     setValue(newValue);
@@ -44,16 +67,30 @@ const CheckBox = ({
     onPress: () => !disabled && handlePress(),
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.checkBox, value && styles.checked, disabled && styles.disabled],
+      style: [styles.checkBox, value && {
+        backgroundColor: background,
+        borderColor
+      }, 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?.()]
+    }), /*#__PURE__*/_jsxs(View, {
+      children: [label && /*#__PURE__*/_jsx(Typography, {
+        variant: "t2",
+        weight: "medium",
+        color: Color.gray[900],
+        children: label
+      }), hint && /*#__PURE__*/_jsx(Typography, {
+        variant: "t3",
+        weight: "medium",
+        color: Color.gray[600],
+        children: hint
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      children: [renderLabel?.(), renderHint?.()]
+    })]
   });
 };
 const styles = StyleSheet.create({
@@ -77,10 +114,6 @@ const styles = StyleSheet.create({
   },
   disabled: {
     opacity: 0.5
-  },
-  label: {
-    fontSize: 14,
-    color: '#333'
   }
 });
 export default CheckBox;

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

@@ -1 +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;AAC3C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;EACA;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAClD;;EAEA,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":[]}
+{"version":3,"names":["Color","Icon","Typography","React","useEffect","useState","Pressable","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","COLORS","default","background","gray","borderColor","primary","success","info","danger","warning","orange","purple","CheckBox","checked","onChange","label","hint","disabled","renderLabel","renderHint","color","value","setValue","handlePress","newValue","onPress","style","styles","container","children","checkBox","backgroundColor","name","size","base","white100","variant","weight","create","flexDirection","alignItems","width","height","borderWidth","justifyContent","borderRadius","marginRight","opacity"],"sourceRoot":"../../../src","sources":["CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/CheckBox/CheckBoxList.js

@@ -8,7 +8,8 @@ const CheckBoxList = ({
   items,
   selectedValues,
   onChange,
-  direction = 'vertical'
+  direction = 'vertical',
+  color = 'primary'
 }) => {
   const toggleValue = value => {
     const newSelected = selectedValues.includes(value) ? selectedValues.filter(v => v !== value) : [...selectedValues, value];
@@ -18,13 +19,20 @@ const CheckBoxList = ({
     style: [styles.container, direction === 'horizontal' && styles.horizontal],
     children: items.map(item => /*#__PURE__*/_jsx(CheckBox, {
       checked: selectedValues.includes(item.value),
+      color: color,
       onChange: () => toggleValue(item.value),
       renderLabel: () => /*#__PURE__*/_jsx(Typography, {
         variant: "t2",
         weight: "medium",
         color: Color.gray[800],
         children: item.label
-      })
+      }),
+      renderHint: () => item.hint ? /*#__PURE__*/_jsx(Typography, {
+        variant: "t3",
+        weight: "medium",
+        color: Color.gray[700],
+        children: item.hint
+      }) : undefined
     }, item.value))
   });
 };

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

@@ -1 +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":[]}
+{"version":3,"names":["React","View","StyleSheet","Typography","Color","CheckBox","jsx","_jsx","CheckBoxList","items","selectedValues","onChange","direction","color","toggleValue","value","newSelected","includes","filter","v","style","styles","container","horizontal","children","map","item","checked","renderLabel","variant","weight","gray","label","renderHint","hint","undefined","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;AAiB5D,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,SAAS,GAAG,UAAU;EACtBC,KAAK,GAAG;AACV,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAIC,KAAa,IAAK;IACrC,MAAMC,WAAW,GAAGN,cAAc,CAACO,QAAQ,CAACF,KAAK,CAAC,GAC9CL,cAAc,CAACQ,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,KAAK,CAAC,GACzC,CAAC,GAAGL,cAAc,EAAEK,KAAK,CAAC;IAE9BJ,QAAQ,CAACK,WAAW,CAAC;EACvB,CAAC;EAED,oBACET,IAAA,CAACN,IAAI;IACHmB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBV,SAAS,KAAK,YAAY,IAAIS,MAAM,CAACE,UAAU,CAC/C;IAAAC,QAAA,EAEDf,KAAK,CAACgB,GAAG,CAAEC,IAAI,iBACdnB,IAAA,CAACF,QAAQ;MAEPsB,OAAO,EAAEjB,cAAc,CAACO,QAAQ,CAACS,IAAI,CAACX,KAAK,CAAE;MAC7CF,KAAK,EAAEA,KAAM;MACbF,QAAQ,EAAEA,CAAA,KAAMG,WAAW,CAACY,IAAI,CAACX,KAAK,CAAE;MACxCa,WAAW,EAAEA,CAAA,kBACXrB,IAAA,CAACJ,UAAU;QAAC0B,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,QAAQ;QAACjB,KAAK,EAAET,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;QAAAP,QAAA,EAC7DE,IAAI,CAACM;MAAK,CACD,CACZ;MACFC,UAAU,EAAEA,CAAA,KACVP,IAAI,CAACQ,IAAI,gBACP3B,IAAA,CAACJ,UAAU;QAAC0B,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,QAAQ;QAACjB,KAAK,EAAET,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;QAAAP,QAAA,EAC7DE,IAAI,CAACQ;MAAI,CACA,CAAC,GACXC;IACL,GAfIT,IAAI,CAACX,KAgBX,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,GAAG,EAAE;EACP,CAAC;EACDd,UAAU,EAAE;IACVe,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe/B,YAAY","ignoreList":[]}

package/lib/module/CheckBox/README_CHECKBOX.md

@@ -37,10 +37,13 @@ export default function App() {
 
 ##⚙️ 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`.         |                                                                |
+| 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 `                                                              | Label teks atau komponen yang ditampilkan di samping checkbox.               |
+| `hint`        | `string `                                                              | Label teks atau komponen yang ditampilkan di samping checkbox dibawah label. |
+| `color`       | `primary \| danger \| warning \| orange \| info \| success \| purple ` | warna background jika checkbox di centang                                    |
+| `disabled`    | `boolean`                                                              | Jika `true`, checkbox tidak bisa ditekan. Default: `false`.                  |
+| `renderLabel` | `() => React.ReactNode`                                                | Alternatif render untuk label kustom selain `label`.                         |
+| `renderHint`  | `() => React.ReactNode`                                                | Alternatif render untuk hint kustom selain `hint`.                           |