@herca/rn-kit 0.1.25 → 0.1.27

package/lib/module/Input/InputOtp.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import React, { useRef } from 'react';
-import { View, TextInput, StyleSheet } from 'react-native';
+import React, { useRef, useState } from 'react';
+import { StyleSheet, TextInput, View } from 'react-native';
 import Color from "../Color/Color.js";
 import LabelForm from "../LabelForm/LabelForm.js";
 import Typography from "../Typography/Typography.js";
@@ -11,10 +11,15 @@ const InputOtp = ({
   onChange,
   label,
   hint,
-  hasError
+  hasError,
+  inputCenter = false
 }) => {
   const inputs = useRef([]);
   const values = useRef(Array(length).fill(''));
+  const [useFlexGrow, setUseFlexGrow] = useState(false);
+  const containerWidth = useRef(0);
+  const itemWidth = 48;
+  const itemGap = 10;
   const handleChange = (text, index) => {
     values.current[index] = text;
     onChange?.(values.current.join(''));
@@ -32,20 +37,35 @@ const InputOtp = ({
     children: [label ? /*#__PURE__*/_jsx(LabelForm, {
       title: label
     }) : null, /*#__PURE__*/_jsx(View, {
-      style: styles.container,
+      style: [styles.container, {
+        justifyContent: inputCenter ? 'center' : 'flex-start'
+      }],
+      onLayout: e => {
+        // cek apakah lebar container itu cukup untuk menampilkan semua input
+        containerWidth.current = e.nativeEvent.layout.width;
+        const totalNeededWidth = length * itemWidth + (length - 1) * itemGap;
+        setUseFlexGrow(totalNeededWidth > containerWidth.current);
+      },
       children: Array(length).fill(0).map((_, i) => /*#__PURE__*/_jsx(TextInput, {
-        style: [styles.input, {
-          borderColor: hasError ? Color.danger[500] : Color.gray[200]
+        style: [styles.input,
+        // eslint-disable-next-line react-native/no-inline-styles
+        {
+          borderColor: hasError ? Color.danger[500] : Color.gray[200],
+          width: useFlexGrow ? undefined : itemWidth,
+          //jika cukup gunakan 48px
+          flexGrow: useFlexGrow ? 1 : 0 //jika tidak cukup, flexgrow 0
         }],
         keyboardType: "number-pad",
         maxLength: 1,
         onChangeText: text => handleChange(text, i),
         onKeyPress: e => handleKeyPress(e, i),
-        ref: ref => void (inputs.current[i] = ref)
+        ref: ref => {
+          inputs.current[i] = ref;
+        }
       }, i))
     }), hint ? /*#__PURE__*/_jsx(Typography, {
       color: hasError ? Color.danger[500] : '',
-      variant: "t2",
+      variant: "t3",
       children: hint
     }) : null]
   });
@@ -57,18 +77,17 @@ const styles = StyleSheet.create({
   },
   container: {
     flexDirection: 'row',
-    gap: 10,
-    justifyContent: 'space-between'
+    gap: 10
   },
   input: {
-    width: 48,
+    flexGrow: 1,
     height: 48,
     borderWidth: 1,
     borderRadius: 8,
     textAlign: 'center',
     color: Color.base.black100,
     fontSize: 12,
-    fontWeight: 'medium'
+    fontWeight: 500
   }
 });
 //# sourceMappingURL=InputOtp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","View","TextInput","StyleSheet","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","InputOtp","length","onChange","label","hint","hasError","inputs","values","Array","fill","handleChange","text","index","current","join","focus","handleKeyPress","e","nativeEvent","key","style","styles","gap4","children","title","container","map","_","i","input","borderColor","danger","gray","keyboardType","maxLength","onChangeText","onKeyPress","ref","color","variant","create","gap","flexDirection","justifyContent","width","height","borderWidth","borderRadius","textAlign","base","black100","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["Input/InputOtp.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC1D,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlD,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,MAAM,GAAG,CAAC;EACVC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGjB,MAAM,CAA0B,EAAE,CAAC;EAClD,MAAMkB,MAAM,GAAGlB,MAAM,CAAWmB,KAAK,CAACP,MAAM,CAAC,CAACQ,IAAI,CAAC,EAAE,CAAC,CAAC;EAEvD,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAAa,KAAK;IACpDL,MAAM,CAACM,OAAO,CAACD,KAAK,CAAC,GAAGD,IAAI;IAC5BT,QAAQ,GAAGK,MAAM,CAACM,OAAO,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEnC,IAAIH,IAAI,IAAIC,KAAK,GAAGX,MAAM,GAAG,CAAC,EAAE;MAC9BK,MAAM,CAACO,OAAO,CAACD,KAAK,GAAG,CAAC,CAAC,EAAEG,KAAK,CAAC,CAAC;IACpC;EACF,CAAC;EAED,MAAMC,cAAc,GAAGA,CAACC,CAAM,EAAEL,KAAa,KAAK;IAChD,IACEK,CAAC,CAACC,WAAW,CAACC,GAAG,KAAK,WAAW,IACjC,CAACZ,MAAM,CAACM,OAAO,CAACD,KAAK,CAAC,IACtBA,KAAK,GAAG,CAAC,EACT;MACAN,MAAM,CAACO,OAAO,CAACD,KAAK,GAAG,CAAC,CAAC,EAAEG,KAAK,CAAC,CAAC;IACpC;EACF,CAAC;EAED,oBACEhB,KAAA,CAACT,IAAI;IAAC8B,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,GACtBpB,KAAK,gBAAGN,IAAA,CAACH,SAAS;MAAC8B,KAAK,EAAErB;IAAM,CAAE,CAAC,GAAG,IAAI,eAC3CN,IAAA,CAACP,IAAI;MAAC8B,KAAK,EAAEC,MAAM,CAACI,SAAU;MAAAF,QAAA,EAC3Bf,KAAK,CAACP,MAAM,CAAC,CACXQ,IAAI,CAAC,CAAC,CAAC,CACPiB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACR/B,IAAA,CAACN,SAAS;QAER6B,KAAK,EAAE,CACLC,MAAM,CAACQ,KAAK,EACZ;UAAEC,WAAW,EAAEzB,QAAQ,GAAGZ,KAAK,CAACsC,MAAM,CAAC,GAAG,CAAC,GAAGtC,KAAK,CAACuC,IAAI,CAAC,GAAG;QAAE,CAAC,CAC/D;QACFC,YAAY,EAAC,YAAY;QACzBC,SAAS,EAAE,CAAE;QACbC,YAAY,EAAGxB,IAAI,IAAKD,YAAY,CAACC,IAAI,EAAEiB,CAAC,CAAE;QAC9CQ,UAAU,EAAGnB,CAAC,IAAKD,cAAc,CAACC,CAAC,EAAEW,CAAC,CAAE;QACxCS,GAAG,EAAGA,GAAG,IAAK,MAAM/B,MAAM,CAACO,OAAO,CAACe,CAAC,CAAC,GAAGS,GAAG;MAAE,GATxCT,CAUN,CACF;IAAC,CACA,CAAC,EAENxB,IAAI,gBACHP,IAAA,CAACF,UAAU;MAAC2C,KAAK,EAAEjC,QAAQ,GAAGZ,KAAK,CAACsC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACQ,OAAO,EAAC,IAAI;MAAAhB,QAAA,EAC/DnB;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAED,eAAeJ,QAAQ;AAEvB,MAAMqB,MAAM,GAAG7B,UAAU,CAACgD,MAAM,CAAC;EAC/BlB,IAAI,EAAE;IACJmB,GAAG,EAAE;EACP,CAAC;EACDhB,SAAS,EAAE;IACTiB,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAE,EAAE;IACPE,cAAc,EAAE;EAClB,CAAC;EACDd,KAAK,EAAE;IACLe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,QAAQ;IACnBV,KAAK,EAAE7C,KAAK,CAACwD,IAAI,CAACC,QAAQ;IAC1BC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","StyleSheet","TextInput","View","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","InputOtp","length","onChange","label","hint","hasError","inputCenter","inputs","values","Array","fill","useFlexGrow","setUseFlexGrow","containerWidth","itemWidth","itemGap","handleChange","text","index","current","join","focus","handleKeyPress","e","nativeEvent","key","style","styles","gap4","children","title","container","justifyContent","onLayout","layout","width","totalNeededWidth","map","_","i","input","borderColor","danger","gray","undefined","flexGrow","keyboardType","maxLength","onChangeText","onKeyPress","ref","color","variant","create","gap","flexDirection","height","borderWidth","borderRadius","textAlign","base","black100","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["Input/InputOtp.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Input/README_INPUT_OTP.md

@@ -0,0 +1,60 @@
+# InputOtp Component
+
+`InputOtp` adalah komponen React Native untuk input kode OTP (One-Time Password) dengan tampilan kotak-kotak input terpisah. Komponen ini responsif dan otomatis menyesuaikan ukuran input berdasarkan lebar container agar tampil rapi di berbagai ukuran layar.
+
+---
+
+## Fitur
+
+- Menampilkan sejumlah input kotak sesuai panjang OTP (`length`).
+- Input numeric 1 karakter per kotak.
+- Fokus otomatis berpindah ke kotak berikutnya saat input.
+- Fokus kembali ke kotak sebelumnya saat tekan backspace pada kotak kosong.
+- Responsif: menggunakan lebar statis jika cukup ruang, atau `flexGrow` jika ruang terbatas.
+- Label dan hint opsional.
+- Warna border berubah saat error (`hasError`).
+
+---
+
+## Instalasi
+
+Salin file `InputOtp.tsx` ke proyek React Native Anda dan import sesuai kebutuhan.
+
+---
+
+## Props
+
+| Nama          | Tipe                    | Default | Deskripsi                                                                                |
+| ------------- | ----------------------- | ------- | ---------------------------------------------------------------------------------------- |
+| `length`      | `number`                | 6       | Jumlah kotak input OTP yang ingin ditampilkan                                            |
+| `onChange`    | `(otp: string) => void` | -       | Callback saat isi OTP berubah, menerima OTP lengkap sebagai string                       |
+| `label`       | `string`                | -       | Label yang tampil di atas kotak input                                                    |
+| `hint`        | `string`                | -       | Pesan kecil di bawah input (misal instruksi atau error)                                  |
+| `hasError`    | `boolean`               | false   | Jika `true`, border input berubah warna merah (indikasi error)                           |
+| `inputCenter` | `boolean`               | false   | Jika `true`, maka seluruh input field akan memposisikan diri ke tengah secara horizontal |
+
+---
+
+## Contoh Penggunaan
+
+```tsx
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import InputOtp from './InputOtp';
+
+export default function OtpVerificationScreen() {
+  const [otp, setOtp] = useState('');
+
+  return (
+    <View style={{ padding: 16 }}>
+      <InputOtp
+        length={6}
+        label="Masukkan Kode OTP"
+        hint="Kode akan dikirim via SMS"
+        hasError={otp.length < 6}
+        onChange={setOtp}
+      />
+    </View>
+  );
+}
+```

package/lib/module/TextEditor/TextEditor.js

@@ -1,8 +1,210 @@
 "use strict";
 
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function TextEditor() {
-  return /*#__PURE__*/_jsx(View, {});
+import { useRef, useState, useEffect } from 'react';
+import { View, StyleSheet, Platform, KeyboardAvoidingView, TouchableOpacity, Keyboard } from 'react-native';
+import { WebView } from 'react-native-webview';
+import Color from "../Color/Color.js";
+import LabelForm from "../LabelForm/LabelForm.js";
+import Typography from "../Typography/Typography.js";
+import Icon from "../Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function TextEditor({
+  label,
+  hasError,
+  hint,
+  onChange,
+  height = 300
+}) {
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  const [showToolbar, setShowToolbar] = useState(false);
+  const webviewRef = useRef(null);
+  const handleOnChange = data => {
+    onChange?.(data);
+  };
+  const htmlEditor = `
+    <html>
+      <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+        <style>
+          *,
+          *::before,
+          *::after {
+            box-sizing: border-box;
+          }
+          html, body {
+            margin: 0;
+            padding: 0;
+            width: 99.9%;
+            height: 100%;
+            overflow-x: hidden;
+          }
+          #editor {
+            min-height: ${height};
+            width: 100%;
+            max-width: 100%;
+            padding: 12px;
+            font-size: 12px;
+            border: 1px solid ${Color.gray[200]};
+            border-radius: 6px;
+            outline: none;
+            transition: border 0.2s;
+            overflow-wrap: break-word;
+            font-weight: 500;
+            word-wrap: break-word;
+            word-break: break-word;
+          }
+          #editor.focused {
+            border-color: ${Color.gray[200]}
+          }
+        </style>
+      </head>
+      <body>
+        <div id="editor" contenteditable="true">Tulis sesuatu di sini...</div>
+        <script>
+          const editor = document.getElementById("editor");
+          
+          editor.addEventListener("focus", () => {
+            editor.classList.add("focused");
+          });
+
+          editor.addEventListener("blur", () => {
+            editor.classList.remove("focused");
+          });
+          const handleMessage = (command) => {
+            if (command === 'getContent') {
+              window.ReactNativeWebView.postMessage(editor.innerHTML);
+            } else {
+              editor.focus();
+              document.execCommand(command, false, '');
+            }
+          };
+
+          // ini untuk Android
+          document.addEventListener("message", (event) => {
+            handleMessage(event.data);
+          });
+
+          // ini untuk iOS
+          window.addEventListener("message", (event) => {
+            handleMessage(event.data);
+          });
+        </script>
+      </body>
+    </html>
+  `;
+  const formatText = command => {
+    if (webviewRef.current) {
+      if (Platform.OS === 'ios') {
+        webviewRef.current.injectJavaScript(`
+          document.execCommand('${command}', false, '');
+          true; //di ios harus biar berfunsi boldnya
+        `);
+      } else {
+        webviewRef.current.postMessage(command);
+      }
+    }
+  };
+  useEffect(() => {
+    const showSub = Keyboard.addListener('keyboardDidShow', e => {
+      if (Platform.OS === 'ios') setKeyboardHeight(e.endCoordinates.height - 35);
+      setShowToolbar(true);
+    });
+    const hideSub = Keyboard.addListener('keyboardDidHide', () => {
+      if (Platform.OS === 'ios') setKeyboardHeight(0);
+      setShowToolbar(false);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      title: label
+    }) : null, /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+      style: (styles.editorWrapper, [{
+        minHeight: height
+      }]),
+      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+      children: /*#__PURE__*/_jsx(WebView, {
+        ref: webviewRef,
+        originWhitelist: ['*'],
+        source: {
+          html: htmlEditor
+        },
+        onMessage: event => {
+          handleOnChange(event.nativeEvent.data);
+        },
+        style: styles.webview,
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        mixedContentMode: "always",
+        allowUniversalAccessFromFileURLs: true,
+        allowFileAccess: true
+      })
+    }), hint ? /*#__PURE__*/_jsx(Typography, {
+      color: hasError ? Color.danger[500] : Color.gray[700],
+      variant: "t3",
+      weight: "medium",
+      children: hint
+    }) : null, showToolbar ? /*#__PURE__*/_jsxs(View, {
+      style: [styles.toolbar, {
+        bottom: keyboardHeight
+      }],
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => formatText('bold'),
+        style: styles.toolButton,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "Bold"
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => formatText('italic'),
+        style: styles.toolButton,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "Italic"
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => formatText('underline'),
+        style: styles.toolButton,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "UnderLine"
+        })
+      })]
+    }) : null]
+  });
 }
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    gap: 4,
+    position: 'relative'
+  },
+  editorWrapper: {
+    flex: 1
+  },
+  toolbar: {
+    flexDirection: 'row',
+    borderTopWidth: 1,
+    borderColor: Color.gray[200],
+    paddingVertical: 8,
+    paddingHorizontal: 10,
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    width: '100%',
+    alignItems: 'center'
+  },
+  toolButton: {
+    padding: 8,
+    marginHorizontal: 4,
+    borderRadius: 6
+  },
+  toolText: {
+    fontWeight: 'bold'
+  },
+  webview: {
+    flex: 1
+  }
+});
 //# sourceMappingURL=TextEditor.js.map

