@idds/react 1.1.86

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+/**
+ * PhoneInput component props.
+ *
+ * @param {(string | React.ReactNode)} [label] - The label displayed above the phone input field.
+ * @param {(string | number)} value - The current phone number value.
+ * @param {(val: string | number) => void} onChange - Callback fired when the phone number changes. Receives the new value.
+ * @param {string} placeholder - Placeholder text shown when the input is empty.
+ * @param {boolean} [required] - Whether the phone input is required.
+ */
+export interface PhoneInputProps {
+    label?: string | React.ReactNode;
+    value: string | number;
+    onChange: (val: string | number) => void;
+    placeholder: string;
+    required?: boolean;
+}
+export default function PhoneInput({ label, value, onChange, placeholder, required, }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PhoneInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,yCAAyC,CAAC;AAEjD;;;;;;;;GAQG;AAEH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAgB,GACjB,EAAE,eAAe,2CA6CjB"}

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

@@ -0,0 +1,32 @@
+export interface ProgressBarProps {
+    /**
+     * Whether the progress bar is visible
+     */
+    visible?: boolean;
+    /**
+     * Progress percentage (0-100)
+     */
+    progress?: number;
+    /**
+     * Animation duration in milliseconds
+     */
+    duration?: number;
+    /**
+     * Color variant
+     */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    /**
+     * Height of the progress bar
+     */
+    height?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether to show animated shimmer effect
+     */
+    shimmer?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+}
+export default function ProgressBar({ visible, progress, duration, variant, height, shimmer, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,OAAO,0CAA0C,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAc,EACd,QAAY,EACZ,QAAe,EACf,OAAmB,EACnB,MAAa,EACb,OAAc,EACd,SAAc,GACf,EAAE,gBAAgB,kDA6ClB"}

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface OptionItem {
+    value: string | number;
+    label: string;
+}
+/**
+ * RadioInput component props.
+ *
+ * @param {string} label - The label text displayed above the radio group.
+ * @param {(string | number | boolean)} value - The currently selected radio value.
+ * @param {OptionItem[]} options - An array of options to render, each with { value: string | number; label: string; }.
+ * @param {(val: string | number) => void} onChange - Callback fired when selection changes. Receives the newly selected value.
+ */
+export interface RadioInputProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
+    label: string;
+    value: string | number | boolean;
+    options: OptionItem[];
+    onChange: (val: string | number) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: 'vertical' | 'horizontal';
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+}
+export default function RadioInput({ label, value, options, onChange, disabled, size, orientation, required, error, helperText, className, ...rest }: RadioInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yCAAyC,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;GAOG;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,WAAwB,EACxB,QAAgB,EAChB,KAAa,EACb,UAAU,EACV,SAAc,EACd,GAAG,IAAI,EACR,EAAE,eAAe,2CAwDjB"}

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

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+/**
+ * SelectDropdown: komponen dropdown yang menampilkan daftar opsi dengan kemampuan search, infinite scroll, dan preview selected value.
+ *
+ * Fitur utama:
+ * - Search dengan debounce untuk performa optimal
+ * - Load More button untuk pagination data besar
+ * - Preview selected value di dalam panel
+ * - Support single dan multiple selection
+ * - Customizable rendering
+ *
+ * Props penting:
+ * - width:         lebar komponen (trigger + default popup). ex: 320 | '24rem' | '100%'
+ * - panelWidth:    lebar khusus popup; fallback ke width jika kosong
+ * - panelHeight:   tinggi maksimum popup (scroll otomatis). default: 600 (px)
+ * - hasMore:       apakah masih ada data yang bisa di-load (load more button)
+ * - loading:       apakah sedang loading data
+ * - currentPage:   halaman saat ini
+ * - onLoadMore:    callback untuk load data halaman berikutnya (triggered by button)
+ * - onSearch:      callback untuk search dengan debounce
+ * - searchDebounceMs: delay untuk debounce search (ms). default: 300
+ * - renderSelectedPreview: custom render untuk preview selected value
+ * - onRemoveSelected: callback untuk remove/deselect item dari preview
+ * - searchValue:   controlled search value (optional)
+ * - onSearchChange: callback untuk perubahan search value (controlled mode)
+ * - disabled:      apakah komponen dalam mode readonly/disabled
+ */
+export interface SelectOption {
+    label: string;
+    value: any;
+}
+export type SelectDropdownSize = 'sm' | 'md' | 'lg';
+export interface SelectDropdownProps {
+    options: SelectOption[];
+    selected: any | any[];
+    onSelect: (selectedValue: any | any[], rawValue?: any) => void;
+    placeholder?: string;
+    size?: SelectDropdownSize;
+    triggerClassName?: string;
+    panelClassName?: string;
+    renderOptionLabel?: (option: SelectOption) => ReactNode | undefined;
+    indicator?: 'check' | 'radio';
+    multiple?: boolean;
+    className?: string;
+    onClose?: () => void;
+    prefixNode?: ReactNode;
+    /** Lebar komponen (container + default popup). Contoh: 320, '24rem', '100%' */
+    width?: number | string;
+    /** (Opsional) Lebar khusus popup; jika tak diisi, ikut `width`. */
+    panelWidth?: number | string;
+    /** 🆕 Tinggi maksimum popup; overflow akan scroll. Default: 600px */
+    panelHeight?: number | string;
+    /** 🆕 Infinite Scroll Props */
+    /** Apakah masih ada data yang bisa di-load (untuk infinite scroll) */
+    hasMore?: boolean;
+    /** Apakah sedang loading data (untuk infinite scroll) */
+    loading?: boolean;
+    /** Halaman saat ini (untuk infinite scroll) */
+    currentPage?: number;
+    /** Callback untuk load data halaman berikutnya */
+    onLoadMore?: (page: number) => void;
+    /** Callback untuk search dengan debounce */
+    onSearch?: (searchTerm: string) => void;
+    /** Delay untuk debounce search (ms). Default: 300 */
+    searchDebounceMs?: number;
+    /** Custom render untuk preview selected value */
+    renderSelectedPreview?: (selected: any | any[]) => ReactNode;
+    /** Callback untuk remove/deselect item dari preview */
+    onRemoveSelected?: (value: any) => void;
+    /** Controlled search value (optional) - jika tidak disediakan, akan menggunakan internal state */
+    searchValue?: string;
+    /** Callback untuk perubahan search value (optional) - untuk controlled mode */
+    onSearchChange?: (searchTerm: string) => void;
+    /** Apakah komponen dalam mode readonly/disabled */
+    disabled?: boolean;
+    /** Tampilkan preview selected value. Default: true */
+    showPreviewValue?: boolean;
+}
+export default function SelectDropdown({ options, selected, onSelect, placeholder, size, triggerClassName, panelClassName, renderOptionLabel, indicator, multiple, className, onClose, prefixNode, width, panelWidth, panelHeight, // default 600px
+hasMore, loading, currentPage, onLoadMore, onSearch, searchDebounceMs, renderSelectedPreview, onRemoveSelected, searchValue, onSearchChange, disabled, showPreviewValue, }: SelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectDropdown.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+/**
+ * Skeleton component: placeholder loading indicator with left-to-right shimmer.
+ *
+ * @param {string} [className]        - Tambahan CSS classes untuk override.
+ * @param {'gray'|'blue'|'green'|'red'|'yellow'} [color] - Base background color (default: 'gray').
+ * @param {string} [width]            - CSS width value (optional).
+ * @param {string} [height]           - CSS height value (default: '32px').
+ * @param {'none'|'xs'|'sm'|'md'|'lg'|'full'} [rounded]
+ *                                     - Border radius size (default: 'md').
+ */
+export interface SkeletonProps {
+    className?: string;
+    color?: 'gray' | 'blue' | 'green' | 'red' | 'yellow';
+    width?: string;
+    height?: string;
+    rounded?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
+}
+export default function Skeleton({ className, color, width, // now optional
+height, rounded, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,sCAAsC,CAAC;AAmB9C;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,KAAc,EACd,KAAK,EAAE,eAAe;AACtB,MAAe,EACf,OAAc,GACf,EAAE,aAAa,2CAuBf"}

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

@@ -0,0 +1,22 @@
+/**
+ * Spinner component for search input with debounce.
+ *
+ * @param {number} [size] - The diameter of the spinner.
+ * @param {'thin'|'medium'|'thick'|'heavy'} [borderWidth] - The width of the spinner border.
+ * @param {'gray'|'light'|'dark'} [trackColor] - The track color of the spinner.
+ * @param {'primary'|'secondary'|'success'|'error'|'warning'|'info'|'inherit'} [color] - The color of the spinner.
+ * @param {string} [title] - The title below spinner.
+ * @param {string} [subtitle] - The subtitle below the title.
+ * @param {boolean} [spinnerOnly] - Set this prop true if you want to show spinner only.
+ */
+export interface SpinnerProps {
+    size?: number;
+    borderWidth?: 'thin' | 'medium' | 'thick' | 'heavy';
+    trackColor?: 'gray' | 'light' | 'dark';
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+    title?: string;
+    subtitle?: string;
+    spinnerOnly?: boolean;
+}
+export default function Spinner({ size, borderWidth, trackColor, color, title, subtitle, spinnerOnly, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,qCAAqC,CAAC;AAC7C;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,WAAsB,EACtB,UAAmB,EACnB,KAAiB,EACjB,KAA2B,EAC3B,QAAiD,EACjD,WAAmB,GACpB,EAAE,YAAY,2CAqCd"}

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface StepperItem {
+    /** Label text untuk step */
+    label: string;
+    /** Icon component untuk step (opsional, jika tidak ada akan menampilkan nomor step) */
+    icon?: ReactNode;
+    /** Content tambahan untuk step (digunakan pada vertical stepper) */
+    content?: ReactNode;
+    /** Apakah step disabled */
+    disabled?: boolean;
+}
+export interface StepperProps {
+    /** Array of step items */
+    steps: StepperItem[];
+    /** Index step yang sedang aktif (0-indexed) */
+    currentStep: number;
+    /** Orientasi stepper: horizontal atau vertical */
+    orientation?: 'horizontal' | 'vertical';
+    /** ClassName tambahan untuk container */
+    className?: string;
+    /** Callback saat step diklik */
+    onStepClick?: (stepIndex: number) => void;
+}
+export default function Stepper({ steps, currentStep, orientation, className, onStepClick, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,WAA0B,EAC1B,SAAS,EACT,WAAW,GACZ,EAAE,YAAY,2CAsEd"}

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export interface TabHorizontalItem {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabHorizontalProps {
+    /** Array of tab items */
+    items: TabHorizontalItem[];
+    /** Currently selected tab value */
+    value?: string;
+    /** Default selected tab value */
+    defaultValue?: string;
+    /** Callback when tab changes */
+    onChange?: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'md';
+    /** Visual variant of the tabs */
+    variant?: 'button-brand' | 'outline' | 'button-white';
+    /** Whether tabs should fill full width */
+    fullWidth?: boolean;
+    /** Whether to use brand primary color for outline and button-white variants */
+    useBrandColor?: boolean;
+    /** Whether tabs are disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom class name for tab container */
+    containerClassName?: string;
+    /** Custom class name for individual tabs */
+    tabClassName?: string;
+}
+export default function TabHorizontal({ items, value, defaultValue, onChange, size, variant, fullWidth, useBrandColor, disabled, className, containerClassName, tabClassName, }: TabHorizontalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabHorizontal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabHorizontal.d.ts","sourceRoot":"","sources":["../../../src/components/TabHorizontal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,GAAG,cAAc,CAAC;IACtD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,aAAqB,EACrB,QAAgB,EAChB,SAAc,EACd,kBAAuB,EACvB,YAAiB,GAClB,EAAE,kBAAkB,2CA2EpB"}

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export interface TabVerticalItem {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabVerticalProps {
+    /** Array of tab items */
+    items: TabVerticalItem[];
+    /** Currently selected tab value */
+    value?: string;
+    /** Default selected tab value */
+    defaultValue?: string;
+    /** Callback when tab changes */
+    onChange?: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'md';
+    /** Visual variant of the tabs */
+    variant?: 'button-brand' | 'outline' | 'button-white';
+    /** Whether to use brand primary color for outline and button-white variants */
+    useBrandColor?: boolean;
+    /** Whether tabs are disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom class name for tab container */
+    containerClassName?: string;
+    /** Custom class name for individual tabs */
+    tabClassName?: string;
+    /** Width of the vertical tab container */
+    width?: string | number;
+}
+export default function TabVertical({ items, value, defaultValue, onChange, size, variant, useBrandColor, disabled, className, containerClassName, tabClassName, width, }: TabVerticalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabVertical.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabVertical.d.ts","sourceRoot":"","sources":["../../../src/components/TabVertical.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,GAAG,cAAc,CAAC;IACtD,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAW,EACX,OAAmB,EACnB,aAAqB,EACrB,QAAgB,EAChB,SAAc,EACd,kBAAuB,EACvB,YAAiB,EACjB,KAAe,GAChB,EAAE,gBAAgB,2CA4ElB"}

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

@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+export interface Column {
+    header: string;
+    accessor: string;
+    sortable?: boolean;
+    render?: (row: any) => ReactNode;
+}
+export interface FetchParams {
+    page: number;
+    pageSize: number;
+    sortField: string | null;
+    sortOrder: 'asc' | 'desc' | null;
+    searchTerm: string;
+}
+export interface FetchResult {
+    data: any[];
+    total: number;
+}
+export interface EditorProps {
+    row: any;
+    value: any;
+    onChange: (val: any) => void;
+    onCommit: () => void;
+    onCancel: () => void;
+}
+export interface EditableColumn {
+    accessor: string;
+    editor: (props: EditorProps) => ReactNode;
+}
+export interface TableProps {
+    columns: Column[];
+    fetchData: (params: FetchParams) => Promise<FetchResult>;
+    initialPageSize?: number;
+    pageSizeOptions?: number[];
+    initialSortField?: string | null;
+    initialSortOrder?: 'asc' | 'desc' | null;
+    placeholderSearch?: string;
+    searchPlaceholder?: string;
+    buttonSearchLabel?: string;
+    className?: string;
+    /** jika true, tambahkan kolom checkbox di paling kiri */
+    selectable?: boolean;
+    /** callback dipanggil saat user pilih beberapa row */
+    onSelectionChange?: (selectedRows: any[]) => void;
+    /** konfigurasi kolom yang bisa diedit */
+    editableColumns?: EditableColumn[];
+    /** callback dipanggil saat user commit perubahan 1 row */
+    onRowUpdate?: (updatedRow: any) => void;
+    /** nama properti unik sebagai key row (default: "id") */
+    rowKey?: string;
+    showSearch?: boolean;
+    /** apakah row bisa diklik */
+    rowClickable?: boolean;
+    /** callback dipanggil saat user klik row (tidak dipanggil jika ada button action di cell) */
+    onRowClick?: (row: any) => void;
+    /** apakah kolom terakhir (biasanya Actions) sticky saat scroll horizontal */
+    lastColumnSticky?: boolean;
+    /** Custom render function untuk sort indicator wrapper */
+    renderSortIndicator?: (params: {
+        column: Column;
+        index: number;
+        isSorted: boolean;
+        sortOrder: 'asc' | 'desc' | null;
+        handleSort: (order: 'asc' | 'desc') => void;
+    }) => ReactNode;
+}
+export default function Table({ columns, fetchData, initialPageSize, pageSizeOptions, initialSortField, initialSortOrder, placeholderSearch, // Deprecated: use searchPlaceholder instead
+searchPlaceholder, buttonSearchLabel, className, selectable, onSelectionChange, editableColumns, onRowUpdate, rowKey, showSearch, rowClickable, onRowClick, lastColumnSticky, renderSortIndicator, }: TableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+export interface TableProgressBarProps {
+    /**
+     * Whether the progress bar is visible
+     */
+    visible?: boolean;
+    /**
+     * Whether to show loading state
+     */
+    loading?: boolean;
+    /**
+     * Color variant
+     */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    /**
+     * Custom className
+     */
+    className?: string;
+}
+export default function TableProgressBar({ visible, loading, variant, className, }: TableProgressBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TableProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableProgressBar.tsx"],"names":[],"mappings":"AAGA,OAAO,gDAAgD,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAc,EACd,OAAe,EACf,OAAmB,EACnB,SAAc,GACf,EAAE,qBAAqB,kDAmDvB"}

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

@@ -0,0 +1,57 @@
+import { default as React, ReactNode } from 'react';
+import { SecurityConfig } from '../utils/security';
+export type TextAreaStatus = 'neutral' | 'error' | 'warning' | 'success';
+/**
+ * TextArea — textarea autosize serupa TextField, dengan:
+ * - controlled value + optional debounce
+ * - prefix/suffix icons
+ * - status indicator (error/warning/success)
+ * - helper text / status message
+ * - character count
+ * - clear button
+ * - autosize antara `minRows` hingga `maxRows`
+ *
+ * @param {string} value                        Controlled value.
+ * @param {(val: string) => void} onChange      Callback on change.
+ * @param {number} [debounce=0]                 Debounce ms untuk onChangeDebounced.
+ * @param {(val: string) => void} [onChangeDebounced]
+ *                                              Callback setelah debounce.
+ * @param {ReactNode} [prefixIcon]              Icon sebelum textarea.
+ * @param {ReactNode} [suffixIcon]              Icon setelah tombol clear.
+ * @param {ReactNode} [label]                   Label di atas textarea.
+ * @param {ReactNode} [helperText]              Teks bantuan di bawah.
+ * @param {'neutral'|'error'|'warning'|'success'} [status='neutral']
+ *                                              Status visual.
+ * @param {ReactNode} [statusMessage]           Pesan sesuai status.
+ * @param {number} [maxLength]                  Maks karakter.
+ * @param {boolean} [showCharCount=false]       Tampilkan counter.
+ * @param {boolean} [showClearButton=true]      Tampilkan tombol clear.
+ * @param {number} [minRows=3]                  Baris minimal.
+ * @param {number} [maxRows]                    Baris maksimal untuk autosize.
+ * @param {string} [placeholder]                Placeholder.
+ * @param {boolean} [disabled=false]            Disabled state.
+ * @param {string} [className]                  Class tambahan wrapper.
+ */
+export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    value: string;
+    onChange: (val: string) => void;
+    debounce?: number;
+    onChangeDebounced?: (val: string) => void;
+    prefixIcon?: ReactNode;
+    suffixIcon?: ReactNode;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    status?: TextAreaStatus;
+    statusMessage?: ReactNode;
+    maxLength?: number;
+    showCharCount?: boolean;
+    showClearButton?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    securityConfig?: SecurityConfig;
+}
+export default function TextArea({ value, onChange, debounce, onChangeDebounced, prefixIcon, suffixIcon, label, helperText, status, statusMessage, maxLength, showCharCount, showClearButton, minRows, maxRows, placeholder, disabled, className, securityConfig, onBlur, ...rest }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,uCAAuC,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAU,EACV,MAAkB,EAClB,aAAa,EACb,SAAS,EACT,aAAqB,EACrB,eAAsB,EACtB,OAAW,EACX,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,SAAc,EACd,cAAwC,EACxC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,aAAa,2CAoKf"}

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

@@ -0,0 +1,61 @@
+import { default as React, ReactNode, ChangeEvent } from 'react';
+import { SecurityConfig } from '../utils/security';
+export type TextFieldStatus = 'neutral' | 'error' | 'warning' | 'success';
+export type TextFieldSize = 'sm' | 'md' | 'lg';
+/**
+ * TextField — input standar dengan:
+ * - Controlled value + optional debounce
+ * - Prefix & suffix icons
+ * - Status indicator (error/warning/success)
+ * - Helper text / status message
+ * - Character count
+ * - Clear button (IconX) dengan custom callback
+ *
+ * @param {string} value                        Nilai controlled input.
+ * @param {(val: string) => void} onChange      Callback saat input berubah.
+ * @param {number} [debounce=0]                 Debounce ms untuk onChangeDebounced.
+ * @param {(val: string) => void} [onChangeDebounced]
+ *                                             Callback setelah debounce ms.
+ * @param {ReactNode} [prefixIcon]              Icon prefix sebelum input.
+ * @param {ReactNode} [suffixIcon]              Icon suffix setelah clear button.
+ * @param {ReactNode} [label]                   Label di atas input.
+ * @param {ReactNode} [helperText]              Teks bantuan di bawah input.
+ * @param {'neutral'|'error'|'warning'|'success'} [status='neutral']
+ *                                             Status visual input.
+ * @param {ReactNode} [statusMessage]           Pesan sesuai status (override helperText).
+ * @param {number} [maxLength]                  Maks karakter.
+ * @param {boolean} [showCharCount=false]       Tampilkan penghitung karakter.
+ * @param {boolean} [showClearButton=true]      Tampilkan tombol clear (IconX) jika ada teks.
+ * @param {() => void} [onClear]                Callback saat tombol clear diklik.
+ *                                             Berguna untuk reset API data, stop loading,
+ *                                             analytics tracking, dll.
+ * @param {string} [placeholder]                Placeholder input.
+ * @param {boolean} [disabled=false]            Disable state.
+ * @param {string} [className]                  Class tambahan pada wrapper.
+ */
+export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {
+    value: string;
+    onChange: (val: string) => void;
+    /** Callback yang memberikan akses ke event object lengkap, sama seperti emit('input', event) di Vue */
+    onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
+    debounce?: number;
+    onChangeDebounced?: (val: string) => void;
+    prefixIcon?: ReactNode;
+    suffixIcon?: ReactNode;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    status?: TextFieldStatus;
+    statusMessage?: ReactNode;
+    size?: TextFieldSize;
+    maxLength?: number;
+    showCharCount?: boolean;
+    showClearButton?: boolean;
+    onClear?: () => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    securityConfig?: SecurityConfig;
+}
+declare function TextField({ value, onChange, onInput, debounce, onChangeDebounced, prefixIcon, suffixIcon, label, helperText, status, statusMessage, size, maxLength, showCharCount, showClearButton, onClear, placeholder, disabled, className, securityConfig, onBlur, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAET,WAAW,EACZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,MAAM,CACpB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,uGAAuG;IACvG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAU,EACV,MAAkB,EAClB,aAAa,EACb,IAAW,EACX,SAAS,EACT,aAAqB,EACrB,eAAsB,EACtB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,SAAc,EACd,cAAwC,EACxC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,cAAc,2CAiKhB;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export interface ThemeToggleProps {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    showLabel?: boolean;
+}
+export default function ThemeToggle({ className, size, showLabel, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAW,EACX,SAAiB,GAClB,EAAE,gBAAgB,2CAmElB"}