spotlibs-components 0.1.11 → 0.1.13

package/dist/{components/mui → mui}/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import '../../chunk-YOSPWY5K.mjs';
+import '../chunk-YOSPWY5K.mjs';
 export { default as Box } from '@mui/material/Box';
 export { default as Stack } from '@mui/material/Stack';
 export { default as Grid } from '@mui/material/Grid';

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

@@ -243,7 +243,7 @@ declare const SpacingToken: {
   spacing10: string;
 };
 
-declare const CONTENT_SPACING_TOKENS: {
+declare const CONTENT_SPACING_TOKENS: {
   spacing_1: {
     mobile: string;
     tablet: string;
@@ -258,41 +258,41 @@ declare const CONTENT_SPACING_TOKENS: {
     mobile: string;
     tablet: string;
     web: string;
-  };
-};
-
-interface ResponsiveSpacingValue {
-  mobile?: string;
-  tablet?: string;
-  web?: string;
-  [key: string]: string | undefined;
-}
-
-type SpacingSizeValue = keyof typeof SpacingToken | string | number;
-
-type ContentSpacingSizeValue =
-  | keyof typeof CONTENT_SPACING_TOKENS
-  | ResponsiveSpacingValue;
-
-interface SpacingProps {
-  size?: SpacingSizeValue;
-  axis?: "vertical" | "horizontal";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
-
-interface ContentSpacingProps {
-  size?: ContentSpacingSizeValue;
-  breakpoint?: "mobile" | "tablet" | "web";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
+  };
+};
+
+interface ResponsiveSpacingValue {
+  mobile?: string;
+  tablet?: string;
+  web?: string;
+  [key: string]: string | undefined;
+}
+
+type SpacingSizeValue = keyof typeof SpacingToken | string | number;
+
+type ContentSpacingSizeValue =
+  | keyof typeof CONTENT_SPACING_TOKENS
+  | ResponsiveSpacingValue;
+
+interface SpacingProps {
+  size?: SpacingSizeValue;
+  axis?: "vertical" | "horizontal";
+  as?: React.ElementType;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  [key: string]: unknown;
+}
+
+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>;
 
@@ -380,52 +380,6 @@ 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";
@@ -455,10 +409,6 @@ 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. "000000 / Nama Lengkap") */
-  watermarkText?: string;
   /** MUI sx overrides */
   sx?: SxProps;
   [key: string]: any;
@@ -466,32 +416,20 @@ interface BaseCardProps {
 
 declare function BaseCard(props: BaseCardProps): React.ReactElement;
 
-interface BaseSnackbarPosition {
-  vertical: "top" | "bottom";
-  horizontal: "left" | "center" | "right";
-}
-
-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;
+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 BaseSnackbar(props: BaseSnackbarProps): React.ReactElement;
+declare function BaseSwitch(props: BaseSwitchProps): React.ReactElement;
 
 interface BaseCheckboxOption {
   /** Label yang ditampilkan */
@@ -543,25 +481,25 @@ 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;
+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";
@@ -580,11 +518,11 @@ interface BaseDatatableColumn<T = Record<string, any>> {
   }) => ReactNode;
 }
 
-interface BaseDatatableHeaderCell {
-  id?: string;
-  key?: string;
-  label: ReactNode;
-  align?: BaseDatatableAlign;
+interface BaseDatatableHeaderCell {
+  id?: string;
+  key?: string;
+  label: ReactNode;
+  align?: BaseDatatableAlign;
   colSpan?: number;
   rowSpan?: number;
   colspan?: number;
@@ -615,12 +553,12 @@ interface BaseDatatableSortState {
   direction: "asc" | "desc";
 }
 
-interface BaseDatatableSortPayload {
-  orderBy: string;
-  order: "asc" | "desc";
-  page: number;
-  rowsPerPage: number;
-}
+interface BaseDatatableSortPayload {
+  orderBy: string;
+  order: "asc" | "desc";
+  page: number;
+  rowsPerPage: number;
+}
 
 interface BaseDatatableLayout {
   stickyHeader?: boolean;
@@ -686,14 +624,14 @@ interface BaseDatatableProps<T = Record<string, any>> {
   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;
+  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;
 }
@@ -1143,4 +1081,4 @@ declare function BaseModalOTP(
   props: BaseModalOTPProps,
 ): React.ReactElement | null;
 
-export { type BaseRadioButtonProps as $, type BaseCheckboxOption as A, BaseAlert as B, CONTENT_SPACING_TOKENS as C, DerivedColor as D, type BaseCheckboxProps as E, type BaseDatatableAlign as F, type BaseDatatableColumn as G, type BaseDatatableFeatures as H, type BaseDatatableHeaderCell as I, type BaseDatatableLayout as J, type BaseDatatablePagination as K, type BaseDatatableProps as L, type BaseDatatableSelection as M, type BaseDatatableSortPayload as N, type BaseDatatableSortState as O, PrimitiveColor as P, type BaseDatePickerProps as Q, Radius as R, Shadow as S, TextFieldUpload as T, type BaseDropdownProps as U, VariantStyles as V, type BaseDropzoneProps as W, type BaseModalOTPProps as X, type BaseModalProps as Y, type BaseModalStepperProps as Z, type BaseModalStepperStep as _, BaseButton as a, type BaseSkeletonProps as a0, type BaseSnackbarPosition as a1, type BaseSnackbarProps as a2, type BaseStepperDashboardStep as a3, type BaseStepperProps as a4, type BaseStepperSimpleStep as a5, type BaseSwitchProps as a6, type BaseTextAreaProps as a7, type BaseTextFieldProps as a8, type ContentSpacingProps as a9, type DerivedColorType as aa, type PrimitiveColorType as ab, type RadiusLevel as ac, type RadiusMap as ad, type RadiusTokenProps as ae, type ShadowElevation as af, type ShadowLevel as ag, type ShadowMap as ah, type ShadowTokenProps as ai, type SpacingProps as aj, type TextFieldUploadProps as ak, type TypographyColor as al, type TypographyProps as am, type TypographyVariant as an, 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, BaseSkeleton as l, BaseSnackbar as m, BaseStepper as n, BaseSwitch as o, BaseTextArea as p, BaseTextField as q, BaseTypography as r, ContentSpacing as s, RadiusToken as t, ShadowToken as u, Spacing as v, SpacingToken as w, type BaseAlertProps as x, type BaseButtonProps as y, type BaseCardProps as z };
+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 };

package/dist/types.d.mts

@@ -0,0 +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';
+import 'react';
+import '@mui/material/styles';
+import 'react-hook-form';

package/dist/utils/index.d.mts

@@ -1,186 +1,106 @@
-declare function callAsset(uri?: string): string;
-
-declare function generateVcifId(): string;
-
-declare function getLocalStorageItem(key: any): any;
-
-declare function getTipeBankKorporasi(data: any): string;
-
-/**
- * Account & ID Number Formatting Utilities
- *
- * Konsolidasi dari:
- * - formatString.js (dashedAccount, dashedNPWP)
- * - formatters.js (formatAccountNumber)
- * - stringUtils.js (rekeningFormatter, npwpFormatter)
- */
-/**
- * Format nomor rekening dengan dash separator.
- * Mendukung berbagai panjang nomor rekening (progressive formatting).
- * @param {string} value - Nomor rekening (bisa mengandung karakter non-numerik)
- * @returns {string} Nomor rekening terformat (e.g., "0012-01-123456-01-1")
- *
- * @example
- * formatAccountNumber("001201123456011") // "0012-01-123456-01-1"
- * formatAccountNumber("00120112345601") // "0012-01-123456-01"
- * formatAccountNumber("0012011") // "0012-01-1"
- */
-declare function formatAccountNumber(value: string): string;
-/**
- * Format nomor NPWP dengan dot dan dash separator.
- * Mendukung format NPWP 15 digit dan 16 digit (format baru).
- * @param {string} value - Nomor NPWP
- * @returns {string} NPWP terformat (e.g., "01.234.567.8-901.234")
- *
- * @example
- * formatNPWP("0123456789012345") // "01.234.567.8-901.2345"
- * formatNPWP("012345678901234") // "01.234.567.8-901.234"
- * formatNPWP("012345678") // "01.234.567.8"
- */
-declare function formatNPWP(value: string): string;
-
-declare function formatCurrency$1(value: number | string, { locale, currency, minFractionDigits, maxFractionDigits, }?: {
-    locale: string;
-    currency: string;
-    minFractionDigits: number;
-    maxFractionDigits: number;
-}): string;
-declare function formatRupiah(value: number | string): string;
-declare function formatNominal$1(value: number | string, { locale, minFractionDigits, maxFractionDigits, decimalSeparator, }?: {
-    locale: string;
-    minFractionDigits: number;
-    maxFractionDigits: number;
-    decimalSeparator: string;
-}): string;
-declare function formatDigit(value: number | string): string;
-
-declare function toYearFirstDash(value: Date | string): string;
-declare function toDateFirstSlash(value: Date | string): string;
-declare function formatDateToDDSlashMMSlashYYYY(date: Date): string;
-declare function formatDateToDDMMYYYY(date: Date): string;
-declare function yearFirstDashToDateFirstDash(value: string): string;
-declare function yearFirstDashToDateFirstSlash(value: string): string;
-declare function dateFirstSlashToYearFirstDash(value: string): string;
-declare function sevenDigitToDateFirstSlash(value: string): string;
-declare function sevenDigitToYearFirstDash(value: string): string;
-declare function sevenDigitToDateFirstDash(value: string): string;
-declare function toDateTimeHourMinute(value: string): string;
-declare function ddmmyyToSlashDate(value: string): string;
-
-/**
- * Konversi snake_case ke Title Case With Spaces.
- * @param {string} snakeStr - Snake case string
- * @returns {string} Title case with spaces
- *
- * @example
- * snakeToCamelWithSpace("hello_world") // "Hello World"
- * snakeToCamelWithSpace("user_full_name") // "User Full Name"
- */
-declare function snakeToCamelWithSpace(snakeStr: string): string;
-/**
- * Cek apakah target string mengandung salah satu dari values.
- * @param {string} targetStr - String yang akan dicek
- * @param {string[]} values - Array of substrings to match
- * @returns {boolean} True jika salah satu value ditemukan
- *
- * @example
- * matchWiths("hello world", ["hello", "foo"]) // true
- * matchWiths("hello world", ["foo", "bar"]) // false
- */
-declare function matchWiths(targetStr: string, values?: string[]): boolean;
-declare function formatResponseDesc$1(desc: string): string;
-declare function titleCase$1(str: string): string;
-declare function stringToBoolean$1(str: string): boolean | undefined;
-declare function maskString(value: string, type: string): string;
-
-declare function parseJSON(value: any): any;
-declare function jsonToStringLimiter(value?: any): any;
-declare function errorState(name: any, errors: any): any;
-declare function ascendingStringify(obj: any): any;
-
-declare function checkRoleUser(roles: any, listRole: any): boolean;
-declare function toggleUsingDummyWbenchEndpoint(status: any): boolean;
-
-declare const NOT_AUTHORIZE_RESPONSE_CODE: string[];
-declare const PUBLIC_PATHS: string[];
-declare const COOKIE_MAX_SIZE: 2000;
-declare const CLIENT_PUBLIC_API_ROUTES: string[];
-declare const CLIENT_ALLOWED_ORIGINS: (string | RegExp)[];
-
-declare function disableFormElements(selector: any): void;
-declare function disableFormBuilder(fields: any, roleAccess: any): any;
-
-/**
- * Cek apakah responseCode termasuk exception.
- * @param {string} responseCode - Response code dari API
- * @returns {boolean} True jika code ada di daftar exception
- *
- * @example
- * isExceptionCode("00") // false (success)
- * isExceptionCode("X0") // true (header exception)
- * isExceptionCode("02") // true (not found)
- */
-declare function isExceptionCode(responseCode: string): boolean;
-/**
- * Get human-readable message dari exception code.
- * @param {string} responseCode - Response code dari API
- * @returns {string} Exception message
- *
- * @example
- * getExceptionMessage("X1") // "Access denied"
- * getExceptionMessage("99") // "Internal system error"
- * getExceptionMessage("unknown") // "An unexpected error occurred"
- */
+// Formatters - Currency
+declare function formatCurrency(
+  value: number | string | null | undefined,
+  options?: {
+    locale?: string;
+    currency?: string;
+    minFractionDigits?: number;
+    maxFractionDigits?: number;
+  }
+): string;
+declare function formatRupiah(value: number | string | null | undefined): string;
+declare function formatNominal(
+  value: number | string | null | undefined,
+  options?: {
+    locale?: string;
+    minFractionDigits?: number;
+    maxFractionDigits?: number;
+    decimalSeparator?: string;
+  }
+): string;
+declare function formatDigit(value: number | string): string;
+
+// Formatters - Account
+declare function formatAccountNumber(value: string | null | undefined): string;
+declare function formatNPWP(value: string | null | undefined): string;
+
+// Formatters - Date
+declare function toYearFirstDash(value: Date | string): string;
+declare function toDateFirstSlash(value: Date | string): string;
+declare function formatDateToDDSlashMMSlashYYYY(date: Date): string;
+declare function formatDateToDDMMYYYY(date: Date): string;
+declare function yearFirstDashToDateFirstDash(value: string): string;
+declare function yearFirstDashToDateFirstSlash(value: string): string;
+declare function dateFirstSlashToYearFirstDash(value: string): string;
+declare function sevenDigitToDateFirstSlash(value: string): string;
+declare function sevenDigitToYearFirstDash(value: string): string;
+declare function sevenDigitToDateFirstDash(value: string): string;
+declare function toDateTimeHourMinute(value: string): string;
+declare function ddmmyyToSlashDate(value: string): string;
+
+// Formatters - String
+declare function formatResponseDesc(desc: string): string;
+declare function titleCase(str: string): string;
+declare function snakeToCamelWithSpace(snakeStr: string): string;
+declare function stringToBoolean(str: string): boolean | undefined;
+declare function matchWiths(targetStr: string, values?: string[]): boolean;
+declare function maskString(value: string, type?: string): string;
+
+// JSON
+declare function parseJSON(value: string): unknown;
+declare function jsonToStringLimiter(value?: unknown): string | null;
+declare function errorState(name: string, errors: unknown): unknown;
+declare function ascendingStringify(obj: unknown): string;
+
+// Asset
+declare function callAsset(uri?: string): string;
+
+// Boolean Utils
+declare function checkRoleUser(roles: string[], listRole: string[]): boolean;
+declare function toggleUsingDummyWbenchEndpoint(status: boolean): boolean;
+
+// Constants
+declare const NOT_AUTHORIZE_RESPONSE_CODE: string[];
+declare const PUBLIC_PATHS: string[];
+declare const COOKIE_MAX_SIZE: number;
+declare const CLIENT_PUBLIC_API_ROUTES: string[];
+declare const CLIENT_ALLOWED_ORIGINS: Array<string | RegExp>;
+
+// Disable Form
+declare function disableFormElements(selector: string): void;
+declare function disableFormBuilder(
+  fields: Array<Record<string, unknown> | null>,
+  roleAccess: boolean
+): Array<Record<string, unknown> | null>;
+
+// Generate Timestamp
+declare function generateVcifId(): string;
+
+// LocalStorage
+declare function getLocalStorageItem(key: string): unknown;
+
+// Tipe Bank
+declare function getTipeBankKorporasi(
+  data: Array<{ status_perusahaan: string; tipe_bank: string }>
+): string;
+
+// Exception
+declare const HEADER_EXCEPTION: string;
+declare const ACCESS_EXCEPTION: string;
+declare const PARAMETER_EXCEPTION: string;
+declare const NOTFOUND_EXCEPTION: string;
+declare const INVALIDRULE_EXCEPTION: string;
+declare const THIRDPARTY_EXCEPTION: string;
+declare const WAITING_EXCEPTION: string;
+declare const UNSUPPORTED_EXCEPTION: string;
+declare const RUNTIME_EXCEPTION: string;
+declare const EXCEPTION_MESSAGES: Record<string, string>;
+declare class ApiException extends Error {
+  responseCode: string;
+  responseDesc: string;
+  constructor(responseCode: string, responseDesc?: string);
+}
+declare function isExceptionCode(responseCode: string): boolean;
 declare function getExceptionMessage(responseCode: string): string;
-/**
- * Exception Utilities
- *
- * Standardized exception codes dan ApiException class untuk handling error dari backend API.
- */
-declare const HEADER_EXCEPTION: "X0";
-declare const ACCESS_EXCEPTION: "X1";
-declare const PARAMETER_EXCEPTION: "01";
-declare const NOTFOUND_EXCEPTION: "02";
-declare const INVALIDRULE_EXCEPTION: "03";
-declare const THIRDPARTY_EXCEPTION: "04";
-declare const WAITING_EXCEPTION: "05";
-declare const UNSUPPORTED_EXCEPTION: "06";
-declare const RUNTIME_EXCEPTION: "99";
-declare const EXCEPTION_MESSAGES: {
-    X0: string;
-    X1: string;
-    "01": string;
-    "02": string;
-    "03": string;
-    "04": string;
-    "05": string;
-    "06": string;
-    "99": string;
-};
-/**
- * Custom exception class untuk API errors.
- * Menyimpan responseCode dan responseDesc dari backend.
- *
- * @example
- * throw new ApiException("02", "Prakarsa tidak ditemukan");
- *
- * @example
- * // Tanpa custom message — pakai default dari EXCEPTION_MESSAGES
- * throw new ApiException("X1");
- * // Error: [X1] Access denied
- */
-declare class ApiException extends Error {
-    constructor(responseCode: any, responseDesc: any);
-    responseCode: any;
-    responseDesc: any;
-}
-
-declare function dashedAccount(value: any): any;
-declare function dashedNPWP(value: any): any;
-declare function formatCurrency(value: any, country?: string, curr?: string, minFrac?: number, maxFrac?: number): string;
-declare function formatResponseDesc(desc: any): any;
-declare function formatNominal(value: any, locale?: string, minFrac?: number, maxFrac?: number, commaSeparator?: string): any;
-declare function titleCase(str: any): any;
-declare function stringToBoolean(str: any): boolean;
 
-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, ascendingStringify, callAsset, checkRoleUser, dashedAccount, dashedNPWP, dateFirstSlashToYearFirstDash, ddmmyyToSlashDate, disableFormBuilder, disableFormElements, errorState, formatAccountNumber, formatCurrency$1 as formatCurrency, formatCurrency as formatCurrencyLegacy, formatDateToDDMMYYYY, formatDateToDDSlashMMSlashYYYY, formatDigit, formatNPWP, formatNominal$1 as formatNominal, formatNominal as formatNominalLegacy, formatResponseDesc$1 as formatResponseDesc, formatResponseDesc as formatResponseDescLegacy, formatRupiah, generateVcifId, getExceptionMessage, getLocalStorageItem, getTipeBankKorporasi, isExceptionCode, jsonToStringLimiter, maskString, matchWiths, parseJSON, sevenDigitToDateFirstDash, sevenDigitToDateFirstSlash, sevenDigitToYearFirstDash, snakeToCamelWithSpace, stringToBoolean$1 as stringToBoolean, stringToBoolean as stringToBooleanLegacy, titleCase$1 as titleCase, titleCase 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, ascendingStringify, callAsset, checkRoleUser, dateFirstSlashToYearFirstDash, ddmmyyToSlashDate, disableFormBuilder, disableFormElements, errorState, formatAccountNumber, formatCurrency, formatDateToDDMMYYYY, formatDateToDDSlashMMSlashYYYY, formatDigit, formatNPWP, formatNominal, formatResponseDesc, formatRupiah, generateVcifId, getExceptionMessage, getLocalStorageItem, getTipeBankKorporasi, isExceptionCode, jsonToStringLimiter, maskString, matchWiths, parseJSON, sevenDigitToDateFirstDash, sevenDigitToDateFirstSlash, sevenDigitToYearFirstDash, snakeToCamelWithSpace, stringToBoolean, titleCase, toDateFirstSlash, toDateTimeHourMinute, toYearFirstDash, toggleUsingDummyWbenchEndpoint, yearFirstDashToDateFirstDash, yearFirstDashToDateFirstSlash };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spotlibs-components",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",
@@ -29,10 +29,12 @@
       "default": "./dist/mui/index.mjs"
     },
     "./utils": {
+      "types": "./dist/utils/index.d.mts",
       "import": "./dist/utils/index.mjs",
       "default": "./dist/utils/index.mjs"
     },
     "./utils/*": {
+      "types": "./src/utils/*.d.ts",
       "import": "./src/utils/*.js",
       "default": "./src/utils/*.js"
     }
@@ -40,7 +42,6 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@hirohe/react-watermark": "^0.5.0",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.1.1",
     "@mui/icons-material": "^5.16.14",