package/lib/module/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","jsx","_jsx","TextEditor"],"sourceRoot":"../../../src","sources":["TextEditor/TextEditor.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,oBAAOD,IAAA,CAACF,IAAI,IAAO,CAAC;AACtB","ignoreList":[]}
+{"version":3,"names":["useRef","useState","useEffect","View","StyleSheet","Platform","KeyboardAvoidingView","TouchableOpacity","Keyboard","WebView","Color","LabelForm","Typography","Icon","jsx","_jsx","jsxs","_jsxs","TextEditor","label","hasError","hint","onChange","height","keyboardHeight","setKeyboardHeight","showToolbar","setShowToolbar","webviewRef","handleOnChange","data","htmlEditor","gray","formatText","command","current","OS","injectJavaScript","postMessage","showSub","addListener","e","endCoordinates","hideSub","remove","style","styles","container","children","title","editorWrapper","minHeight","behavior","undefined","ref","originWhitelist","source","html","onMessage","event","nativeEvent","webview","javaScriptEnabled","domStorageEnabled","mixedContentMode","allowUniversalAccessFromFileURLs","allowFileAccess","color","danger","variant","weight","toolbar","bottom","onPress","toolButton","name","create","backgroundColor","gap","position","flex","flexDirection","borderTopWidth","borderColor","paddingVertical","paddingHorizontal","left","width","alignItems","padding","marginHorizontal","borderRadius","toolText","fontWeight"],"sourceRoot":"../../../src","sources":["TextEditor/TextEditor.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -29,7 +29,6 @@ export { default as InputOtp } from "./Input/InputOtp.js";
 export { default as Switch } from "./Input/Switch.js";
 export { default as CheckBox } from "./CheckBox/CheckBox.js";
 export { default as CheckBoxList } from "./CheckBox/CheckBoxList.js";
-export { default as CounterButton } from "./CounterButton/CounterButton.js";
 export { default as RadioButton } from "./RadioButton/RadioButton.js";
 export { default as Icon } from "./Icon/Icon.js";
 export { default as Modal } from "./Modal/Modal.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["RnKit","multiply","a","b","default","Accordion","AccordionItem","Button","Color","Typography","BottomSheet","Container","Card","DropDown","Center","Gap","Grid","Col","Chip","Footer","Devider","Select","LabelForm","Input","InputPassword","InputFile","InputOtp","Switch","CheckBox","CheckBoxList","CounterButton","RadioButton","Icon","Modal","Label","List","ListItem","Loading","Avatar","AvatarGroup","Badge","Alert","Timeline","TimelineItem","Theme","Provider","useFooter","Drawing","Calendar","DatePicker","YearPicker","MonthPicker","TimePicker","Step","StepItem","Tab","TabItem","Toast","TextArea","TextEditor","ToastProvider","useToast"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["RnKit","multiply","a","b","default","Accordion","AccordionItem","Button","Color","Typography","BottomSheet","Container","Card","DropDown","Center","Gap","Grid","Col","Chip","Footer","Devider","Select","LabelForm","Input","InputPassword","InputFile","InputOtp","Switch","CheckBox","CheckBoxList","RadioButton","Icon","Modal","Label","List","ListItem","Loading","Avatar","AvatarGroup","Badge","Alert","Timeline","TimelineItem","Theme","Provider","useFooter","Drawing","Calendar","DatePicker","YearPicker","MonthPicker","TimePicker","Step","StepItem","Tab","TabItem","Toast","TextArea","TextEditor","ToastProvider","useToast"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAqCD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoE/B,CAAC;AAkBF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAa,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjE,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA6BD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoE/B,CAAC;AAkBF,eAAe,KAAK,CAAC"}

package/lib/typescript/src/Badge/type.d.ts

@@ -1,5 +1,13 @@
+import type { TypographyVariantProps } from '../Typography/type';
 type Variant = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'orange' | 'purple';
 type Size = 'small' | 'medium';
 type HexColor = `#${string}`;
 export type { Variant, Size, HexColor };
+export interface SizeStyle {
+    height: number;
+    fontSize: TypographyVariantProps;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    borderRadius: number;
+}
 //# sourceMappingURL=type.d.ts.map

package/lib/typescript/src/Badge/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Badge/type.tsx"],"names":[],"mappings":"AAAA,KAAK,OAAO,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/B,KAAK,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC;AAE7B,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Badge/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,KAAK,OAAO,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/B,KAAK,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC;AAE7B,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAExC,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,sBAAsB,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/lib/typescript/src/Button/tests/Button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.test.d.ts.map

package/lib/typescript/src/Button/tests/Button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../../../../../src/Button/tests/Button.test.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/DatePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAoBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9D;AAID,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,2CAkJjB"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAsBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9D;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,2CAgNjB"}

