@tesouro/embedded-components-react 0.2.98 → 0.2.107

package/dist/lib/monite-sdk.d.ts

@@ -1,5 +1,5 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode, SetStateAction, Context, SyntheticEvent, ComponentProps, Ref, MouseEvent, FocusEvent, ContextType } from 'react';
 import { FieldValues, Control, FieldPath, SetFieldValue, DeepRequired } from 'react-hook-form';
 import { SortDirection } from '@tanstack/react-table';
@@ -10,11 +10,14 @@ import { MenuProps, ButtonProps, SxProps, Theme as Theme$1 } from '@mui/material
 import { IconButtonProps } from '@mui/material/IconButton';
 import { Theme } from '@mui/material/styles';
 import { GridSortDirection } from '@mui/x-data-grid/models/gridSortModel';
+import { I18n, Messages } from '@lingui/core';
+import { z } from 'zod';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 import { DialogProps } from '@mui/material/Dialog';
 import * as _mui_x_data_grid_internals from '@mui/x-data-grid/internals';
 import { GridColDef } from '@mui/x-data-grid';
 import { Combobox as Combobox$1 } from '@base-ui/react';
-import { Messages, I18n } from '@lingui/core';
 import { Scope } from '@sentry/react';
 import { Locale } from 'date-fns';
 export { toast } from 'react-hot-toast';
