spotlibs-components 0.1.6 → 0.1.8

package/dist/index.d.mts

@@ -1,268 +1,187 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { SxProps } from '@mui/material/styles';
-
-interface BaseAlertProps {
-  variant?: string;
-  type?: string;
-  title?: React.ReactNode;
-  children?: React.ReactNode;
-  icon?: React.ReactNode;
-  color?: string;
-  sx?: any;
-  onClose?: () => void;
-  childrenStyle?: React.CSSProperties;
-  [key: string]: any;
-}
-
-declare function BaseAlert(
-  props: BaseAlertProps,
-): React.ReactElement | null;
-
-interface PrimitiveColorType {
-  color_overlay: string;
-
-  color_palette_neutral_100: string;
-  color_palette_neutral_90: string;
-  color_palette_neutral_80: string;
-  color_palette_neutral_70: string;
-  color_palette_neutral_60: string;
-  color_palette_neutral_50: string;
-  color_palette_neutral_40: string;
-  color_palette_neutral_30: string;
-  color_palette_neutral_20: string;
-  color_palette_neutral_10: string;
-
-  color_palette_dark_blue: string;
-  color_palette_blue: string;
-  color_palette_light_blue: string;
-
-  color_palette_dark_orange: string;
-  color_palette_orange: string;
-  color_palette_light_orange: string;
-
-  color_palette_dark_green: string;
-  color_palette_green: string;
-  color_palette_light_green: string;
-
-  color_palette_dark_red: string;
-  color_palette_red: string;
-  color_palette_light_red: string;
-
-  color_palette_dark_yellow: string;
-  color_palette_yellow: string;
-  color_palette_light_yellow: string;
-
-  [key: string]: string;
-}
-
-declare const PrimitiveColor: PrimitiveColorType;
-
-declare namespace DerivedColor {
-    let color_bg_default: any;
-    let color_bg_white: any;
-    let color_bg_black: any;
-    let color_bg_dark_grey: any;
-    let color_bg_dark_blue: any;
-    let color_bg_blue: any;
-    let color_bg_light_blue: any;
-    let color_bg_orange: any;
-    let color_bg_light_orange: any;
-    let color_bg_green: any;
-    let color_bg_light_green: any;
-    let color_bg_red: any;
-    let color_bg_light_red: any;
-    let color_bg_yellow: any;
-    let color_bg_light_yellow: any;
-    let color_border_grey: any;
-    let color_border_dark_grey: any;
-    let color_border_white: any;
-    let color_border_blue: any;
-    let color_border_orange: any;
-    let color_border_green: any;
-    let color_border_red: any;
-    let color_border_yellow: any;
-    let color_text_black: any;
-    let color_text_dark_grey: any;
-    let color_text_grey: any;
-    let color_text_light_grey: any;
-    let color_text_white: any;
-    let color_text_blue: any;
-    let color_text_orange: any;
-    let color_text_green: any;
-    let color_text_red: any;
-    let color_text_yellow: any;
-    let color_icon_grey: any;
-    let color_icon_light_grey: any;
-    let color_icon_white: any;
-    let color_icon_blue: any;
-    let color_icon_orange: any;
-    let color_icon_green: any;
-    let color_icon_red: any;
-    let color_icon_yellow: any;
-}
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material from '@mui/material';
+export { AnalisisRisikoKreditNasabahIcon, AppendixIcon, ArrowFrameOutlineDownIcon, ArrowFrameOutlineLeftIcon, ArrowFrameOutlineRightIcon, ArrowFrameOutlineUpIcon, ArrowLeft, ArrowRight, ArrowStandardDownIcon, ArrowStandardLeftIcon, ArrowStandardRightIcon, ArrowStandardUpIcon, ArrowStandardUpRightIcon, ArrowUpDown, AuctionHammerIcon, BgBuilding, BgPerson, CalculatorIcon, CapsLockOn, CashIcon, CheckboxBorder, CheckboxChecked, ChecklistDokumenPaketKreditIcon, ChecklistGreen, CircleCheck, CircleCross, CommentBuble, CreditRiskRatingIcon, Dashboard, DefaultAvatarIcon, DefaultImageIcon, DocumentNotFound, DokumenPenjagaanIcon, DownloadDocumentIcon, DownloadIconLarge, DownloadIconSmall, EmptyDataIcon, FileOutlineCustom, FilePdfIcon, GenerateDocumentIcon, HandstopSign, HomeAssetIcon, IconAdd, IconBiometricScan, IconBrokenImage, IconCalendar, IconCardOrange, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconConfeti, IconCross, IconCrossLine, IconDeleteBin, IconDocument, IconDocumentAdd, IconDocumentAddOutline, IconDocumentSleve, IconDownloadOutline, IconDuplicate, IconEdit, IconExclamation, IconFile, IconFileCSV, IconFileDocx, IconFileDrive, IconFileJPG, IconFileOutline, IconFilePDF, IconFileSleve, IconFileXls, IconFingerScan, IconGradingRounded, IconHomeOutlined, IconImage, IconInfo, IconInfoBgPutih, IconInfoHover, IconListDocument, IconModalClose, IconMoney, IconMoneyOne, IconMoneyTwo, IconNoData, IconOnProcess, IconPeople, IconPeopleGroup, IconPhone, IconPlus, IconProgress, IconRecycle, IconReset, IconSave, IconSaveOutlined, IconSearch, IconSendBlue, IconSendOrange, IconSendWhite, IconSendWhiteFull, IconShuffle, IconTrash, IconTrashOutline, IconUpload, IconUser, IconUserScan, IconVerification, IconWallet, IconWarningTriangle, InformasiKursIcon, InformasiNasabahIcon, InformationIcon, LoaderIcon, LogoutIcon, MatriksRiskDanMitigationIcon, MaximizeIcon, MinimizeIcon, MoneyIcon, NoInternetConnectionIcon, NotFoundIcon, NotulenRapatPraKomiteIcon, OfferingLetterIcon, PengajuanDanFasilitasKreditIcon, PersonIcon, ProfitabilitasDanHubunganNasabahIcon, RefreshIcon, RekeningEscrowIcon, RekeningOprasionalIcon, RekeningTujuanIcon, RekomendasiPutusanIcon, ReloadIcon, RingkasanEksekutifIcon, StepOnProgress, SuffleIcon, TargetDartIcon, ThumbDialogConfirm, ThumbDialogSuccess, ThumbDialogWarning, ThumbDialogWarningV2, ThumbModalError, ThumbOnProgress, ThumbSendFailed, ThumbSendSuccess, Thumblock, ThumbsUp, UploadIcon, UsersIcon } from './legacy/atoms/icons/index.mjs';
+import dayjs from 'dayjs';
+export { B as BaseAlert, a as BaseButton, b as BaseCard, c as BaseCheckbox, d as BaseDatatable, e as BaseDatePicker, f as BaseDropdown, g as BaseDropzone, h as BaseModal, i as BaseModalOTP, j as BaseModalStepper, k as BaseRadioButton, l as BaseStepper, m as BaseSwitch, n as BaseTextArea, o as BaseTextField, C as CONTENT_SPACING_TOKENS, p as ContentSpacing, D as DerivedColor, P as PrimitiveColor, R as Radius, q as RadiusToken, S as Shadow, r as ShadowToken, s as Spacing, t as SpacingToken, T as TextFieldUpload, u as Typography, V as VariantStyles } from './types-dakVJwjl.mjs';
+import 'react';
+import '@mui/material/styles';
+import 'react-hook-form';
 