package/lib/typescript/src/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAiFvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AA2GvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/Icon/icons/AtSign.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const AtSign: React.FC<Props>;
+export default AtSign;
+//# sourceMappingURL=AtSign.d.ts.map

package/lib/typescript/src/Icon/icons/AtSign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtSign.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/AtSign.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/Icon/icons/Bold.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const Bold: React.FC<Props>;
+export default Bold;
+//# sourceMappingURL=Bold.d.ts.map

package/lib/typescript/src/Icon/icons/Bold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Bold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/Icon/icons/BriefcaseOutline.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const BriefCaseOutline: React.FC<Props>;
+export default BriefCaseOutline;
+//# sourceMappingURL=BriefcaseOutline.d.ts.map

package/lib/typescript/src/Icon/icons/BriefcaseOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BriefcaseOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/BriefcaseOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/Icon/icons/Edit.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const EditSquareOutline: React.FC<Props>;
+export default EditSquareOutline;
+//# sourceMappingURL=Edit.d.ts.map

package/lib/typescript/src/Icon/icons/Edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/Icon/icons/GlobeEarth.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const GlobeEarth: React.FC<Props>;
+export default GlobeEarth;
+//# sourceMappingURL=GlobeEarth.d.ts.map

package/lib/typescript/src/Icon/icons/GlobeEarth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeEarth.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/GlobeEarth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/Icon/icons/Italic.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const Italic: React.FC<Props>;
+export default Italic;
+//# sourceMappingURL=Italic.d.ts.map

