@idds/react 1.1.86

package/dist/types/components/Drawer.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+/**
+ * Drawer — panel geser dari satu sisi layar.
+ *
+ * @param {boolean} isOpen                 Kontrol apakah drawer terbuka.
+ * @param {() => void} onClose             Callback saat drawer ditutup.
+ * @param {'right'|'left'|'top'|'bottom'} [position] Sisi munculnya drawer. Default: "right".
+ * @param {boolean} [closeOnBackdrop]      Klik backdrop menutup? Default: true.
+ * @param {string} [className]             Class tailwind tambahan untuk panel.
+ * @param {ReactNode} children             Konten di dalam drawer.
+ */
+export interface DrawerProps {
+    /** Apakah drawer terbuka? */
+    isOpen: boolean;
+    /** Callback saat drawer ditutup */
+    onClose: () => void;
+    /**
+     * Sisi kemana drawer muncul di desktop.
+     * - 'right' | 'left' | 'top' | 'bottom'
+     * @default 'right'
+     */
+    position?: 'right' | 'left' | 'top' | 'bottom';
+    /** Klik backdrop menutup? @default true */
+    closeOnBackdrop?: boolean;
+    /** Tailwind class tambahan untuk panel */
+    className?: string;
+    /** Width panel (desktop) - 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | custom string */
+    width?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string;
+    /** Title yang ditampilkan di header */
+    title?: string;
+    /** Konten di dalam drawer */
+    children: ReactNode;
+}
+export default function Drawer({ isOpen, onClose, position, closeOnBackdrop, className, width, title, children, }: DrawerProps): import('react').ReactPortal | null;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/types/components/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIvD,OAAO,oCAAoC,CAAC;AAE5C;;;;;;;;;GASG;AAEH,MAAM,WAAW,WAAW;IAC1B,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C,2CAA2C;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5D,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,QAAkB,EAClB,eAAsB,EACtB,SAAc,EACd,KAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,sCAgIb"}

