@schematichq/schematic-react 0.2.0-rc.0 → 0.2.0-rc.1

package/dist/schematic-react.d.ts

@@ -30,6 +30,178 @@ declare type BaseSchematicProviderProps = Omit<SchematicJS.SchematicOptions, "cl
     children: ReactNode;
 };
 
+/**
+ * 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 BillingPlan
+ */
+declare interface BillingPlan {
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlan
+     */
+    description?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlan
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlan
+     */
+    imageUrl?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlan
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlan
+     */
+    planPeriod?: string | null;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingPlan
+     */
+    planPrice?: 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
+ * @interface BillingPriceResponseData
+ */
+declare interface BillingPriceResponseData {
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceResponseData
+     */
+    externalPriceId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceResponseData
+     */
+    interval: string;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingPriceResponseData
+     */
+    price: number;
+}
+
+/**
+ *
+ * @export
+ * @interface BillingProductDetailResponseData
+ */
+declare interface BillingProductDetailResponseData {
+    /**
+     *
+     * @type {Array<BillingPriceResponseData>}
+     * @memberof BillingProductDetailResponseData
+     */
+    prices: Array<BillingPriceResponseData>;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    accountId: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingProductDetailResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    currency: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    externalId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingProductDetailResponseData
+     */
+    price: number;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductDetailResponseData
+     */
+    productId: string;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingProductDetailResponseData
+     */
+    quantity: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingProductDetailResponseData
+     */
+    updatedAt: Date;
+}
+
 export declare const Box: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentProps>> & string;
 
 export declare type BoxProps = ComponentProps;
@@ -63,10 +235,10 @@ export declare interface CardProps {
 declare interface CompanyDetailResponseData {
     /**
      *
-     * @type {Array<PreviewObject>}
+     * @type {Array<BillingPlan>}
      * @memberof CompanyDetailResponseData
      */
-    addOns: Array<PreviewObject>;
+    addOns: Array<BillingPlan>;
     /**
      *
      * @type {Date}
@@ -117,10 +289,10 @@ declare interface CompanyDetailResponseData {
     name: string;
     /**
      *
-     * @type {PreviewObject}
+     * @type {BillingPlan}
      * @memberof CompanyDetailResponseData
      */
-    plan?: PreviewObject;
+    plan?: BillingPlan;
     /**
      *
      * @type {Array<PreviewObject>}
@@ -147,12 +319,122 @@ declare interface CompanyDetailResponseData {
     userCount: number;
 }
 
+/**
+ *
+ * @export
+ * @interface CompanyPlanDetailResponseData
+ */
+declare interface CompanyPlanDetailResponseData {
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    audienceType?: string | null;
+    /**
+     *
+     * @type {BillingProductDetailResponseData}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    billingProduct?: BillingProductDetailResponseData;
+    /**
+     *
+     * @type {number}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    companyCount: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    current: boolean;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    description: string;
+    /**
+     *
+     * @type {Array<PlanEntitlementResponseData>}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    entitlements: Array<PlanEntitlementResponseData>;
+    /**
+     *
+     * @type {Array<FeatureDetailResponseData>}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    features: Array<FeatureDetailResponseData>;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    icon: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    monthlyPrice?: BillingPriceResponseData;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    planType: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    valid: boolean;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    yearlyPrice?: BillingPriceResponseData;
+}
+
 /**
  * The returned resource
  * @export
  * @interface ComponentHydrateResponseData
  */
 declare interface ComponentHydrateResponseData {
+    /**
+     *
+     * @type {Array<CompanyPlanDetailResponseData>}
+     * @memberof ComponentHydrateResponseData
+     */
+    activePlans: Array<CompanyPlanDetailResponseData>;
     /**
      *
      * @type {CompanyDetailResponseData}
@@ -171,6 +453,12 @@ declare interface ComponentHydrateResponseData {
      * @memberof ComponentHydrateResponseData
      */
     featureUsage?: FeatureUsageDetailResponseData;
+    /**
+     *
+     * @type {StripeEmbedInfo}
+     * @memberof ComponentHydrateResponseData
+     */
+    stripeEmbed?: StripeEmbedInfo;
 }
 
 declare interface ComponentProps extends TransientCSSProperties {
@@ -196,10 +484,12 @@ declare interface ComponentProps extends TransientCSSProperties {
 declare interface ComponentResponseData {
     /**
      *
-     * @type {Array<number>}
+     * @type {{ [key: string]: number; }}
      * @memberof ComponentResponseData
      */
-    ast: Array<number>;
+    ast?: {
+        [key: string]: number;
+    };
     /**
      *
      * @type {Date}
@@ -238,6 +528,19 @@ declare interface ComponentResponseData {
     updatedAt: Date;
 }
 
+declare interface ConfigurationParameters {
+    basePath?: string;
+    fetchApi?: FetchAPI;
+    middleware?: Middleware[];
+    queryParamsStringify?: (params: HTTPQuery) => string;
+    username?: string;
+    password?: string;
+    apiKey?: string | Promise<string> | ((name: string) => string | Promise<string>);
+    accessToken?: string | Promise<string> | ((name?: string, scopes?: string[]) => string | Promise<string>);
+    headers?: HTTPHeaders;
+    credentials?: RequestCredentials;
+}
+
 declare const _default: {
     alarm: number;
     "arrow-curved": number;
@@ -338,43 +641,132 @@ declare const _default: {
     wind: number;
 };
 
+export declare const defaultSettings: EmbedSettings;
+
+export declare const defaultTheme: EmbedThemeSettings;
+
 declare interface DesignProps {
-    name?: {
-        text: string;
-        style: {
-            fontFamily: string;
-            fontSize: number;
-            fontWeight: number;
-            color: string;
+    header: {
+        isVisible: boolean;
+        title: {
+            fontStyle: FontStyle;
+        };
+        description: {
+            isVisible: boolean;
+            fontStyle: FontStyle;
+        };
+        price: {
+            isVisible: boolean;
+            fontStyle: FontStyle;
         };
     };
-    limits?: {
+    addOns: {
         isVisible: boolean;
+        fontStyle: FontStyle;
+        showLabel: boolean;
     };
-    usage?: {
+    callToAction: {
         isVisible: boolean;
+        buttonSize: "sm" | "md" | "lg";
+        buttonStyle: "primary" | "secondary" | "tertiary";
     };
-    count?: number;
 }
 
 declare interface DesignProps_2 {
-    header?: {
+    header: {
         isVisible: boolean;
-        title: TextDesignProps;
-        description: TextDesignProps;
-        price: TextDesignProps;
+        fontStyle: FontStyle;
+        text: string;
     };
-    addOns?: {
+    icons: {
         isVisible: boolean;
+        fontStyle: FontStyle;
+        style: "light" | "dark";
     };
-    usageBased?: {
+    entitlement: {
         isVisible: boolean;
+        fontStyle: FontStyle;
     };
-    callToAction?: {
+    usage: {
         isVisible: boolean;
-        size: "sm" | "md" | "lg";
-        color: string;
-        backgroundColor: string;
+        fontStyle: FontStyle;
+    };
+}
+
+declare interface DesignProps_3 {
+    isVisible: boolean;
+    header: {
+        fontStyle: FontStyle;
+    };
+    description: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    icon: {
+        isVisible: boolean;
+    };
+    allocation: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    usage: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    callToAction: {
+        isVisible: boolean;
+        buttonSize: "sm" | "md" | "lg";
+        buttonStyle: "primary" | "secondary" | "tertiary";
+    };
+}
+
+declare interface DesignProps_4 {
+    header: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+        prefix: string;
+    };
+    price: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    contractEndDate: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+        prefix: string;
+    };
+}
+
+declare interface DesignProps_5 {
+    header: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    functions: {
+        allowEdit: boolean;
+    };
+}
+
+declare interface DesignProps_6 {
+    header: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    date: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    amount: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
+    limit: {
+        isVisible: boolean;
+        number: number;
+    };
+    collapse: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
     };
 }
 
@@ -389,26 +781,59 @@ export declare const EmbedContext: Context<EmbedContextProps>;
 export declare interface EmbedContextProps {
     data: RecursivePartial<ComponentHydrateResponseData>;
     nodes: SerializedNodeWithChildren[];
-    settings: RecursivePartial<Settings>;
+    settings: EmbedSettings;
+    layout: EmbedLayout;
     error?: Error;
-    setData: SetData;
-    setSettings: SetSettings;
-    updateSettings: SetSettings;
+    setData: (data: RecursivePartial<ComponentHydrateResponseData>) => void;
+    updateSettings: (settings: RecursivePartial<EmbedSettings>) => void;
+    setLayout: (layout: EmbedLayout) => void;
 }
 
+declare type EmbedLayout = "portal" | "checkout" | "payment" | "disabled";
+
 export declare interface EmbedProps {
     accessToken?: string;
     id?: string;
+    apiConfig?: ConfigurationParameters;
 }
 
-export declare const EmbedProvider: ({ id, accessToken, children, }: EmbedProviderProps) => JSX_2.Element;
+export declare const EmbedProvider: ({ id, accessToken, apiConfig, children, }: EmbedProviderProps) => JSX_2.Element;
 
 export declare interface EmbedProviderProps {
     id?: string;
     accessToken?: string;
+    apiConfig?: ConfigurationParameters;
     children?: React.ReactNode;
 }
 
+declare type EmbedSettings = {
+    theme: EmbedThemeSettings;
+};
+
+declare interface EmbedThemeSettings {
+    numberOfColumns: 1 | 2 | 3;
+    sectionLayout: "merged" | "separate";
+    colorMode: "light" | "dark";
+    primary: string;
+    secondary: string;
+    card: {
+        background: string;
+        borderRadius: number;
+        hasShadow: boolean;
+        padding: number;
+    };
+    typography: {
+        heading1: TypographySettings;
+        heading2: TypographySettings;
+        heading3: TypographySettings;
+        heading4: TypographySettings;
+        heading5: TypographySettings;
+        heading6: TypographySettings;
+        text: TypographySettings;
+        link: TypographySettings;
+    };
+}
+
 /**
  * Schematic API
  * Schematic API
@@ -637,6 +1062,14 @@ declare interface EntityTraitDetailResponseData {
     value: string;
 }
 
+declare interface ErrorContext {
+    fetch: FetchAPI;
+    url: string;
+    init: RequestInit;
+    error: unknown;
+    response?: Response;
+}
+
 export { Event_2 as Event }
 
 export { EventBody }
@@ -973,6 +1406,13 @@ declare const FeatureUsageResponseDataAllocationTypeEnum: {
 
 declare type FeatureUsageResponseDataAllocationTypeEnum = (typeof FeatureUsageResponseDataAllocationTypeEnum)[keyof typeof FeatureUsageResponseDataAllocationTypeEnum];
 
+declare type FetchAPI = WindowOrWorkerGlobalScope["fetch"];
+
+declare interface FetchParams {
+    url: string;
+    init: RequestInit;
+}
+
 export { FlagCheckResponseBody }
 
 export { FlagCheckWithKeyResponseBody }
@@ -1067,6 +1507,16 @@ export declare const Flex: IStyledComponentBase<"web", FastOmit<Omit<FastOmit<De
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 
+declare type FontStyle = keyof EmbedThemeSettings["typography"];
+
+declare type HTTPHeaders = {
+    [key: string]: string;
+};
+
+declare type HTTPQuery = {
+    [key: string]: string | number | null | boolean | Array<string | number | null | boolean> | Set<string | number | null | boolean> | HTTPQuery;
+};
+
 export declare const Icon: ({ name, className, ...props }: IconProps) => JSX_2.Element;
 
 export declare type IconNameTypes = keyof typeof _default;
@@ -1075,29 +1525,144 @@ export declare interface IconProps extends React.HTMLAttributes<HTMLElement> {
     name: IconNameTypes;
 }
 
-export declare const IconRound: ({ name, style, size, }: IconRoundProps) => JSX_2.Element;
+export declare const IconRound: ({ name, variant, size, colors, ...props }: IconRoundProps) => JSX_2.Element;
 
-export declare interface IconRoundProps {
+export declare interface IconRoundProps extends React.HTMLAttributes<HTMLElement> {
     name: IconNameTypes;
-    style?: "outline" | "filled";
+    variant?: "outline" | "filled";
     size?: "tn" | "sm" | "md" | "lg";
+    colors?: [string, string];
 }
 
-export declare const IncludedFeatures: ({ className, ...props }: IncludedFeaturesProps) => JSX_2.Element;
+export declare const IncludedFeatures: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_2> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
+
+export declare type IncludedFeaturesProps = DesignProps_2;
 
-export declare type IncludedFeaturesProps = ElementProps & RecursivePartial<DesignProps> & React.HTMLAttributes<HTMLDivElement>;
+export declare const Invoices: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_6> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
 
-export declare const Invoices: () => JSX_2.Element;
+export declare type InvoicesProps = DesignProps_6;
 
 export { Keys }
 
-export declare const NextBillDue: () => JSX_2.Element;
+export declare const MeteredFeatures: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_3> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
+
+export declare type MeteredFeaturesProps = DesignProps_3;
+
+declare interface Middleware {
+    pre?(context: RequestContext): Promise<FetchParams | void>;
+    post?(context: ResponseContext): Promise<Response | void>;
+    onError?(context: ErrorContext): Promise<Response | void>;
+}
+
+export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_5> & HTMLAttributes<HTMLDivElement> & {
+portal?: HTMLElement | null;
+} & RefAttributes<HTMLDivElement | null>>;
 
-export declare const PaymentMethod: () => JSX_2.Element;
+export declare type PaymentMethodProps = DesignProps_5;
+
+/**
+ *
+ * @export
+ * @interface PlanEntitlementResponseData
+ */
+declare interface PlanEntitlementResponseData {
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanEntitlementResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {FeatureResponseData}
+     * @memberof PlanEntitlementResponseData
+     */
+    feature?: FeatureResponseData;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    featureId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    metricPeriod?: string | null;
+    /**
+     *
+     * @type {PlanResponseData}
+     * @memberof PlanEntitlementResponseData
+     */
+    plan?: PlanResponseData;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    planId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    ruleId: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanEntitlementResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {boolean}
+     * @memberof PlanEntitlementResponseData
+     */
+    valueBool?: boolean | null;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanEntitlementResponseData
+     */
+    valueNumeric?: number | null;
+    /**
+     *
+     * @type {EntityTraitDefinitionResponseData}
+     * @memberof PlanEntitlementResponseData
+     */
+    valueTrait?: EntityTraitDefinitionResponseData;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    valueTraitId?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    valueType: string;
+}
 
-export declare const PlanManager: ({ className, ...props }: PlanManagerProps) => JSX_2.Element;
+export declare const PlanManager: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps> & HTMLAttributes<HTMLDivElement> & {
+portal?: HTMLElement | null;
+} & RefAttributes<HTMLDivElement | null>>;
 
-export declare type PlanManagerProps = ElementProps & RecursivePartial<DesignProps_2> & React.HTMLAttributes<HTMLDivElement>;
+export declare type PlanManagerProps = DesignProps;
 
 /**
  * Schematic API
@@ -1121,7 +1686,7 @@ declare interface PlanResponseData {
      * @type {string}
      * @memberof PlanResponseData
      */
-    audienceType: string;
+    audienceType?: string | null;
     /**
      *
      * @type {Date}
@@ -1223,6 +1788,19 @@ declare type RecursivePartial<T> = {
     [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
 };
 
+declare interface RequestContext {
+    fetch: FetchAPI;
+    url: string;
+    init: RequestInit;
+}
+
+declare interface ResponseContext {
+    fetch: FetchAPI;
+    url: string;
+    init: RequestInit;
+    response: Response;
+}
+
 /**
  *
  * @export
@@ -1533,7 +2111,7 @@ declare interface SchematicContextProps {
     flagValues: Record<string, boolean>;
 }
 
-export declare const SchematicEmbed: ({ id, accessToken }: EmbedProps) => JSX_2.Element;
+export declare const SchematicEmbed: ({ id, accessToken, apiConfig }: EmbedProps) => JSX_2.Element;
 
 export declare interface SchematicHookOpts {
     client?: SchematicJS.Schematic;
@@ -1564,37 +2142,47 @@ declare type SerializedNodeWithChildren = SerializedNode & {
     children: SerializedNodeWithChildren[];
 };
 
-declare type SetData = (data: RecursivePartial<ComponentHydrateResponseData>) => void;
-
-declare type SetSettings = (settings: RecursivePartial<Settings>) => void;
-
-declare interface Settings {
-    theme: "light" | "dark";
-    sectionLayout: "merged" | "separate";
-    borderWidth: number;
-    borderColor: string;
-    borderRadius: number;
-    boxShadow: string;
-    boxPadding: number;
+/**
+ * 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 StripeEmbedInfo
+ */
+declare interface StripeEmbedInfo {
+    /**
+     *
+     * @type {string}
+     * @memberof StripeEmbedInfo
+     */
+    customerEkey: string;
+    /**
+     *
+     * @type {string}
+     * @memberof StripeEmbedInfo
+     */
+    publishableKey: string;
 }
 
 declare const Text_2: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps>> & string;
 export { Text_2 as Text }
 
-declare interface TextDesignProps {
-    isVisible?: boolean;
-    fontFamily?: string;
-    fontSize?: number;
-    fontWeight?: number;
-    color?: string;
-}
-
 export declare interface TextProps extends ComponentProps {
     $align?: ComponentProps["$textAlign"];
     $font?: ComponentProps["$fontFamily"];
     $size?: ComponentProps["$fontSize"];
     $weight?: ComponentProps["$fontWeight"];
     $color?: ComponentProps["$color"];
+    $lineHeight?: ComponentProps["$lineHeight"];
 }
 
 export { Traits }
@@ -1603,6 +2191,17 @@ declare type TransientCSSProperties = {
     [Property in keyof React.CSSProperties as `$${string & Property}`]: React.CSSProperties[Property];
 };
 
+declare interface TypographySettings {
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: number;
+    color: string;
+}
+
+export declare const UpcomingBill: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_4> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
+
+export declare type UpcomingBillProps = DesignProps_4;
+
 export declare const useEmbed: () => EmbedContextProps;
 
 export declare const useSchematic: () => SchematicContextProps;