package/lib/typescript/src/Icon/icons/Italic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Italic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAU3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/Icon/icons/LockFill.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const LockFill: React.FC<Props>;
+export default LockFill;
+//# sourceMappingURL=LockFill.d.ts.map

package/lib/typescript/src/Icon/icons/LockFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/LockFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/Icon/icons/LogoHercaHris.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    style?: object;
+}
+declare const LogoHercaHris: React.FC<Props>;
+export default LogoHercaHris;
+//# sourceMappingURL=LogoHercaHris.d.ts.map

package/lib/typescript/src/Icon/icons/LogoHercaHris.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoHercaHris.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/LogoHercaHris.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoDlC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/Icon/icons/QuestionCircleOutline.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const QuestionCircleOutline: React.FC<Props>;
+export default QuestionCircleOutline;
+//# sourceMappingURL=QuestionCircleOutline.d.ts.map

package/lib/typescript/src/Icon/icons/QuestionCircleOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCircleOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/QuestionCircleOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW1C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/typescript/src/Icon/icons/Scanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scanner.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Scanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Scanner.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Scanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/src/Icon/icons/ShieldFill.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const ShieldFill: React.FC<Props>;
+export default ShieldFill;
+//# sourceMappingURL=ShieldFill.d.ts.map

package/lib/typescript/src/Icon/icons/ShieldFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShieldFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ShieldFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO/B,CAAC;AAEF,eAAe,UAAU,CAAC"}