-declare const VariantStyles: Record<
-  string,
-  {
-    fontSize: string;
-    fontWeight: number;
-  }
->;
-
-interface TypographyProps {
-  variant?: string;
-  children?: React.ReactNode;
-  sx?: React.CSSProperties & Record<string, unknown>;
-  [key: string]: any;
-}
+declare function AccordionDefault({ children, title, icon, defaultExpanded, ...props }: {
+    [x: string]: any;
+    children: any;
+    title: any;
+    icon: any;
+    defaultExpanded: any;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Typography(
-  props: TypographyProps,
-): React.ReactElement | null;
-
-declare const SpacingToken: {
-  spacing0: string;
-  spacing1: string;
-  spacing2: string;
-  spacing3: string;
-  spacing4: string;
-  spacing5: string;
-  spacing6: string;
-  spacing7: string;
-  spacing8: string;
-  spacing9: string;
-  spacing10: string;
-};
-
-declare const CONTENT_SPACING_TOKENS: {
-  spacing_1: {
-    mobile: string;
-    tablet: string;
-    web: string;
-  };
-  spacing_2: {
-    mobile: string;
-    tablet: string;
-    web: string;
-  };
-  spacing_3: {
-    mobile: string;
-    tablet: string;
-    web: string;
-  };
-};
-
-interface ResponsiveSpacingValue {
-  mobile?: string;
-  tablet?: string;
-  web?: string;
-  [key: string]: string | undefined;
-}
+declare function FilterAccordionBoth({ children, title, sideTitle, customHeader, colorTitle, colorSideTitle, isClose, statusText, statusTextColor, statusBackgroundColor, onToggle, disabled, }: {
+    children: any;
+    title: any;
+    sideTitle: any;
+    customHeader: any;
+    colorTitle: any;
+    colorSideTitle: any;
+    isClose: any;
+    statusText: any;
+    statusTextColor: any;
+    statusBackgroundColor: any;
+    onToggle: any;
+    disabled: any;
+}): react_jsx_runtime.JSX.Element;
 
-type SpacingSizeValue = keyof typeof SpacingToken | string | number;
+declare function FilterAccordionRight({ children, title, icon, customHeader, colorText, endComponent }: {
+    children: any;
+    title: any;
+    icon: any;
+    customHeader: any;
+    colorText: any;
+    endComponent: any;
+}): react_jsx_runtime.JSX.Element;
 
-type ContentSpacingSizeValue =
-  | keyof typeof CONTENT_SPACING_TOKENS
-  | ResponsiveSpacingValue;
+declare function FilterAccordion({ children, title, icon, customHeader, colorText, isClose }: {
+    children: any;
+    title: any;
+    icon: any;
+    customHeader: any;
+    colorText: any;
+    isClose: any;
+}): react_jsx_runtime.JSX.Element;
 
-interface SpacingProps {
-  size?: SpacingSizeValue;
-  axis?: "vertical" | "horizontal";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
+declare function AlertDefault({ children, title, color, icon, sx, iconStyle, containerStyle, contentStyle, ...props }: {
+    [x: string]: any;
+    children: any;
+    title: any;
+    color: any;
+    icon: any;
+    sx?: {};
+    iconStyle?: {};
+    containerStyle?: {};
+    contentStyle?: {};
+}): react_jsx_runtime.JSX.Element;
 
-interface ContentSpacingProps {
-  size?: ContentSpacingSizeValue;
-  breakpoint?: "mobile" | "tablet" | "web";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
-
-declare const Spacing: React.FC<SpacingProps>;
-
-declare const ContentSpacing: React.FC<ContentSpacingProps>;
-
-declare namespace Shadow {
-    namespace elevation_0 {
-        let shadow: string;
-        let surface: string;
-    }
-    namespace elevation_1 {
-        let shadow_1: string;
-        export { shadow_1 as shadow };
-        let surface_1: string;
-        export { surface_1 as surface };
-    }
-    namespace elevation_2 {
-        let shadow_2: string;
-        export { shadow_2 as shadow };
-        let surface_2: string;
-        export { surface_2 as surface };
-    }
-    namespace elevation_3 {
-        let shadow_3: string;
-        export { shadow_3 as shadow };
-        let surface_3: string;
-        export { surface_3 as surface };
-    }
-    namespace elevation_4 {
-        let shadow_4: string;
-        export { shadow_4 as shadow };
-        let surface_4: string;
-        export { surface_4 as surface };
-    }
-}
-declare function ShadowToken({ level, as: Component, style, children, ...rest }: {
+declare function AlertError({ children, variant, title, color, icon, sx, onClose, childrenStyle, ...props }: {
     [x: string]: any;
-    level?: string;
-    as?: string;
-    style: any;
     children: any;
-}): any;
-
-declare namespace Radius {
-    let radius_0: string;
-    let radius_1: string;
-    let radius_2: string;
-    let radius_3: string;
-    let radius_4: string;
-    let radius_x: string;
-}
-declare function RadiusToken({ radius, as: Component, style, children, ...rest }: {
+    variant: any;
+    title: any;
+    color: any;
+    icon: any;
+    sx: any;
+    onClose: any;
+    childrenStyle?: {};
+}): react_jsx_runtime.JSX.Element;
+
+declare function AlertInfo({ children, variant, title, color, icon, sx, onClose, childrenStyle, ...props }: {
     [x: string]: any;
-    radius?: string;
-    as?: string;
-    style: any;
     children: any;
-}): any;
+    variant: any;
+    title: any;
+    color: any;
+    icon: any;
+    sx: any;
+    onClose: any;
+    childrenStyle?: {};
+}): react_jsx_runtime.JSX.Element;
 
-declare function BaseButton({ onClick, children, variant, color, size, disabled, icon, sx, ...rest }: {
+declare function AlertSuccess({ children, variant, title, color, icon, sx, onClose, childrenStyle, ...props }: {
     [x: string]: any;
-    onClick?: () => void;
-    children?: any;
-    variant?: string;
-    color?: string;
-    size?: string;
-    disabled?: boolean;
-    icon?: any;
-    sx?: {};
-}): any;
+    children: any;
+    variant: any;
+    title: any;
+    color: any;
+    icon: any;
+    sx: any;
+    onClose: any;
+    childrenStyle?: {};
+}): react_jsx_runtime.JSX.Element;
 
-declare function BaseCard({ type, children, sx, icon, label, title, subtitle, dataList, updateDate, boldCountIcon, boldCount, boldTitle, boldUpdate, iconHeader, backgroundColor, colorTitlte, colorNominal, displayIcon, formatNumber, colorCount, headerBackgroundColor, isCollapsible, ...restProps }: {
+declare function AlertWarning({ children, variant, title, color, icon, sx, onClose, ...props }: {
     [x: string]: any;
-    type?: string;
-    children?: any;
-    sx?: {};
-    icon?: any;
-    label?: string;
+    children: any;
+    variant: any;
+    title: any;
+    color: any;
+    icon: any;
+    sx: any;
+    onClose: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BackgroundLogin({ children }: {
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonContained({ onClick, sx, className, startIcon, children, colorType, ...restProps }: {
+    [x: string]: any;
+    onClick: any;
+    sx: any;
+    className: any;
+    startIcon: any;
+    children: any;
+    colorType?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonDefault({ onClick, children, model, color, sx, ...restProps }: {
+    [x: string]: any;
+    onClick: any;
+    children: any;
+    model: any;
+    color: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonHover({ children }: {
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonIcon({ children, onClick, className, variant, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    onClick: any;
+    className: any;
+    variant: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function IconButtons({ children, sx, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonLoading({ children, loading, sx, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    loading: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MoreButton({ options }: {
+    options?: any[];
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonOutlined({ onClick, sx, className, startIcon, children, colorType, ...restProps }: {
+    [x: string]: any;
+    onClick: any;
+    sx: any;
+    className: any;
+    startIcon: any;
+    children: any;
+    colorType: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ButtonTextBorderless({ onClick, sx, className, startIcon, children, colorType, ...restProps }: {
+    [x: string]: any;
+    onClick: any;
+    sx: any;
+    className: any;
+    startIcon: any;
+    children: any;
+    colorType: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SummaryCard({ title, subtitle, dataList, updateDate, boldCountIcon, boldCount, boldTitle, boldUpdate, iconHeader, backgroundColor, colorTitlte, colorNominal, displayIcon, formatNumber, colorCount, }: {
     title?: string;
     subtitle?: string;
     dataList?: any[];
@@ -271,555 +190,1098 @@ declare function BaseCard({ type, children, sx, icon, label, title, subtitle, da
     boldCount?: boolean;
     boldTitle?: boolean;
     boldUpdate?: boolean;
-    iconHeader?: any;
+    iconHeader?: react_jsx_runtime.JSX.Element;
     backgroundColor?: string;
-    colorTitlte?: any;
-    colorNominal?: any;
+    colorTitlte?: string;
+    colorNominal?: string;
     displayIcon?: boolean;
     formatNumber?: string;
-    colorCount?: any;
-    headerBackgroundColor?: string;
-    isCollapsible?: boolean;
-}): any;
+    colorCount?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardDefault({ children, sx, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardNotification({ children, sx, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
 
-declare function BaseSwitch({ status, label, labelPlacement, isDisabled, onChange, }: {
-    status?: boolean;
+declare function CardWithBlueHeader({ children, icon, label, sx, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    label: any;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardWithHeaderFormChild({ children, icon, label, sx, endComponent, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    label: any;
+    sx: any;
+    endComponent: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardWithHeaderSpaceBetween({ children, icon, label, sx, bgColorHeader, endComponent, textColor, colorHeader, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    label: any;
+    sx: any;
+    bgColorHeader: any;
+    endComponent: any;
+    textColor: any;
+    colorHeader: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardWithHeader({ children, icon, label, subLabel, subLabelColor, sx, colorHeader, endComponent, textColor, paddingX, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    label: any;
+    subLabel: any;
+    subLabelColor?: string;
+    sx: any;
+    colorHeader: any;
+    endComponent: any;
+    textColor: any;
+    paddingX?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CardWithoutHeader({ sx, children, bgColor, ...restProps }: {
+    [x: string]: any;
+    sx: any;
+    children: any;
+    bgColor?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ChartJS({ type, labels, datasets, options, width, height }: {
+    type: any;
+    labels: any;
+    datasets: any;
+    options: any;
+    width: any;
+    height: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ChartJSCustomLegends({ type, labels, datasets, options, width, height, legendClassName, }: {
+    type: any;
+    labels: any;
+    datasets: any;
+    options: any;
+    width: any;
+    height: any;
+    legendClassName: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CircularScoreProgressBar({ score, size, strokeWidth, IconComponent, }: {
+    score?: number;
+    size?: number;
+    strokeWidth?: number;
+    IconComponent?: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+declare function ChipsBlue({ items, selected, onClick, ...props }: {
+    [x: string]: any;
+    items?: any[];
+    selected: any;
+    onClick: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ChipsDefault({ variant, color, chipData, sx, onChange, value, ...restProps }: {
+    [x: string]: any;
+    variant?: string;
+    color?: string;
+    chipData?: any[];
+    sx?: {};
+    onChange?: () => void;
+    value?: number;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ChipSticker({ label, startIcon, type, className, bgColor, ...props }: {
+    [x: string]: any;
+    label: any;
+    startIcon: any;
+    type: any;
+    className: any;
+    bgColor: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Skeleton(): react_jsx_runtime.JSX.Element;
+
+declare function CircularProgressModal({ open, progress, title, description }: {
+    open: any;
+    progress?: number;
+    title: any;
+    description: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function InvertedTrapezoid({ width, height, label }: {
+    width: any;
+    height: any;
+    label: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SwitchDefault({ status, label, isDisabled, onChange }: {
+    status: any;
     label: any;
-    labelPlacement?: string;
     isDisabled?: boolean;
     onChange: any;
-}): any;
+}): react_jsx_runtime.JSX.Element;
 
-interface BaseCheckboxOption {
-  label: React.ReactNode;
-  value: string;
-  disabled?: boolean;
-  [key: string]: any;
-}
+declare function TextLabel({ children, className, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+}): react_jsx_runtime.JSX.Element;
 
-interface BaseCheckboxSharedProps {
-  options: BaseCheckboxOption[];
-  label?: React.ReactNode;
-  disabled?: boolean;
-  labelPlacement?: "top" | "bottom" | "start" | "end";
-  isHorizontal?: boolean;
-  sx?: any;
-  [key: string]: any;
-}
+declare function WebcamDialog$1({ toggle, handleClose, callbackImageData }: {
+    toggle: any;
+    handleClose: any;
+    callbackImageData: any;
+}): react_jsx_runtime.JSX.Element;
 
-interface BaseCheckboxSingleProps extends Omit<BaseCheckboxSharedProps, "options"> {
-  options?: undefined;
-  checked?: boolean;
-  onChange?: (checked: boolean, event?: React.ChangeEvent<HTMLInputElement>) => void;
-}
+declare function WebcamDialog({ toggle, handleClose }: {
+    toggle: any;
+    handleClose: any;
+}): react_jsx_runtime.JSX.Element;
 
-interface BaseCheckboxGroupProps extends BaseCheckboxSharedProps {
-  options: BaseCheckboxOption[];
-  checked?: string[];
-  onChange?: (newValue: string[]) => void;
-}
+declare function BreadcrumbsDefault({ options }: {
+    options?: any[];
+}): react_jsx_runtime.JSX.Element;
+
+declare function ImageCarousel(): react_jsx_runtime.JSX.Element;
+
+declare function CheckboxDefault({ checked, onChange, disabled, ...restProps }: {
+    [x: string]: any;
+    checked?: boolean;
+    onChange: any;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CheckboxLabelled({ checked, labelPlacement, options, onChange, isHorizontal, sx, ...restProps }: {
+    [x: string]: any;
+    checked?: boolean;
+    labelPlacement?: string;
+    options: any;
+    onChange: any;
+    isHorizontal?: boolean;
+    sx: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DateRangePicker({ locale, title, titleClassName, placeholder, value, onChange, format, minDate, maxDate, editableDateInputs, }: {
+    locale?: Locale;
+    title: any;
+    titleClassName: any;
+    placeholder: any;
+    value?: {};
+    onChange?: () => void;
+    format?: string;
+    minDate: any;
+    maxDate: any;
+    editableDateInputs?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ResponsiveDateTimePicker({ name, control, defaultValue, titleClassName, placeholder, isDisabled, inputFormat, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue?: any;
+    titleClassName: any;
+    placeholder: any;
+    isDisabled?: boolean;
+    inputFormat?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ResponsiveDatePickerWithClear({ name, control, defaultValue, className, titleClassName, placeholder, maxDate, minDate, isDisabled, subtitleClassName, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue?: any;
+    className: any;
+    titleClassName: any;
+    placeholder: any;
+    maxDate: any;
+    minDate: any;
+    isDisabled?: boolean;
+    subtitleClassName: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ResponsiveDatePicker({ name, control, defaultValue, className, titleClassName, placeholder, maxDate, minDate, isDisabled, clearable, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    className: any;
+    titleClassName: any;
+    placeholder: any;
+    maxDate: any;
+    minDate: any;
+    isDisabled: any;
+    clearable?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DayPicker({ name, control, className, titleClassName, defaultValue, placeholder, isDisabled, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    placeholder: any;
+    isDisabled: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MonthPicker({ name, control, className, titleClassName, defaultValue, placeholder, isDisabled, removePickerHeader, views, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    placeholder: any;
+    isDisabled: any;
+    removePickerHeader: any;
+    views?: string[];
+}): react_jsx_runtime.JSX.Element;
+
+declare function TimePicker({ name, control, className, titleClassName, defaultValue, placeholder, isDisabled, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    placeholder: any;
+    isDisabled: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function WeekPicker({ name, control, className, titleClassName, title, totalWeeks, isDisabled, placeholder, defaultValue }: {
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    title: any;
+    totalWeeks?: number;
+    isDisabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function YearMonthPicker({ name, control, className, titleClassName, defaultValue, placeholder, isDisabled, minDate, maxDate, displayFormat, outputFormat, clearable, showToolbar, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue?: any;
+    placeholder?: string;
+    isDisabled?: boolean;
+    minDate?: dayjs.Dayjs;
+    maxDate?: dayjs.Dayjs;
+    displayFormat?: string;
+    outputFormat?: string;
+    clearable?: boolean;
+    showToolbar?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function YearPicker({ name, control, className, titleClassName, defaultValue, placeholder, isDisabled, maxDate, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    placeholder: any;
+    isDisabled: any;
+    maxDate: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DetailDialog({ open, setOpen }: {
+    open: any;
+    setOpen: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RadioDefault({ name, control, defaultValue, label, options, className, titleClassName, fieldClassName, ...restProps }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    label: any;
+    options: any;
+    className: any;
+    titleClassName: any;
+    fieldClassName: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RadioHorizontal({ name, control, defaultValue, label, options, className, titleClassName, fieldClassName, isDisabled, radioColor, ...restProps }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    label: any;
+    options: any;
+    className: any;
+    titleClassName: any;
+    fieldClassName: any;
+    isDisabled: any;
+    radioColor: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RadioVertical({ name, control, defaultValue, label, options, isDisabled, className, titleClassName, fieldClassName, formControlLabelStyle, ...restProps }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    label: any;
+    options: any;
+    isDisabled: any;
+    className: any;
+    titleClassName: any;
+    fieldClassName: any;
+    formControlLabelStyle?: {};
+}): react_jsx_runtime.JSX.Element;
+
+declare function SelectAsyncSearch({ name, control, loadOptions, defaultValue, className, isClearable, isDisabled, titleClassName, loadingMessage, minCharacter, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    loadOptions?: () => void;
+    defaultValue: any;
+    className: any;
+    isClearable: any;
+    isDisabled: any;
+    titleClassName: any;
+    loadingMessage: any;
+    minCharacter: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SelectDefault({ name, control, options, defaultValue, className, isDisabled, titleClassName, isClearable, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    options?: any[];
+    defaultValue: any;
+    className: any;
+    isDisabled: any;
+    titleClassName: any;
+    isClearable?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SelectWithSearch({ name, control, options, defaultValue, className, isClearable, isDisabled, titleClassName, subtitleClassName, messageNoOption, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    options?: any[];
+    defaultValue: any;
+    className: any;
+    isClearable: any;
+    isDisabled: any;
+    titleClassName: any;
+    subtitleClassName: any;
+    messageNoOption?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function StepperDashboard({ data }: {
+    data: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MultiStep(props: any): react_jsx_runtime.JSX.Element;
+
+declare function DefaultStepper({ steps, activeStep }: {
+    steps: any;
+    activeStep: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataTableBriguna({ columns, data, renderRowSubComponent, onHeaderClick, thisPage, perPage, className, EmptyComponent, showFooter, showFooterSorted, isStickyHeader, columnSorted, autoFit }: {
+    columns: any;
+    data: any;
+    renderRowSubComponent: any;
+    onHeaderClick: any;
+    thisPage: any;
+    perPage: any;
+    className: any;
+    EmptyComponent?: any;
+    showFooter?: boolean;
+    showFooterSorted?: boolean;
+    isStickyHeader?: boolean;
+    columnSorted?: any[];
+    autoFit?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataTableSticky({ columns, data, onHeaderClick, thisPage, perPage, className, EmptyComponent, isStickyHeader, columnSorted, tableHeight, tableOverflowY, }: {
+    columns: any;
+    data: any;
+    onHeaderClick: any;
+    thisPage: any;
+    perPage: any;
+    className: any;
+    EmptyComponent?: any;
+    isStickyHeader?: boolean;
+    columnSorted?: any[];
+    tableHeight?: string;
+    tableOverflowY?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataTableSubHeader({ data, columnsTop, columnsSub, columnsSub2, renderRow, freezeLeftColumn, }: {
+    data: any;
+    columnsTop: any;
+    columnsSub: any;
+    columnsSub2: any;
+    renderRow: any;
+    freezeLeftColumn?: number;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataTableSub({ columns, data, renderRowSubComponent, onHeaderClick, thisPage, perPage }: {
+    columns: any;
+    data: any;
+    renderRowSubComponent: any;
+    onHeaderClick: any;
+    thisPage: any;
+    perPage: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TableStickyYear({ columns, data, formMethods, showFooterTotal, showFooterGrandTotal, footerTotalColumnIds, footerGrandTotalColumnIds, EmptyComponent, isStickyHeader, tableHeight, tableOverflowY, firstRowRef, }: {
+    columns: any;
+    data: any;
+    formMethods: any;
+    showFooterTotal?: boolean;
+    showFooterGrandTotal?: boolean;
+    footerTotalColumnIds?: any[];
+    footerGrandTotalColumnIds?: any[];
+    EmptyComponent?: any;
+    isStickyHeader?: boolean;
+    tableHeight?: string;
+    tableOverflowY?: string;
+    firstRowRef?: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataTable({ columns, data, renderRowSubComponent, onHeaderClick, thisPage, perPage, className, EmptyComponent, showFooter, showFooterSorted, isStickyHeader, columnSorted, footerBgColor }: {
+    columns: any;
+    data: any;
+    renderRowSubComponent: any;
+    onHeaderClick: any;
+    thisPage: any;
+    perPage: any;
+    className: any;
+    EmptyComponent?: any;
+    showFooter?: boolean;
+    showFooterSorted?: boolean;
+    isStickyHeader?: boolean;
+    columnSorted?: any[];
+    footerBgColor?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function HeadlessTable({ columns, data, className, sxBody, EmptyComponent, }: {
+    columns: any;
+    data: any;
+    className: any;
+    sxBody: any;
+    EmptyComponent?: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PlainDataTable({ columns, data, renderRowSubComponent, onHeaderClick, thisPage, perPage, className, EmptyComponent, showFooter, showFooterSorted, }: {
+    columns: any;
+    data: any;
+    renderRowSubComponent: any;
+    onHeaderClick?: any;
+    thisPage: any;
+    perPage: any;
+    className: any;
+    EmptyComponent?: any;
+    showFooter?: boolean;
+    showFooterSorted?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ServerSidePaginationActions(props: any): react_jsx_runtime.JSX.Element;
+
+declare function SubmenuDataTable({ columns, data, limitNo, pageNo }: {
+    columns: any;
+    data: any;
+    limitNo: any;
+    pageNo: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TablePaginationActions(props: any): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldDefaultCurrency({ name, control, defaultValue, className, titleClassName, maxLength, isDisabled, inputTextAlign, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    className: any;
+    titleClassName: any;
+    maxLength: any;
+    isDisabled: any;
+    inputTextAlign: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldDefault({ name, control, defaultValue, className, titleClassName, maxLength, showLength, isNumericOnly, isAlphaNumericOnly, isAlphaOnly, allowedSpecialCharacters, dontAllowedSpecialCharacters, isAlphaNumericWithUnderscore, isDisabled, isCantPaste, result, resultColor, noSpaceAllowed, showCountHelper, textMask, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    className: any;
+    titleClassName: any;
+    maxLength: any;
+    showLength: any;
+    isNumericOnly: any;
+    isAlphaNumericOnly: any;
+    isAlphaOnly: any;
+    allowedSpecialCharacters?: string;
+    dontAllowedSpecialCharacters?: string;
+    isAlphaNumericWithUnderscore: any;
+    isDisabled: any;
+    isCantPaste: any;
+    result: any;
+    resultColor: any;
+    noSpaceAllowed: any;
+    showCountHelper?: boolean;
+    textMask?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DropzoneKuotaNasional({ existsFiles, settings, labels, icons, sx, callbacks, }: {
+    existsFiles: any;
+    settings?: {
+        allowedExtensions: {};
+        maxSize: number;
+        maxFiles: number;
+        isImagePreview: boolean;
+    };
+    labels?: {
+        title: any;
+        dropzoneTitle: string;
+        allowedFileLabel: string;
+        titleButton: string;
+    };
+    icons?: {
+        default: react_jsx_runtime.JSX.Element;
+        button: react_jsx_runtime.JSX.Element;
+    };
+    sx?: {
+        container: {};
+        button: {};
+    };
+    callbacks?: {
+        uploadFile: any;
+        removeFile: any;
+        customError: any;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+declare function DropzoneMultiple({ settings, labels, icons, sx, callbacks, initialFiles, }: {
+    settings?: {
+        allowedExtensions: any[];
+        maxSize: number;
+        maxFiles: number;
+        isImagePreview: boolean;
+        disabled: boolean;
+    };
+    labels?: {
+        title: any;
+        dropzoneTitle: string;
+        allowedFileLabel: string;
+        titleButton: string;
+    };
+    icons?: {
+        default: react_jsx_runtime.JSX.Element;
+        button: react_jsx_runtime.JSX.Element;
+    };
+    sx?: {
+        container: {
+            isSolidBorder: boolean;
+        };
+        button: {};
+        wordings: {
+            or: {};
+            helper: {};
+        };
+    };
+    callbacks?: {
+        uploadFile: any;
+        removeFile: any;
+        customError: any;
+        onFileClick: any;
+    };
+    initialFiles?: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldUploadFile({ label, allowedExtensions, maxSize, allowedFileLabel, uploadFile, removeFile, fileName, multipleFile, isImagePreview, }: {
+    label?: string;
+    allowedExtensions?: any[];
+    maxSize?: number;
+    allowedFileLabel?: string;
+    uploadFile?: any;
+    removeFile?: any;
+    fileName?: any;
+    multipleFile?: boolean;
+    isImagePreview?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldFilledIcon({ name, control, className, titleClassName, defaultValue, maxLength, isNumericOnly, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    maxLength: any;
+    isNumericOnly: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldMultiline({ name, control, defaultValue, helperText, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    helperText: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldPassword({ name, control, className, titleClassName, defaultValue, maxLength, isDisabled, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    maxLength: any;
+    isDisabled: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ImagePasteComponent(): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldPrefixPostfixCurrency({ name, control, className, titleClassName, defaultValue, isBgColor, prefixPostFix, isDisabled, maxLength, inputTextAlign, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    isBgColor: any;
+    prefixPostFix: any;
+    isDisabled: any;
+    maxLength: any;
+    inputTextAlign: any;
+}): react_jsx_runtime.JSX.Element;
 
-type BaseCheckboxProps =
-  | BaseCheckboxSingleProps
-  | BaseCheckboxGroupProps;
-
-declare function BaseCheckbox(
-  props: BaseCheckboxProps,
-): React.ReactElement | null;
-
-type BaseDatatableAlign =
-  | "left"
-  | "center"
-  | "right"
-  | "justify"
-  | "inherit"
-  | (string & {});
-
-interface BaseDatatableColumn<T = Record<string, any>> {
-  id?: string;
-  key?: string;
-  field?: string;
-  sortField?: string;
-  label?: ReactNode;
-  header?: ReactNode;
-  accessorKey?: string;
-  accessorFn?: (row: T) => any;
-  align?: BaseDatatableAlign;
-  headerAlign?: BaseDatatableAlign;
-  width?: number;
-  minWidth?: number;
-  sticky?: "left" | "right";
-  sortable?: boolean;
-  noWrap?: boolean;
-  cellBg?: string;
-  cellText?: string;
-  cellSx?: SxProps;
-  renderCell?: (context: {
-    value: any;
-    row: T;
-    rowIndex: number;
-    column: BaseDatatableColumn<T>;
-    columnIndex: number;
-    checked?: boolean;
-  }) => ReactNode;
-}
-
-interface BaseDatatableHeaderCell {
-  id?: string;
-  key?: string;
-  label: ReactNode;
-  align?: BaseDatatableAlign;
-  colSpan?: number;
-  rowSpan?: number;
-  colspan?: number;
-  rowspan?: number;
-  sortKey?: string;
-  width?: number;
-  minWidth?: number;
-  sticky?: "left" | "right";
-  sx?: SxProps;
-}
-
-interface BaseDatatableFeatures {
-  sorting?: boolean;
-  sortingMode?: "client" | "server";
-  defaultSort?: BaseDatatableSortState | null;
-  sortState?: BaseDatatableSortState | null;
-  resetPageOnSort?: boolean;
-  onSortChange?: (
-    payload: BaseDatatableSortPayload,
-    column: BaseDatatableColumn,
-    cell: BaseDatatableHeaderCell,
-  ) => void;
-  headerInteractive?: boolean;
-}
-
-interface BaseDatatableSortState {
-  key: string;
-  direction: "asc" | "desc";
-}
-
-interface BaseDatatableSortPayload {
-  orderBy: string;
-  order: "asc" | "desc";
-  page: number;
-  rowsPerPage: number;
+declare function TextFieldPrefixPostfixUploadPipelineCp({ name, control, className, titleClassName, fileName, defaultValue, isBgColor, prefixPostFix, iconPrefixPostFix, isDisabled, accept, uploadFile, maxSize, index, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    fileName?: any;
+    defaultValue: any;
+    isBgColor: any;
+    prefixPostFix: any;
+    iconPrefixPostFix: any;
+    isDisabled: any;
+    accept?: any;
+    uploadFile?: any;
+    maxSize?: number;
+    index?: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldPrefixPostfixUpload({ name, control, className, titleClassName, fileName, defaultValue, isBgColor, prefixPostFix, iconPrefixPostFix, isDisabled, accept, uploadFile, maxSize, index, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    fileName?: any;
+    defaultValue: any;
+    isBgColor: any;
+    prefixPostFix: any;
+    iconPrefixPostFix: any;
+    isDisabled: any;
+    accept?: any;
+    uploadFile?: any;
+    maxSize?: number;
+    index?: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldPrefixPostfix({ name, control, className, titleClassName, defaultValue, isBgColor, prefixPostFix, isDisabled, maxLength, isNumericOnly, AdditionalButtonComponent, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    className: any;
+    titleClassName: any;
+    defaultValue: any;
+    isBgColor: any;
+    prefixPostFix: any;
+    isDisabled: any;
+    maxLength: any;
+    isNumericOnly: any;
+    AdditionalButtonComponent: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldSearch({ placeholder, className, InputProps, inputRef, isDisabled, maxLength, ...props }: {
+    [x: string]: any;
+    placeholder?: string;
+    className: any;
+    InputProps: any;
+    inputRef: any;
+    isDisabled: any;
+    maxLength: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextFieldWithButton({ name, control, defaultValue, className, titleClassName, maxLength, showLength, isNumericOnly, isAlphaNumericOnly, isAlphaOnly, allowedSpecialCharacters, dontAllowedSpecialCharacters, isAlphaNumericWithUnderscore, isDisabled, isCantPaste, buttonText, buttonModel, buttonColor, onButtonClick, gap, buttonClassName, buttonIcon, ...props }: {
+    [x: string]: any;
+    name?: string;
+    control?: any;
+    defaultValue: any;
+    className: any;
+    titleClassName: any;
+    maxLength: any;
+    showLength: any;
+    isNumericOnly: any;
+    isAlphaNumericOnly: any;
+    isAlphaOnly: any;
+    allowedSpecialCharacters?: string;
+    dontAllowedSpecialCharacters?: string;
+    isAlphaNumericWithUnderscore: any;
+    isDisabled: any;
+    isCantPaste: any;
+    buttonText?: string;
+    buttonModel?: string;
+    buttonColor?: string;
+    onButtonClick: any;
+    gap?: string;
+    buttonClassName: any;
+    buttonIcon: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare namespace FORM_TYPE {
+    let TEXT_FIELD: string;
+    let TEXT_FIELD_CURRENCY: string;
+    let TEXT_FIELD_PASSWORD: string;
+    let TEXT_FIELD_NUMBER: string;
+    let TEXT_FIELD_STATEFUL_ICON: string;
+    let TEXT_FIELD_PREFIX_POSTFIX: string;
+    let TEXT_FIELD_PREFIX_POSTFIX_CURRENCY: string;
+    let TEXT_FIELD_PREFIX_POSTFIX_UPLOAD: string;
+    let TEXT_FIELD_MULTILINE: string;
+    let TEXT_FIELD_WITH_BUTTON: string;
+    let DATETIME_PICKER: string;
+    let DATE_PICKER: string;
+    let YEAR_PICKER: string;
+    let MONTH_PICKER: string;
+    let DAY_PICKER: string;
+    let TIME_PICKER: string;
+    let DATE_RANGE_PICKER: string;
+    let DATE_WITH_CLEAR: string;
+    let SELECT: string;
+    let SELECT_SEARCH_NORMAL: string;
+    let SELECT_SEARCH_ASYNC: string;
+    let RADIO: string;
+    let RADIO_HORIZONTAL: string;
+    let RADIO_VERTICAL: string;
+    let TEXT_EDITOR: string;
+    let CUSTOM: string;
 }
-
-interface BaseDatatableLayout {
-  stickyHeader?: boolean;
-  stickyOffset?: number;
-  freezeLeft?: number;
-  freezeRight?: number;
-  maxHeight?: number;
-}
-
-interface BaseDatatableSelection<T = Record<string, any>> {
-  enabled?: boolean;
-  position?: "left" | "right";
-  selectRowOnClick?: boolean;
-  selectedRowIds?: Array<string | number>;
-  defaultSelectedRowIds?: Array<string | number>;
-  onChange?: (selectedRowIds: Array<string | number>) => void;
-  isRowSelectable?: (row: T, rowIndex: number) => boolean;
-}
-
-interface BaseDatatablePagination {
-  enabled?: boolean;
-  serverSide?: boolean;
-  count?: number;
-  page?: number;
-  rowsPerPage?: number;
-  rowsPerPageOptions?: number[];
-  labelRowsPerPage?: ReactNode;
-  onPageChange?: (event: unknown, nextPage: number) => void;
-  onRowsPerPageChange?: (event: unknown, nextRowsPerPage: number) => void;
-}
-
-interface BaseDatatableCellOverrides {
-  rowSpan?: number;
-  colSpan?: number;
-  content?: ReactNode;
-  sx?: SxProps;
-}
-
-interface BaseDatatableRenderRowContext<T = Record<string, any>> {
-  row: T;
-  rowIndex: number;
-  rowId: string | number;
-  rowActive: boolean;
-  columns: BaseDatatableColumn<T>[];
-  dataColumns: BaseDatatableColumn<T>[];
-  selectedRowIds: Array<string | number>;
-  renderCell: (
-    column: BaseDatatableColumn<T>,
-    row: T,
-    rowIndex: number,
-    columnIndex: number,
-    rowId: string | number,
-    rowActive: boolean,
-    cellOverrides?: BaseDatatableCellOverrides,
-  ) => ReactNode;
-}
-
-interface BaseDatatableProps<T = Record<string, any>> {
-  columns?: Array<BaseDatatableColumn<T> | string>;
-  data?: T[];
-  header?: BaseDatatableHeaderCell[][];
-  features?: BaseDatatableFeatures;
-  layout?: BaseDatatableLayout;
-  selection?: BaseDatatableSelection<T>;
-  pagination?: BaseDatatablePagination;
-  renderRow?: (context: BaseDatatableRenderRowContext<T>) => ReactNode;
-  onRowClick?: (row: T, rowIndex: number) => void;
-  getRowId?: (row: T, rowIndex: number) => string | number;
-  emptyState?: ReactNode;
-  loading?: boolean;
-  loadingText?: ReactNode;
-  rowHover?: boolean;
-  activeRowId?: string | number | null;
-  containerSx?: SxProps;
-  tableSx?: SxProps;
-}
-
-declare function BaseDatatable<T = Record<string, any>>(
-  props: BaseDatatableProps<T>,
-): ReactNode;
-
-interface BaseDatePickerProps {
-  type?: string;
-
-  name?: string;
-  control?: any;
-
-  defaultValue?: any;
-
-  title?: React.ReactNode;
-  subtitle?: React.ReactNode;
-
-  className?: string;
-  titleClassName?: string;
-  subtitleClassName?: string;
-
-  placeholder?: string;
-
-  minDate?: any;
-  maxDate?: any;
-
-  isDisabled?: boolean;
-  clearable?: boolean;
-  editableDateInputs?: boolean;
-
-  format?: string;
-
-  onChange?: (date: any) => void;
-
-  [key: string]: any;
-}
-
-declare function BaseDatePicker(
-  props: BaseDatePickerProps,
-): React.ReactElement | null;
-
-interface BaseDropdownProps {
-  name?: string;
-  control?: any;
-  options?: any[];
-  loadOptions?: any;
-  isMulti?: boolean;
-  isSearchable?: boolean;
-  showChip?: boolean;
-  showSelectAll?: boolean;
-  title?: React.ReactNode;
-  subtitle?: React.ReactNode;
-  className?: string;
-  titleClassName?: string;
-  subtitleClassName?: string;
-  defaultValue?: any;
-  isDisabled?: boolean;
-  isClearable?: boolean;
-  preventOverflow?: boolean;
-  optionColors?: string[];
-  variant?: "select" | "checkbox";
-  [key: string]: any;
-}
-
-declare function BaseDropdown(
-  props: BaseDropdownProps,
-): React.ReactElement;
-
-interface BaseDropzoneSettings {
-  allowedExtensions?: Record<string, any>;
-  maxSize?: number;
-  maxFiles?: number;
-  isImagePreview?: boolean;
-  previewType?: "grid" | "list";
-}
-
-interface BaseDropzoneLabels {
-  title?: React.ReactNode;
-  dropzoneTitle?: string;
-  titleButton?: string;
-  allowedFileLabel?: string;
-}
-
-interface BaseDropzoneCallbacks {
-  uploadFile?: (file: File) => void | Promise<any>;
-  removeFile?: (file: File) => void;
-  customError?: (error: unknown) => void;
-}
-
-interface BaseDropzoneProps {
-  autoUpload?: boolean;
-
-  settings?: BaseDropzoneSettings;
-
-  labels?: BaseDropzoneLabels;
-
-  callbacks?: BaseDropzoneCallbacks;
-}
-
-declare function BaseDropzone(
-  props: BaseDropzoneProps,
-): React.ReactElement;
-
-interface BaseRadioOption {
-  label: React.ReactNode;
-  value: any;
-  disabled?: boolean;
-  [key: string]: any;
-}
-
-interface BaseRadioButtonProps {
-  name?: string;
-  control?: any;
-  defaultValue?: any;
-
-  label?: React.ReactNode;
-  options?: BaseRadioOption[];
-
-  /* ================= TYPOGRAPHY ================= */
-  labelVariant?: string;
-  errorVariant?: string;
-
-  /* ================= LAYOUT ================= */
-  orientation?: "vertical" | "horizontal";
-
-  /* ================= COLOR TOKEN ================= */
-  radioColorToken?: string;
-
-  /* ================= STATE ================= */
-  isDisabled?: boolean;
-
-  /* ================= CLASS ================= */
-  className?: string;
-  titleClassName?: string;
-  fieldClassName?: string;
-
-  /* ================= ERROR ================= */
-  useErrorStateHelper?: boolean;
-
-  [key: string]: any;
-}
-
-declare function BaseRadioButton(
-  props: BaseRadioButtonProps,
-): React.ReactElement | null;
-
-declare function BaseStepper({ steps, activeStep, orientation, variant, }: {
-    steps?: any[];
-    activeStep?: number;
-    orientation?: string;
-    variant?: string;
-}): any;
-declare namespace BaseStepper {
+declare function FormBuilder({ className, fields, methods, onSubmit, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    fields?: any[];
+    methods: any;
+    onSubmit: any;
+}): react_jsx_runtime.JSX.Element;
+declare function SubFormBuilder({ className, fields, methods }: {
+    className: any;
+    fields?: any[];
+    methods: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TooltipSteps({ steps, anchorPosition, currentStep, setCurrentStep, }: {
+    steps: any;
+    anchorPosition: any;
+    currentStep: any;
+    setCurrentStep: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TextEditor({ name, onInit, initialValue, handleImageUpload, className, titleClassName, onDrop, isDisabled, formState, ...props }: {
+    [x: string]: any;
+    name?: string;
+    onInit: any;
+    initialValue: any;
+    handleImageUpload: any;
+    className: any;
+    titleClassName: any;
+    onDrop: any;
+    isDisabled: any;
+    formState: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmDeleteWithForm({ open, setOpen, titleModal, description, name, title, placeholder, cancelText, confirmText, onSubmit, typeInput, options, width }: {
+    open: any;
+    setOpen: any;
+    titleModal: any;
+    description: any;
+    name: any;
+    title: any;
+    placeholder: any;
+    cancelText: any;
+    confirmText: any;
+    onSubmit: any;
+    typeInput: any;
+    options: any;
+    width: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmDeleteWithTextArea({ open, setOpen, titleModal, description, name, title, placeholder, cancelText, confirmText, onSubmit, typeInput, minLength, customValidationSchema, ...props }: {
+    [x: string]: any;
+    open: any;
+    setOpen: any;
+    titleModal: any;
+    description: any;
+    name: any;
+    title: any;
+    placeholder: any;
+    cancelText: any;
+    confirmText: any;
+    onSubmit: any;
+    typeInput: any;
+    minLength: any;
+    customValidationSchema: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmPipelineToPrakarsa({ open, setOpen, titleModal, description, name, title, placeholder, cancelText, confirmText, onSubmit, typeInput, options, errorMessage }: {
+    open: any;
+    setOpen: any;
+    titleModal: any;
+    description: any;
+    name: any;
+    title: any;
+    placeholder: any;
+    cancelText: any;
+    confirmText: any;
+    onSubmit: any;
+    typeInput: any;
+    options: any;
+    errorMessage: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmationPipeline({ open, onClose, onConfirm, description, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    description: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmation({ open, onClose, onConfirm, title, description, maxWidth, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    title?: string;
+    description: any;
+    maxWidth?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalConfirmationDinamis({ open, onClose, onConfirm, title, description, cancelButtonText, confirmButtonText, cancelButtonProps, confirmButtonProps, icon, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    title?: string;
+    description: any;
+    cancelButtonText?: string;
+    confirmButtonText?: string;
+    cancelButtonProps?: {};
+    confirmButtonProps?: {};
+    icon: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DynamicCustomModal({ show, onHide, title, children, icon, titleBackground, className, theme, maxWidth, buttons, }: {
+    show: any;
+    onHide: any;
+    title: any;
+    children: any;
+    icon: any;
+    titleBackground: any;
+    className: any;
+    theme?: string;
+    maxWidth?: string;
+    buttons?: {
+        label: string;
+        model: string;
+        color: string;
+        disabled: boolean;
+        onClick: () => void;
+    }[];
+}): react_jsx_runtime.JSX.Element;
+declare namespace DynamicCustomModal {
     namespace propTypes {
-        let steps: any;
-        let activeStep: any;
-        let orientation: any;
-        let variant: any;
+        let show: any;
+        let onHide: any;
+        let children: any;
+        let icon: any;
+        let titleBackground: any;
+        let className: any;
+        let theme: any;
+        let maxWidth: any;
+        let buttons: any;
     }
 }
 
-interface BaseTextFieldProps {
-  name?: string;
-  control?: any;
-
-  defaultValue?: any;
-  className?: string;
-  titleClassName?: string;
-
-  maxLength?: number;
-  showLength?: boolean;
-
-  isNumericOnly?: boolean;
-  isAlphaNumericOnly?: boolean;
-  isAlphaOnly?: boolean;
-
-  allowedSpecialCharacters?: string;
-  dontAllowedSpecialCharacters?: string;
-
-  isAlphaNumericWithUnderscore?: boolean;
-
-  isDisabled?: boolean;
-  isCantPaste?: boolean;
-
-  result?: any;
-  resultColor?: string;
-
-  noSpaceAllowed?: boolean;
-
-  showCountHelper?: boolean;
-
-  textMask?: string;
-
-  [key: string]: any;
-}
-
-declare function BaseTextField(
-  props: BaseTextFieldProps,
-): React.ReactElement | null;
-
-interface TextFieldUploadProps {
-  name?: string;
-  control?: any;
-
-  defaultValue?: string;
-
-  title?: React.ReactNode;
-
-  accept?: string;
-  maxSize?: number;
-
-  isDisabled?: boolean;
-
-  buttonLabel?: string;
-  buttonPosition?: "start" | "end";
-
-  iconPosition?: "start" | "end";
-
-  uploadFile?: (file: File) => void | Promise<any>;
-
-  [key: string]: any;
-}
-
-declare function TextFieldUpload(
-  props: TextFieldUploadProps,
-): React.ReactElement | null;
-
-interface BaseTextAreaProps {
-  name?: string;
-  control?: any;
-  defaultValue?: any;
-  helperText?: React.ReactNode;
-  rules?: any;
-  exactLength?: number;
-  maxLength?: number;
-
-  [key: string]: any;
-}
-
-declare function BaseTextArea(
-  props: BaseTextAreaProps,
-): React.ReactElement | null;
-
-interface BaseModalProps {
-  open?: boolean;
-
-  onClose?: () => void;
-  onConfirm?: () => void;
-  onCancel?: () => void;
-
-  icon?: React.ReactNode;
-
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-
-  children?: React.ReactNode;
-  footer?: React.ReactNode;
-
-  showConfirm?: boolean;
-  showCancel?: boolean;
-
-  confirmLabel?: string;
-  cancelLabel?: string;
-
-  confirmVariant?: string;
-  cancelVariant?: string;
-
-  confirmColor?: string;
-  cancelColor?: string;
-
-  confirmSize?: string;
-  cancelSize?: string;
-
-  align?: "left" | "center" | "right";
-
-  modalWidth?: string;
-
-  showCloseIcon?: boolean;
-
-  [key: string]: any;
-}
-
-declare function BaseModal(
-  props: BaseModalProps,
-): React.ReactElement | null;
-
-interface BaseModalStepperStep {
-  label?: string;
-  description?: string;
-  responseCode?: string;
-  responseDesc?: string;
-  responseTime?: number;
-}
-
-interface BaseModalStepperProps {
-  open: boolean;
-
-  onClose: (event?: any, reason?: any) => void;
-
-  title?: string;
-
-  stepper?: BaseModalStepperStep[];
-
-  navState?: string | number | null;
-
-  lengthUpload?: number;
-
-  id_pengajuan?: number | null;
-
-  showFooter?: boolean;
-
-  children?: React.ReactNode;
-
-  modalWidth?: string;
-
-  [key: string]: any;
-}
-
-declare function BaseModalStepper(
-  props: BaseModalStepperProps,
-): React.ReactElement | null;
-
-interface BaseModalOTPProps {
-  isOpen?: boolean;
-
-  phone?: string;
-
-  setIsOpen?: (open: boolean) => void;
-
-  otpLength?: number;
-
-  onValidateOtp?: (otp: string) => void;
-
-  onRequestOtp?: () => void;
-
-  [key: string]: any;
-}
-
-declare function BaseModalOTP(
-  props: BaseModalOTPProps,
-): React.ReactElement | null;
-
-export { BaseAlert, BaseButton, BaseCard, BaseCheckbox, BaseDatatable, BaseDatePicker, BaseDropdown, BaseDropzone, BaseModal, BaseModalOTP, BaseModalStepper, BaseRadioButton, BaseStepper, BaseSwitch, BaseTextArea, BaseTextField, CONTENT_SPACING_TOKENS, ContentSpacing, DerivedColor, PrimitiveColor, Radius, RadiusToken, Shadow, ShadowToken, Spacing, SpacingToken, TextFieldUpload, Typography, VariantStyles };
+declare function ModalError({ open, onClose, onConfirm, description, title, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    description: any;
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalLevelUker({ open, setOpen, setSearchUker, setReloadData }: {
+    open: any;
+    setOpen: any;
+    setSearchUker: any;
+    setReloadData: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalLoading({ open, ...props }: {
+    [x: string]: any;
+    open: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalCustomField({ open, setOpen, titleModal, description, name, title, placeholder, cancelText, confirmText, onSubmit, typeInput, options, errorMessage, confirmColor, rows, maxLength, showCountHelper }: {
+    open: any;
+    setOpen: any;
+    titleModal: any;
+    description: any;
+    name: any;
+    title: any;
+    placeholder: any;
+    cancelText: any;
+    confirmText: any;
+    onSubmit: any;
+    typeInput: any;
+    options: any;
+    errorMessage: any;
+    confirmColor: any;
+    rows?: number;
+    maxLength?: number;
+    showCountHelper?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalMultiCustomField({ handleOpenModal, handleSetOpenModal, titleModalDescription, infoModalDescription, cancelModalDescription, acceptModalDescription, structureFields, handleSubmitForm }: {
+    handleOpenModal: any;
+    handleSetOpenModal: any;
+    titleModalDescription: any;
+    infoModalDescription: any;
+    cancelModalDescription: any;
+    acceptModalDescription: any;
+    structureFields: any;
+    handleSubmitForm: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalTextField({ open, setOpen, titleModal, title, placeholder, cancelText, confirmText, value, onSubmit, }: {
+    open: any;
+    setOpen: any;
+    titleModal?: string;
+    title?: string;
+    placeholder?: string;
+    cancelText?: string;
+    confirmText?: string;
+    value?: string;
+    onSubmit?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalUpload({ open, setOpen }: {
+    open: any;
+    setOpen: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalDetailViewCustom({ open, setOpen, title, maxWidth, children, withCloseButton, CloseButton, iconTitle }: {
+    open: any;
+    setOpen: any;
+    title: any;
+    maxWidth: any;
+    children: any;
+    withCloseButton?: boolean;
+    CloseButton: any;
+    iconTitle: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalDetailView({ open, setOpen, title, maxWidth, children, withCloseButton, bottomButton, }: {
+    open: any;
+    setOpen: any;
+    title: any;
+    maxWidth: any;
+    children: any;
+    withCloseButton?: boolean;
+    bottomButton: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalCustomOtp({ isOpen, phone, setIsOpen, otpLength, onValidateOtp, onRequestOtp, }: {
+    isOpen: any;
+    phone: any;
+    setIsOpen: any;
+    otpLength?: number;
+    onValidateOtp?: () => any;
+    onRequestOtp?: () => any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalSavePipeline({ open, onClose, description, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    description: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalStepper({ open, onClose, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalSuccessDinamis({ open, onClose, onConfirm, description, title, image, textButton, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    description: any;
+    title: any;
+    image: any;
+    textButton: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalSuccessPipeline({ open, onClose, title, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalSuccess({ open, onClose, onConfirm, description, title, image, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    description: any;
+    title?: string;
+    image: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalWarning({ open, onClose, onConfirm, description, title, ...props }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    onConfirm: any;
+    description: any;
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ModalGlobal(): react_jsx_runtime.JSX.Element;
+
+export { AccordionDefault, AlertDefault, AlertError, AlertInfo, AlertSuccess, AlertWarning, BackgroundLogin, BreadcrumbsDefault, ButtonContained, ButtonDefault, ButtonHover, ButtonIcon, ButtonLoading, ButtonOutlined, ButtonTextBorderless, CardDefault, CardNotification, CardWithBlueHeader, CardWithHeader, CardWithHeaderFormChild, CardWithHeaderSpaceBetween, CardWithoutHeader, ChartJS, ChartJSCustomLegends, CheckboxDefault, CheckboxLabelled, ChipSticker, ChipsBlue, ChipsDefault, CircularProgressModal, CircularScoreProgressBar, DataTable, DataTableBriguna, DataTableSticky, DataTableSub, DataTableSubHeader, DateRangePicker, DayPicker, DefaultStepper, DetailDialog, DropzoneKuotaNasional, DropzoneMultiple, DynamicCustomModal, FORM_TYPE, FilterAccordion, FilterAccordionBoth, FilterAccordionRight, FormBuilder, HeadlessTable, IconButtons, ImageCarousel, ImagePasteComponent, InvertedTrapezoid, ModalConfirmDeleteWithForm, ModalConfirmDeleteWithTextArea, ModalConfirmPipelineToPrakarsa, ModalConfirmation, ModalConfirmationDinamis, ModalConfirmationPipeline, ModalCustomField, ModalCustomOtp, ModalDetailView, ModalDetailViewCustom, ModalError, ModalGlobal, ModalLevelUker, ModalLoading, ModalMultiCustomField, ModalSavePipeline, ModalStepper, ModalSuccess, ModalSuccessDinamis, ModalSuccessPipeline, ModalTextField, ModalUpload, ModalWarning, MonthPicker, MoreButton, MultiStep, PlainDataTable, RadioDefault, RadioHorizontal, RadioVertical, ResponsiveDatePicker, ResponsiveDatePickerWithClear, ResponsiveDateTimePicker, SelectAsyncSearch, SelectDefault, SelectWithSearch, ServerSidePaginationActions, Skeleton, StepperDashboard, SubFormBuilder, SubmenuDataTable, SummaryCard, SwitchDefault, TablePaginationActions, TableStickyYear, TextEditor, TextFieldDefault, TextFieldDefaultCurrency, TextFieldFilledIcon, TextFieldMultiline, TextFieldPassword, TextFieldPrefixPostfix, TextFieldPrefixPostfixCurrency, TextFieldPrefixPostfixUpload, TextFieldPrefixPostfixUploadPipelineCp, TextFieldSearch, TextFieldUploadFile, TextFieldWithButton, TextLabel, TimePicker, TooltipSteps, WebcamDialog$1 as WebcamDialog, WebcamDialog as WebcamModal, WeekPicker, YearMonthPicker, YearPicker };