@mythpe/quasar-ui-qui 0.2.43 → 0.2.45

package/src/types/components.d.ts

@@ -6,996 +6,47 @@
  * Github: https://github.com/mythpe
  */
 
-import type {
-  GlobalComponentConstructor,
-  QBtnProps,
-  QBtnSlots,
-  QCheckboxProps,
-  QDateProps,
-  QDialogProps,
-  QEditorProps,
-  QEditorSlots,
-  QFieldSlots,
-  QFileProps,
-  QFileSlots,
-  QIconProps,
-  QInputProps,
-  QInputSlots,
-  QItemProps,
-  QMenuProps,
-  QOptionGroupProps,
-  QOptionGroupSlots,
-  QPopupProxyProps,
-  QRadioProps,
-  QTimeProps,
-  QToggleProps,
-  QTooltipProps,
-  QUploaderProps,
-  QUploaderSlots
-} from 'quasar'
-import type { MaybeRefOrGetter, UnwrapNestedRefs, VNode } from 'vue'
-import type { TypedOptions } from 'typed.js'
-import type { FieldContext, FieldOptions, FormContext, FormOptions, FormState } from 'vee-validate'
-import type { ThemeShadow, ThemeSize } from './theme'
-import type { ApiInterface, HelpersStubSchema } from './api-helpers'
+import type { GlobalComponentConstructor } from 'quasar'
+import type { ApiInterface } from './api-helpers'
 import type { MDatatableProps, MDatatableSlots, MDtAvatarProps, MDtAvatarSlots, MDtBtnProps, MDtBtnSlots, MDtContextmenuItemsProps, MDtContextmenuItemsSlots } from './m-datatable'
-import type { EditorConfig } from 'https://cdn.ckeditor.com/typings/ckeditor5.d.ts'
 import type { MAvatarViewerProps, MAvatarViewerSlots } from './api/MAvatarViewer'
 import type { MTransitionGroupProps, MTransitionProps, MTransitionsSlots } from './api/MTransition'
 import type { MAxiosProps, MAxiosSlots } from './api/MAxios'
 import type { MSelectProps, MSelectSlots } from './api/MSelect'
 import type { MSignaturePadProps, MSignaturePadSlots } from './api/MSignaturePad'
