@schematichq/schematic-components 2.4.0 → 2.5.0

package/dist/schematic-components.d.ts

@@ -747,6 +747,12 @@ declare interface BillingPriceResponseData {
      * @memberof BillingPriceResponseData
      */
     priceDecimal?: string | null;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {BillingPriceScheme}
@@ -797,6 +803,12 @@ declare interface BillingPriceResponseData_2 {
      * @memberof BillingPriceResponseData
      */
     priceDecimal?: string | null;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceResponseData
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {BillingPriceScheme}
@@ -963,6 +975,12 @@ declare interface BillingPriceView {
      * @memberof BillingPriceView
      */
     productName: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceView
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {BillingTiersMode}
@@ -1097,6 +1115,12 @@ declare interface BillingPriceView_2 {
      * @memberof BillingPriceView
      */
     productName: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceView
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {BillingTiersMode}
@@ -1190,6 +1214,12 @@ declare interface BillingProductDetailResponseData {
      * @memberof BillingProductDetailResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductDetailResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1283,6 +1313,12 @@ declare interface BillingProductDetailResponseData_2 {
      * @memberof BillingProductDetailResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductDetailResponseData
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {number}
@@ -1405,6 +1441,12 @@ declare interface BillingProductForSubscriptionResponseData {
      * @memberof BillingProductForSubscriptionResponseData
      */
     priceTier: Array<BillingProductPriceTierResponseData>;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductForSubscriptionResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1541,6 +1583,12 @@ declare interface BillingProductPriceResponseData {
      * @memberof BillingProductPriceResponseData
      */
     productExternalId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductPriceResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {BillingTiersMode}
@@ -1647,17 +1695,6 @@ declare interface BillingProductPriceTierResponseData_2 {
     upTo?: number | null;
 }
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -1725,6 +1762,12 @@ declare interface BillingProductResponseData {
      * @memberof BillingProductResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1739,17 +1782,6 @@ declare interface BillingProductResponseData {
     updatedAt: Date;
 }
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -1817,6 +1849,12 @@ declare interface BillingProductResponseData_2 {
      * @memberof BillingProductResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductResponseData
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {number}
@@ -1831,6 +1869,28 @@ declare interface BillingProductResponseData_2 {
     updatedAt: Date;
 }
 
+/**
+ *
+ * @export
+ */
+declare const BillingProviderType: {
+    readonly Schematic: "schematic";
+    readonly Stripe: "stripe";
+};
+
+declare type BillingProviderType = (typeof BillingProviderType)[keyof typeof BillingProviderType];
+
+/**
+ *
+ * @export
+ */
+declare const BillingProviderType_2: {
+    readonly Schematic: "schematic";
+    readonly Stripe: "stripe";
+};
+
+declare type BillingProviderType_2 = (typeof BillingProviderType_2)[keyof typeof BillingProviderType_2];
+
 /**
  * Schematic API
  * Schematic API
@@ -2059,6 +2119,12 @@ declare interface BillingSubscriptionView {
      * @memberof BillingSubscriptionView
      */
     products: Array<BillingProductForSubscriptionResponseData>;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingSubscriptionView
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -2235,6 +2301,11 @@ export declare interface BypassConfig {
      * Default: false (skipped stages still appear in breadcrumbs)
      */
     hideSkipped?: boolean;
+    /**
+     * Billing period to pre-select.
+     * Optional - defaults to company's current period or "month".
+     */
+    period?: "month" | "year";
 }
 
 export declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement | null>>;
@@ -2334,7 +2405,7 @@ declare type ChargeType_2 = (typeof ChargeType_2)[keyof typeof ChargeType_2];
 
 export declare const Checkout: ({ isPaymentMethodRequired, setPaymentMethodId, updatePromoCode, confirmPaymentIntentProps, financeData, onPaymentMethodSaved, }: CheckoutProps) => JSX.Element | null;
 
-export declare const CheckoutDialog: ({ top }: CheckoutDialogProps) => JSX.Element;
+export declare const CheckoutDialog: ({ top }: CheckoutDialogProps) => JSX.Element | null;
 
 declare interface CheckoutDialogProps {
     top?: number;
@@ -2480,6 +2551,12 @@ declare interface CheckoutResponseData {
      * @memberof CheckoutResponseData
      */
     periodStart: number;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof CheckoutResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -3207,6 +3284,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     valid: boolean;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    versions: Array<PlanVersionResponseData>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -4073,6 +4156,8 @@ declare interface ConfirmPaymentIntentProps_2 {
 
 export declare const Container: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
+export declare const ContainerStyle: RuleSet<object>;
+
 export declare const createActiveUsageBasedEntitlementsReducer: (entitlements: FeatureUsageResponseData[], period: string) => (acc: UsageBasedEntitlement[], entitlement: PlanEntitlementResponseData) => UsageBasedEntitlement[];
 
 declare type CreditBundle = BillingCreditBundleView & {
@@ -4217,6 +4302,18 @@ declare interface CreditCompanyGrantView {
      * @memberof CreditCompanyGrantView
      */
     quantityUsed: number;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CreditCompanyGrantView
+     */
+    renewalEnabled: boolean;
+    /**
+     *
+     * @type {BillingPlanCreditGrantResetCadence}
+     * @memberof CreditCompanyGrantView
+     */
+    renewalPeriod?: BillingPlanCreditGrantResetCadence | null;
     /**
      *
      * @type {string}
@@ -4229,6 +4326,12 @@ declare interface CreditCompanyGrantView {
      * @memberof CreditCompanyGrantView
      */
     sourceLabel: string;
+    /**
+     *
+     * @type {Array<CreditTransferView>}
+     * @memberof CreditCompanyGrantView
+     */
+    transfers?: Array<CreditTransferView>;
     /**
      *
      * @type {Date}
@@ -4295,6 +4398,61 @@ declare interface CreditsProps {
     updateCount: (id: string, count: number) => void;
 }
 
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface CreditTransferView
+ */
+declare interface CreditTransferView {
+    /**
+     *
+     * @type {number}
+     * @memberof CreditTransferView
+     */
+    amount: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof CreditTransferView
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    direction: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    reason: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    relatedGrantId: string;
+}
+
 /**
  * Schematic API
  * Schematic API
@@ -4653,6 +4811,30 @@ declare interface DesignProps_9 {
     };
 }
 
+export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDialogElement | null>>;
+
+export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement | null>>;
+
+declare interface DialogContentProps {
+    children?: React.ReactNode;
+}
+
+export declare const DialogHeader: ({ children, bordered, onClose, }: DialogHeaderProps) => JSX.Element;
+
+declare interface DialogHeaderProps {
+    children?: React.ReactNode;
+    bordered?: boolean;
+    onClose?: () => void;
+}
+
+export declare interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    isModal?: boolean;
+    size?: DialogSize;
+    top?: number;
+}
+
+export declare type DialogSize = "sm" | "md" | "lg" | "auto";
+
 declare const Element_2: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 "sm"?: TransientCSSProperties;
@@ -5685,7 +5867,7 @@ declare interface FeatureUsageResponseData {
      */
     access: boolean;
     /**
-     * The maximum amount of usage that is permitted; a null value indicates that unlimited usage is permitted.
+     * The maximum amount of usage that is permitted; a null value indicates that unlimited usage is permitted or that this is a credit-based entitlement (use credit_remaining instead).
      * @type {number}
      * @memberof FeatureUsageResponseData
      */
@@ -5735,9 +5917,10 @@ declare interface FeatureUsageResponseData {
      */
     creditRemaining?: number | null;
     /**
-     *
+     * Deprecated: Use credit_remaining instead.
      * @type {number}
      * @memberof FeatureUsageResponseData
+     * @deprecated
      */
     creditTotal?: number | null;
     /**
@@ -5746,6 +5929,12 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     creditTypeIcon?: string | null;
+    /**
+     *
+     * @type {FeatureUsageResponseDataCreditUsageAggregation}
+     * @memberof FeatureUsageResponseData
+     */
+    creditUsageAggregation?: FeatureUsageResponseDataCreditUsageAggregation;
     /**
      *
      * @type {number}
@@ -5867,7 +6056,7 @@ declare interface FeatureUsageResponseData {
      */
     softLimit?: number | null;
     /**
-     * The amount of usage that has been consumed; a null value indicates that usage is not being measured.
+     * The amount of usage that has been consumed; a null value indicates that usage is not being measured or that this is a credit-based entitlement (use credit_used instead).
      * @type {number}
      * @memberof FeatureUsageResponseData
      */
@@ -5880,6 +6069,49 @@ declare interface FeatureUsageResponseData {
     yearlyUsageBasedPrice?: BillingPriceView;
 }
 
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface FeatureUsageResponseDataCreditUsageAggregation
+ */
+declare interface FeatureUsageResponseDataCreditUsageAggregation {
+    /**
+     * Credit usage within the current billing period
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisBillingPeriod?: number | null;
+    /**
+     * Credit usage within the current calendar month
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisCalendarMonth?: number | null;
+    /**
+     * Credit usage within the current calendar week (Monday to Sunday)
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisWeek?: number | null;
+    /**
+     * Credit usage for the current day
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageToday?: number | null;
+}
+
 declare type FetchAPI = WindowOrWorkerGlobalScope["fetch"];
 
 /**
@@ -6277,17 +6509,6 @@ $color?: "primary" | "secondary" | "danger";
 $variant?: "filled" | "outline" | "ghost" | "text";
 }>> & string;
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -6372,6 +6593,12 @@ declare interface InvoiceResponseData {
      * @memberof InvoiceResponseData
      */
     paymentMethodExternalId?: string | null;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof InvoiceResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -6477,31 +6704,6 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement | null>>;
-
-export declare const ModalContent: ForwardRefExoticComponent<ModalContentProps & RefAttributes<HTMLDivElement | null>>;
-
-declare interface ModalContentProps {
-    children?: React.ReactNode;
-}
-
-export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX.Element;
-
-declare interface ModalHeaderProps {
-    children?: React.ReactNode;
-    bordered?: boolean;
-    onClose?: () => void;
-}
-
-export declare interface ModalProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-    size?: ModalSize;
-    top?: number;
-    onClose?: () => void;
-}
-
-export declare type ModalSize = "sm" | "md" | "lg" | "auto";
-
 export declare const Notice: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 "sm"?: TransientCSSProperties;
@@ -6513,6 +6715,17 @@ $viewport?: {
 };
 }, never>> & string;
 
+export declare const Overlay: IStyledComponentBase<"web", FastOmit<FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+$viewport?: {
+"sm"?: TransientCSSProperties;
+"md"?: TransientCSSProperties;
+"lg"?: TransientCSSProperties;
+"xl"?: TransientCSSProperties;
+"2xl"?: TransientCSSProperties;
+[key: string]: TransientCSSProperties | undefined;
+};
+}, never>, never>> & string;
+
 export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & DeepPartial<DesignProps_5> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
 allowEdit?: boolean;
@@ -6538,17 +6751,6 @@ declare interface PaymentMethodDetailsProps {
 
 export declare type PaymentMethodProps = DesignProps_5;
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -6651,6 +6853,12 @@ declare interface PaymentMethodResponseData {
      * @memberof PaymentMethodResponseData
      */
     paymentMethodType: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof PaymentMethodResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {Date}
@@ -6659,7 +6867,7 @@ declare interface PaymentMethodResponseData {
     updatedAt: Date;
 }
 
-export declare const Plan: ({ isLoading, plans, selectedPlan, period, selectPlan, shouldTrial, }: PlanProps) => JSX.Element;
+export declare const Plan: ({ isLoading, plans, selectedPlan, period, selectPlan, shouldTrial, tooltipPortal, }: PlanProps) => JSX.Element;
 
 declare type Plan_2 = CompanyPlanDetailResponseData;
 
@@ -7129,6 +7337,12 @@ declare interface PlanDetailResponseData {
      * @memberof PlanDetailResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof PlanDetailResponseData
+     */
+    versions: Array<PlanVersionResponseData>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -7470,6 +7684,7 @@ declare interface PlanProps {
         shouldTrial?: boolean;
     }) => void;
     shouldTrial: boolean;
+    tooltipPortal?: HTMLElement | null;
 }
 
 /**
@@ -7608,6 +7823,178 @@ declare const PlanType_2: {
 
 declare type PlanType_2 = (typeof PlanType_2)[keyof typeof PlanType_2];
 
+/**
+ *
+ * @export
+ * @interface PlanVersionResponseData
+ */
+declare interface PlanVersionResponseData {
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    description: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    icon: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    originalPlanId?: string | null;
+    /**
+     *
+     * @type {PlanType}
+     * @memberof PlanVersionResponseData
+     */
+    planType: PlanType;
+    /**
+     *
+     * @type {PlanVersionStatus}
+     * @memberof PlanVersionResponseData
+     */
+    status: PlanVersionStatus;
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanVersionResponseData
+     */
+    version: number;
+}
+
+/**
+ *
+ * @export
+ * @interface PlanVersionResponseData
+ */
+declare interface PlanVersionResponseData_2 {
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    description: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    icon: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    originalPlanId?: string | null;
+    /**
+     *
+     * @type {PlanType}
+     * @memberof PlanVersionResponseData
+     */
+    planType: PlanType_2;
+    /**
+     *
+     * @type {PlanVersionStatus}
+     * @memberof PlanVersionResponseData
+     */
+    status: PlanVersionStatus_2;
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanVersionResponseData
+     */
+    version: number;
+}
+
+/**
+ *
+ * @export
+ */
+declare const PlanVersionStatus: {
+    readonly Published: "published";
+    readonly Draft: "draft";
+    readonly Archived: "archived";
+};
+
+declare type PlanVersionStatus = (typeof PlanVersionStatus)[keyof typeof PlanVersionStatus];
+
+/**
+ *
+ * @export
+ */
+declare const PlanVersionStatus_2: {
+    readonly Published: "published";
+    readonly Draft: "draft";
+    readonly Archived: "archived";
+};
+
+declare type PlanVersionStatus_2 = (typeof PlanVersionStatus_2)[keyof typeof PlanVersionStatus_2];
+
 /**
  *
  * @export
@@ -7766,6 +8153,12 @@ declare interface PlanViewPublicResponseData {
      * @memberof PlanViewPublicResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof PlanViewPublicResponseData
+     */
+    versions: Array<PlanVersionResponseData_2>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -8285,6 +8678,8 @@ declare type RequestState<TData> = {
     data: TData | undefined;
 };
 
+export declare const ResetStyle: RuleSet<object>;
+
 declare interface ResponseContext {
     fetch: FetchAPI;
     url: string;
@@ -9050,11 +9445,12 @@ export declare interface ThemeSettings {
     };
 }
 
-export declare const Tooltip: ({ trigger, content, position, fullWidth, ...rest }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ trigger, content, portal, position, fullWidth, ...rest }: TooltipProps) => JSX.Element;
 
 export declare interface TooltipProps extends BoxProps {
     trigger: React.ReactNode;
     content: React.ReactNode;
+    portal?: HTMLElement | null;
     position?: Position;
     fullWidth?: boolean;
 }