spotlibs-components 0.1.7 → 0.1.9

package/dist/types-qsnVqq6_.d.mts

@@ -0,0 +1,995 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material/styles';
+import { Control, RegisterOptions } from 'react-hook-form';
+
+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_neutral_900: string;
+  color_neutral_700: string;
+  color_neutral_600: string;
+  color_neutral_500: string;
+  color_neutral_400: string;
+  color_neutral_300: string;
+  color_neutral_200: string;
+  color_neutral_100: string;
+  color_neutral_50: string;
+
+  color_blue_cakrawala_900: string;
+  color_blue_cakrawala_800: string;
+  color_blue_cakrawala_700: string;
+  color_blue_cakrawala_600: string;
+  color_blue_cakrawala_500: string;
+  color_blue_cakrawala_400: string;
+  color_blue_cakrawala_300: string;
+  color_blue_cakrawala_200: string;
+  color_blue_cakrawala_100: string;
+
+  color_blue_mentari_900: string;
+  color_blue_mentari_700: string;
+  color_blue_mentari_600: string;
+  color_blue_mentari_500: string;
+  color_blue_mentari_400: string;
+  color_blue_mentari_300: string;
+  color_blue_mentari_100: string;
+
+  color_blue_neon_900: string;
+  color_blue_neon_700: string;
+  color_blue_neon_600: string;
+  color_blue_neon_500: string;
+  color_blue_neon_400: string;
+  color_blue_neon_300: string;
+  color_blue_neon_100: string;
+
+  color_blue_sky_900: string;
+  color_blue_sky_700: string;
+  color_blue_sky_600: string;
+  color_blue_sky_500: string;
+  color_blue_sky_400: string;
+  color_blue_sky_300: string;
+  color_blue_sky_100: string;
+
+  color_green_900: string;
+  color_green_700: string;
+  color_green_600: string;
+  color_green_500: string;
+  color_green_400: string;
+  color_green_300: string;
+  color_green_100: string;
+
+  color_red_900: string;
+  color_red_700: string;
+  color_red_600: string;
+  color_red_500: string;
+  color_red_400: string;
+  color_red_300: string;
+  color_red_100: string;
+
+  color_yellow_900: string;
+  color_yellow_700: string;
+  color_yellow_600: string;
+  color_yellow_500: string;
+  color_yellow_400: string;
+  color_yellow_300: string;
+  color_yellow_100: string;
+
+  color_briva_900: string;
+  color_briva_700: string;
+  color_briva_600: string;
+  color_briva_500: string;
+  color_briva_400: string;
+  color_briva_300: string;
+  color_briva_100: string;
+
+  color_brizzi_900: string;
+  color_brizzi_700: string;
+  color_brizzi_600: string;
+  color_brizzi_500: string;
+  color_brizzi_400: string;
+  color_brizzi_300: string;
+  color_brizzi_100: string;
+
+  [key: string]: string;
+}
+
+declare const PrimitiveColor: PrimitiveColorType;
+
+interface DerivedColorType {
+  /* Background */
+  color_bg_page: string;
+  color_bg_surface: string;
+  color_bg_inverse: string;
+  color_bg_disabled: string;
+  color_bg_brand_primary: string;
+  color_bg_brand_primary_subtle: string;
+  color_bg_brand_secondary: string;
+  color_bg_brand_secondary_subtle: string;
+  color_bg_success: string;
+  color_bg_success_subtle: string;
+  color_bg_danger: string;
+  color_bg_danger_subtle: string;
+  color_bg_warning: string;
+  color_bg_warning_subtle: string;
+
+  /* Border */
+  color_border_default: string;
+  color_border_strong: string;
+  color_border_inverse: string;
+  color_border_brand_primary: string;
+  color_border_brand_secondary: string;
+  color_border_success: string;
+  color_border_danger: string;
+  color_border_warning: string;
+
+  /* Text */
+  color_text_default: string;
+  color_text_subtle: string;
+  color_text_disabled: string;
+  color_text_placeholder: string;
+  color_text_inverse: string;
+  color_text_brand_primary: string;
+  color_text_brand_secondary: string;
+  color_text_success: string;
+  color_text_danger: string;
+  color_text_warning: string;
+
+  /* Icon */
+  color_icon_subtle: string;
+  color_icon_strong: string;
+  color_icon_disabled: string;
+  color_icon_inverse: string;
+  color_icon_brand_primary: string;
+  color_icon_brand_secondary: string;
+  color_icon_success: string;
+  color_icon_danger: string;
+  color_icon_warning: string;
+}
+
+declare const DerivedColor: DerivedColorType;
+
+interface TypographyColorToken {
+  value: string;
+  token: string;
+  alias: string;
+}
+
+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 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;
+}
+
+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>;
+
+declare const ContentSpacing: React.FC<ContentSpacingProps>;
+
+interface ShadowElevation {
+  shadow: string;
+  surface: string;
+}
+
+interface ShadowMap {
+  elevation_0: ShadowElevation;
+  elevation_1: ShadowElevation;
+  elevation_2: ShadowElevation;
+  elevation_3: ShadowElevation;
+  elevation_4: ShadowElevation;
+}
+
+declare const Shadow: ShadowMap;
+
+type ShadowLevel = keyof ShadowMap;
+
+interface ShadowTokenProps {
+  /** Elevation level */
+  level?: ShadowLevel;
+  /** HTML element or component to render */
+  as?: React.ElementType;
+  /** Inline style overrides */
+  style?: React.CSSProperties;
+  /** Content */
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+declare function ShadowToken(props: ShadowTokenProps): React.ReactElement;
+
+interface RadiusMap {
+  radius_0: string;
+  radius_1: string;
+  radius_2: string;
+  radius_3: string;
+  radius_4: string;
+  radius_x: string;
+}
+
+declare const Radius: RadiusMap;
+
+type RadiusKey = keyof RadiusMap;
+
+interface RadiusTokenProps {
+  /** Radius token key */
+  radius?: RadiusKey;
+  /** HTML element or component to render */
+  as?: React.ElementType;
+  /** Inline style overrides */
+  style?: React.CSSProperties;
+  /** Content */
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+declare function RadiusToken(props: RadiusTokenProps): React.ReactElement;
+
+interface BaseButtonProps {
+  /** Click handler */
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  /** Button content */
+  children?: React.ReactNode;
+  /** Visual style variant */
+  variant?: "fill" | "outline" | "text" | "fab" | "ellipse-fill" | "ellipse-outline";
+  /** Color key from PrimitiveColor or a raw CSS color string */
+  color?: string;
+  /** Button size */
+  size?: "large" | "small";
+  /** Disabled state */
+  disabled?: boolean;
+  /** Icon element rendered before children */
+  icon?: React.ReactNode;
+  /** MUI sx overrides */
+  sx?: SxProps;
+  [key: string]: any;
+}
+
+declare function BaseButton(props: BaseButtonProps): React.ReactElement;
+
+interface BaseCardDataItem {
+  icon?: React.ReactNode;
+  count?: number | string;
+  title?: string;
+  update?: string;
+}
+
+interface BaseCardProps {
+  /** Card layout type */
+  type?: "default" | "notification" | "with-header" | "summary";
+  /** Card body content */
+  children?: React.ReactNode;
+  /** MUI sx overrides */
+  sx?: SxProps;
+  /** Icon displayed in the card */
+  icon?: React.ReactNode;
+  /** Label text */
+  label?: string;
+  /** Title text */
+  title?: string;
+  /** Subtitle text */
+  subtitle?: string;
+  /** Data items for summary card type */
+  dataList?: BaseCardDataItem[];
+  /** Last update date string */
+  updateDate?: string;
+  /** Bold the count icon */
+  boldCountIcon?: boolean;
+  /** Bold the count value */
+  boldCount?: boolean;
+  /** Bold the title */
+  boldTitle?: boolean;
+  /** Bold the update text */
+  boldUpdate?: boolean;
+  /** Custom icon element for the header */
+  iconHeader?: React.ReactElement;
+  /** Card background color */
+  backgroundColor?: string;
+  /** Title color */
+  colorTitlte?: string;
+  /** Nominal/count color */
+  colorNominal?: string;
+  /** Show/hide icon */
+  displayIcon?: boolean;
+  /** Number format type */
+  formatNumber?: "currency" | "nominal" | string;
+  /** Count text color */
+  colorCount?: string;
+  /** Header background color */
+  headerBackgroundColor?: string;
+  /** Enable collapse toggle */
+  isCollapsible?: boolean;
+  [key: string]: any;
+}
+
+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;
+}
+
+declare function BaseSwitch(props: BaseSwitchProps): React.ReactElement;
+
+interface BaseCheckboxOption {
+  label: React.ReactNode;
+  value: string;
+  disabled?: boolean;
+  [key: string]: any;
+}
+
+interface BaseCheckboxSharedProps {
+  options: BaseCheckboxOption[];
+  label?: React.ReactNode;
+  disabled?: boolean;
+  labelPlacement?: "top" | "bottom" | "start" | "end";
+  isHorizontal?: boolean;
+  sx?: any;
+  [key: string]: any;
+}
+
+interface BaseCheckboxSingleProps extends Omit<BaseCheckboxSharedProps, "options"> {
+  options?: undefined;
+  checked?: boolean;
+  onChange?: (checked: boolean, event?: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+interface BaseCheckboxGroupProps extends BaseCheckboxSharedProps {
+  options: BaseCheckboxOption[];
+  checked?: string[];
+  onChange?: (newValue: string[]) => void;
+}
+
+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;
+}
+
+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;
+
+interface BaseStepperSimpleStep {
+  /** Step status text (e.g. "Completed", "In Progress") */
+  status?: string;
+  /** Step label/description */
+  label?: string;
+}
+
+interface BaseStepperDashboardSublist {
+  sublist_title?: string;
+  is_done?: 0 | 1;
+}
+
+interface BaseStepperDashboardStep {
+  title?: string;
+  sublist?: BaseStepperDashboardSublist[];
+  is_done?: 0 | 1;
+}
+
+interface BaseStepperProps {
+  /** Array of step objects */
+  steps?: BaseStepperSimpleStep[] | BaseStepperDashboardStep[];
+  /** Currently active step index (for simple variant) */
+  activeStep?: number;
+  /** Layout orientation */
+  orientation?: "horizontal" | "vertical";
+  /** Stepper visual variant */
+  variant?: "simple" | "dashboard";
+}
+
+declare function BaseStepper(props: BaseStepperProps): React.ReactElement;
+
+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 TinyMCEInitConfig {
+  /** Placeholder text di area editor */
+  placeholder?: string;
+  /** Prefix URL untuk image upload */
+  prefixUrl?: string;
+  [key: string]: any;
+}
+
+interface BaseTextAreaProps {
+  /** Nama field untuk react-hook-form */
+  name?: string;
+  /** Control dari useForm() */
+  control?: Control<any>;
+  /** Nilai awal (bisa HTML string jika useRichText aktif) */
+  defaultValue?: string;
+  /** Teks bantuan di bawah field (tampil jika tidak ada error) */
+  helperText?: React.ReactNode;
+  /** Validasi rules react-hook-form */
+  rules?: RegisterOptions;
+  /** Harus tepat N karakter (override min/maxLength) */
+  exactLength?: number;
+  /** Batas maksimal karakter */
+  maxLength?: number;
+  /** CSS class untuk wrapper */
+  className?: string;
+  /** Label di atas field */
+  title?: string;
+  /** CSS class untuk title */
+  titleClassName?: string;
+  /** Nonaktifkan field */
+  isDisabled?: boolean;
+  /** Aktifkan TinyMCE rich-text editor (default: plain MUI textarea) */
+  useRichText?: boolean;
+  /** Override konfigurasi TinyMCE (placeholder, prefixUrl, dll) */
+  init?: TinyMCEInitConfig;
+  /** Callback file_picker_callback untuk upload gambar di rich text mode */
+  handleImageUpload?: (
+    callback: (url: string, meta?: Record<string, string>) => void,
+    value: string,
+    meta: Record<string, string>,
+  ) => void;
+
+  [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 { type BaseStepperDashboardStep as $, type BaseCheckboxProps as A, BaseAlert as B, CONTENT_SPACING_TOKENS as C, DerivedColor as D, type BaseDatatableAlign as E, type BaseDatatableColumn as F, type BaseDatatableFeatures as G, type BaseDatatableHeaderCell as H, type BaseDatatableLayout as I, type BaseDatatablePagination as J, type BaseDatatableProps as K, type BaseDatatableSelection as L, type BaseDatatableSortPayload as M, type BaseDatatableSortState as N, type BaseDatePickerProps as O, PrimitiveColor as P, type BaseDropdownProps as Q, Radius as R, Shadow as S, TextFieldUpload as T, type BaseDropzoneProps as U, VariantStyles as V, type BaseModalOTPProps as W, type BaseModalProps as X, type BaseModalStepperProps as Y, type BaseModalStepperStep as Z, type BaseRadioButtonProps as _, BaseButton as a, type BaseStepperProps as a0, type BaseStepperSimpleStep as a1, type BaseSwitchProps as a2, type BaseTextAreaProps as a3, type BaseTextFieldProps as a4, type ContentSpacingProps as a5, type DerivedColorType as a6, type PrimitiveColorType as a7, type RadiusKey as a8, type RadiusMap as a9, type RadiusTokenProps as aa, type ShadowElevation as ab, type ShadowLevel as ac, type ShadowMap as ad, type ShadowTokenProps as ae, type SpacingProps as af, type TextFieldUploadProps as ag, type TypographyColorToken as ah, type TypographyProps 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, ContentSpacing as p, RadiusToken as q, ShadowToken as r, Spacing as s, SpacingToken as t, Typography as u, type BaseAlertProps as v, type BaseButtonProps as w, type BaseCardDataItem as x, type BaseCardProps as y, type BaseCheckboxOption as z };