package/dist/types/components/Dropdown.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * Dropdown component yang menampilkan dropdown menu dengan positioning otomatis.
+ * Komponen generik yang bisa digunakan untuk berbagai keperluan dropdown.
+ *
+ * @param {ReactNode} trigger - Trigger element untuk membuka dropdown (wajib diisi).
+ * @param {ReactNode[]} items - Array of ReactNode yang akan ditampilkan sebagai item dropdown. User bebas mendefine item apapun (button, div, span, dll).
+ * @param {string} [className] - ClassName tambahan untuk override styling container trigger (opsional).
+ * @param {string} [dropdownClassName] - ClassName tambahan untuk override styling kotak dropdown (opsional). Menggunakan tailwind-merge agar class user menang.
+ * @param {CSSProperties} [dropdownStyle] - Inline style tambahan untuk kotak dropdown (opsional).
+ * @param {boolean} [disabled] - Jika true, dropdown tidak bisa dibuka (opsional).
+ * @param {number} [dropdownWidth] - Lebar dropdown dalam pixel. Default: 160.
+ */
+export interface DropdownProps {
+    trigger: ReactNode;
+    items: ReactNode[];
+    className?: string;
+    dropdownClassName?: string;
+    dropdownStyle?: CSSProperties;
+    disabled?: boolean;
+    dropdownWidth?: number;
+}
+export default function Dropdown({ trigger, items, className, dropdownClassName, dropdownStyle, disabled, dropdownWidth, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/types/components/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,SAAS,EAKT,aAAa,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,sCAAsC,CAAC;AAE9C;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,SAAc,EACd,iBAAsB,EACtB,aAAa,EACb,QAAgB,EAChB,aAAmB,GACpB,EAAE,aAAa,2CAoHf"}

package/dist/types/components/FieldInputTable.d.ts

@@ -0,0 +1,33 @@
+export interface FieldInputTableProps {
+    /** Nilai teks yang sedang diedit */
+    value: string | number | any;
+    /** Callback saat user mengetik ( setiap perubahan ) */
+    onChange: (val: string) => void;
+    /** Callback saat user commit (klik ✓ atau tekan Enter) */
+    onCommit?: () => void;
+    /** Callback saat user batal (klik ✕ atau tekan Esc) */
+    onCancel: () => void;
+    /** Placeholder teks */
+    placeholder?: string;
+    /** ClassName tambahan untuk wrapper (jika perlu) */
+    className?: string;
+}
+/**
+ * FieldInputTable — input inline untuk table‑cell editing.
+ *
+ * Tampilan:
+ * - Hanya garis bawah (underline) tanpa box.
+ * - Placeholder di atas garis bawah.
+ * - Tombol ✓ dan ✕ di sisi kanan.
+ *
+ * Cara pakai:
+ * <FieldInputTable
+ *   value={bufferValue}
+ *   onChange={setBufferValue}
+ *   onCommit={doCommit}
+ *   onCancel={doCancel}
+ *   placeholder="Edit email..."
+ * />
+ */
+export default function FieldInputTable({ value, onChange, onCommit, onCancel, placeholder, className, }: FieldInputTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldInputTable.d.ts.map

package/dist/types/components/FieldInputTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInputTable.d.ts","sourceRoot":"","sources":["../../../src/components/FieldInputTable.tsx"],"names":[],"mappings":"AAIA,OAAO,+CAA+C,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;IAC7B,uDAAuD;IACvD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,SAAc,GACf,EAAE,oBAAoB,2CA0DtB"}

package/dist/types/components/FileUpload.d.ts

@@ -0,0 +1,86 @@
+import { FileValidationResult } from '../utils/fileValidation';
+/**
+ * FileUpload component dengan drag and drop, multiple file support,
+ * dan validasi mimeType untuk keamanan.
+ *
+ * @param {string} [label] - Label untuk file upload.
+ * @param {string} [title] - Title di dalam dropzone (default: "Unggah File").
+ * @param {string} [description] - Description di dalam dropzone.
+ * @param {string} [type] - Tipe file yang diizinkan (MIME types, e.g., "image/*,application/pdf").
+ * @param {boolean} [multiple] - Apakah bisa upload multiple files (default: false).
+ * @param {number} [maxSize] - Ukuran maksimum file dalam bytes (0 = unlimited).
+ * @param {boolean} [disabled] - Apakah disabled.
+ * @param {string} [className] - ClassName tambahan.
+ * @param {(files: File[], errors: FileValidationResult[]) => void} [onChange] - Callback ketika file berubah.
+ * @param {(file: File, index: number) => void} [onRemove] - Callback ketika file dihapus.
+ */
+export type FileUploadStatus = 'idle' | 'uploading' | 'success' | 'error';
+export interface UploadedFile {
+    file: File;
+    status: FileUploadStatus;
+    error?: string;
+    progress?: number;
+}
+export interface FileUploadProps {
+    /**
+     * Label untuk file upload.
+     */
+    label?: string;
+    /**
+     * Title di dalam dropzone.
+     */
+    title?: string;
+    /**
+     * Description di dalam dropzone.
+     */
+    description?: string;
+    /**
+     * Tipe file yang diizinkan (MIME types, e.g., "image/*,application/pdf").
+     */
+    type?: string;
+    /**
+     * Apakah bisa upload multiple files.
+     */
+    multiple?: boolean;
+    /**
+     * Ukuran maksimum file dalam bytes (0 = unlimited).
+     */
+    maxSize?: number;
+    /**
+     * Ekstensi file yang diizinkan (e.g., ['png', 'jpg', 'pdf']).
+     * Jika disediakan, akan divalidasi selain MIME type.
+     */
+    allowedExtensions?: string[];
+    /**
+     * Maksimal jumlah file yang bisa diupload (hanya untuk multiple=true).
+     */
+    maxFiles?: number;
+    /**
+     * Maksimal ukuran total semua file dalam MB (hanya untuk multiple=true).
+     */
+    maxTotalSizeMB?: number;
+    /**
+     * Validasi magic number (file signature) sesuai rekomendasi OWASP.
+     * Default: true untuk security maksimal.
+     */
+    validateMagicNumber?: boolean;
+    /**
+     * Apakah disabled.
+     */
+    disabled?: boolean;
+    /**
+     * ClassName tambahan.
+     */
+    className?: string;
+    /**
+     * Callback ketika file berubah.
+     */
+    onChange?: (files: File[], errors: FileValidationResult[]) => void;
+    /**
+     * Callback ketika file dihapus.
+     */
+    onRemove?: (file: File, index: number) => void;
+}
+export default function FileUpload({ label, title, description, type, multiple, maxSize, allowedExtensions, maxFiles, maxTotalSizeMB, validateMagicNumber, // Default: true sesuai rekomendasi OWASP
+disabled, className, onChange, onRemove, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/types/components/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload.tsx"],"names":[],"mappings":"AAWA,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,yBAAyB,CAAC;AAGjC;;;;;;;;;;;;;;GAcG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,KAAqB,EACrB,WAA+D,EAC/D,IAAS,EACT,QAAgB,EAChB,OAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,mBAA0B,EAAE,yCAAyC;AACrE,QAAgB,EAChB,SAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,2CA4bjB"}

package/dist/types/components/InputSearch.d.ts

@@ -0,0 +1,14 @@
+export interface InputSearchProps {
+    className?: string;
+    label?: string;
+    value: any;
+    onBlur?: () => void;
+    onChange: (val: any) => any;
+    onFocus?: () => void;
+    placeholder?: string;
+    required?: boolean;
+    debounce?: number;
+    disabled?: boolean;
+}
+export default function InputSearch({ className, label, value, onBlur, onChange, onFocus, placeholder, required, debounce, disabled, }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputSearch.d.ts.map

package/dist/types/components/InputSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch.d.ts","sourceRoot":"","sources":["../../../src/components/InputSearch.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;;;GAaG;AAOH,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,KAAU,EACV,KAAU,EACV,MAAkB,EAClB,QAA4B,EAC5B,OAAmB,EACnB,WAAgB,EAChB,QAAgB,EAChB,QAAY,EACZ,QAAgB,GACjB,EAAE,gBAAgB,2CAmFlB"}

package/dist/types/components/LinearProgressIndicator.d.ts

@@ -0,0 +1,16 @@
+export interface LinearProgressIndicatorProps {
+    /**
+     * Progress percentage (0-100)
+     */
+    value?: number;
+    /**
+     * Whether the progress indicator is visible
+     */
+    visible?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+}
+export default function LinearProgressIndicator({ value, visible, className, }: LinearProgressIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LinearProgressIndicator.d.ts.map

package/dist/types/components/LinearProgressIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/LinearProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,uDAAuD,CAAC;AAE/D,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,KAAS,EACT,OAAc,EACd,SAAc,GACf,EAAE,4BAA4B,kDAoB9B"}

package/dist/types/components/List/List.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * ListProps — Props untuk List:
+ * @param {ReactNode} children — ListSubheader dan/atau ListItem.
+ * @param {boolean} [disablePadding=false] — jika true, hapus padding vertikal.
+ * @param {boolean} [dense=false] — jika true, gunakan padding compact.
+ * @param {ReactNode} [subheader] — konten subheader di atas daftar.
+ * @param {string} [className] — className tambahan pada <ul>.
+ */
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    disablePadding?: boolean;
+    dense?: boolean;
+    subheader?: ReactNode;
+    className?: string;
+}
+export default function List({ children, disablePadding, dense, subheader, className, ...rest }: ListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/dist/types/components/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,cAAsB,EACtB,KAAa,EACb,SAAS,EACT,SAAc,EACd,GAAG,IAAI,EACR,EAAE,SAAS,2CAeX"}

package/dist/types/components/List/ListItem.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type ListItemAlignItems = 'flex-start' | 'center';
+/**
+ * ListItemProps — Props untuk ListItem:
+ * @param {ReactNode} children — konten ListItem (biasanya ListItemButton).
+ * @param {boolean} [dense=false] — jika true, padding compact.
+ * @param {ListItemAlignItems} [alignItems='center'] — alignment vertikal.
+ * @param {boolean} [button=false] — jika true, hoverable + cursor-pointer.
+ * @param {string} [className] — className tambahan.
+ */
+export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
+    children: ReactNode;
+    dense?: boolean;
+    alignItems?: ListItemAlignItems;
+    button?: boolean;
+    className?: string;
+}
+export default function ListItem({ children, dense, alignItems, button, className, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/types/components/List/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,aAAa,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,KAAa,EACb,UAAqB,EACrB,MAAc,EACd,SAAc,EACd,GAAG,IAAI,EACR,EAAE,aAAa,2CAcf"}

package/dist/types/components/List/ListItemAvatar.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type ListItemAvatarAlign = 'flex-start' | 'center';
+/**
+ * ListItemAvatarProps — Props untuk ListItemAvatar:
+ * @param {ReactNode} children — avatar element (img/Avatar).
+ * @param {ListItemAvatarAlign} [align='center'] — vertical alignment.
+ * @param {string} [className] — className tambahan.
+ */
+export interface ListItemAvatarProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    align?: ListItemAvatarAlign;
+    className?: string;
+}
+export default function ListItemAvatar({ children, align, className, ...rest }: ListItemAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemAvatar.d.ts.map

package/dist/types/components/List/ListItemAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItemAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,KAAgB,EAChB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAOrB"}

package/dist/types/components/List/ListItemButton.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * ListItemButtonProps — Props untuk ListItemButton:
+ * @param {ReactNode} children — konten button (icon, text, dll).
+ * @param {string} [className] — className tambahan.
+ */
+export interface ListItemButtonProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export default function ListItemButton({ children, className, ...rest }: ListItemButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemButton.d.ts.map

package/dist/types/components/List/ListItemButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItemButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAWrB"}

package/dist/types/components/List/ListItemIcon.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * ListItemIconProps — Props untuk ListItemIcon:
+ * @param {ReactNode} children — icon element.
+ * @param {string} [className] — className tambahan.
+ */
+export interface ListItemIconProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export default function ListItemIcon({ children, className, ...rest }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemIcon.d.ts.map

package/dist/types/components/List/ListItemIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItemIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAMnB"}

package/dist/types/components/List/ListItemText.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * ListItemTextProps — Props untuk ListItemText:
+ * @param {ReactNode} primary — teks utama.
+ * @param {ReactNode} [secondary] — teks sekunder.
+ * @param {string} [className] — className tambahan.
+ */
+export interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    className?: string;
+}
+export default function ListItemText({ primary, secondary, className, ...rest }: ListItemTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemText.d.ts.map

package/dist/types/components/List/ListItemText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemText.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItemText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,EACP,SAAS,EACT,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CASnB"}

package/dist/types/components/List/ListSubheader.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * ListSubheaderProps — Props untuk ListSubheader:
+ * @param {boolean} [inset=false] — jika true, tambahkan indentasi.
+ * @param {boolean} [disableSticky=false] — jika true, non‐aktifkan sticky.
+ * @param {string} [className] — className tambahan.
+ * @param {ReactNode} children — konten subheader.
+ */
+export interface ListSubheaderProps extends HTMLAttributes<HTMLLIElement> {
+    inset?: boolean;
+    disableSticky?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export default function ListSubheader({ inset, disableSticky, className, children, ...rest }: ListSubheaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListSubheader.d.ts.map

package/dist/types/components/List/ListSubheader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSubheader.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSubheader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAa,EACb,aAAqB,EACrB,SAAc,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAcpB"}

package/dist/types/components/Modal.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    closeOnBackdrop?: boolean;
+    /** Override target portal bila perlu (default: document.body) */
+    container?: Element | null;
+    dialogClassname?: string;
+}
+export default function Modal({ open, onClose, title, children, closeOnBackdrop, container, dialogClassname, }: ModalProps): import('react').ReactPortal | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/types/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAG/D,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,SAAS,EACT,eAAe,GAChB,EAAE,UAAU,sCAuHZ"}

package/dist/types/components/MonthPicker.d.ts

@@ -0,0 +1,39 @@
+export type MonthPickerSize = 'sm' | 'md' | 'lg';
+export interface MonthPickerProps {
+    /** Current selected month (0-11) */
+    value?: number;
+    /** Default month (0-11) */
+    defaultValue?: number;
+    /** Callback when month changes */
+    onChange?: (month: number) => void;
+    /** Custom class name */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Whether the picker is readonly */
+    readonly?: boolean;
+    /** Whether to show the picker */
+    open?: boolean;
+    /** Callback when picker opens/closes */
+    onOpenChange?: (open: boolean) => void;
+    /** Language for month names */
+    locale?: 'id' | 'en';
+    /** Disable months before current month */
+    disabledBackMonth?: boolean;
+    /** Disable months after current month */
+    disabledFutureMonth?: boolean;
+    /** Disable months before this specific month (0-11) */
+    disabledMonthBefore?: number;
+    /** Disable months after this specific month (0-11) */
+    disabledMonthAfter?: number;
+    /** Whether to show the calendar icon on the left */
+    showIcon?: boolean;
+    /** Whether to show the clear button */
+    showClearButton?: boolean;
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Size variant */
+    size?: MonthPickerSize;
+}
+export default function MonthPicker({ value, defaultValue, onChange, className, disabled, readonly, open, onOpenChange, locale, disabledBackMonth, disabledFutureMonth, disabledMonthBefore, disabledMonthAfter, showIcon, showClearButton, onClear, size, }: MonthPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MonthPicker.d.ts.map

package/dist/types/components/MonthPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MonthPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,IAAY,EACZ,YAAY,EACZ,MAAa,EACb,iBAAyB,EACzB,mBAA2B,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,OAAO,EACP,IAAW,GACZ,EAAE,gBAAgB,2CAsYlB"}

package/dist/types/components/MultipleChoiceGrid.d.ts

@@ -0,0 +1,32 @@
+export interface GridColumn {
+    id: string;
+    label: string;
+    order: number;
+}
+export interface GridRow {
+    id: string;
+    label: string;
+    order: number;
+}
+export interface GridSelection {
+    rowId: string;
+    columnId: string;
+}
+export interface MultipleChoiceGridProps {
+    /** Array of column definitions */
+    columns: GridColumn[];
+    /** Array of row definitions */
+    rows: GridRow[];
+    /** Current selections - array of {rowId, columnId} */
+    selected?: GridSelection[];
+    /** Callback when selection changes */
+    onChange?: (selections: GridSelection[]) => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the grid is disabled */
+    disabled?: boolean;
+    /** Grid name for radio button grouping */
+    name?: string;
+}
+export default function MultipleChoiceGrid({ columns, rows, selected, onChange, className, disabled, name, }: MultipleChoiceGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultipleChoiceGrid.d.ts.map

package/dist/types/components/MultipleChoiceGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceGrid.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleChoiceGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,kDAAkD,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,+BAA+B;IAC/B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACjD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,IAAI,EACJ,QAAa,EACb,QAAQ,EACR,SAAc,EACd,QAAgB,EAChB,IAA6B,GAC9B,EAAE,uBAAuB,2CAyFzB"}

package/dist/types/components/Pagination.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Pagination component dengan:
+ * - Tombol « (go to first), ‹ (prev), nomor halaman, › (next), » (last)
+ * - Dropdown “Baris per halaman”
+ * - Teks “Halaman X dari Y”
+ *
+ * @param {number} currentPage - Halaman saat ini (1‐indexed).
+ * @param {number} totalPages - Total jumlah halaman.
+ * @param {number} pageSize - Jumlah baris per halaman saat ini.
+ * @param {number[]} pageSizeOptions - Daftar opsi pageSize (misal [10,20,50]).
+ * @param {(page: number) => void} onPageChange - Callback ketika user memilih halaman baru.
+ * @param {(newPageSize: number) => void} onPageSizeChange - Callback ketika pageSize diganti.
+ * @param {boolean} [disabled] - Jika true, semua kontrol disabled.
+ */
+export interface PaginationProps {
+    /**
+     * Halaman saat ini (1‐indexed).
+     */
+    currentPage: number;
+    /**
+     * Total halaman (dihitung dari total data / pageSize).
+     */
+    totalPages: number;
+    /**
+     * Jumlah baris per halaman saat ini.
+     */
+    pageSize: number;
+    /**
+     * Opsi‐opsi jumlah baris per halaman (misal: [10, 20, 50, 100]).
+     */
+    pageSizeOptions: number[];
+    /**
+     * Callback ketika user mengganti halaman (klik nomor, Prev, Next, dll).
+     *
+     * @param {number} page → nomor halaman baru (1‐indexed).
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Callback ketika user mengganti pageSize (dropdown “Baris per halaman”).
+     *
+     * @param {number} newPageSize → jumlah baris per halaman baru.
+     */
+    onPageSizeChange: (newPageSize: number) => void;
+    /**
+     * Jika true, pagination akan men‐disable semua kontrol navigasi.
+     * Misalnya: saat sedang loading data atau tidak ada data sama sekali.
+     */
+    disabled?: boolean;
+    /**
+     * Jika true, layout akan menjadi full width dengan justify-between.
+     * Cocok untuk digunakan di dalam Table component.
+     * - Desktop: dropdown di kiri, nav di kanan (justify-between)
+     * - Mobile: dropdown di atas, nav di bawah (flex-col)
+     */
+    fullWidth?: boolean;
+}
+export default function Pagination({ currentPage, totalPages, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, disabled, fullWidth, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/types/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,wCAAwC,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,eAAe,EAAE,MAAM,EAAE,CAAC;IAE1B;;;;OAIG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,QAAgB,EAChB,SAAiB,GAClB,EAAE,eAAe,kDA0KjB"}

package/dist/types/components/PasswordInput.d.ts

@@ -0,0 +1,75 @@
+import { default as React, ReactNode } from 'react';
+/**
+ * PasswordInput — sama seperti TextField, tetapi dengan tombol toggle visibility:
+ * - type="password" secara default, bisa toggle ke "text".
+ * - menggunakan IconEye / IconEyeOff dari Tabler Icons.
+ *
+ * @param {string} value               Nilai controlled input.
+ * @param {(val: string) => void} onChange Callback tiap perubahan.
+ * @param {number} [debounce]          Debounce ms untuk onChangeDebounced.
+ * @param {(val: string) => void} [onChangeDebounced] Callback setelah debounce.
+ * @param {ReactNode} [prefixIcon]     Icon di depan field.
+ * @param {ReactNode} [label]          Label di atas field.
+ * @param {ReactNode} [helperText]     Teks bantuan (opsional).
+ * @param {'neutral'|'error'|'warning'|'success'} [status] Status visual.
+ * @param {ReactNode} [statusMessage]  Pesan sesuai status.
+ * @param {number} [maxLength]         Maks karakter.
+ * @param {boolean} [showCharCount]    Tampilkan penghitung karakter.
+ * @param {string} [placeholder]       Placeholder input.
+ * @param {boolean} [disabled]         Disable state.
+ * @param {string} [className]         ClassName tambahan pada wrapper.
+ */
+export type PasswordInputStatus = 'neutral' | 'error' | 'warning' | 'success';
+export type PasswordInputSize = 'sm' | 'md' | 'lg';
+export interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'> {
+    /**
+     * Nilai controlled untuk password.
+     */
+    value: string;
+    /**
+     * Callback dipanggil setiap kali nilai berubah.
+     */
+    onChange: (val: string) => void;
+    /**
+     * Durasi debounce dalam ms untuk onChangeDebounced. Default: 0 (no debounce).
+     */
+    debounce?: number;
+    /**
+     * Callback dipanggil setelah delay `debounce` ms dari terakhir ketikan.
+     */
+    onChangeDebounced?: (val: string) => void;
+    /**
+     * Icon di depan field (opsional).
+     */
+    prefixIcon?: ReactNode;
+    /**
+     * Label di atas input (opsional).
+     */
+    label?: ReactNode;
+    /**
+     * Teks bantuan di bawah field (opsional).
+     */
+    helperText?: ReactNode;
+    /**
+     * Status visual: neutral (default), error, warning, success.
+     */
+    status?: PasswordInputStatus;
+    /**
+     * Pesan yang muncul sesuai status (meng-override helperText bila status≠neutral).
+     */
+    statusMessage?: ReactNode;
+    /**
+     * Size variant: sm, md (default), lg.
+     */
+    size?: PasswordInputSize;
+    /**
+     * Maksimum panjang karakter.
+     */
+    maxLength?: number;
+    /**
+     * Jika true, tampilkan penghitung karakter: current/maxLength.
+     */
+    showCharCount?: boolean;
+}
+export default function PasswordInput({ value, onChange, debounce, onChangeDebounced, prefixIcon, label, helperText, status, statusMessage, size, maxLength, showCharCount, placeholder, disabled, className, onBlur, ...rest }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/types/components/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,OAAO,4CAA4C,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,GAAG,MAAM,CAC7B;IACD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,QAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,KAAK,EACL,UAAU,EACV,MAAkB,EAClB,aAAa,EACb,IAAW,EACX,SAAS,EACT,aAAqB,EACrB,WAAW,EACX,QAAgB,EAChB,SAAc,EACd,MAAM,EACN,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAgIpB"}