spotlibs-components 0.1.13 → 0.1.16

package/dist/layout/index.d.mts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function LayoutShell({ menuItems, username, fullname, currentPath, excludedRoutes, logoText, logoSrc, onLogout, onNavigate, children, }: {
+    menuItems?: any[];
+    username: any;
+    fullname: any;
+    currentPath?: string;
+    excludedRoutes?: string[];
+    logoText?: string;
+    logoSrc: any;
+    onLogout: any;
+    onNavigate: any;
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AppSidebar({ menuItems, currentPath, logoText, onNavigate, }: {
+    menuItems?: any[];
+    currentPath?: string;
+    logoText?: string;
+    onNavigate: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AppHeader({ username, fullname, logoSrc, onLogout, onNavigate }: {
+    username: any;
+    fullname: any;
+    logoSrc: any;
+    onLogout: any;
+    onNavigate: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Backdrop({ onClick }: {
+    onClick: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function parseAccessMenu(encryptedValue: any, secretKey: any): any;
+
+declare function SidebarProvider({ children }: {
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+declare function useSidebar(): any;
+
+export { AppHeader, AppSidebar, Backdrop, LayoutShell, SidebarProvider, parseAccessMenu, useSidebar };

package/dist/layout/index.mjs

@@ -0,0 +1,5 @@
+"use client";
+export { AppHeader, AppSidebar, Backdrop, LayoutShell, SidebarProvider, parseAccessMenu, useSidebar } from '../chunk-G2BF4U5I.mjs';
+import '../chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/mui/index.d.mts

@@ -2,22 +2,16 @@ export { default as Box } from '@mui/material/Box';
 export { default as Stack } from '@mui/material/Stack';
 export { default as Grid } from '@mui/material/Grid';
 export { default as Container } from '@mui/material/Container';
+export { styled } from '@mui/material/styles';
 export { default as ThemeProvider } from '@mui/material/styles/ThemeProvider';
-export { default as createTheme } from '@mui/material/styles/createTheme';
-export { default as useMediaQuery } from '@mui/material/useMediaQuery';
 export { default as Paper } from '@mui/material/Paper';
 export { default as Divider } from '@mui/material/Divider';
 export { default as Collapse } from '@mui/material/Collapse';
-export { default as Fade } from '@mui/material/Fade';
-export { default as Grow } from '@mui/material/Grow';
-export { default as Slide } from '@mui/material/Slide';
-export { default as Zoom } from '@mui/material/Zoom';
-export { default as Hidden } from '@mui/material/Hidden';
 export { default as Portal } from '@mui/material/Portal';
 export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
 export { default as Popper } from '@mui/material/Popper';
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as CircularProgress } from '@mui/material/CircularProgress';
 export { default as LinearProgress } from '@mui/material/LinearProgress';
-export { default as Skeleton } from '@mui/material/Skeleton';
-export { alpha, darken, lighten, styled, useTheme } from '@mui/material/styles';
+export { default as InputAdornment } from '@mui/material/InputAdornment';
+export { default as IconButton } from '@mui/material/IconButton';

package/dist/mui/index.mjs

@@ -4,24 +4,18 @@ export { default as Box } from '@mui/material/Box';
 export { default as Stack } from '@mui/material/Stack';
 export { default as Grid } from '@mui/material/Grid';
 export { default as Container } from '@mui/material/Container';
-export { alpha, darken, lighten, styled, useTheme } from '@mui/material/styles';
+export { styled } from '@mui/material/styles';
 export { default as ThemeProvider } from '@mui/material/styles/ThemeProvider';
-export { default as createTheme } from '@mui/material/styles/createTheme';
-export { default as useMediaQuery } from '@mui/material/useMediaQuery';
 export { default as Paper } from '@mui/material/Paper';
 export { default as Divider } from '@mui/material/Divider';
 export { default as Collapse } from '@mui/material/Collapse';
-export { default as Fade } from '@mui/material/Fade';
-export { default as Grow } from '@mui/material/Grow';
-export { default as Slide } from '@mui/material/Slide';
-export { default as Zoom } from '@mui/material/Zoom';
-export { default as Hidden } from '@mui/material/Hidden';
 export { default as Portal } from '@mui/material/Portal';
 export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
 export { default as Popper } from '@mui/material/Popper';
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as CircularProgress } from '@mui/material/CircularProgress';
 export { default as LinearProgress } from '@mui/material/LinearProgress';
-export { default as Skeleton } from '@mui/material/Skeleton';
+export { default as InputAdornment } from '@mui/material/InputAdornment';
+export { default as IconButton } from '@mui/material/IconButton';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/rekening-tujuan-icon-BfSXbixN.d.mts

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function FilePdfIcon({ color }: {
+    color: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AnalisisRisikoKreditNasabahIcon(): react_jsx_runtime.JSX.Element;
+
+declare function AppendixIcon(): react_jsx_runtime.JSX.Element;
+
+declare function BgBuilding(): react_jsx_runtime.JSX.Element;
+
+declare function BgPerson(): react_jsx_runtime.JSX.Element;
+
+declare function ChecklistDokumenPaketKreditIcon(): react_jsx_runtime.JSX.Element;
+
+declare function CreditRiskRatingIcon(): react_jsx_runtime.JSX.Element;
+
+declare function DokumenPenjagaanIcon(): react_jsx_runtime.JSX.Element;
+
+declare function InformasiKursIcon(): react_jsx_runtime.JSX.Element;
+
+declare function InformasiNasabahIcon(): react_jsx_runtime.JSX.Element;
+
+declare function MatriksRiskDanMitigationIcon(): react_jsx_runtime.JSX.Element;
+
+declare function NotulenRapatPraKomiteIcon(): react_jsx_runtime.JSX.Element;
+
+declare function OfferingLetterIcon(): react_jsx_runtime.JSX.Element;
+
+declare function PengajuanDanFasilitasKreditIcon(): react_jsx_runtime.JSX.Element;
+
+declare function ProfitabilitasDanHubunganNasabahIcon(): react_jsx_runtime.JSX.Element;
+
+declare function RekomendasiPutusanIcon(): react_jsx_runtime.JSX.Element;
+
+declare function RingkasanEksekutifIcon(): react_jsx_runtime.JSX.Element;
+
+declare function DefaultAvatarIcon({ width, height, strokeColor, fillColor1, fillColor2, fillColor3, }: {
+    width?: string;
+    height?: string;
+    strokeColor?: string;
+    fillColor1?: string;
+    fillColor2?: string;
+    fillColor3?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DefaultImageIcon({ width, height, bgColor, fillColor, }: {
+    width?: string;
+    height?: string;
+    bgColor?: string;
+    fillColor?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RekeningEscrowIcon(): react_jsx_runtime.JSX.Element;
+
+declare function RekeningOprasionalIcon(): react_jsx_runtime.JSX.Element;
+
+declare function RekeningTujuanIcon(): react_jsx_runtime.JSX.Element;
+
+export { AnalisisRisikoKreditNasabahIcon as A, BgBuilding as B, ChecklistDokumenPaketKreditIcon as C, DefaultAvatarIcon as D, FilePdfIcon as F, InformasiKursIcon as I, MatriksRiskDanMitigationIcon as M, NotulenRapatPraKomiteIcon as N, OfferingLetterIcon as O, PengajuanDanFasilitasKreditIcon as P, RekeningEscrowIcon as R, AppendixIcon as a, BgPerson as b, CreditRiskRatingIcon as c, DefaultImageIcon as d, DokumenPenjagaanIcon as e, InformasiNasabahIcon as f, ProfitabilitasDanHubunganNasabahIcon as g, RekeningOprasionalIcon as h, RekeningTujuanIcon as i, RekomendasiPutusanIcon as j, RingkasanEksekutifIcon as k };

package/dist/{types-D1akE7ak.d.mts → types-D0cyG_RH.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { SxProps } from '@mui/material/styles';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { Control, RegisterOptions, UseFormReturn } from 'react-hook-form';
 
 interface BaseAlertProps {
   /** Alert color variant */
@@ -195,7 +195,9 @@ type TypographyVariant =
   | "header2_semibold"
   | "header2_bold"
   | "body1_regular"
+  | "body1_semibold"
   | "body2_regular"
+  | "body2_semibold"
   | "caption_regular";
 
 type TypographyColor =
@@ -380,6 +382,52 @@ interface BaseButtonProps {
 
 declare function BaseButton(props: BaseButtonProps): React.ReactElement;
 
+interface BaseSkeletonProps {
+  /**
+   * Skeleton shape variant.
+   * - `text` — single line of text placeholder
+   * - `rectangular` — rectangle block placeholder
+   * - `rounded` — rectangle with border-radius
+   * - `circular` — circle placeholder (avatar, icon)
+   */
+  variant?: "text" | "rectangular" | "rounded" | "circular";
+  /**
+   * Animation type.
+   * - `pulse` — fading animation (default)
+   * - `wave` — wave sweep animation
+   * - `none` — no animation (static)
+   */
+  animation?: "pulse" | "wave" | "none";
+  /** Width of the skeleton. Accepts number (px) or string (e.g. "100%", "200px") */
+  width?: number | string;
+  /** Height of the skeleton. Accepts number (px) or string (e.g. "40px", "1.2em") */
+  height?: number | string;
+  /** Number of skeleton lines to render. If > 1, renders stacked skeletons. */
+  count?: number;
+  /** Gap between stacked skeletons when count > 1. Default is SpacingToken.spacing2 */
+  gap?: string | number;
+  /** MUI sx overrides */
+  sx?: SxProps;
+  [key: string]: any;
+}
+
+declare function BaseSkeleton(props: BaseSkeletonProps): React.ReactElement;
+
+interface BaseSwitchProps {
+  /** Current switch state */
+  status?: boolean;
+  /** Label text or element */
+  label?: React.ReactNode;
+  /** Label position relative to the switch */
+  labelPlacement?: "start" | "end" | "top" | "bottom";
+  /** Disabled state */
+  isDisabled?: boolean;
+  /** Change handler */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+declare function BaseSwitch(props: BaseSwitchProps): React.ReactElement;
+
 interface BaseCardProps {
   /** Card variant type */
   variant?: "default" | "with-header" | "with-header-footer";
@@ -409,6 +457,10 @@ interface BaseCardProps {
   showEndIcon?: boolean;
   /** Footer content (only for with-header-footer variant) */
   footer?: React.ReactNode;
+  /** Enable watermark overlay on content area */
+  isWatermark?: boolean;
+  /** Watermark text (e.g. "12345678 / Brispot Web") */
+  watermarkText?: string;
   /** MUI sx overrides */
   sx?: SxProps;
   [key: string]: any;
@@ -416,20 +468,32 @@ interface BaseCardProps {
 
 declare function BaseCard(props: BaseCardProps): React.ReactElement;
 
-interface BaseSwitchProps {
-  /** Current switch state */
-  status?: boolean;
-  /** Label text or element */
-  label?: React.ReactNode;
-  /** Label position relative to the switch */
-  labelPlacement?: "start" | "end" | "top" | "bottom";
-  /** Disabled state */
-  isDisabled?: boolean;
-  /** Change handler */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+interface BaseSnackbarPosition {
+  vertical: "top" | "bottom";
+  horizontal: "left" | "center" | "right";
 }
 
-declare function BaseSwitch(props: BaseSwitchProps): React.ReactElement;
+interface BaseSnackbarProps {
+  /** Whether the snackbar is open */
+  open?: boolean;
+  /** Close handler */
+  onClose?: (event?: React.SyntheticEvent | Event, reason?: string) => void;
+  /** Snackbar message content */
+  message?: string;
+  /** Color variant */
+  variant?: "success" | "error" | "info" | "warning" | "default";
+  /** Auto hide duration in milliseconds */
+  duration?: number;
+  /** Anchor origin position */
+  position?: BaseSnackbarPosition;
+  /** Icon element or component. If not provided, no icon is shown. */
+  icon?: React.ReactNode | React.ComponentType<any>;
+  /** MUI sx overrides */
+  sx?: SxProps;
+  [key: string]: any;
+}
+
+declare function BaseSnackbar(props: BaseSnackbarProps): React.ReactElement;
 
 interface BaseCheckboxOption {
   /** Label yang ditampilkan */
@@ -982,48 +1046,169 @@ declare function BaseTextArea(
   props: BaseTextAreaProps,
 ): React.ReactElement | null;
 
-interface BaseModalProps {
-  open?: boolean;
+interface BaseModalAlertShowOptions {
+  /** Icon type preset or custom image path */
+  icon?: "success" | "error" | "info" | "warning" | "confirm" | string;
+  /** Modal title text */
+  title?: string;
+  /** Modal description text */
+  description?: string;
+  /** Cancel button text. Default: "Batal" */
+  cancelBtnText?: string;
+  /** Confirm button text. Default: "Ya" */
+  confirmBtnText?: string;
+  /** Cancel button action. Default: closes modal. Can be custom function. */
+  cancelBtnProps?: () => void;
+  /** Confirm button action. Called on confirm click. */
+  confirmBtnProps?: () => void;
+  /** Show cancel button. Default: true */
+  showCancelBtn?: boolean;
+  /** Show confirm button. Default: true */
+  showConfirmBtn?: boolean;
+}
 
+interface BaseModalAlertDialogProps extends BaseModalAlertShowOptions {
+  /** Whether the modal is open */
+  open?: boolean;
+  /** Close handler */
   onClose?: () => void;
-  onConfirm?: () => void;
-  onCancel?: () => void;
+}
 
-  icon?: React.ReactNode;
+/**
+ * Imperative BaseModalAlert API.
+ *
+ * Usage:
+ * ```jsx
+ * import { BaseModalAlert } from 'spotlibs-components';
+ *
+ * BaseModalAlert.show({
+ *   icon: 'success',
+ *   title: 'Berhasil!',
+ *   description: 'Data berhasil disimpan.',
+ *   confirmBtnText: 'OK',
+ *   showCancelBtn: false,
+ *   confirmBtnProps: () => console.log('confirmed'),
+ * });
+ *
+ * BaseModalAlert.hide();
+ * ```
+ */
+declare const BaseModalAlert: {
+  /** Show the modal alert with given options */
+  show: (options: BaseModalAlertShowOptions) => void;
+  /** Hide the modal alert */
+  hide: () => void;
+  /** Internal: set modal ref (used by BaseModalAlertProvider) */
+  setModalRef: (ref: React.RefObject<any>) => void;
+};
 
-  title?: React.ReactNode;
-  description?: React.ReactNode;
+/**
+ * Provider component. Mount once at app root to enable BaseModalAlert.show()/hide().
+ *
+ * ```jsx
+ * import { BaseModalAlertProvider } from 'spotlibs-components';
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <BaseModalAlertProvider />
+ *       <YourApp />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+declare function BaseModalAlertProvider(): React.ReactElement;
+
+/**
+ * Controlled dialog component for direct usage without imperative API.
+ */
+declare function BaseModalAlertDialog(props: BaseModalAlertDialogProps): React.ReactElement;
+
+interface BaseModalLoadingDialogProps {
+  /** Whether the loading modal is open */
+  open?: boolean;
+  /** Loading message text. Default: "Mohon tunggu..." */
+  message?: string;
+}
+
+/**
+ * Imperative BaseModalLoading API.
+ *
+ * Usage:
+ * ```jsx
+ * import { BaseModalLoading } from 'spotlibs-components';
+ *
+ * BaseModalLoading.show(); // default message
+ * BaseModalLoading.show("Sedang memproses data...");
+ * BaseModalLoading.hide();
+ * ```
+ */
+declare const BaseModalLoading: {
+  /** Show the loading modal. Optionally pass a custom message. */
+  show: (message?: string) => void;
+  /** Hide the loading modal */
+  hide: () => void;
+  /** Internal: set modal ref (used by BaseModalLoadingProvider) */
+  setModalRef: (ref: React.RefObject<any>) => void;
+};
 
+/**
+ * Provider component. Mount once at app root to enable BaseModalLoading.show()/hide().
+ *
+ * ```jsx
+ * import { BaseModalLoadingProvider } from 'spotlibs-components';
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <BaseModalLoadingProvider />
+ *       <YourApp />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+declare function BaseModalLoadingProvider(): React.ReactElement;
+
+/**
+ * Controlled loading dialog component for direct usage without imperative API.
+ */
+declare function BaseModalLoadingDialog(props: BaseModalLoadingDialogProps): React.ReactElement;
+
+interface BaseModalPopupProps {
+  /** Whether the modal is open */
+  open?: boolean;
+  /** Close handler */
+  onClose?: () => void;
+  /** Modal variant type */
+  variant?: "default" | "with-header" | "with-header-footer";
+  /** Header background color preset */
+  color?: "primary" | "secondary" | "success" | "warning" | "danger";
+  /** Header title text */
+  title?: string;
+  /** Header subtitle text */
+  subtitle?: string;
+  /** Icon element before title in header */
+  startIcon?: React.ReactNode;
+  /** Modal body content */
   children?: React.ReactNode;
+  /** Footer content (only for with-header-footer variant) */
   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;
-
+  /** MUI Dialog maxWidth. Default: "sm" */
+  maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | false;
+  /** Whether dialog takes full width of maxWidth. Default: true */
+  fullWidth?: boolean;
+  /** Enable watermark overlay on content area */
+  isWatermark?: boolean;
+  /** Watermark text (e.g. "12345678 / Brispot Web") */
+  watermarkText?: string;
+  /** MUI sx overrides for Dialog */
+  sx?: SxProps;
   [key: string]: any;
 }
 
-declare function BaseModal(
-  props: BaseModalProps,
-): React.ReactElement | null;
+declare function BaseModalPopup(props: BaseModalPopupProps): React.ReactElement;
 
 interface BaseModalStepperStep {
   label?: string;
@@ -1081,4 +1266,82 @@ declare function BaseModalOTP(
   props: BaseModalOTPProps,
 ): React.ReactElement | null;
 
-export { type BaseStepperProps as $, type BaseDatatableAlign as A, BaseAlert as B, CONTENT_SPACING_TOKENS as C, DerivedColor as D, type BaseDatatableColumn as E, type BaseDatatableFeatures as F, type BaseDatatableHeaderCell as G, type BaseDatatableLayout as H, type BaseDatatablePagination as I, type BaseDatatableProps as J, type BaseDatatableSelection as K, type BaseDatatableSortPayload as L, type BaseDatatableSortState as M, type BaseDatePickerProps as N, type BaseDropdownProps as O, PrimitiveColor as P, type BaseDropzoneProps as Q, Radius as R, Shadow as S, TextFieldUpload as T, type BaseModalOTPProps as U, VariantStyles as V, type BaseModalProps as W, type BaseModalStepperProps as X, type BaseModalStepperStep as Y, type BaseRadioButtonProps as Z, type BaseStepperDashboardStep as _, BaseButton as a, type BaseStepperSimpleStep as a0, type BaseSwitchProps as a1, type BaseTextAreaProps as a2, type BaseTextFieldProps as a3, type ContentSpacingProps as a4, type DerivedColorType as a5, type PrimitiveColorType as a6, type RadiusLevel as a7, type RadiusMap as a8, type RadiusTokenProps as a9, type ShadowElevation as aa, type ShadowLevel as ab, type ShadowMap as ac, type ShadowTokenProps as ad, type SpacingProps as ae, type TextFieldUploadProps as af, type TypographyColor as ag, type TypographyProps as ah, type TypographyVariant as ai, BaseCard as b, BaseCheckbox as c, BaseDatatable as d, BaseDatePicker as e, BaseDropdown as f, BaseDropzone as g, BaseModal as h, BaseModalOTP as i, BaseModalStepper as j, BaseRadioButton as k, BaseStepper as l, BaseSwitch as m, BaseTextArea as n, BaseTextField as o, BaseTypography as p, ContentSpacing as q, RadiusToken as r, ShadowToken as s, Spacing as t, SpacingToken as u, type BaseAlertProps as v, type BaseButtonProps as w, type BaseCardProps as x, type BaseCheckboxOption as y, type BaseCheckboxProps as z };
+declare const FORM_TYPE: {
+  TEXT_FIELD: "text-field";
+  TEXT_AREA: "text-area";
+  TEXT_FIELD_UPLOAD: "text-field-upload";
+  DATE_PICKER: "date-picker";
+  DATETIME_PICKER: "datetime-picker";
+  TIME_PICKER: "time-picker";
+  YEAR_PICKER: "year-picker";
+  MONTH_PICKER: "month-picker";
+  DAY_PICKER: "day-picker";
+  DATE_RANGE: "date-range";
+  DROPDOWN: "dropdown";
+  DROPDOWN_ASYNC: "dropdown-async";
+  CHECKBOX: "checkbox";
+  RADIO: "radio";
+  CUSTOM: "custom";
+};
+
+interface FormBuilderFieldConfig {
+  type: string;
+  name?: string;
+  title?: string;
+  /** Per-field layout override */
+  layout?: "vertical" | "horizontal";
+  /** Per-field label width override */
+  labelWidth?: string;
+  /** Per-field divider override */
+  divider?: boolean;
+  [key: string]: any;
+}
+
+interface FormBuilderProps<T = any> {
+  /** MUI sx overrides for form element */
+  sx?: SxProps;
+  /** Array of field configurations */
+  fields?: FormBuilderFieldConfig[];
+  /** react-hook-form methods */
+  methods?: UseFormReturn<T>;
+  /** Form submit handler */
+  onSubmit?: (data: T) => void;
+  /** Gap between fields in px. Default: 16 */
+  gap?: number;
+  /** Number of grid columns. Default: 1 */
+  columns?: number;
+  /** Field layout direction. Default: "vertical" */
+  layout?: "vertical" | "horizontal";
+  /** Label width for horizontal layout. Default: "30%" */
+  labelWidth?: string;
+  /** Show border-bottom between fields. Default: false */
+  divider?: boolean;
+  /** CSS class for form element */
+  className?: string;
+  [key: string]: any;
+}
+
+interface SubFormBuilderProps<T = any> {
+  /** MUI sx overrides */
+  sx?: SxProps;
+  /** Array of field configurations */
+  fields?: FormBuilderFieldConfig[];
+  /** react-hook-form methods */
+  methods?: UseFormReturn<T>;
+  /** Gap between fields in px. Default: 16 */
+  gap?: number;
+  /** Number of grid columns. Default: 1 */
+  columns?: number;
+  /** Field layout direction. Default: "vertical" */
+  layout?: "vertical" | "horizontal";
+  /** Label width for horizontal layout. Default: "30%" */
+  labelWidth?: string;
+  /** Show border-bottom between fields. Default: false */
+  divider?: boolean;
+  [key: string]: any;
+}
+
+declare function FormBuilder<T = any>(props: FormBuilderProps<T>): React.ReactElement;
+declare function SubFormBuilder<T = any>(props: SubFormBuilderProps<T>): React.ReactElement;
+
+export { type BaseDatatableSortPayload as $, RadiusToken as A, BaseAlert as B, CONTENT_SPACING_TOKENS as C, DerivedColor as D, ShadowToken as E, FORM_TYPE as F, Spacing as G, SpacingToken as H, SubFormBuilder as I, type BaseAlertProps as J, type BaseButtonProps as K, type BaseCardProps as L, type BaseCheckboxOption as M, type BaseCheckboxProps as N, type BaseDatatableAlign as O, PrimitiveColor as P, type BaseDatatableColumn as Q, Radius as R, Shadow as S, TextFieldUpload as T, type BaseDatatableFeatures as U, VariantStyles as V, type BaseDatatableHeaderCell as W, type BaseDatatableLayout as X, type BaseDatatablePagination as Y, type BaseDatatableProps as Z, type BaseDatatableSelection as _, BaseButton as a, type BaseDatatableSortState as a0, type BaseDatePickerProps as a1, type BaseDropdownProps as a2, type BaseDropzoneProps as a3, type BaseModalAlertDialogProps as a4, type BaseModalAlertShowOptions as a5, type BaseModalLoadingDialogProps as a6, type BaseModalOTPProps as a7, type BaseModalPopupProps as a8, type BaseModalStepperProps as a9, type TypographyColor as aA, type TypographyProps as aB, type TypographyVariant as aC, type BaseModalStepperStep as aa, type BaseRadioButtonProps as ab, type BaseSkeletonProps as ac, type BaseSnackbarPosition as ad, type BaseSnackbarProps as ae, type BaseStepperDashboardStep as af, type BaseStepperProps as ag, type BaseStepperSimpleStep as ah, type BaseSwitchProps as ai, type BaseTextAreaProps as aj, type BaseTextFieldProps as ak, type ContentSpacingProps as al, type DerivedColorType as am, type FormBuilderFieldConfig as an, type FormBuilderProps as ao, type PrimitiveColorType as ap, type RadiusLevel as aq, type RadiusMap as ar, type RadiusTokenProps as as, type ShadowElevation as at, type ShadowLevel as au, type ShadowMap as av, type ShadowTokenProps as aw, type SpacingProps as ax, type SubFormBuilderProps as ay, type TextFieldUploadProps as az, BaseCard as b, BaseCheckbox as c, BaseDatatable as d, BaseDatePicker as e, BaseDropdown as f, BaseDropzone as g, BaseModalAlert as h, BaseModalAlertDialog as i, BaseModalAlertProvider as j, BaseModalLoading as k, BaseModalLoadingDialog as l, BaseModalLoadingProvider as m, BaseModalOTP as n, BaseModalPopup as o, BaseModalStepper as p, BaseRadioButton as q, BaseSkeleton as r, BaseSnackbar as s, BaseStepper as t, BaseSwitch as u, BaseTextArea as v, BaseTextField as w, BaseTypography as x, ContentSpacing as y, FormBuilder as z };

package/dist/types.d.mts

@@ -1,4 +1,4 @@
-export { v as BaseAlertProps, w as BaseButtonProps, x as BaseCardProps, y as BaseCheckboxOption, z as BaseCheckboxProps, A as BaseDatatableAlign, E as BaseDatatableColumn, F as BaseDatatableFeatures, G as BaseDatatableHeaderCell, H as BaseDatatableLayout, I as BaseDatatablePagination, J as BaseDatatableProps, K as BaseDatatableSelection, L as BaseDatatableSortPayload, M as BaseDatatableSortState, N as BaseDatePickerProps, O as BaseDropdownProps, Q as BaseDropzoneProps, U as BaseModalOTPProps, W as BaseModalProps, X as BaseModalStepperProps, Y as BaseModalStepperStep, Z as BaseRadioButtonProps, _ as BaseStepperDashboardStep, $ as BaseStepperProps, a0 as BaseStepperSimpleStep, a1 as BaseSwitchProps, a2 as BaseTextAreaProps, a3 as BaseTextFieldProps, a4 as ContentSpacingProps, a5 as DerivedColorType, a6 as PrimitiveColorType, a7 as RadiusLevel, a8 as RadiusMap, a9 as RadiusTokenProps, aa as ShadowElevation, ab as ShadowLevel, ac as ShadowMap, ad as ShadowTokenProps, ae as SpacingProps, af as TextFieldUploadProps, ag as TypographyColor, ah as TypographyProps, ai as TypographyVariant } from './types-D1akE7ak.mjs';
+export { J as BaseAlertProps, K as BaseButtonProps, L as BaseCardProps, M as BaseCheckboxOption, N as BaseCheckboxProps, O as BaseDatatableAlign, Q as BaseDatatableColumn, U as BaseDatatableFeatures, W as BaseDatatableHeaderCell, X as BaseDatatableLayout, Y as BaseDatatablePagination, Z as BaseDatatableProps, _ as BaseDatatableSelection, $ as BaseDatatableSortPayload, a0 as BaseDatatableSortState, a1 as BaseDatePickerProps, a2 as BaseDropdownProps, a3 as BaseDropzoneProps, a4 as BaseModalAlertDialogProps, a5 as BaseModalAlertShowOptions, a6 as BaseModalLoadingDialogProps, a7 as BaseModalOTPProps, a8 as BaseModalPopupProps, a9 as BaseModalStepperProps, aa as BaseModalStepperStep, ab as BaseRadioButtonProps, ac as BaseSkeletonProps, ad as BaseSnackbarPosition, ae as BaseSnackbarProps, af as BaseStepperDashboardStep, ag as BaseStepperProps, ah as BaseStepperSimpleStep, ai as BaseSwitchProps, aj as BaseTextAreaProps, ak as BaseTextFieldProps, al as ContentSpacingProps, am as DerivedColorType, an as FormBuilderFieldConfig, ao as FormBuilderProps, ap as PrimitiveColorType, aq as RadiusLevel, ar as RadiusMap, as as RadiusTokenProps, at as ShadowElevation, au as ShadowLevel, av as ShadowMap, aw as ShadowTokenProps, ax as SpacingProps, ay as SubFormBuilderProps, az as TextFieldUploadProps, aA as TypographyColor, aB as TypographyProps, aC as TypographyVariant } from './types-D0cyG_RH.mjs';
 import 'react';
 import '@mui/material/styles';
 import 'react-hook-form';

package/dist/utils/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { ascendingStringify, callAsset, errorState, jsonToStringLimiter, parseJSON } from '../chunk-UFE7HFT2.mjs';
+export { ascendingStringify, errorState, jsonToStringLimiter, parseJSON } from '../chunk-E6DKJIAE.mjs';
 import { __spreadProps, __spreadValues } from '../chunk-YOSPWY5K.mjs';
 
 // src/utils/formatters/account.js
@@ -241,6 +241,13 @@ var maskString = (value, type) => {
   return tempArr.join("");
 };
 
+// src/utils/asset.js
+var callAsset = (uri = "") => {
+  var _a;
+  const basePath = typeof window === "undefined" ? "" : ((_a = window.__NEXT_DATA__) == null ? void 0 : _a.assetPrefix) || process.env.NEXT_PUBLIC_BASE_PATH || "";
+  return `${basePath}${uri}`;
+};
+
 // src/utils/booleanUtils.js
 var checkRoleUser = (roles, listRole) => {
   let result = false;
@@ -472,6 +479,6 @@ function dashedNPWP(value) {
   }
 }
 
-export { ACCESS_EXCEPTION, ApiException, CLIENT_ALLOWED_ORIGINS, CLIENT_PUBLIC_API_ROUTES, COOKIE_MAX_SIZE, EXCEPTION_MESSAGES, HEADER_EXCEPTION, INVALIDRULE_EXCEPTION, NOTFOUND_EXCEPTION, NOT_AUTHORIZE_RESPONSE_CODE, PARAMETER_EXCEPTION, PUBLIC_PATHS, RUNTIME_EXCEPTION, THIRDPARTY_EXCEPTION, UNSUPPORTED_EXCEPTION, WAITING_EXCEPTION, checkRoleUser, dashedAccount, dashedNPWP, dateFirstSlashToYearFirstDash, ddmmyyToSlashDate, disableFormBuilder, disableFormElements, formatAccountNumber, formatCurrency, formatCurrency2 as formatCurrencyLegacy, formatDateToDDMMYYYY, formatDateToDDSlashMMSlashYYYY, formatDigit, formatNPWP, formatNominal, formatNominal2 as formatNominalLegacy, formatResponseDesc, formatResponseDesc2 as formatResponseDescLegacy, formatRupiah, generateVcifId, getExceptionMessage, getLocalStorageItem, getTipeBankKorporasi, isExceptionCode, maskString, matchWiths, sevenDigitToDateFirstDash, sevenDigitToDateFirstSlash, sevenDigitToYearFirstDash, snakeToCamelWithSpace, stringToBoolean, stringToBoolean2 as stringToBooleanLegacy, titleCase, titleCase2 as titleCaseLegacy, toDateFirstSlash, toDateTimeHourMinute, toYearFirstDash, toggleUsingDummyWbenchEndpoint, yearFirstDashToDateFirstDash, yearFirstDashToDateFirstSlash };
+export { ACCESS_EXCEPTION, ApiException, CLIENT_ALLOWED_ORIGINS, CLIENT_PUBLIC_API_ROUTES, COOKIE_MAX_SIZE, EXCEPTION_MESSAGES, HEADER_EXCEPTION, INVALIDRULE_EXCEPTION, NOTFOUND_EXCEPTION, NOT_AUTHORIZE_RESPONSE_CODE, PARAMETER_EXCEPTION, PUBLIC_PATHS, RUNTIME_EXCEPTION, THIRDPARTY_EXCEPTION, UNSUPPORTED_EXCEPTION, WAITING_EXCEPTION, callAsset, checkRoleUser, dashedAccount, dashedNPWP, dateFirstSlashToYearFirstDash, ddmmyyToSlashDate, disableFormBuilder, disableFormElements, formatAccountNumber, formatCurrency, formatCurrency2 as formatCurrencyLegacy, formatDateToDDMMYYYY, formatDateToDDSlashMMSlashYYYY, formatDigit, formatNPWP, formatNominal, formatNominal2 as formatNominalLegacy, formatResponseDesc, formatResponseDesc2 as formatResponseDescLegacy, formatRupiah, generateVcifId, getExceptionMessage, getLocalStorageItem, getTipeBankKorporasi, isExceptionCode, maskString, matchWiths, sevenDigitToDateFirstDash, sevenDigitToDateFirstSlash, sevenDigitToYearFirstDash, snakeToCamelWithSpace, stringToBoolean, stringToBoolean2 as stringToBooleanLegacy, titleCase, titleCase2 as titleCaseLegacy, toDateFirstSlash, toDateTimeHourMinute, toYearFirstDash, toggleUsingDummyWbenchEndpoint, yearFirstDashToDateFirstDash, yearFirstDashToDateFirstSlash };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map