-
-export type MBtnProps = QBtnProps & {
-  ariaLabel?: boolean | string | null | undefined;
-  nativeLabel?: boolean | undefined;
-}
-
-export type MBtnSlots = QBtnSlots & {
-  /**
-   * Use for custom content, instead of relying on 'icon' and 'label' props
-   */
-  default?: () => VNode[];
-  /**
-   * Override the default QSpinner when in 'loading' state
-   */
-  loading: () => VNode[];
-}
-
-export type MBlockProps = {
-  /**
-   * Size of the padding block.
-   * Default: 'md'
-   */
-  size?: ThemeSize | undefined;
-  /**
-   * Rounded block
-   */
-  rounded?: boolean | undefined;
-  /**
-   * Shadow level
-   */
-  shadow?: ThemeShadow | undefined;
-}
-
-export type MBlockSlots = {
-  default?: () => VNode[];
-}
-
-export type ColStyleType =
-  boolean
-  | undefined
-  | string
-  | number
-  | 'auto'
-  | 'grow'
-  | 'shrink'
-  | '1'
-  | '2'
-  | '3'
-  | '4'
-  | '5'
-  | '6'
-  | '7'
-  | '8'
-  | '9'
-  | '10'
-  | '11'
-  | '12'
-  | 1
-  | 2
-  | 3
-  | 4
-  | 5
-  | 6
-  | 7
-  | 8
-  | 9
-  | 10
-  | 11
-  | 12
-
-export type MColProps = {
-  auto?: boolean;
-  col?: ColStyleType;
-  xs?: ColStyleType;
-  sm?: ColStyleType;
-  md?: ColStyleType;
-  lg?: ColStyleType;
-  xl?: ColStyleType;
-  name?: string;
-}
-
-export type MColSlots = {
-  default?: () => VNode[];
-}
-
-export type MColumnProps = {
-  [key: string]: any;
-}
-
-export type MColumnSlots = {
-  default?: () => VNode[];
-}
-
-export type MContainerProps = {
-  size?: ThemeSize | string | undefined;
-  dense?: boolean | undefined;
-  fluid?: boolean | undefined;
-}
-
-export type MContainerSlots = {
-  default?: () => VNode[];
-}
-
-export type MRowProps = {
-  /**
-   * Default: false.
-   */
-  gutter?: boolean | ThemeSize | undefined;
-  /**
-   * Default: false.
-   */
-  col?: boolean | ThemeSize | undefined;
-}
-
-export type MRowSlots = {
-  default?: () => VNode[];
-}
-
-export type MHelpRowProps = Partial<QItemProps> & {
-  text?: string | undefined;
-  icon?: string | undefined;
-  tooltip?: boolean | undefined;
-}
-
-export type MHelpRowSlots = {
-  default?: () => VNode[];
-}
-
-export type MTypingStringProps = {
-  name: number | string;
-  tag?: string;
-  string: string | string[];
-  loop?: TypedOptions['loop'];
-  typeSpeed?: TypedOptions['typeSpeed'];
-  backDelay?: TypedOptions['backDelay'];
-  fadeOut?: TypedOptions['fadeOut'];
-  options?: Omit<TypedOptions, 'loop' | 'typeSpeed' | 'backDelay' | 'fadeOut'>;
-}
-
-export type MTypingStringSlots = {
-  default?: () => VNode[];
-}
-
-export type BaseInputFieldPropContext = FieldContext<any>
-
-export type BaseInputFieldProps = {
-  /**
-   * Context of field input.
-   */
-  field: UnwrapNestedRefs<BaseInputFieldPropContext>;
-  label?: string | undefined;
-}
-
-export type MInputFieldControlProps = {
-  [k: string]: any;
-}
-
-export type MInputFieldControlSlots = {
-  default: () => VNode[];
-}
-
-export type MInputLabelProps = BaseInputFieldProps
-
-export type MInputLabelSlots = {
-  before?: () => VNode[];
-  default?: () => VNode[];
-}
-
-export type ViewModeProps = {
-  /**
-   * Set input to vie mode use q-field
-   */
-  viewMode?: boolean;
-  /**
-   * View Mode value for input or modelValue.
-   */
-  viewModeValue?: any | undefined;
-}
-
-export type InputHelpProps = {
-  /**
-   * Information text with Icon.
-   */
-  help?: string;
-}
-
-export type InputHelpSlots = {
-  /**
-   * VNode bottom of input & before 'bottom-input slot'.
-   */
-  help: () => VNode[];
-}
-
-export type InputRulesContext = string | string[] | Record<string, any> | undefined;
-export type InputErrorsContext = string[];
-export type InputFormErrorsContext = Record<string, InputErrorsContext> | undefined;
-
-export type BaseInputFormProps = {
-  /**
-   * Input name.
-   */
-  name: string;
-  /**
-   * Input model value.
-   * can be used instead of initialValue.
-   */
-  modelValue?: any;
-  /**
-   * Input Label.
-   */
-  label?: string | null;
-  /**
-   * Caption under label.
-   */
-  caption?: string | undefined;
-  /**
-   * Input Hint.
-   */
-  hint?: string | undefined;
-  /**
-   * Input Placeholder.
-   */
-  placeholder?: string | undefined;
-  /**
-   * Input Required validation.
-   */
-  required?: boolean;
-  /**
-   * Input Validation Rules.
-   */
-  rules?: InputRulesContext;
-  /**
-   * Input Error Messages.
-   */
-  // errors?: InputErrorsContext;
-  /**
-   * Form Error Messages.
-   */
-  // formErrors?: InputFormErrorsContext;
-  /**
-   * Input autocomplete attribute.
-   * if true, will set from input name.
-   * if false, will set 'off'.
-   * else, will set the attribute value.
-   * Default: undefined.
-   */
-  autocomplete?: boolean | string | undefined;
-  /**
-   * Inputs Top Label.
-   */
-  topLabel?: boolean;
-  /**
-   * Mobile Rule.
-   */
-  mobile?: boolean | string | number | ((value: unknown) => number | undefined) | undefined;
-  /**
-   * Email Rule.
-   */
-  email?: boolean;
-  /**
-   * Number Rule.
-   */
-  float?: boolean;
-  /**
-   * vee-validate Field Options.
-   */
-  fieldOptions?: Partial<FieldOptions> | MaybeRefOrGetter<Partial<FieldOptions>>;
-  /**
-   * choice key of auto placeholder.
-   */
-  useChoice?: boolean | string;
-  prependIcon?: string;
-  prependIconProps?: Partial<QIconProps>;
-  appendIcon?: string;
-  appendIconProps?: Partial<QIconProps>;
-}
-
-export type BaseInputsProps = ViewModeProps & InputHelpProps & Omit<MColProps, 'name'> & BaseInputFormProps
-
-export type BaseInputsSlots = InputHelpSlots & {
-  /**
-   * VNode top of input & top of 'top label slot'.
-   */
-  'top-input': () => VNode[];
-  /**
-   * The label top on input
-   */
-  'top-label': () => VNode[];
-  /**
-   * VNode top of input & after top label.
-   */
-  caption: () => VNode[];
-  /**
-   * Field main content
-   */
-  default: () => VNode[];
-  /**
-   * VNode bottom of input.
-   */
-  'bottom-input': () => VNode[];
-}
-
-export interface MInputProps extends Omit<QInputProps, 'rules' | 'name' | 'modelValue' | 'label' | 'hint'>, BaseInputsProps {
-  sar?: boolean;
-  prependIcon?: string;
-  prependIconProps?: Partial<QIconProps>;
-  appendIcon?: string;
-  appendIconProps?: Partial<QIconProps>;
-}
-
-export type MInputSlots = QInputSlots & QFieldSlots & BaseInputsSlots
-
-export type MPasswordProps = MInputProps & {
-  /**
-   * icon prepend it to password input.
-   */
-  icon?: boolean | undefined;
-  /**
-   * toggle password append icon.
-   */
-  noToggle?: boolean | undefined;
-}
-
-export type MEditorProps = Omit<QEditorProps, 'modelValue' | 'placeholder'> & BaseInputsProps
-
-export type MEditorSlots = QEditorSlots & BaseInputsSlots
-
-export type MFileProps = Omit<QFileProps, 'modelValue' | 'rules' | 'name' | 'label' | 'hint'> & Omit<BaseInputsProps, 'autocomplete'> & {
-  accept?: string | undefined
-  images?: boolean | string
-  svg?: boolean | string
-  video?: boolean | string
-  pdf?: boolean | string
-  excel?: boolean | string
-  dragDrop?: boolean | undefined
-}
-
-export type MFileSlots = QFileSlots & BaseInputsSlots
-
-export type BaseCheckboxProps = Omit<BaseInputsProps, 'topLabel'> & {
-  /**
-   * Input row props.
-   */
-  rowProps?: Record<string, any>;
-  /**
-   * Input column props.
-   */
-  colProps?: Record<string, any>;
-}
-
-export type MCheckboxProps = BaseCheckboxProps & Omit<QCheckboxProps, 'name' | 'modelValue' | 'label'>
-
-export type MCheckboxSlots = Omit<BaseInputsSlots & 'top-label'> & {
-  /**
-   * VNode before field main content.
-   */
-  before: () => VNode[];
-  /**
-   * VNode after field main content.
-   */
-  after: () => VNode[];
-}
-
-export type MRadioProps = Omit<QRadioProps, 'name' | 'modelValue' | 'label'> & BaseCheckboxProps
-
-export type MRadioSlots = MCheckboxSlots
-
-export interface MPickerProps extends BaseInputsProps, Omit<QDateProps, 'modelValue' | 'options'>, Omit<QTimeProps, 'modelValue'> {
-  /**
-   * Initial value of the picker.
-   * Default is: null.
-   */
-  modelValue?: string | any[] | any | null | undefined;
-  /**
-   * Type of picker. 'date' or 'time'.
-   * Default is: 'date'.
-   */
-  type?: 'date' | 'time';
-  /**
-   *  QBtn props for append button.
-   */
-  btnProps?: QBtnProps;
-  /**
-   * Value of separator for range picker.
-   * Default is: ' - '.
-   */
-  rangeSeparator?: string;
-  /**
-   * User long days & months names.
-   * Only work for 'date' type.
-   */
-  noDefaultLocale?: boolean;
-  prependIcon?: string;
-  prependIconProps?: Partial<QIconProps>;
-}
-
-export type MPickerSlots = MInputSlots
-
-export interface MDateProps extends Omit<MPickerProps, 'type'> {
-  type?: 'date'
-}
-
-export type MDateSlots = MPickerSlots
-
-export type MTimeProps = Omit<MPickerProps, 'type'>
-
-export type MTimeSlots = MPickerSlots
-
-export type MFieldProps = Omit<MInputProps, 'viewMode' | 'viewModeValue' | 'fieldOptions'>
-
-export type MFieldSlots = MInputSlots
-
-export type MHiddenInputSlots = {
-  [key: string]: () => VNode[]
-}
-
-export type MHiddenInputProps = Pick<BaseInputFormProps, 'rules' | 'required'> & Pick<QInputProps, 'type'> & {
-  /**
-   * Input name.
-   */
-  name: string
-  /**
-   * Input model value.
-   */
-  modelValue?: any
-}
-
-export type MHiddenProps = MHiddenInputProps & Pick<ViewModeProps, 'viewMode'> & Omit<MColProps, 'name'>
-
-export type MHiddenSlots = {
-  /**
-   * Field main content
-   */
-  default: () => VNode[];
-}
-
-export type MFormScope = FormContext;
-
-export type MFormProps = {
-  /**
-   * Form HTML element attributes.
-   */
-  formProps?: Record<string, any>;
-  /**
-   * Default options of useForm.
-   */
-  opts?: FormOptions<Record<string, any>>;
-  /**
-   * The target to which the page will be scrolled.
-   * Default is: Window.
-   */
-  target?: HTMLElement | string | undefined;
-  /**
-   * Emit values instead controlled values.
-   * Default is: false.
-   */
-  emitValues?: boolean;
-  /**
-   * Watch to reset form values.
-   */
-  readonly state?: MaybeRefOrGetter<Partial<FormState<Record<string, any>>>>;
-  /**
-   * Watch to reset form values.
-   */
-  readonly form?: MaybeRefOrGetter<Record<string, any>>;
-  /**
-   * Watch to set form values.
-   */
-  readonly values?: MaybeRefOrGetter<Record<string, any>>;
-  /**
-   * Watch to set form errors.
-   */
-  readonly errors?: MaybeRefOrGetter<Record<string, string | string[]>>;
-  /**
-   * Apply padding to form.
-   */
-  readonly padding?: boolean;
-}
-
-export type MFormSlots = {
-  default: (scope: MFormScope) => VNode[];
-}
-
-export declare type GenericFormValues = Record<any, any>;
-
-export interface MOptionsOptionContext extends Omit<QToggleProps, 'modelValue'>, Omit<QRadioProps, 'modelValue'>, Omit<QCheckboxProps, 'modelValue'> {
-  /**
-   * Label to display along the component
-   */
-  label: string;
-  /**
-   * Value of the option that will be used by the component model
-   */
-  value: any;
-  /**
-   * If true, the option will be disabled
-   */
-  disable?: boolean;
-
-  /**
-   * Any other props from QToggle & QCheckbox, or QRadio
-   */
-  [key: string]: any;
-}
-
-export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'options'> &
-  Omit<BaseInputsProps, 'autocomplete' | 'modelValue'> & {
-  modelValue?: any;
-  /**
-   * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle & QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
-   */
-  options?: MOptionsOptionContext[];
-  /**
-   * Uset auto static index myth api helpers.
-   */
-  guest?: boolean | undefined;
-  /**
-   * Get options by function. any send the current value to this function to get options.
-   */
-  service?: ((value?: any) => Promise<ApiInterface>) | string;
-  /**
-   * Service loading.
-   */
-  loading?: boolean | undefined;
-  /**
-   * Set content to be full width.
-   */
-  fullWidth?: boolean;
-  /**
-   * Set width of content to be equals.
-   * Default is: 33.33333333%
-   */
-  fitWidth?: boolean;
-}
-
-export type MOtpProps = Omit<QInputProps, 'modelValue'> & {
-  /**
-   * Value of input after typing all inputs.
-   */
-  modelValue?: any;
-  /**
-   * Length of inputs.
-   */
-  inputLength?: string | number;
-  /**
-   * Values is string not number.
-   */
-  string?: boolean;
-  /**
-   * Resend time countdown in seconds.
-   */
-  time?: string | number;
-  /**
-   * Don't use timing to resend code.
-   */
-  noTiming?: boolean;
-  /**
-   * Don't use send again button.
-   */
-  noSendAgain?: boolean;
-  /**
-   * Top input label.
-   */
-  topLabel?: string | undefined;
-  /**
-   * Top input props.
-   */
-  topLabelProps?: any | undefined;
-  errors?: string[];
-}
-
-export type MOtpSlots = QInputSlots & {
-  default: () => VNode[];
-  'before-all': () => VNode[];
-  'after-all': () => VNode[];
-  'after-input': () => VNode[];
-}
-
-export type MOptionsSlots = QOptionGroupSlots & QFieldSlots & BaseInputsSlots
-
-export type MToggleProps = Omit<BaseInputsProps, 'placeholder' | 'topLabel' | 'autocomplete' | 'modelValue'> &
-  Omit<QToggleProps, 'modelValue' | 'label' | 'name'> & {
-  modelValue?: any;
-  /**
-   * Customize the label when the toggle is true.
-   * Default is: Yes.
-   */
-  activeLabel?: string;
-  /**
-   * Customize the label when the toggle is false.
-   * Default is: No.
-   */
-  inactiveLabel?: string;
-  /**
-   * Set labels of toggle to status, Active & Inactive.
-   */
-  status?: boolean;
-  /**
-   * Input row props.
-   */
-  rowProps?: Record<string, any>;
-  /**
-   * Input column props.
-   */
-  colProps?: Record<string, any>;
-}
-
-export type MToggleSlots = MCheckboxSlots & Pick<BaseInputsProps, 'topLabel'>
-
-export type MUploaderMediaItem = {
-  id: number;
-  value: number;
-  name: string;
-  file_name: string;
-  type: string;
-  size: number;
-  size_to_string: string;
-  url: string;
-  download_url: string;
-  icon: string;
-  description: string;
-  attachment_type: string;
-  attachment_type_id: number;
-  attachment_type_id_to_string: string;
-  user_id: number | null;
-  user_id_to_string: string;
-  order_column: number;
-  [k: string]: any;
-};
-
-export type MUploaderServiceType = Pick<HelpersStubSchema, 'getUploadAttachmentsUrl' | 'updateAttachment' | 'uploadAttachments' | 'deleteAttachment'>
-
-export type MUploaderProps = Omit<QUploaderProps, 'formFields' | 'headers' | 'url'> & MColProps & Pick<BaseInputsProps, 'fieldOptions'> & {
-  /**
-   * Name fo field input, Attachments key name.
-   * Default is: 'attachments'
-   */
-  name?: string;
-  /**
-   * Put component in disabled mode
-   */
-  disable?: boolean;
-  /**
-   * Put component in readonly mode
-   */
-  readonly?: boolean;
-  /**
-   * Comma separated list of unique file type specifiers. Maps to 'accept' attribute of native input type=file element
-   */
-  accept?: string;
-  /**
-   *  Support for uploading images
-   */
-  images?: boolean;
-  /**
-   * Support for uploading svg
-   */
-  svg?: boolean;
-  /**
-   * Support for uploading videos
-   */
-  video?: boolean;
-  /**
-   * Support for uploading pdf
-   */
-  pdf?: boolean;
-  /**
-   * Support for uploading excel
-   */
-  excel?: boolean;
-  /**
-   * Upload files immediately when added
-   */
-  autoUpload?: boolean;
-  /**
-   * Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name="__HERE__"; filename="somefile.png"; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: (file) => file.name
-   * @param files The current file being processed
-   * @returns Field name for the current file upload
-   */
-  fieldName?: string | ((files: File) => string);
-  /**
-   * Collection send to API
-   */
-  collection?: string | number | symbol;
-  /**
-   * Field Attachment Type
-   */
-  attachmentType?: any;
-  /**
-   * return attachments after upload;
-   * Default current collection name;
-   */
-  returnType?: 'all' | 'current' | undefined;
-  /**
-   * Object with additional fields definitions (used by Form to be uploaded);
-   */
-  formFields?: Record<string, any>;
-  /**
-   * Extra headers
-   */
-  headers?: Record<string, any>;
-  /**
-   * Label for the uploader
-   */
-  label?: string | null | undefined;
-  /**
-   * The Attachments list.
-   */
-  modelValue?: MUploaderMediaItem[];
-  /**
-   *  Hide delete media items from uploader, no delete media For API
-   */
-  hideDeleteMedia?: boolean;
-  /**
-   *  Show update button of media.
-   */
-  updateBtn?: boolean;
-  /**
-   * User APi service for upload & delete
-   */
-  service: string | MUploaderServiceType;
-  /**
-   * The ID of model will use in attachments
-   */
-  modelId?: string | number | undefined;
-  uploading?: boolean | undefined;
-  defaultFileIcon?: string | undefined;
-  deleteMediaIcon?: string | undefined;
-  uploadFilesIcon?: string | undefined;
-  pickFilesIcon?: string | undefined;
-  removeUploadedIcon?: string | undefined;
-  removeQueuedIcon?: string | undefined;
-  abortUploadIcon?: string | undefined;
-  downloadFileIcon?: string | undefined;
-  errorsIcon?: string | undefined;
-  iconsSize?: string | undefined;
-  displayMode?: 'list' | 'card' | undefined;
-  shadow?: string | undefined;
-  /**
-   * Media Item Label Field.
-   * Default is: name.
-   */
-  mediaLabel?: string | undefined;
-}
-
-export type MUploaderSlots = QUploaderSlots & {
-  /**
-   * Field main content
-   */
-  default: () => VNode[];
-  /**
-   * list of item will be display
-   */
-  // list: (scope: { item: MUploaderMediaItem, index: number }) => VNode[];
-  /**
-   * list of item will be display
-   */
-  'item-list': (scope: { item: MUploaderMediaItem, index: number }) => VNode[];
-}
-
-export type MUploaderXhrInfo = { files: readonly any[]; xhr: any; }
-
-export type MModalMenuProps = Partial<QDialogProps> & Partial<QMenuProps> & Partial<QPopupProxyProps> & {
-  noCloseBtn?: boolean;
-}
-
-export type MModalMenuSlots = {
-  default: () => VNode[];
-}
-
-export type MTooltipProps = Partial<QTooltipProps> & {
-  /**
-   * One of Quasar's embedded transitions
-   * Default value: jump-down
-   */
-  transitionShow?: string | undefined;
-  /**
-   * One of Quasar's embedded transitions
-   * Default value: jump-up
-   */
-  transitionHide?: string | undefined;
-  /**
-   * Transition duration (in milliseconds, without unit)
-   * Default value: 300
-   */
-  transitionDuration?: string | number | undefined;
-  /**
-   * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
-   */
-  modelValue?: boolean;
-  /**
-   * The maximum height of the Tooltip; Size in CSS units, including unit name
-   */
-  maxHeight?: string | undefined;
-  /**
-   * The maximum width of the Tooltip; Size in CSS units, including unit name
-   */
-  maxWidth?: string | undefined;
-  /**
-   * Two values setting the starting position or anchor point of the Tooltip relative to its target
-   * Default value: bottom middle
-   */
-  anchor?:
-    | 'top left'
-    | 'top middle'
-    | 'top right'
-    | 'top start'
-    | 'top end'
-    | 'center left'
-    | 'center middle'
-    | 'center right'
-    | 'center start'
-    | 'center end'
-    | 'bottom left'
-    | 'bottom middle'
-    | 'bottom right'
-    | 'bottom start'
-    | 'bottom end'
-    | undefined;
-  /**
-   * Two values setting the Tooltip's own position relative to its target
-   * Default value: top middle
-   */
-  self?:
-    | 'top left'
-    | 'top middle'
-    | 'top right'
-    | 'top start'
-    | 'top end'
-    | 'center left'
-    | 'center middle'
-    | 'center right'
-    | 'center start'
-    | 'center end'
-    | 'bottom left'
-    | 'bottom middle'
-    | 'bottom right'
-    | 'bottom start'
-    | 'bottom end'
-    | undefined;
-  /**
-   * An array of two numbers to offset the Tooltip horizontally and vertically in pixels
-   * Default value: [14, 14]
-   */
-  offset?: readonly any[] | undefined;
-  /**
-   * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
-   */
-  scrollTarget?: Element | string | undefined;
-  /**
-   * Configure a target element to trigger Tooltip toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) it attaches the events to the specified DOM element (if it exists)
-   * Default value: true
-   */
-  target?: boolean | string | undefined;
-  /**
-   * Skips attaching events to the target DOM element (that trigger the element to get shown)
-   */
-  noParentEvent?: boolean | undefined;
-  /**
-   * Configure Tooltip to appear with delay
-   */
-  delay?: number | undefined;
-  /**
-   * Configure Tooltip to disappear with delay
-   */
-  hideDelay?: number | undefined;
-  /**
-   * Emitted when showing/hidden state changes; Is also used by v-model
-   * @param value New state (showing/hidden)
-   */
-  'onUpdate:modelValue'?: (value: boolean) => void;
-  /**
-   * Emitted after component has triggered show()
-   * @param evt JS event object
-   */
-  onShow?: (evt: Event) => void;
-  /**
-   * Emitted when component triggers show() but before it finishes doing it
-   * @param evt JS event object
-   */
-  onBeforeShow?: (evt: Event) => void;
-  /**
-   * Emitted after component has triggered hide()
-   * @param evt JS event object
-   */
-  onHide?: (evt: Event) => void;
-  /**
-   * Emitted when component triggers hide() but before it finishes doing it
-   * @param evt JS event object
-   */
-  onBeforeHide?: (evt: Event) => void;
-}
-
-export type MTooltipSlots = {
-  default: () => VNode[];
-}
-
-export type MDialogProps = Partial<QDialogProps> & {
-  slide?: boolean | undefined;
-  from?: 'up' | 'down' | 'left' | 'right';
-}
-
-export type MDialogSlots = {
-  default: () => VNode[];
-}
-
-export type MCkeditorProps = Omit<BaseInputsProps, 'hint' | 'topLabel' | 'placeholder' | 'autocomplete'> & {
-  /**
-   * Editor language.
-   * Default value: ar.
-   */
-  lang: 'ar' | 'en';
-  /**
-   * Specifies the configuration of the editor.
-   * https://ckeditor.com/docs/ckeditor5/latest/api/module_core_editor_editorconfig-EditorConfig.html
-   */
-  config?: (config: EditorConfig) => EditorConfig;
-  /**
-   * By default, the editor component creates a <div> container which is used as an element passed to the editor (for example, ClassicEditor#element).
-   * The element can be configured, so for example to create a <textarea>, use the following directive:
-   * tag-name="textarea"
-   * Default value: div.
-   */
-  tagName?: string;
-  /**
-   * This directive controls the isReadOnly property of the editor.
-   * Default value: false.
-   */
-  disabled?: boolean;
-  /**
-   * Use HTML instead of Markdown.
-   */
-  html?: boolean;
-}
-export type MCkeditorSlots = BaseInputsSlots
-
-export type MSarIconProps = Omit<QIconProps, 'name'> & Record<string, any>;
-
-export interface MSarIconSlots {
-  default: () => VNode[]
-}
-
-export type MSarStringProps = {
-  text?: any;
-  string?: boolean;
-}
-
-export interface MSarStringSlots {
-  default: () => VNode[]
-}
+import type { MColProps, MColSlots } from './api/MCol'
+import type { MBtnProps, MBtnSlots } from './api/MBtn'
+import type { MCheckboxProps, MCheckboxSlots } from './api/MCheckbox'
+import type { MCkeditorProps, MCkeditorSlots } from './api/MCkeditor'
+import type { MInputProps, MInputSlots } from './api/MInput'
+import type { MDateProps, MDateSlots } from './api/MDate'
+import type { MEditorProps, MEditorSlots } from './api/MEditor'
+import type { MFieldProps, MFieldSlots } from './api/MField'
+import type { MFileProps, MFileSlots } from './api/MFile'
+import type { MFormProps, MFormSlots } from './api/MForm'
+import type { MHiddenProps, MHiddenSlots } from './api/MHidden'
+import type { MHiddenInputProps, MHiddenInputSlots } from './api/MHiddenInput'
+import type { MInputFieldControlProps, MInputFieldControlSlots } from './api/MInputFieldControl'
+import type { MInputLabelProps, MInputLabelSlots } from './api/MInputLabel'
+import type { MOptionsProps, MOptionsSlots } from './api/MOptions'
+import type { MOtpProps, MOtpSlots } from './api/MOtp'
+import type { MPasswordProps } from './api/MPassword'
+import type { MPickerProps, MPickerSlots } from './api/MPicker'
+import type { MRadioProps, MRadioSlots } from './api/MRadio'
+import type { MTimeProps, MTimeSlots } from './api/MTime'
+import type { MToggleProps, MToggleSlots } from './api/MToggle'
+import type { MUploaderProps, MUploaderSlots } from './api/MUploader'
+import type { MBlockProps, MBlockSlots } from './api/MBlock'
+import type { MColumnProps, MColumnSlots } from './api/MColumn'
+import type { MContainerProps, MContainerSlots } from './api/MContainer'
+import type { MHelpRowProps, MHelpRowSlots } from './api/MHelpRow'
+import type { MRowProps, MRowSlots } from './api/MRow'
+import type { MTypingStringProps, MTypingStringSlots } from './api/MTypingString'
+import type { MDialogProps, MDialogSlots } from './api/MDialog'
+import type { MModalMenuProps, MModalMenuSlots } from './api/MModalMenu'
+import type { MTooltipProps, MTooltipSlots } from './api/MTooltip'
+import type { MSarIconProps, MSarIconSlots, MSarStringProps, MSarStringSlots } from './api/MSar'
+import type { MMapProps, MMapSlots } from './api/MMap'
 
 declare module '@vue/runtime-core' {
   interface GlobalComponents {
@@ -1057,5 +108,8 @@ declare module '@vue/runtime-core' {
     // Utils.
     MSarIcon: GlobalComponentConstructor<MSarIconProps, MSarIconSlots>;
     MSarString: GlobalComponentConstructor<MSarStringProps, MSarStringSlots>;
+
+    // Map
+    MMap: GlobalComponentConstructor<MMapProps, MMapSlots>;
   }
 }