@herca/rn-kit 0.1.43 → 0.1.45

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EAId,MAAM,qBAAqB,CAAC;AAe7B,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,GAAG,SAAS,GAAG,IAAI,kBAMvD,CAAC;AACF,QAAA,MAAM,QAAQ,GAAI,mKAYf,aAAa,4CAqSf,CAAC;AAoDF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EAId,MAAM,qBAAqB,CAAC;AAe7B,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,GAAG,SAAS,GAAG,IAAI,kBAMvD,CAAC;AACF,QAAA,MAAM,QAAQ,GAAI,mKAYf,aAAa,4CAgUf,CAAC;AAoDF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/FileView/PdfView.d.ts

@@ -1,3 +1,4 @@
+import Pdf from 'react-native-pdf';
 type Source = {
     uri?: string;
     headers?: {
@@ -8,8 +9,9 @@ type Source = {
     expiration?: number;
     method?: string;
 };
-declare const PdfView: ({ source }: {
+interface Props extends React.ComponentProps<typeof Pdf> {
     source: Source;
-}) => import("react/jsx-runtime").JSX.Element;
+}
+declare const PdfView: ({ source, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default PdfView;
 //# sourceMappingURL=PdfView.d.ts.map

package/lib/typescript/src/FileView/PdfView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfView.d.ts","sourceRoot":"","sources":["../../../../src/FileView/PdfView.tsx"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAc9C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"PdfView.d.ts","sourceRoot":"","sources":["../../../../src/FileView/PdfView.tsx"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,GAAI,sBAAsB,KAAK,4CAQ3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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;AA+JvD,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;AAmKvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpCircleFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ArrowUpCircleFill.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,CAiBtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClipBoardListCheck2.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ClipBoardListCheck2.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,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { type ViewStyle } from 'react-native';
-export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'whatsapp-fill';
+export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'whatsapp-fill';
 export interface IconProps {
     name: IconNameProps;
     size?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,eAAe,CAAC;AACpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,eAAe,CAAC;AACpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/lib/typescript/src/Input/InputFile.d.ts

@@ -2,13 +2,17 @@ export interface ModalOption {
     title?: string;
     description?: string;
 }
-export interface modalPickFileText {
+export interface ModalPickFileText {
     title?: string;
     description?: string;
     camera?: ModalOption;
     gallery?: ModalOption;
     document?: ModalOption;
 }
+export interface ChangeLabelProps {
+    label?: string;
+    placeholder?: string;
+}
 type InputFileProps = {
     title?: string;
     description?: string;
@@ -16,7 +20,7 @@ type InputFileProps = {
     multiple?: boolean;
     onChange?: (files: any) => void;
     value?: any[];
-    modalPickFileText?: modalPickFileText;
+    modalPickFileText?: ModalPickFileText;
     useChangeLabel?: boolean;
     btnChooseFileText?: string;
     modalDeleteText?: ModalOption & {
@@ -25,7 +29,8 @@ type InputFileProps = {
             cancel?: string;
         };
     };
+    changeLableProps?: ChangeLabelProps;
 };
-export default function InputFile({ title, description, accept, btnChooseFileText, multiple, value, modalPickFileText, modalDeleteText, useChangeLabel, onChange, }: InputFileProps): import("react/jsx-runtime").JSX.Element;
+export default function InputFile({ title, description, accept, btnChooseFileText, multiple, value, modalPickFileText, modalDeleteText, useChangeLabel, changeLableProps, onChange, }: InputFileProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InputFile.d.ts.map

package/lib/typescript/src/Input/InputFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/Input/InputFile.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,WAAW,GAAG;QAC9B,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAqB,EACrB,WAAqD,EACrD,MAAuD,EACvD,iBAAiC,EACjC,QAAgB,EAChB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,cAAsB,EACtB,QAAQ,GACT,EAAE,cAAc,2CA+WhB"}
+{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/Input/InputFile.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,WAAW,GAAG;QAC9B,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAqB,EACrB,WAAqD,EACrD,MAAuD,EACvD,iBAAiC,EACjC,QAAgB,EAChB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,cAAsB,EACtB,gBAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,2CAiXhB"}

package/lib/typescript/src/Ui/Container.d.ts

@@ -1,7 +1,7 @@
-import { type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
 interface Props {
     children: React.ReactNode;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
 }
 export default function Container({ children, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/typescript/src/Ui/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/Ui/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAE3D"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/Ui/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAE3D"}

package/lib/typescript/src/index.d.ts

@@ -67,4 +67,5 @@ export { default as Skeleton } from './Skeleton/Skeleton';
 export type { SkeletonProps } from './Skeleton/type';
 export { default as CounterButton } from './CounterButton/CounterButton';
 export { default as BadgeIcon } from './BadgeIcon/BadgeIcon';
+export { default as PdfView } from './FileView/PdfView';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herca/rn-kit",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/Calendar/Calendar.tsx

@@ -198,7 +198,7 @@ const Calendar = ({
       return selectedTextColor;
     }
     if (mark?.selected) return mark?.textColor || selectedTextColor;
-    return Color.gray[600];
+    return Color.gray[700];
   };
 
   const handlePressDay = (date: Date) => {
@@ -223,6 +223,26 @@ const Calendar = ({
     }
   };
 
+  const getDayCellOpacity = (cell: any, date: Date, keyWeek: WeekDay) => {
+    const key = formatDateKey(date);
+    const mark = markedDates[key];
+
+    const isStart = isSameDate(startDate, date);
+    const isEnd = isSameDate(endDate, date);
+    const isSelected =
+      (mode === 'single' && isStart) ||
+      (mode === 'range' && (isStart || isEnd));
+
+    const hasCustomColor =
+      (mark?.backgroundColor && mark.selected) ||
+      (disabledDays && disabledDays[keyWeek]) ||
+      isDisabledDate(date);
+
+    if (hasCustomColor || isSelected) return 1; // full opacity
+    if (cell.from !== 'current') return 0.5; // pudar
+    return 1; // default
+  };
+
   const calendarMatrix = generateCalendarMatrix();
   const year = currentDate.getFullYear();
 
@@ -281,7 +301,7 @@ const Calendar = ({
             weight="medium"
             variant="t2"
             center
-            color={Color.gray[600]}
+            color={Color.gray[700]}
             style={{ width: 32, textAlign: 'center' }}
           >
             {day}
@@ -300,6 +320,8 @@ const Calendar = ({
             const disabled = isMarkDisableDate(mark) || isDisabledDate(date);
             const backgroundColor = setBackgroundDay(date, colIndex as WeekDay);
             const textColor = setTextColor(date, colIndex as WeekDay);
+
+            const opacity = getDayCellOpacity(cell, date, colIndex as WeekDay);
             return (
               <Pressable
                 disabled={disabled}
@@ -307,7 +329,12 @@ const Calendar = ({
                 onPress={() => handlePressDay(date)}
               >
                 <View style={[styles.dayCell, { backgroundColor }]}>
-                  <Typography variant="t2" weight="medium" color={textColor}>
+                  <Typography
+                    variant="t2"
+                    weight="medium"
+                    color={textColor}
+                    style={{ opacity }}
+                  >
                     {day}
                   </Typography>
                 </View>

package/src/FileView/PDF_VIEW_README.md

@@ -0,0 +1,15 @@
+# PdfView Component
+
+`PdfView` adalah sebuah komponen React Native sederhana untuk menampilkan file PDF menggunakan library [`react-native-pdf`](https://github.com/wonday/react-native-pdf). Komponen ini membungkus `Pdf` dengan container fleksibel sehingga mudah digunakan di berbagai layar.
+
+---
+
+## Instalasi
+
+Pastikan `react-native-pdf` sudah terpasang di proyek:
+
+```bash
+npm install react-native-pdf
+# atau
+yarn add react-native-pdf
+```

package/src/FileView/PdfView.tsx

@@ -12,18 +12,16 @@ type Source = {
   method?: string;
 };
 
-const PdfView = ({ source }: { source: Source }) => {
+interface Props extends React.ComponentProps<typeof Pdf> {
+  source: Source;
+}
+
+const PdfView = ({ source, ...props }: Props) => {
   if (!source) return <View />;
 
   return (
     <View style={styles.container}>
-      <Pdf
-        source={source}
-        onLoadComplete={(pages) => console.log('number of pages:', pages)}
-        onPageChanged={(page) => console.log('current page:', page)}
-        onError={(err) => console.error(err)}
-        style={styles.pdf}
-      />
+      <Pdf source={source} style={styles.pdf} {...props} />
     </View>
   );
 };

package/src/Icon/Icon.tsx

@@ -85,6 +85,8 @@ import MoreVertical from './icons/MoreVertical';
 import ExclamationTriangle from './icons/ExclamationTriangle';
 import PdfFile from './icons/PdfFile';
 import RotateRight from './icons/RotateRight';
+import ArrowUpCircleFill from './icons/ArrowUpCircleFill';
+import ClipBoardListCheck2 from './icons/ClipBoardListCheck2';
 
 const icons: Record<
   IconNameProps,
@@ -174,6 +176,8 @@ const icons: Record<
   'exclamation-triangle': ExclamationTriangle,
   'pdf-file': PdfFile,
   'rotate-right': RotateRight,
+  'arrow-up-circle-fill': ArrowUpCircleFill,
+  'clipboard-list-check-fill-2': ClipBoardListCheck2,
 };
 
 const Icon: React.FC<IconProps> = ({

package/src/Icon/README.md

@@ -132,3 +132,5 @@ export default function App() {
 - exclamation-triangle
 - pdf-file
 - rotate-right
+- arrow-up-circle-fill
+- clipboard-list-check-fill-2

package/src/Icon/icons/ArrowUpCircleFill.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const ArrowUpCircleFill: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg
+    width={size}
+    height={size + 1}
+    viewBox="0 0 20 21"
+    style={style}
+    fill="none"
+  >
+    <Path
+      d="M10.0001 1.74219C5.39758 1.74219 1.66675 5.47302 1.66675 10.0755C1.66675 14.678 5.39758 18.4089 10.0001 18.4089C14.6026 18.4089 18.3334 14.678 18.3334 10.0755C18.3334 5.47302 14.6026 1.74219 10.0001 1.74219ZM12.9418 9.68388C12.8201 9.80555 12.6601 9.86719 12.5001 9.86719C12.3401 9.86719 12.1801 9.80638 12.0584 9.68388L10.6251 8.25057V13.4089C10.6251 13.7539 10.3451 14.0339 10.0001 14.0339C9.65508 14.0339 9.37508 13.7539 9.37508 13.4089V8.25138L7.94177 9.68469C7.69761 9.92886 7.30174 9.92886 7.05758 9.68469C6.81341 9.44053 6.81341 9.04466 7.05758 8.8005L9.55758 6.3005C9.61508 6.243 9.68416 6.19728 9.76082 6.16561C9.91332 6.10228 10.0858 6.10228 10.2383 6.16561C10.315 6.19728 10.3843 6.243 10.4418 6.3005L12.9418 8.8005C13.1859 9.04466 13.1859 9.43971 12.9418 9.68388Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default ArrowUpCircleFill;

package/src/Icon/icons/ClipBoardListCheck2.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const ClipBoardListCheck2: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 100 100"
+    fill="none"
+    style={style}
+  >
+    <Path
+      d="M75 58.3333C78.0356 58.3333 80.8818 59.1449 83.3333 60.5631C88.3149 63.4451 91.6667 68.8315 91.6667 75C91.6667 84.2042 84.2042 91.6667 75 91.6667C70.7737 91.6667 66.9151 90.0929 63.977 87.5C60.5168 84.446 58.3333 79.9777 58.3333 75C58.3333 73.1812 58.6247 71.4303 59.1634 69.7917C59.9392 67.4318 61.2292 65.3045 62.8988 63.5417C65.9365 60.3346 70.2344 58.3333 75 58.3333ZM73.8973 21.0693C80.2009 21.9862 83.3333 26.0753 83.3333 33.3333V55.9001C80.7814 54.785 77.9628 54.1667 75 54.1667C67.7275 54.1667 61.3235 57.8936 57.5968 63.5417H45.8333C44.1083 63.5417 42.7083 64.9417 42.7083 66.6667C42.7083 68.3917 44.1083 69.7917 45.8333 69.7917H54.8218C54.3933 71.4563 54.1667 73.2017 54.1667 75C54.1667 79.6899 55.7178 84.018 58.3333 87.5H29.1667C20.8333 87.5 16.6667 83.3333 16.6667 75V33.3333C16.6667 26.0753 19.799 21.9862 26.1027 21.0693C26.6065 20.9944 27.0827 21.4119 27.0833 21.9198V22.9126C27.0833 30.4959 32 35.4126 39.5833 35.4126H60.4167C68 35.4126 72.9167 30.4959 72.9167 22.9126V21.9198C72.9173 21.4119 73.3976 20.9944 73.8973 21.0693ZM81.6854 70.0562C80.8729 69.2437 79.5519 69.2437 78.7394 70.0562L73.2666 75.5249L71.2728 73.527C70.4603 72.7145 69.1393 72.7145 68.3268 73.527C67.5143 74.3395 67.5143 75.6564 68.3268 76.4689L71.7977 79.9398C72.1893 80.3314 72.7165 80.5501 73.2707 80.5501C73.8248 80.5501 74.356 80.3273 74.7477 79.9398L81.6935 72.994C82.4951 72.1861 82.4952 70.8723 81.6854 70.0562ZM33.3333 63.5417C31.6083 63.5417 30.2083 64.9417 30.2083 66.6667C30.2083 68.3917 31.6083 69.7917 33.3333 69.7917C35.0583 69.7917 36.4583 68.3917 36.4583 66.6667C36.4583 64.9417 35.0583 63.5417 33.3333 63.5417ZM33.3333 46.875C31.6083 46.875 30.2083 48.275 30.2083 50C30.2083 51.725 31.6083 53.125 33.3333 53.125C35.0583 53.125 36.4583 51.725 36.4583 50C36.4583 48.275 35.0583 46.875 33.3333 46.875ZM45.8333 46.875C44.1083 46.875 42.7083 48.275 42.7083 50C42.7083 51.725 44.1083 53.125 45.8333 53.125H66.6667C68.3917 53.125 69.7917 51.725 69.7917 50C69.7917 48.275 68.3917 46.875 66.6667 46.875H45.8333ZM60.4167 12.5C64.5833 12.5 66.6667 14.5833 66.6667 18.75V22.9167C66.6667 27.0833 64.5833 29.1667 60.4167 29.1667H39.5833C35.4167 29.1667 33.3333 27.0833 33.3333 22.9167V18.75C33.3333 14.5833 35.4167 12.5 39.5833 12.5H60.4167Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default ClipBoardListCheck2;

package/src/Icon/type.tsx

@@ -86,6 +86,8 @@ export type IconNameProps =
   | 'Flag'
   | 'Coupon'
   | 'more-vertical'
+  | 'clipboard-list-check-fill-2'
+  | 'arrow-up-circle-fill'
   | 'whatsapp-fill';
 export interface IconProps {
   name: IconNameProps;

package/src/Input/InputFile.tsx

@@ -19,7 +19,7 @@ export interface ModalOption {
   title?: string;
   description?: string;
 }
-export interface modalPickFileText {
+export interface ModalPickFileText {
   title?: string;
   description?: string;
   camera?: ModalOption;
@@ -27,6 +27,11 @@ export interface modalPickFileText {
   document?: ModalOption;
 }
 
+export interface ChangeLabelProps {
+  label?: string;
+  placeholder?: string;
+}
+
 type InputFileProps = {
   title?: string;
   description?: string;
@@ -34,7 +39,7 @@ type InputFileProps = {
   multiple?: boolean;
   onChange?: (files: any) => void;
   value?: any[];
-  modalPickFileText?: modalPickFileText;
+  modalPickFileText?: ModalPickFileText;
   useChangeLabel?: boolean;
   btnChooseFileText?: string;
   modalDeleteText?: ModalOption & {
@@ -43,6 +48,7 @@ type InputFileProps = {
       cancel?: string;
     };
   };
+  changeLableProps?: ChangeLabelProps;
 };
 
 export default function InputFile({
@@ -55,6 +61,7 @@ export default function InputFile({
   modalPickFileText,
   modalDeleteText,
   useChangeLabel = false,
+  changeLableProps,
   onChange,
 }: InputFileProps) {
   const [isOpenBottomSheetTypeFile, setIsOpenBottomSheetTypeFile] =
@@ -216,8 +223,10 @@ export default function InputFile({
         <View style={styles.previewWrapper} key={index}>
           {useChangeLabel && (
             <Input
-              label="Nama Dokumen #1"
-              placeholder="Masukkan Nama Dokumen"
+              label={`${changeLableProps?.label || 'Nama Dokumen'} ${index + 1}`}
+              placeholder={
+                changeLableProps?.placeholder || 'Masukan Nama Dokumen'
+              }
               value={file.labelFile}
               onChangeText={(text) => {
                 const updatedFiles = files.map((f, i) =>

package/src/Input/README_INPUT_FILE.md

@@ -6,6 +6,7 @@ Mendukung **camera**, **gallery**, dan **document picker** dengan tampilan previ
 ---
 
 ## ✨ Fitur
+
 - Upload file dari **kamera**, **galeri**, atau **dokumen perangkat**.
 - Preview file (gambar atau dokumen).
 - Mendukung **multiple file upload**.
@@ -17,7 +18,9 @@ Mendukung **camera**, **gallery**, dan **document picker** dengan tampilan previ
 ---
 
 ## 📦 Dependencies
+
 Komponen ini membutuhkan beberapa library:
+
 - [`@react-native-documents/picker`](https://github.com/react-native-documents/picker)
 - [`@react-native-documents/viewer`](https://github.com/react-native-documents/viewer)
 - [`react-native-image-picker`](https://github.com/react-native-image-picker/react-native-image-picker)
@@ -27,8 +30,8 @@ Komponen ini membutuhkan beberapa library:
 ## 🚀 Penggunaan
 
 ```tsx
-import InputFile from "@/components/Input/InputFile";
-import { useState } from "react";
+import InputFile from '@/components/Input/InputFile';
+import { useState } from 'react';
 
 export default function ExampleScreen() {
   const [files, setFiles] = useState<any[]>([]);
@@ -42,18 +45,21 @@ export default function ExampleScreen() {
       value={files}
       useChangeLabel={true}
       modalPickFileText={{
-        title: "Pilih Sumber",
-        description: "Unggah dokumen atau ambil foto",
-        camera: { title: "Kamera", description: "Ambil foto langsung" },
-        gallery: { title: "Galeri", description: "Pilih gambar dari galeri" },
-        document: { title: "Dokumen", description: "Pilih file dari perangkat" },
+        title: 'Pilih Sumber',
+        description: 'Unggah dokumen atau ambil foto',
+        camera: { title: 'Kamera', description: 'Ambil foto langsung' },
+        gallery: { title: 'Galeri', description: 'Pilih gambar dari galeri' },
+        document: {
+          title: 'Dokumen',
+          description: 'Pilih file dari perangkat',
+        },
       }}
       modalDeleteText={{
-        title: "Hapus File?",
-        description: "Apakah kamu yakin ingin menghapus file ini?",
+        title: 'Hapus File?',
+        description: 'Apakah kamu yakin ingin menghapus file ini?',
         confirmBtn: {
-          confirm: "Ya, Hapus",
-          cancel: "Batal",
+          confirm: 'Ya, Hapus',
+          cancel: 'Batal',
         },
       }}
       onChange={(newFiles) => setFiles(newFiles)}
@@ -66,24 +72,26 @@ export default function ExampleScreen() {
 
 ## ⚙️ Props
 
-| Prop               | Tipe                              | Default                                                   | Deskripsi                                                                 |
-|--------------------|-----------------------------------|-----------------------------------------------------------|---------------------------------------------------------------------------|
-| `title`            | `string`                          | `"Upload File"`                                           | Judul input file.                                                         |
-| `description`      | `string`                          | `"File harus berformat JPG, PNG dan PDF"`                 | Deskripsi singkat tentang file yang diterima.                             |
-| `accept`           | `string[]`                        | `["application/pdf", "image/jpeg", "image/png"]`          | Tipe MIME file yang diizinkan.                                            |
-| `multiple`         | `boolean`                         | `false`                                                   | Jika `true`, memungkinkan memilih banyak file sekaligus.                  |
-| `value`            | `any[]`                           | `[]`                                                      | Daftar file yang sudah dipilih (state dari parent).                       |
-| `onChange`         | `(files: any[]) => void`          | `undefined`                                               | Callback saat daftar file berubah (add, replace, delete).                 |
-| `btnChooseFileText`| `string`                          | `"Choose File"`                                           | Label tombol untuk memilih file.                                          |
-| `modalPickFileText`| `modalPickFileText` (lihat bawah) | `undefined`                                               | Teks kustom pada modal pemilihan sumber file.                             |
-| `modalDeleteText`  | `ModalOption & confirmBtn`        | `undefined`                                               | Teks kustom pada modal konfirmasi hapus file.                             |
-| `useChangeLabel`   | `boolean`                         | `false`                                                   | Jika `true`, menampilkan input untuk memberi nama/label pada file.        |
+| Prop                | Tipe                              | Default                                          | Deskripsi                                                          |
+| ------------------- | --------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------ |
+| `title`             | `string`                          | `"Upload File"`                                  | Judul input file.                                                  |
+| `description`       | `string`                          | `"File harus berformat JPG, PNG dan PDF"`        | Deskripsi singkat tentang file yang diterima.                      |
+| `accept`            | `string[]`                        | `["application/pdf", "image/jpeg", "image/png"]` | Tipe MIME file yang diizinkan.                                     |
+| `multiple`          | `boolean`                         | `false`                                          | Jika `true`, memungkinkan memilih banyak file sekaligus.           |
+| `value`             | `any[]`                           | `[]`                                             | Daftar file yang sudah dipilih (state dari parent).                |
+| `onChange`          | `(files: any[]) => void`          | `undefined`                                      | Callback saat daftar file berubah (add, replace, delete).          |
+| `btnChooseFileText` | `string`                          | `"Choose File"`                                  | Label tombol untuk memilih file.                                   |
+| `modalPickFileText` | `ModalPickFileText` (lihat bawah) | `undefined`                                      | Teks kustom pada modal pemilihan sumber file.                      |
+| `modalDeleteText`   | `ModalOption & confirmBtn`        | `undefined`                                      | Teks kustom pada modal konfirmasi hapus file.                      |
+| `useChangeLabel`    | `boolean`                         | `false`                                          | Jika `true`, menampilkan input untuk memberi nama/label pada file. |
+| `changeLableProps`  | `ChangeLabelProps` (lihat bawah)  | `undefined`                                      | Teks kustom pada input text diatas preview file untuk              |
 
 ---
 
 ## 🔤 Tipe Tambahan
 
 ### `ModalOption`
+
 ```ts
 interface ModalOption {
   title?: string;
@@ -92,8 +100,9 @@ interface ModalOption {
 ```
 
 ### `modalPickFileText`
+
 ```ts
-interface modalPickFileText {
+interface ModalPickFileText {
   title?: string;
   description?: string;
   camera?: ModalOption;
@@ -103,6 +112,7 @@ interface modalPickFileText {
 ```
 
 ### `modalDeleteText`
+
 ```ts
 interface ModalOption {
   title?: string;
@@ -114,9 +124,19 @@ interface ModalOption {
 }
 ```
 
+### `changeLabelProps`
+
+```ts
+interface ChangeLabelProps {
+  label?: string;
+  placeholder?: string;
+}
+```
+
 ---
 
 ## 📸 Preview UI
+
 - **Card input awal** → tombol pilih file + icon ilustrasi.
 - **Preview file** → menampilkan nama, ukuran, icon (atau thumbnail jika image).
 - **Aksi file**:
@@ -127,6 +147,7 @@ interface ModalOption {
 ---
 
 ## 🛠 Catatan
+
 1. Pastikan permission kamera & storage sudah diatur (Android/iOS).
 2. File hasil picker akan memiliki property standar (`uri`, `type`, `name`, `size`).
 3. Untuk **multiple upload**, `value` berupa array file yang akan dikelola oleh parent.

package/src/Ui/Container.tsx

@@ -1,12 +1,12 @@
-import { StyleSheet, View, type ViewStyle } from 'react-native';
+import { StyleSheet, View, type StyleProp, type ViewStyle } from 'react-native';
 
 interface Props {
   children: React.ReactNode;
-  style?: ViewStyle;
+  style?: StyleProp<ViewStyle>;
 }
 
 export default function Container({ children, style }: Props) {
-  return <View style={[styles.container, style && style]}>{children}</View>;
+  return <View style={[styles.container, style]}>{children}</View>;
 }
 
 const styles = StyleSheet.create({

package/src/index.tsx

@@ -87,3 +87,4 @@ export { default as Skeleton } from './Skeleton/Skeleton';
 export type { SkeletonProps } from './Skeleton/type';
 export { default as CounterButton } from './CounterButton/CounterButton';
 export { default as BadgeIcon } from './BadgeIcon/BadgeIcon';
+export { default as PdfView } from './FileView/PdfView';