@@ -69919,6 +69922,8 @@ type VendorDetailsProps = {
     onClose?: () => void;
     /** Enables the "Send a payment" button in vendor mode; the host owns navigation. */
     onPayVendor?: (vendorId: string) => void;
+    /** Enables the "Issue an invoice" button in customer mode; the host owns navigation. */
+    onCreateInvoiceForCustomer?: (customerId: string) => void;
 };
 declare const CounterpartDetails: (props: VendorDetailsProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -69927,6 +69932,8 @@ type CounterPartProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
     /** Enables the "Send a payment" button in vendor details; the host owns navigation. */
     onPayVendor?: (vendorId: string) => void;
+    /** Enables the "Issue an invoice" button in customer details; the host owns navigation. */
+    onCreateInvoiceForCustomer?: (customerId: string) => void;
 };
 declare const Counterparts: (props: CounterPartProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -71639,6 +71646,235 @@ declare const FILTER_TYPE_CREATED_AT = "created_at";
 declare const FILTER_TYPE_DUE_DATE = "due_date";
 declare const FILTER_TYPE_SUMMARY_CARD = "summary_card_filter";
 
+declare const getCreateInvoiceValidationSchema: (i18n: I18n, shouldEnableBankAccount: boolean, canCreateCounterpart?: boolean) => z.ZodObject<{
+    counterpart_id: z.ZodOptional<z.ZodString>;
+    counterpart_name: z.ZodOptional<z.ZodString>;
+    counterpart_email: z.ZodOptional<z.ZodUnion<[z.ZodEmail, z.ZodLiteral<"">]>>;
+    entity_vat_id_id: z.ZodOptional<z.ZodString>;
+    purchase_order: z.ZodOptional<z.ZodString>;
+    terms_and_conditions: z.ZodOptional<z.ZodString>;
+    default_billing_address_id: z.ZodOptional<z.ZodString>;
+    default_shipping_address_id: z.ZodOptional<z.ZodString>;
+    tax_rate: z.ZodOptional<z.ZodString>;
+    memo: z.ZodOptional<z.ZodString>;
+    payment_terms_id: z.ZodString;
+    payment_terms_custom_date: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
+    footer: z.ZodOptional<z.ZodString>;
+    line_items: z.ZodArray<z.ZodObject<{
+        id: z.ZodOptional<z.ZodString>;
+        quantity: z.ZodNumber;
+        product_id: z.ZodOptional<z.ZodString>;
+        taxable: z.ZodOptional<z.ZodBoolean>;
+        product: z.ZodObject<{
+            name: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            price: z.ZodObject<{
+                currency: z.ZodEnum<{
+                    BTN: "BTN";
+                    MKD: "MKD";
+                    SLE: "SLE";
+                    AED: "AED";
+                    AFN: "AFN";
+                    ALL: "ALL";
+                    AMD: "AMD";
+                    ANG: "ANG";
+                    AOA: "AOA";
+                    ARS: "ARS";
+                    AUD: "AUD";
+                    AWG: "AWG";
+                    AZN: "AZN";
+                    BAM: "BAM";
+                    BBD: "BBD";
+                    BDT: "BDT";
+                    BGN: "BGN";
+                    BHD: "BHD";
+                    BIF: "BIF";
+                    BMD: "BMD";
+                    BND: "BND";
+                    BOB: "BOB";
+                    BRL: "BRL";
+                    BSD: "BSD";
+                    BWP: "BWP";
+                    BYN: "BYN";
+                    BZD: "BZD";
+                    CAD: "CAD";
+                    CDF: "CDF";
+                    CHF: "CHF";
+                    CLP: "CLP";
+                    CNY: "CNY";
+                    COP: "COP";
+                    CRC: "CRC";
+                    CVE: "CVE";
+                    CZK: "CZK";
+                    DJF: "DJF";
+                    DKK: "DKK";
+                    DOP: "DOP";
+                    DZD: "DZD";
+                    EGP: "EGP";
+                    ETB: "ETB";
+                    EUR: "EUR";
+                    FJD: "FJD";
+                    FKP: "FKP";
+                    GBP: "GBP";
+                    GEL: "GEL";
+                    GHS: "GHS";
+                    GIP: "GIP";
+                    GMD: "GMD";
+                    GNF: "GNF";
+                    GTQ: "GTQ";
+                    GYD: "GYD";
+                    HKD: "HKD";
+                    HNL: "HNL";
+                    HTG: "HTG";
+                    HUF: "HUF";
+                    IDR: "IDR";
+                    ILS: "ILS";
+                    INR: "INR";
+                    IQD: "IQD";
+                    ISK: "ISK";
+                    JMD: "JMD";
+                    JOD: "JOD";
+                    JPY: "JPY";
+                    KES: "KES";
+                    KGS: "KGS";
+                    KHR: "KHR";
+                    KMF: "KMF";
+                    KRW: "KRW";
+                    KWD: "KWD";
+                    KYD: "KYD";
+                    KZT: "KZT";
+                    LAK: "LAK";
+                    LBP: "LBP";
+                    LKR: "LKR";
+                    LRD: "LRD";
+                    LSL: "LSL";
+                    LYD: "LYD";
+                    MAD: "MAD";
+                    MDL: "MDL";
+                    MGA: "MGA";
+                    MMK: "MMK";
+                    MNT: "MNT";
+                    MOP: "MOP";
+                    MUR: "MUR";
+                    MVR: "MVR";
+                    MWK: "MWK";
+                    MXN: "MXN";
+                    MYR: "MYR";
+                    MZN: "MZN";
+                    NAD: "NAD";
+                    NGN: "NGN";
+                    NIO: "NIO";
+                    NOK: "NOK";
+                    NPR: "NPR";
+                    NZD: "NZD";
+                    OMR: "OMR";
+                    PAB: "PAB";
+                    PEN: "PEN";
+                    PGK: "PGK";
+                    PHP: "PHP";
+                    PKR: "PKR";
+                    PLN: "PLN";
+                    PYG: "PYG";
+                    QAR: "QAR";
+                    RON: "RON";
+                    RSD: "RSD";
+                    RUB: "RUB";
+                    RWF: "RWF";
+                    SAR: "SAR";
+                    SBD: "SBD";
+                    SCR: "SCR";
+                    SEK: "SEK";
+                    SGD: "SGD";
+                    SHP: "SHP";
+                    SOS: "SOS";
+                    SRD: "SRD";
+                    SSP: "SSP";
+                    SVC: "SVC";
+                    SZL: "SZL";
+                    THB: "THB";
+                    TJS: "TJS";
+                    TMT: "TMT";
+                    TND: "TND";
+                    TOP: "TOP";
+                    TRY: "TRY";
+                    TTD: "TTD";
+                    TWD: "TWD";
+                    TZS: "TZS";
+                    UAH: "UAH";
+                    UGX: "UGX";
+                    USD: "USD";
+                    UYU: "UYU";
+                    UZS: "UZS";
+                    VND: "VND";
+                    VUV: "VUV";
+                    WST: "WST";
+                    XAF: "XAF";
+                    XCD: "XCD";
+                    XOF: "XOF";
+                    XPF: "XPF";
+                    YER: "YER";
+                    ZAR: "ZAR";
+                    ZMW: "ZMW";
+                }>;
+                value: z.ZodNumber;
+            }, z.core.$strip>;
+            measure_unit_id: z.ZodOptional<z.ZodString>;
+            type: z.ZodEnum<{
+                product: "product";
+                service: "service";
+            }>;
+        }, z.core.$strip>;
+        tax_rate_value: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>>;
+    overdue_reminder_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    payment_reminder_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    tax_mode: z.ZodEnum<{
+        exclusive: "exclusive";
+        inclusive: "inclusive";
+    }>;
+    frequency: z.ZodEnum<{
+        month: "month";
+        day: "day";
+        year: "year";
+        quarter: "quarter";
+        week: "week";
+        once: "once";
+    }>;
+    recurrence_start_date: z.ZodOptional<z.ZodDate>;
+    recurrence_end_date: z.ZodOptional<z.ZodDate>;
+    recurrence_issue_mode: z.ZodOptional<z.ZodString>;
+    recurrence_days_of_week: z.ZodOptional<z.ZodEnum<{
+        fr: "fr";
+        sa: "sa";
+        su: "su";
+        th: "th";
+        mo: "mo";
+        tu: "tu";
+        we: "we";
+    }>>;
+    recurrence_end_mode: z.ZodOptional<z.ZodEnum<{
+        on: "on";
+        after: "after";
+    }>>;
+    recurrence_max_occurrences: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
+    recurrence_subject_text: z.ZodOptional<z.ZodString>;
+    recurrence_body_text: z.ZodOptional<z.ZodString>;
+    type: z.ZodString;
+    bank_account_id: z.ZodString | z.ZodOptional<z.ZodString>;
+    bank_account_type: z.ZodOptional<z.ZodEnum<{
+        INTERNAL: "INTERNAL";
+        EXTERNAL: "EXTERNAL";
+        BANK_DETAILS: "BANK_DETAILS";
+    }>>;
+    attachments: z.ZodDefault<z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        include_in_email: z.ZodBoolean;
+        name: z.ZodString;
+        size: z.ZodNumber;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+type CreateReceivablesFormProps = z.infer<ReturnType<typeof getCreateInvoiceValidationSchema>>;
+
 type ReceivableFilterType = Pick<NonNullable<Services['finops']['getReceivables']['types']['parameters']['query']>, 'document_id__contains' | 'status' | 'counterpart_id' | 'due_date__lte'>;
 type ReceivablesTabFilter = NonNullable<API['finops']['getReceivables']['types']['parameters']['query']>;
 
@@ -71914,7 +72150,7 @@ declare const defaultCounterpartColumnWidth = 250;
 declare function useAreCounterpartsLoading(rows?: {
     counterpart_id?: string;
 }[]): boolean;
-declare function useAutosizeGridColumns(rows: any, columns: GridColDef[], areCounterpartsLoading: boolean, columnSerializationKey: string): react.RefObject<_mui_x_data_grid_internals.GridApiCommunity>;
+declare function useAutosizeGridColumns(rows: any, columns: GridColDef[], areCounterpartsLoading: boolean, columnSerializationKey: string): React.RefObject<_mui_x_data_grid_internals.GridApiCommunity>;
 
 declare const useFormPersist: (name: string, getValues: () => {
     [key: string]: any;
@@ -71954,7 +72190,6 @@ declare const useComponentSettings: () => {
         onUpdate: ((receivableId: string, invoice?: components["schemas"]["InvoiceResponsePayload"]) => void) | undefined;
         onDelete: ((receivableId: string) => void) | undefined;
         onCreate: ((receivableId: string) => void) | undefined;
-        onInvoiceSent: ((invoiceId: string) => void) | undefined;
     };
     onboardingCallbacks: {
         onWorkingCapitalOnboardingComplete: ((entityId: string) => void) | undefined;
@@ -71980,7 +72215,7 @@ declare const useComponentSettings: () => {
  *
  * @returns A ref object with current boolean indicating mount status
  */
-declare const useIsMounted: () => react.RefObject<boolean>;
+declare const useIsMounted: () => React.RefObject<boolean>;
 
 declare const breakpoints: {
     readonly sm: 640;
@@ -72228,17 +72463,34 @@ declare const useReceivablesTableProps: (inProps?: Partial<MoniteReceivablesTabl
     tabs: MoniteReceivablesTab[] | undefined;
 };
 
+/**
+ * How the form was submitted:
+ * - `draft` — the receivable was only created (stays in draft).
+ * - `issue` — the receivable was created and then issued.
+ * - `recurrence` — a recurring billing schedule was activated.
+ */
+type CreateReceivableSubmitMode = 'draft' | 'issue' | 'recurrence';
+interface CreateReceivableResult {
+    /** Which action the user submitted with. */
+    mode: CreateReceivableSubmitMode;
+    /** The receivable's counterpart, so callers can open a customer-scoped UI. */
+    counterpartId: string;
+    /**
+     * Line items the user typed inline (not picked from the product catalog).
+     * Provided so the caller can prompt to save them as catalog products.
+     */
+    inlineLineItems: CreateReceivablesFormProps['line_items'];
+}
 interface CreateReceivablesProps {
     /** The type of the receivable */
     type: components['schemas']['ReceivableResponse']['type'];
     /**
-     * Indicates that the invoice has been successfuly created.
+     * Indicates that the invoice has been successfully created.
      *
-     * @param {string} receivableId Invoice ID
-     *
-     * @returns {void}
+     * @param receivableId Invoice ID
+     * @param result Submit mode and the inline line items typed on the form
      */
-    onCreate?: (receivableId: string) => void;
+    onCreate?: (receivableId: string, result: CreateReceivableResult) => void;
     open: boolean;
     onOpenChange: (open: boolean) => void;
     /**
@@ -72246,6 +72498,8 @@ interface CreateReceivablesProps {
      * "Zenith Bank". Forwarded to the payment account picker.
      */
     embeddedBankName?: string;
+    /** Preselects this counterpart in the create-invoice form. */
+    initialCounterpartId?: string;
 }
 /**
  * A component for creating a new Receivable
@@ -72290,8 +72544,6 @@ interface ReceivableSettings extends MoniteReceivablesTableProps, TablePaginatio
     onUpdate?: (receivableId: string, invoice?: components['schemas']['InvoiceResponsePayload']) => void;
     /** Callback to be called when an invoice is deleted */
     onDelete?: (receivableId: string) => void;
-    /** Callback to be called when an invoice is sent */
-    onInvoiceSent?: (invoiceId: string) => void;
     /** Enables bank account creation on invoice creation flow */
     enableEntityBankAccount?: boolean;
     /** List of available countries, ISO format */
@@ -73973,6 +74225,10 @@ type ReceivablesProps = {
      * account picker as "Powered by {embeddedBankName}".
      */
     embeddedBankName?: string;
+    /** Arrival prop: 'create' opens the create-invoice dialog on mount. */
+    initialView?: 'create';
+    /** Arrival prop: preselects this counterpart in the create-invoice form. */
+    initialCounterpartId?: string;
 };
 declare const Receivables: (props: ReceivablesProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -74064,12 +74320,306 @@ declare const TagFormModal: (props: TagFormModalProps) => _emotion_react_jsx_run
 
 declare const Tags: () => _emotion_react_jsx_runtime.JSX.Element;
 
+declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "caption" | null | undefined;
+    color?: "default" | "primary" | "destructive" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+type TypographyVariants = VariantProps<typeof typographyVariants>;
+interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, TypographyVariants {
+    component?: TypographyElement;
+}
+declare function Typography({ className, variant, color, component, children, ...props }: TypographyProps): React.DetailedReactHTMLElement<{
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    role?: React.AriaRole | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    className: string;
+}, HTMLElement>;
+
 type PageHeaderProps = {
     title: ReactNode;
     extra?: ReactNode;
     className?: string;
+    /** Title size. Defaults to `h2` (30px) for standalone Monite pages; the
+     * settings-embedded surfaces pass `h3` (24px) to match the first-party
+     * section headings they sit alongside. */
+    titleVariant?: ComponentProps<typeof Typography>['variant'];
 };
-declare const PageHeader: ({ title, extra, className }: PageHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const PageHeader: ({ title, extra, className, titleVariant, }: PageHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ALIGN_DIALOG_TYPES = 'left' | 'right';
 declare module '@mui/material/transitions' {
@@ -74132,7 +74682,7 @@ declare function ComboboxInput({ className, children, disabled, showTrigger, sho
     showClear?: boolean;
 }): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
-    container?: HTMLElement | react.RefObject<HTMLElement | null> | null;
+    container?: HTMLElement | React.RefObject<HTMLElement | null> | null;
 }): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): _emotion_react_jsx_runtime.JSX.Element;
@@ -74141,12 +74691,12 @@ declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Pr
 declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): _emotion_react_jsx_runtime.JSX.Element;
-declare function ComboboxChips({ className, ...props }: react.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): _emotion_react_jsx_runtime.JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
     showRemove?: boolean;
 }): _emotion_react_jsx_runtime.JSX.Element;
 declare function ComboboxChipsInput({ className, children, ...props }: Combobox$1.Input.Props): _emotion_react_jsx_runtime.JSX.Element;
-declare function useComboboxAnchor(): react.RefObject<HTMLDivElement | null>;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
 
 type MoniteSupportedMessages = Messages;
 type MoniteLocale = {
@@ -74449,7 +74999,7 @@ interface MoniteProviderProps {
 }
 declare const MoniteProvider: ({ monite, theme, componentSettings, children, locale, onThemeMounted, userPermissions, }: MoniteProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const RootElementsContext: react.Context<{
+declare const RootElementsContext: React.Context<{
     styles: HTMLElement | undefined;
     root: HTMLElement | undefined;
 }>;
@@ -74623,4 +75173,4 @@ declare const MoniteAPIProvider: ({ children, APIContext, }: {
 }) => _emotion_react_jsx_runtime.JSX.Element;
 
 export { schema_d as APISchema, ApprovalPolicies, ApprovalPoliciesTable, ApprovalPolicyDetails, ApprovalRequests, ApprovalRequestsTable, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CounterpartAutocomplete, CounterpartDetails, Counterparts, CreateProduct, CreateReceivables, CreditNotesTable, CustomersTable, Dialog, FinanceBanner, FinanceIntegrationCard, FinanceInvoice, FinanceTab, Integrations, InvoicesTable, LOGO_MAX_FILE_SIZE_IN_MB, LOGO_SUPPORTED_FORMATS, MoniteAPIProvider, MoniteProvider, MoniteScopedProviders, OCR_SUPPORTED_FORMATS, PageHeader, PayableDetails, Payables, PayablesTable, ProductDetails, Products, ProductsTable, QuotesTable, Receivables, ReceivablesTable, ReceivablesTableTabEnum, RootElementsProvider, TagFormModal, Tags, TagsTable, TemplateSettings, VendorsTable, breakpoints, countryCurrencyList, createAPIClient, dateStringToLocalDate, defaultAvailableCountries, defaultAvailableCurrencies, defaultCounterpartColumnWidth, filterOptions, formatDateRangeFilterChip, formatFilterChipMultiSelectValueSegment, getCounterpartName, getCountries, getCountriesArray, getCurrencies, getCurrenciesArray, getEntityName, getGroupTitleForOption, getIndividualName, getIndividualNameWithFallback, getPayableRefetchInterval, getUserDisplayName, rateMajorToMinor, rateMinorToMajor, sortCurrencyOptionsByGroup, useApprovalPolicyById, useAreCounterpartsLoading, useAutosizeGridColumns, useCancelPayableById, useComboboxAnchor, useComponentSettings, useCounterpartAddresses, useCounterpartById, useCounterpartContactList, useCounterpartList, useCounterpartVatList, useCreatePayable, useCreatePayableLineItem, useCreatePaymentRecord, useCurrencies, useDebounce, useDebounceCallback, useDeletePayable, useDeletePayableLineItem, useDialog, useEntitySettings, useEntityUserByAuthToken, useEntityUserById, useFileById, useFileInput, useForceApprovePayable, useForceRejectPayable, useFormPersist, useGetPayableApprovalRequests, useGetPayableById, useGetPayableCounterpart, useGetPayableLineItems, useGetPayablesAnalytics, useGetReceivableById, useIsDesktopScreen, useIsExtraLargeDesktopScreen, useIsLargeDesktopScreen, useIsLargerThan, useIsMobile, useIsMobileScreen, useIsMounted, useIsSmallerThan, useIsTabletScreen, useLedgerAccounts, useLocalStorageFields, useMe, useMediaQuery, useMenuButton, useMoniteContext, useMyEntity, useOptionalFields, usePatchEntitiesIdSettings, usePayButtonVisibility, usePayableCallbacks, usePayableDetailsThemeProps, usePayablePaymentIntentsAndRecords, usePaymentIntentById, usePaymentRecordById, usePaymentRecords, useReceivablesTableProps, useReopenPayable, useRootElements, useSubmitPayableForApproval, useUpdatePayable, useUpdatePayableLineItem };
-export type { ApprovalPolicyDetailsProps, ComponentSettings, CounterpartResponse, CounterpartsAutocompleteOptionProps, CountriesType, CountryType, CreateMoniteAPIClientOptions, CreateMoniteAPIClientResult, CreateProductProps, CreateReceivablesProps, CreditNotesTableSortModel, CurrenciesType, CurrencyGroup, CurrencyType, CustomersTableProps, InvoicesTableProps, MoniteApprovalRequestStatusChipProps, MoniteApprovalStatusChipProps, MoniteCounterpartStatusChipProps, MoniteDialogProps, MoniteInvoiceRecurrenceIterationStatusChipProps, MoniteInvoiceRecurrenceStatusChipProps, MoniteInvoiceStatusChipProps, MonitePayableStatusChipProps, MoniteReceivablesTableProps, MoniteSettings, PaginationLayout, PaginationPosition, PayActionHandlers, PayablesDetailsProps, PayablesProps, ProductDetailsProps, ProductTableProps, ProductsProps, QuotesTableSortModel, ReceivableGridSortModel, ReceivablesProps, ReceivablesTableProps, TemplateSettingsProps, UseFileInputOptions, VendorDetailsProps, VendorsTableProps };
+export type { ApprovalPolicyDetailsProps, ComponentSettings, CounterpartResponse, CounterpartsAutocompleteOptionProps, CountriesType, CountryType, CreateMoniteAPIClientOptions, CreateMoniteAPIClientResult, CreateProductProps, CreateReceivableResult, CreateReceivableSubmitMode, CreateReceivablesProps, CreditNotesTableSortModel, CurrenciesType, CurrencyGroup, CurrencyType, CustomersTableProps, InvoicesTableProps, MoniteApprovalRequestStatusChipProps, MoniteApprovalStatusChipProps, MoniteCounterpartStatusChipProps, MoniteDialogProps, MoniteInvoiceRecurrenceIterationStatusChipProps, MoniteInvoiceRecurrenceStatusChipProps, MoniteInvoiceStatusChipProps, MonitePayableStatusChipProps, MoniteReceivablesTableProps, MoniteSettings, PaginationLayout, PaginationPosition, PayActionHandlers, PayablesDetailsProps, PayablesProps, ProductDetailsProps, ProductTableProps, ProductsProps, QuotesTableSortModel, ReceivableGridSortModel, ReceivablesProps, ReceivablesTableProps, TemplateSettingsProps, UseFileInputOptions, VendorDetailsProps, VendorsTableProps };