@saasquatch/mint-components 1.15.0-98 → 1.16.0-0

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DemoData } from "./global/demo";
+import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BankingInfoFormViewProps } from "./components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
@@ -21,13 +22,15 @@ import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
 import { GenericTableViewProps } from "./tables/GenericTableView";
-import { FraudStatus, ImpactConnection, Invoice, Referral, Referrer, Reward } from "./saasquatch";
+import { LeadCheckboxFieldViewProps } from "./components/sqm-lead-form/sqm-lead-checkbox-field-view";
+import { DropdownFieldViewProps as DropdownFieldViewProps1 } from "./components/sqm-lead-form/sqm-lead-dropdown-field-view";
+import { LeadFormViewProps } from "./components/sqm-lead-form/sqm-lead-form-view";
+import { LeadInputFieldViewProps } from "./components/sqm-lead-form/sqm-lead-input-field-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
 import { CopyTextViewProps } from "./components/views/copy-text-view";
 import { NameFieldsViewProps } from "./components/sqm-name-fields/sqm-name-fields-view";
 import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-navigation-menu-view";
-import { NavigationSidebarViewProps } from "./components/sqm-navigation-sidebar/sqm-navigation-sidebar-view";
 import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
 import { UsePagination } from "./components/sqm-pagination/usePagination";
 import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/sqm-password-field";
@@ -51,6 +54,7 @@ import { ReferralDates } from "./components/sqm-referral-table/useReferralTable"
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
+import { UseTaxAndCashResultType } from "./components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
 import { UseTaxAndCashDashboardResult } from "./components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
@@ -59,6 +63,21 @@ export namespace Components {
         "renderCell": () => Promise<any>;
         "renderLabel": (idx: any) => Promise<any>;
     }
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl": string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText": string;
+    }
     interface SqmBankingInfoForm {
         /**
           * @uiName Agency code field label
@@ -341,7 +360,6 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
-          * @uiGroup Additional Settings
          */
         "alignment"?: "left" | "right" | "center";
         /**
@@ -349,59 +367,18 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Font size of the description text in pixels
-          * @uiName Description font size
-          * @uiGroup Additional Settings
-         */
-        "descriptionFontSize"?: number;
-        /**
-          * Color of the description text
-          * @uiName Description text color
-          * @uiWidget color
-          * @uiType string
-          * @format color
-          * @uiGroup Additional Settings
-         */
-        "descriptionTextColor"?: string;
         /**
           * Controls the order of the stat value & description column
           * @uiName Flex reverse
-          * @default 
-          * @uiGroup Additional Settings
+          * @default
          */
         "flexReverse"?: boolean;
         /**
           * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
           * @uiName Program ID
           * @uiWidget programSelector
-          * @uiGroup Additional Settings
          */
         "programId"?: string;
-        /**
-          * Font size of the stat text in pixels
-          * @uiName Stat font size
-          * @uiType string
-          * @uiGroup Additional Settings
-         */
-        "statFontSize"?: number;
-        /**
-          * Font weight of the stat text
-          * @uiName Stat font weight
-          * @uiGroup Additional Settings
-          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
-          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
-         */
-        "statFontWeight"?: number;
-        /**
-          * Color of the stat text
-          * @uiName Stat text color
-          * @uiWidget color
-          * @uiType string
-          * @format color
-          * @uiGroup Additional Settings
-         */
-        "statTextColor"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -426,8 +403,6 @@ export namespace Components {
          */
         "brandFont": string;
     }
-    interface SqmBrandSelector {
-    }
     interface SqmCardFeed {
         /**
           * @uiName Column gap
@@ -534,47 +509,14 @@ export namespace Components {
         "contextName": string;
     }
     interface SqmCouponCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement.
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button (primary or secondary) that will be used to copy the link.
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
@@ -582,6 +524,20 @@ export namespace Components {
           * @uiGroup Coupon code error
          */
         "cancelledErrorText": string;
+        /**
+          * Display this message when the code fails to load before retrying.
+          * @uiWidget textArea
+          * @uiName Code sync error retry message
+          * @uiGroup Coupon code error
+         */
+        "codeSyncErrorRetryText": string;
+        /**
+          * Display this message when the code fails to load after retrying.
+          * @uiWidget textArea
+          * @uiName Code sync error message
+          * @uiGroup Coupon code error
+         */
+        "codeSyncErrorText": string;
         /**
           * @uiName Copy button label
          */
@@ -647,17 +603,8 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -670,18 +617,6 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmDividedLayout {
-        /**
-          * Background color of the divider
-          * @uiName Divider Background Color
-          * @uiWidget color
-         */
-        "backgroundColor"?: string;
-        /**
-          * Color of the divider (defaults to default text color if none is set)
-          * @uiName Divider Background Color
-          * @uiWidget color
-         */
-        "borderColor"?: string;
         /**
           * Overrides max-width of content area
           * @uiName Content Area Width
@@ -696,7 +631,7 @@ export namespace Components {
          */
         "direction": "row" | "column";
         /**
-          * @undocumented Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
           * @uiName Border style
          */
         "dividerStyle": string;
@@ -1006,15 +941,11 @@ export namespace Components {
     }
     interface SqmHero {
         /**
-          * Add an image or select a color. Recommended image aspect ratio of 4:5
+          * Can be an image url, colour or Shoelace variable.
           * @uiName Background
           * @uiWidget Background
          */
         "background"?: string;
-        /**
-          * @uiName Hide the column in mobile view (can only be used when two columns are present)
-         */
-        "columnToHideInMobile"?: "primary" | "secondary" | null;
         /**
           * @uiName Columns
           * @uiEnum [1, 2]
@@ -1051,7 +982,6 @@ export namespace Components {
           * @uiName Background color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "backgroundColor"?: string;
         /**
@@ -1067,15 +997,6 @@ export namespace Components {
           * @uiName Button text
          */
         "buttonText"?: string;
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -1090,13 +1011,11 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["top", "bottom"]
           * @uiEnumNames ["Top", "Bottom"]
-          * @uiGroup Style
          */
         "imageMobilePos": "top" | "bottom";
         /**
           * @uiName Image percentage
           * @uiType number
-          * @uiGroup Style
          */
         "imagePercentage": number;
         /**
@@ -1104,7 +1023,6 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "imagePos": "left" | "center" | "right";
         /**
@@ -1118,19 +1036,16 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["overlay", "columns"]
           * @uiEnumNames ["Overlay", "Two-column"]
-          * @uiGroup Style
          */
         "layout": "overlay" | "columns";
         /**
           * @uiName Overlay color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "overlayColor"?: string;
         /**
           * @uiName Overlay opacity
-          * @uiGroup Style
          */
         "overlayOpacity": string;
         /**
@@ -1138,7 +1053,6 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-          * @uiGroup Style
          */
         "paddingImage": Spacing;
         /**
@@ -1146,14 +1060,12 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-          * @uiGroup Style
          */
         "paddingText": Spacing;
         /**
           * @uiName Text color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "textColor"?: string;
     }
@@ -1569,32 +1481,202 @@ export namespace Components {
         "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<any>;
     }
-    interface SqmLeaderboard {
+    interface SqmLeadCheckboxField {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "anonymousUser": string;
+        "checkboxLabel": string;
         /**
-          * Changes the background color of the leaderboard.
-          * @uiName Background Color
-          * @uiWidget color
-          * @uiGroup Style
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "background"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * Changes the border color of the table rows.
-          * @uiName Border Color
-          * @uiWidget color
-          * @uiGroup Style
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName": string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadCheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
+    }
+    interface SqmLeadDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel": string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName": string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional": boolean;
+        /**
+          * @uiName Multiple selection
+          * @default
+         */
+        "multiple": boolean;
+        /**
+          * @uiName Optional label
          */
-        "borderColor"?: string;
+        "optionalLabel": string;
         /**
-          * Leaderboard border radius in pixels.
-          * @uiName Border Radius
-          * @uiGroup Style
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
+    }
+    interface SqmLeadForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadFormViewProps>;
+        /**
+          * @uiName Email field label
+         */
+        "emailLabel": string;
+        /**
+          * @uiName First Name field label
+         */
+        "firstNameLabel": string;
+        /**
+          * Key of the form to connect to. Create and manage forms in the /advocate dashboard under Data > Forms.
+          * @uiName Form key
+         */
+        "formKey": string;
+        /**
+          * The message to be displayed if the email used is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+         */
+        "invalidEmailErrorMessage": string;
+        /**
+          * @uiName Last Name field label
+         */
+        "lastNameLabel": string;
+        /**
+          * The message to be displayed if a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage": string;
+        /**
+          * @uiName Header text
+         */
+        "pageLabel": string;
+        /**
+          * The message to be displayed if a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
+        /**
+          * @uiName Submit another form button label
+         */
+        "resubmitFormLabel": string;
+        /**
+          * Description text shown if an error occurs.
+          * @uiName Submit error description
+         */
+        "submitErrorDescription": string;
+        /**
+          * Header text shown if an error occurs.
+          * @uiName Submit error header
+         */
+        "submitErrorHeader": string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel": string;
+        /**
+          * Description text shown on successful lead submission.
+          * @uiName Submit success description
+         */
+        "submitSuccessDescription": string;
+        /**
+          * Header text shown on successful lead submission.
+          * @uiName Submit success header
+         */
+        "submitSuccessHeader": string;
+        /**
+          * Optional support link text for error messages.
+          * @uiName Support link text
+         */
+        "supportLinkText": string;
+    }
+    interface SqmLeadInputField {
+        /**
+          * @undocumented 
+          * @uiType object
          */
-        "borderRadius"?: number;
+        "demoData"?: DemoData<LeadInputFieldViewProps>;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel": string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
+         */
+        "fieldName": string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType": "text" | "date" | "tel";
+        /**
+          * @uiName Optional label
+         */
+        "optionalLabel": string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
+    }
+    interface SqmLeaderboard {
+        /**
+          * Title displayed for users without names
+          * @uiName Unknown user text
+         */
+        "anonymousUser": string;
         /**
           * @undocumented 
           * @uiType object
@@ -1663,31 +1745,10 @@ export namespace Components {
           * @uiName Stats column heading
          */
         "statsheading": string;
-        /**
-          * Text color of the leaderboard.
-          * @uiName Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * @uiName User column heading
          */
         "usersheading": string;
-        /**
-          * Changes the background color of the viewing user row in the leaderboard.
-          * @uiName Viewing User Highlight Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "viewingUserHighlightColor"?: string;
-        /**
-          * Changes the text color of the viewing user row in the leaderboard.
-          * @uiName Viewing User Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "viewingUserHighlightTextColor"?: string;
         /**
           * @uiName Viewing user text
          */
@@ -1830,106 +1891,29 @@ export namespace Components {
         "menuLabel": string;
     }
     interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NavigationSidebarViewProps>;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "mobileMenuColor"?: string;
-    }
-    interface SqmNavigationSidebarItem {
+        "icon": string;
         /**
-          * Background color of the nav item
-          * @uiName Background Color
-          * @uiWidget color
-          * @uiGroup Style
+          * @uiName Label
          */
-        "backgroundColor"?: string;
-        /**
-          * Background color of the nav item when focused
-          * @uiName Background Focused Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundFocusedColor"?: string;
-        /**
-          * Background color of the nav item when hovered
-          * @uiName Background Hover Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundHoverColor"?: string;
-        /**
-          * Border radius (in number of pixels)
-          * @uiName Border Radius
-          * @uiGroup Style
-         */
-        "borderRadius"?: number;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
-        /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
-          * @uiGroup Style
-         */
-        "icon": string;
-        /**
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding"?: Spacing;
+        "label": string;
         /**
           * @uiName Navigation path
           * @uiWidget pageSelect
          */
         "path": string;
-        /**
-          * Text color of the nav item
-          * @uiName Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
-        /**
-          * Text color of the nav item when items is focused
-          * @uiName Text Focused Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textFocusedColor"?: string;
-        /**
-          * Text color of the nav item when hovered
-          * @uiName Text Hover Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textHoverColor"?: string;
     }
     interface SqmPagination {
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @undocumented 
           * @uiType object
@@ -2012,10 +1996,6 @@ export namespace Components {
           * @uiName Payout missing information subtext
          */
         "payoutMissingInformationText": string;
-        /**
-          * @componentState { "title": "Loading", "props": { "states": { "loading": true } } }
-         */
-        "stateController"?: string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -2105,6 +2085,18 @@ export namespace Components {
           * @uiName Verification review internal alert header
          */
         "verificationReviewInternalHeader": string;
+        /**
+          * @uiName W9 payment threshold alert button text
+         */
+        "w9RequiredButtonText": string;
+        /**
+          * @uiName W9 payment threshold alert description
+         */
+        "w9RequiredDescription": string;
+        /**
+          * @uiName W9 payment threshold alert header
+         */
+        "w9RequiredHeader": string;
     }
     interface SqmPopupContainer {
         /**
@@ -2436,21 +2428,6 @@ export namespace Components {
         "termsText"?: string;
     }
     interface SqmPortalForgotPassword {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-         */
-        "backgroundColor": string;
-        /**
-          * @uiName Border style
-          * @uiWidget textArea
-         */
-        "border": string;
-        /**
-          * @uiName Border radius
-          * @uiWidget number
-         */
-        "borderRadius": string;
         /**
           * @undocumented 
           * @uiType object
@@ -2495,30 +2472,11 @@ export namespace Components {
         "successAlertText": string;
     }
     interface SqmPortalFrame {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
-         */
-        "backgroundColor": string;
-        /**
-          * Borders placed to seperate the header and footer from the body content.
-          * @uiName Border
-          * @uiType string
-         */
-        "border": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<PortalFrameViewProps>;
-        /**
-          * Background color for the header and footer.
-          * @uiName Header and Footer Background Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "headerAndFooterBackgroundColor": string;
         /**
           * @undocumented
          */
@@ -3251,13 +3209,7 @@ export namespace Components {
           * @uiWidget color
           * @format color
          */
-        "backgroundColor"?: string;
-        /**
-          * Amount in pixels
-          * @uiName Border radius
-          * @type number
-         */
-        "borderRadius"?: number;
+        "backgroundColor": string;
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -3272,18 +3224,6 @@ export namespace Components {
           * @uiName Icon
          */
         "icon"?: string;
-        /**
-          * @uiName Icon Background color
-          * @uiWidget color
-          * @format color
-         */
-        "iconBackgroundColor"?: string;
-        /**
-          * @uiName Icon color
-          * @uiWidget color
-          * @format color
-         */
-        "iconColor"?: string;
         /**
           * Displayed in place of an icon
           * @uiName Image URL
@@ -3296,7 +3236,7 @@ export namespace Components {
           * @uiWidget color
           * @format color
          */
-        "textColor"?: string;
+        "textColor": string;
     }
     interface SqmProgramMenu {
     }
@@ -3348,20 +3288,7 @@ export namespace Components {
           * @uiWidget color
           * @uiType string
          */
-        "backgroundColor"?: string;
-        /**
-          * Border color of container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-         */
-        "borderRadius"?: number;
+        "backgroundColor": string;
         /**
           * @uiName Hide border
           * @uiType boolean
@@ -3400,13 +3327,6 @@ export namespace Components {
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
         "paddingTop": string;
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Vertical alignment
           * @uiType string
@@ -3416,47 +3336,14 @@ export namespace Components {
         "verticalAlignment": "start" | "center" | "end";
     }
     interface SqmReferralCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container (default is set to 1px solid transparent)
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -3488,17 +3375,8 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign": "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -3533,12 +3411,6 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * @uiName Text Color
-          * @uiType string
-          * @uiWidget color
-         */
-        "textColor"?: string;
         /**
           * @uiName Title Text
          */
@@ -4002,13 +3874,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "sourceAmountMessage": string;
-        /**
-          * @componentState { "title": "Choose reward", "props": { "redeemStage": "chooseReward" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Reward details", "props": { "redeemStage": "chooseAmount" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Confirm exchange", "props": { "redeemStage": "confirmation" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Exchange successful", "props": { "redeemStage": "success" }, "dependencies": ["sqm-reward-exchange-list"] }
-         */
-        "stateController": string;
         /**
           * Shown when a user copies a fuel tank code
           * @uiName Tooltip text
@@ -4347,18 +4212,11 @@ export namespace Components {
           * @uiName Button background color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "backgroundcolor"?: string;
-        /**
-          * @uiName Border
-          * @uiGroup Style
-         */
-        "border"?: string;
         /**
           * Configure border radius with pixel amount
           * @uiName Border radius
-          * @uiGroup Style
          */
         "borderradius"?: number;
         /**
@@ -4372,13 +4230,11 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * @uiName Hide icon
-          * @uiGroup Style
           * @default
          */
         "hideicon"?: boolean;
         /**
           * @uiName Hide text
-          * @uiGroup Style
           * @default
          */
         "hidetext"?: boolean;
@@ -4416,7 +4272,6 @@ export namespace Components {
     | "unknown";
         /**
           * @uiName Display pill
-          * @uiGroup Style
          */
         "pill"?: boolean;
         /**
@@ -4440,24 +4295,21 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["small", "medium", "large" ]
           * @uiEnumNames ["Small", "Medium", "Large"]
-          * @uiGroup Style
          */
         "size"?: "small" | "medium" | "large";
         /**
           * @uiName Button text color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button style
-          * @uiEnum ["primary", "secondary", "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Secondary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
         "type"?: | "primary"
-    | "secondary"
     | "success"
     | "info"
     | "warning"
@@ -4476,47 +4328,14 @@ export namespace Components {
         "unsupportedPlatformText"?: string;
     }
     interface SqmShareCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -4538,17 +4357,8 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign": "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -4561,47 +4371,14 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmShareLink {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
-          * @uiName Button style
+          * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -4623,17 +4400,8 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -4647,34 +4415,12 @@ export namespace Components {
     }
     interface SqmStatContainer {
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
           * @uiName Display
           * @uiType string
           * @uiEnum ["grid", "flex"]
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display": "grid" | "flex";
-        /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "gap": Spacing;
-        /**
-          * Hide the seperating border between stats
-          * @uiName Hide border
-          * @uiType boolean
-         */
-        "hideBorder"?: boolean;
         /**
           * @uiName Space between stats
           * @uiType string
@@ -4716,33 +4462,8 @@ export namespace Components {
           * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
         "placement"?: "left" | "right" | "bottom" | "top";
-        /**
-          * Tab text color
-          * @uiName Text color
-          * @uiType string
-          * @uiWidget color
-         */
-        "textColor"?: string;
     }
     interface SqmTaskCard {
-        /**
-          * @uiName Card Background color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Border color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * @uiName Border radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: number;
         /**
           * @uiName Button link
           * @uiGroup Button
@@ -4753,14 +4474,6 @@ export namespace Components {
           * @uiGroup Button
          */
         "buttonText": string;
-        /**
-          * @uiName Button Style
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Title
           * @uiGroup Task
@@ -4898,12 +4611,6 @@ export namespace Components {
           * @default
          */
         "steps": boolean;
-        /**
-          * @uiName Text color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
     }
     interface SqmTaxAndCash {
         /**
@@ -5119,6 +4826,11 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_replaceTaxFormModalHeader": string;
+        /**
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Required tax form description
+         */
+        "dashboard_requiredTaxForm"?: string;
         /**
           * @uiName Payout status badge
           * @uiGroup Dashboard Properties
@@ -5140,6 +4852,11 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotVerified"?: string;
+        /**
+          * Displayed when the participant has not submitted their required tax form.
+          * @uiName Required tax form badge label
+         */
+        "dashboard_statusTextRequired"?: string;
         /**
           * @uiName Spain sub-region indirect tax number
           * @uiGroup Dashboard Properties
@@ -5247,9 +4964,28 @@ export namespace Components {
          */
         "dashboard_verificationReviewInternalHeader": string;
         /**
-          * @undocumented
+          * @uiName W9 payment threshold alert button text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredButtonText": string;
+        /**
+          * @uiName W9 payment threshold alert description
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredDescription": string;
+        /**
+          * @uiName W9 payment threshold alert header
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
          */
-        "demoData"?: DemoData<TaxAndCashMonolith>;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -5321,15 +5057,6 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "searchForCountryText": string;
-        /**
-          * @undocumented 
-          * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
-          * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
-          * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
-          * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
-          * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
-         */
-        "stateController": string;
         /**
           * @uiName Address field label
           * @uiGroup Step 1 Properties
@@ -6023,12 +5750,6 @@ export namespace Components {
           * @uiName Submit new tax form button label
          */
         "newFormButton": string;
-        /**
-          * No other statuses or badges will be displayed in the tax form section in this case.
-          * @uiName Tax form not required text
-          * @uiWidget textArea
-         */
-        "noFormNeededSubtext": string;
         /**
           * @uiName Not registered for indirect tax text
           * @uiWidget textArea
@@ -6071,10 +5792,10 @@ export namespace Components {
          */
         "replaceTaxFormModalHeader": string;
         /**
-          * @undocumented 
-          * @componentState { "title": "Payouts on hold", "props": { "payoutStatus": "HOLD" }, "uiGroup": "Dashboard Properties" }
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Required tax form description
          */
-        "stateController"?: string;
+        "requiredTaxForm"?: string;
         /**
           * @uiName Payout status badge
          */
@@ -6092,6 +5813,11 @@ export namespace Components {
           * @uiName Not verified tax form badge label
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Displayed when the participant has not submitted their required tax form.
+          * @uiName Required tax form badge label
+         */
+        "statusTextRequired"?: string;
         /**
           * @uiName Spain sub-region indirect tax number
          */
@@ -6183,38 +5909,26 @@ export namespace Components {
           * @uiName Verification review internal alert header
          */
         "verificationReviewInternalHeader": string;
-    }
-    interface SqmText {
         /**
-          * Font size in pixels
-          * @uiName Font Size
-          * @uiType number
+          * @uiName W9 payment threshold alert button text
          */
-        "fontSize"?: number;
+        "w9RequiredButtonText": string;
         /**
-          * @uiName Text Color
-          * @uiWidget color
-          * @format color
+          * @uiName W9 payment threshold alert description
          */
-        "textColor"?: string;
-    }
-    interface SqmTextSpan {
+        "w9RequiredDescription": string;
         /**
-          * Font size in pixels
-          * @uiName Font Size
-          * @uiType number
+          * @uiName W9 payment threshold alert header
          */
-        "fontSize"?: number;
+        "w9RequiredHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
           * @uiName Text
          */
         "text": string;
-        /**
-          * @uiName Text Color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Type
           * @uiType string
@@ -6244,25 +5958,11 @@ export namespace Components {
           * @uiEnumNames ["Gift", "Circle"]
          */
         "icon": "gift" | "circle";
-        /**
-          * Color of timeline
-          * @uiName Line color
-          * @uiWidget color
-          * @format color
-         */
-        "lineColor"?: string;
         /**
           * @uiName Reward amount
          */
         "reward": string;
         "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Reward unit
          */
@@ -6558,19 +6258,8 @@ export namespace Components {
           * @uiGroup General Text
          */
         "general_verifyEmailHeader": string;
-        /**
-          * @undocumented 
-          * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-          * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-         */
-        "stateController": string;
     }
     interface SqmWidgetVerificationController {
-        /**
-          * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
-          * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
-         */
-        "stateController": string;
     }
 }
 declare global {
@@ -6580,6 +6269,12 @@ declare global {
         prototype: HTMLRaisinsPlopTargetElement;
         new (): HTMLRaisinsPlopTargetElement;
     };
+    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
+    }
+    var HTMLSqmAssetCardElement: {
+        prototype: HTMLSqmAssetCardElement;
+        new (): HTMLSqmAssetCardElement;
+    };
     interface HTMLSqmBankingInfoFormElement extends Components.SqmBankingInfoForm, HTMLStencilElement {
     }
     var HTMLSqmBankingInfoFormElement: {
@@ -6598,12 +6293,6 @@ declare global {
         prototype: HTMLSqmBrandElement;
         new (): HTMLSqmBrandElement;
     };
-    interface HTMLSqmBrandSelectorElement extends Components.SqmBrandSelector, HTMLStencilElement {
-    }
-    var HTMLSqmBrandSelectorElement: {
-        prototype: HTMLSqmBrandSelectorElement;
-        new (): HTMLSqmBrandSelectorElement;
-    };
     interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
     }
     var HTMLSqmCardFeedElement: {
@@ -6784,6 +6473,30 @@ declare global {
         prototype: HTMLSqmInvoiceTableDownloadColumnElement;
         new (): HTMLSqmInvoiceTableDownloadColumnElement;
     };
+    interface HTMLSqmLeadCheckboxFieldElement extends Components.SqmLeadCheckboxField, HTMLStencilElement {
+    }
+    var HTMLSqmLeadCheckboxFieldElement: {
+        prototype: HTMLSqmLeadCheckboxFieldElement;
+        new (): HTMLSqmLeadCheckboxFieldElement;
+    };
+    interface HTMLSqmLeadDropdownFieldElement extends Components.SqmLeadDropdownField, HTMLStencilElement {
+    }
+    var HTMLSqmLeadDropdownFieldElement: {
+        prototype: HTMLSqmLeadDropdownFieldElement;
+        new (): HTMLSqmLeadDropdownFieldElement;
+    };
+    interface HTMLSqmLeadFormElement extends Components.SqmLeadForm, HTMLStencilElement {
+    }
+    var HTMLSqmLeadFormElement: {
+        prototype: HTMLSqmLeadFormElement;
+        new (): HTMLSqmLeadFormElement;
+    };
+    interface HTMLSqmLeadInputFieldElement extends Components.SqmLeadInputField, HTMLStencilElement {
+    }
+    var HTMLSqmLeadInputFieldElement: {
+        prototype: HTMLSqmLeadInputFieldElement;
+        new (): HTMLSqmLeadInputFieldElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -7314,10 +7027,10 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
         "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
-        "sqm-brand-selector": HTMLSqmBrandSelectorElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
         "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
         "sqm-close-button": HTMLSqmCloseButtonElement;
@@ -7348,6 +7061,10 @@ declare global {
         "sqm-invoice-table-date-column": HTMLSqmInvoiceTableDateColumnElement;
         "sqm-invoice-table-download-cell": HTMLSqmInvoiceTableDownloadCellElement;
         "sqm-invoice-table-download-column": HTMLSqmInvoiceTableDownloadColumnElement;
+        "sqm-lead-checkbox-field": HTMLSqmLeadCheckboxFieldElement;
+        "sqm-lead-dropdown-field": HTMLSqmLeadDropdownFieldElement;
+        "sqm-lead-form": HTMLSqmLeadFormElement;
+        "sqm-lead-input-field": HTMLSqmLeadInputFieldElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
         "sqm-link-button": HTMLSqmLinkButtonElement;
@@ -7441,6 +7158,21 @@ declare global {
 declare namespace LocalJSX {
     interface RaisinsPlopTarget {
     }
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText"?: string;
+    }
     interface SqmBankingInfoForm {
         /**
           * @uiName Agency code field label
@@ -7723,7 +7455,6 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
-          * @uiGroup Additional Settings
          */
         "alignment"?: "left" | "right" | "center";
         /**
@@ -7731,59 +7462,18 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Font size of the description text in pixels
-          * @uiName Description font size
-          * @uiGroup Additional Settings
-         */
-        "descriptionFontSize"?: number;
-        /**
-          * Color of the description text
-          * @uiName Description text color
-          * @uiWidget color
-          * @uiType string
-          * @format color
-          * @uiGroup Additional Settings
-         */
-        "descriptionTextColor"?: string;
         /**
           * Controls the order of the stat value & description column
           * @uiName Flex reverse
-          * @default 
-          * @uiGroup Additional Settings
+          * @default
          */
         "flexReverse"?: boolean;
         /**
           * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
           * @uiName Program ID
           * @uiWidget programSelector
-          * @uiGroup Additional Settings
          */
         "programId"?: string;
-        /**
-          * Font size of the stat text in pixels
-          * @uiName Stat font size
-          * @uiType string
-          * @uiGroup Additional Settings
-         */
-        "statFontSize"?: number;
-        /**
-          * Font weight of the stat text
-          * @uiName Stat font weight
-          * @uiGroup Additional Settings
-          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
-          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
-         */
-        "statFontWeight"?: number;
-        /**
-          * Color of the stat text
-          * @uiName Stat text color
-          * @uiWidget color
-          * @uiType string
-          * @format color
-          * @uiGroup Additional Settings
-         */
-        "statTextColor"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -7808,8 +7498,6 @@ declare namespace LocalJSX {
          */
         "brandFont"?: string;
     }
-    interface SqmBrandSelector {
-    }
     interface SqmCardFeed {
         /**
           * @uiName Column gap
@@ -7916,47 +7604,14 @@ declare namespace LocalJSX {
         "contextName"?: string;
     }
     interface SqmCouponCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement.
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button (primary or secondary) that will be used to copy the link.
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
@@ -7964,6 +7619,20 @@ declare namespace LocalJSX {
           * @uiGroup Coupon code error
          */
         "cancelledErrorText"?: string;
+        /**
+          * Display this message when the code fails to load before retrying.
+          * @uiWidget textArea
+          * @uiName Code sync error retry message
+          * @uiGroup Coupon code error
+         */
+        "codeSyncErrorRetryText"?: string;
+        /**
+          * Display this message when the code fails to load after retrying.
+          * @uiWidget textArea
+          * @uiName Code sync error message
+          * @uiGroup Coupon code error
+         */
+        "codeSyncErrorText"?: string;
         /**
           * @uiName Copy button label
          */
@@ -8029,17 +7698,8 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -8052,18 +7712,6 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmDividedLayout {
-        /**
-          * Background color of the divider
-          * @uiName Divider Background Color
-          * @uiWidget color
-         */
-        "backgroundColor"?: string;
-        /**
-          * Color of the divider (defaults to default text color if none is set)
-          * @uiName Divider Background Color
-          * @uiWidget color
-         */
-        "borderColor"?: string;
         /**
           * Overrides max-width of content area
           * @uiName Content Area Width
@@ -8078,7 +7726,7 @@ declare namespace LocalJSX {
          */
         "direction"?: "row" | "column";
         /**
-          * @undocumented Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
           * @uiName Border style
          */
         "dividerStyle"?: string;
@@ -8389,15 +8037,11 @@ declare namespace LocalJSX {
     }
     interface SqmHero {
         /**
-          * Add an image or select a color. Recommended image aspect ratio of 4:5
+          * Can be an image url, colour or Shoelace variable.
           * @uiName Background
           * @uiWidget Background
          */
         "background"?: string;
-        /**
-          * @uiName Hide the column in mobile view (can only be used when two columns are present)
-         */
-        "columnToHideInMobile"?: "primary" | "secondary" | null;
         /**
           * @uiName Columns
           * @uiEnum [1, 2]
@@ -8434,7 +8078,6 @@ declare namespace LocalJSX {
           * @uiName Background color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "backgroundColor"?: string;
         /**
@@ -8450,15 +8093,6 @@ declare namespace LocalJSX {
           * @uiName Button text
          */
         "buttonText"?: string;
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -8473,13 +8107,11 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["top", "bottom"]
           * @uiEnumNames ["Top", "Bottom"]
-          * @uiGroup Style
          */
         "imageMobilePos"?: "top" | "bottom";
         /**
           * @uiName Image percentage
           * @uiType number
-          * @uiGroup Style
          */
         "imagePercentage"?: number;
         /**
@@ -8487,7 +8119,6 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "imagePos"?: "left" | "center" | "right";
         /**
@@ -8501,19 +8132,16 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["overlay", "columns"]
           * @uiEnumNames ["Overlay", "Two-column"]
-          * @uiGroup Style
          */
         "layout"?: "overlay" | "columns";
         /**
           * @uiName Overlay color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "overlayColor"?: string;
         /**
           * @uiName Overlay opacity
-          * @uiGroup Style
          */
         "overlayOpacity"?: string;
         /**
@@ -8521,7 +8149,6 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-          * @uiGroup Style
          */
         "paddingImage"?: Spacing;
         /**
@@ -8529,14 +8156,12 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-          * @uiGroup Style
          */
         "paddingText"?: Spacing;
         /**
           * @uiName Text color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "textColor"?: string;
     }
@@ -8946,32 +8571,202 @@ declare namespace LocalJSX {
     }
     interface SqmInvoiceTableDownloadColumn {
     }
-    interface SqmLeaderboard {
+    interface SqmLeadCheckboxField {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "anonymousUser"?: string;
+        "checkboxLabel"?: string;
         /**
-          * Changes the background color of the leaderboard.
-          * @uiName Background Color
-          * @uiWidget color
-          * @uiGroup Style
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "background"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * Changes the border color of the table rows.
-          * @uiName Border Color
-          * @uiWidget color
-          * @uiGroup Style
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadCheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
+    }
+    interface SqmLeadDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * @uiName Multiple selection
+          * @default
+         */
+        "multiple"?: boolean;
+        /**
+          * @uiName Optional label
+         */
+        "optionalLabel"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeadForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadFormViewProps>;
+        /**
+          * @uiName Email field label
+         */
+        "emailLabel"?: string;
+        /**
+          * @uiName First Name field label
+         */
+        "firstNameLabel"?: string;
+        /**
+          * Key of the form to connect to. Create and manage forms in the /advocate dashboard under Data > Forms.
+          * @uiName Form key
+         */
+        "formKey"?: string;
+        /**
+          * The message to be displayed if the email used is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+         */
+        "invalidEmailErrorMessage"?: string;
+        /**
+          * @uiName Last Name field label
+         */
+        "lastNameLabel"?: string;
+        /**
+          * The message to be displayed if a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage"?: string;
+        /**
+          * @uiName Header text
+         */
+        "pageLabel"?: string;
+        /**
+          * The message to be displayed if a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+        /**
+          * @uiName Submit another form button label
+         */
+        "resubmitFormLabel"?: string;
+        /**
+          * Description text shown if an error occurs.
+          * @uiName Submit error description
          */
-        "borderColor"?: string;
+        "submitErrorDescription"?: string;
         /**
-          * Leaderboard border radius in pixels.
-          * @uiName Border Radius
-          * @uiGroup Style
+          * Header text shown if an error occurs.
+          * @uiName Submit error header
          */
-        "borderRadius"?: number;
+        "submitErrorHeader"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
+        /**
+          * Description text shown on successful lead submission.
+          * @uiName Submit success description
+         */
+        "submitSuccessDescription"?: string;
+        /**
+          * Header text shown on successful lead submission.
+          * @uiName Submit success header
+         */
+        "submitSuccessHeader"?: string;
+        /**
+          * Optional support link text for error messages.
+          * @uiName Support link text
+         */
+        "supportLinkText"?: string;
+    }
+    interface SqmLeadInputField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadInputFieldViewProps>;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
+         */
+        "fieldName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType"?: "text" | "date" | "tel";
+        /**
+          * @uiName Optional label
+         */
+        "optionalLabel"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeaderboard {
+        /**
+          * Title displayed for users without names
+          * @uiName Unknown user text
+         */
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -9040,31 +8835,10 @@ declare namespace LocalJSX {
           * @uiName Stats column heading
          */
         "statsheading"?: string;
-        /**
-          * Text color of the leaderboard.
-          * @uiName Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * @uiName User column heading
          */
         "usersheading"?: string;
-        /**
-          * Changes the background color of the viewing user row in the leaderboard.
-          * @uiName Viewing User Highlight Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "viewingUserHighlightColor"?: string;
-        /**
-          * Changes the text color of the viewing user row in the leaderboard.
-          * @uiName Viewing User Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "viewingUserHighlightTextColor"?: string;
         /**
           * @uiName Viewing user text
          */
@@ -9207,47 +8981,8 @@ declare namespace LocalJSX {
         "menuLabel"?: string;
     }
     interface SqmNavigationSidebar {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<NavigationSidebarViewProps>;
-        /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "mobileMenuColor"?: string;
     }
     interface SqmNavigationSidebarItem {
-        /**
-          * Background color of the nav item
-          * @uiName Background Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Background color of the nav item when focused
-          * @uiName Background Focused Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundFocusedColor"?: string;
-        /**
-          * Background color of the nav item when hovered
-          * @uiName Background Hover Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundHoverColor"?: string;
-        /**
-          * Border radius (in number of pixels)
-          * @uiName Border Radius
-          * @uiGroup Style
-         */
-        "borderRadius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -9256,7 +8991,6 @@ declare namespace LocalJSX {
         /**
           * Options available at https://shoelace.style/components/icon
           * @uiName Icon
-          * @uiGroup Style
          */
         "icon"?: string;
         /**
@@ -9264,49 +8998,12 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding"?: Spacing;
-        /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
-         */
-        "path"?: string;
-        /**
-          * Text color of the nav item
-          * @uiName Text Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
-        /**
-          * Text color of the nav item when items is focused
-          * @uiName Text Focused Color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textFocusedColor"?: string;
-        /**
-          * Text color of the nav item when hovered
-          * @uiName Text Hover Color
-          * @uiWidget color
-          * @uiGroup Style
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "textHoverColor"?: string;
+        "path"?: string;
     }
     interface SqmPagination {
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @undocumented 
           * @uiType object
@@ -9389,10 +9086,6 @@ declare namespace LocalJSX {
           * @uiName Payout missing information subtext
          */
         "payoutMissingInformationText"?: string;
-        /**
-          * @componentState { "title": "Loading", "props": { "states": { "loading": true } } }
-         */
-        "stateController"?: string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -9482,6 +9175,18 @@ declare namespace LocalJSX {
           * @uiName Verification review internal alert header
          */
         "verificationReviewInternalHeader"?: string;
+        /**
+          * @uiName W9 payment threshold alert button text
+         */
+        "w9RequiredButtonText"?: string;
+        /**
+          * @uiName W9 payment threshold alert description
+         */
+        "w9RequiredDescription"?: string;
+        /**
+          * @uiName W9 payment threshold alert header
+         */
+        "w9RequiredHeader"?: string;
     }
     interface SqmPopupContainer {
         /**
@@ -9813,21 +9518,6 @@ declare namespace LocalJSX {
         "termsText"?: string;
     }
     interface SqmPortalForgotPassword {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Border style
-          * @uiWidget textArea
-         */
-        "border"?: string;
-        /**
-          * @uiName Border radius
-          * @uiWidget number
-         */
-        "borderRadius"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -9872,30 +9562,11 @@ declare namespace LocalJSX {
         "successAlertText"?: string;
     }
     interface SqmPortalFrame {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
-         */
-        "backgroundColor"?: string;
-        /**
-          * Borders placed to seperate the header and footer from the body content.
-          * @uiName Border
-          * @uiType string
-         */
-        "border"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<PortalFrameViewProps>;
-        /**
-          * Background color for the header and footer.
-          * @uiName Header and Footer Background Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "headerAndFooterBackgroundColor"?: string;
         /**
           * @undocumented
          */
@@ -10629,12 +10300,6 @@ declare namespace LocalJSX {
           * @format color
          */
         "backgroundColor"?: string;
-        /**
-          * Amount in pixels
-          * @uiName Border radius
-          * @type number
-         */
-        "borderRadius"?: number;
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -10649,18 +10314,6 @@ declare namespace LocalJSX {
           * @uiName Icon
          */
         "icon"?: string;
-        /**
-          * @uiName Icon Background color
-          * @uiWidget color
-          * @format color
-         */
-        "iconBackgroundColor"?: string;
-        /**
-          * @uiName Icon color
-          * @uiWidget color
-          * @format color
-         */
-        "iconColor"?: string;
         /**
           * Displayed in place of an icon
           * @uiName Image URL
@@ -10726,19 +10379,6 @@ declare namespace LocalJSX {
           * @uiType string
          */
         "backgroundColor"?: string;
-        /**
-          * Border color of container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-         */
-        "borderRadius"?: number;
         /**
           * @uiName Hide border
           * @uiType boolean
@@ -10777,13 +10417,6 @@ declare namespace LocalJSX {
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
         "paddingTop"?: string;
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Vertical alignment
           * @uiType string
@@ -10793,47 +10426,14 @@ declare namespace LocalJSX {
         "verticalAlignment"?: "start" | "center" | "end";
     }
     interface SqmReferralCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container (default is set to 1px solid transparent)
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -10865,17 +10465,8 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -10910,12 +10501,6 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * @uiName Text Color
-          * @uiType string
-          * @uiWidget color
-         */
-        "textColor"?: string;
         /**
           * @uiName Title Text
          */
@@ -11365,13 +10950,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "sourceAmountMessage"?: string;
-        /**
-          * @componentState { "title": "Choose reward", "props": { "redeemStage": "chooseReward" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Reward details", "props": { "redeemStage": "chooseAmount" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Confirm exchange", "props": { "redeemStage": "confirmation" }, "dependencies": ["sqm-reward-exchange-list"] }
-          * @componentState { "title": "Exchange successful", "props": { "redeemStage": "success" }, "dependencies": ["sqm-reward-exchange-list"] }
-         */
-        "stateController"?: string;
         /**
           * Shown when a user copies a fuel tank code
           * @uiName Tooltip text
@@ -11700,18 +11278,11 @@ declare namespace LocalJSX {
           * @uiName Button background color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "backgroundcolor"?: string;
-        /**
-          * @uiName Border
-          * @uiGroup Style
-         */
-        "border"?: string;
         /**
           * Configure border radius with pixel amount
           * @uiName Border radius
-          * @uiGroup Style
          */
         "borderradius"?: number;
         /**
@@ -11725,13 +11296,11 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * @uiName Hide icon
-          * @uiGroup Style
           * @default
          */
         "hideicon"?: boolean;
         /**
           * @uiName Hide text
-          * @uiGroup Style
           * @default
          */
         "hidetext"?: boolean;
@@ -11769,7 +11338,6 @@ declare namespace LocalJSX {
     | "unknown";
         /**
           * @uiName Display pill
-          * @uiGroup Style
          */
         "pill"?: boolean;
         /**
@@ -11793,24 +11361,21 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["small", "medium", "large" ]
           * @uiEnumNames ["Small", "Medium", "Large"]
-          * @uiGroup Style
          */
         "size"?: "small" | "medium" | "large";
         /**
           * @uiName Button text color
           * @uiWidget color
           * @format color
-          * @uiGroup Style
          */
         "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button style
-          * @uiEnum ["primary", "secondary", "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Secondary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
         "type"?: | "primary"
-    | "secondary"
     | "success"
     | "info"
     | "warning"
@@ -11829,47 +11394,14 @@ declare namespace LocalJSX {
         "unsupportedPlatformText"?: string;
     }
     interface SqmShareCode {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -11891,17 +11423,8 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -11914,47 +11437,14 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmShareLink {
-        /**
-          * Background color of share link container
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * Border color of share link container
-          * @uiName Border color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * The border radius on the share link container (in pixels)
-          * @uiName Border Radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
-          * @uiName Button style
+          * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
-          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * The type of the button that is used (primary or secondary).
-          * @uiName Button Type
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -11976,17 +11466,8 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
-          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -12000,34 +11481,12 @@ declare namespace LocalJSX {
     }
     interface SqmStatContainer {
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
           * @uiName Display
           * @uiType string
           * @uiEnum ["grid", "flex"]
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display"?: "grid" | "flex";
-        /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "gap"?: Spacing;
-        /**
-          * Hide the seperating border between stats
-          * @uiName Hide border
-          * @uiType boolean
-         */
-        "hideBorder"?: boolean;
         /**
           * @uiName Space between stats
           * @uiType string
@@ -12069,33 +11528,8 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
         "placement"?: "left" | "right" | "bottom" | "top";
-        /**
-          * Tab text color
-          * @uiName Text color
-          * @uiType string
-          * @uiWidget color
-         */
-        "textColor"?: string;
     }
     interface SqmTaskCard {
-        /**
-          * @uiName Card Background color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Border color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "borderColor"?: string;
-        /**
-          * @uiName Border radius
-          * @uiType number
-          * @uiGroup Style
-         */
-        "borderRadius"?: number;
         /**
           * @uiName Button link
           * @uiGroup Button
@@ -12106,14 +11540,6 @@ declare namespace LocalJSX {
           * @uiGroup Button
          */
         "buttonText"?: string;
-        /**
-          * @uiName Button Style
-          * @uiType string
-          * @uiEnum ["primary", "secondary"]
-          * @uiEnumNames ["Primary", "Secondary"]
-          * @uiGroup Style
-         */
-        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Title
           * @uiGroup Task
@@ -12251,12 +11677,6 @@ declare namespace LocalJSX {
           * @default
          */
         "steps"?: boolean;
-        /**
-          * @uiName Text color
-          * @uiWidget color
-          * @uiGroup Style
-         */
-        "textColor"?: string;
     }
     interface SqmTaxAndCash {
         /**
@@ -12472,6 +11892,11 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_replaceTaxFormModalHeader"?: string;
+        /**
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Required tax form description
+         */
+        "dashboard_requiredTaxForm"?: string;
         /**
           * @uiName Payout status badge
           * @uiGroup Dashboard Properties
@@ -12493,6 +11918,11 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotVerified"?: string;
+        /**
+          * Displayed when the participant has not submitted their required tax form.
+          * @uiName Required tax form badge label
+         */
+        "dashboard_statusTextRequired"?: string;
         /**
           * @uiName Spain sub-region indirect tax number
           * @uiGroup Dashboard Properties
@@ -12600,9 +12030,28 @@ declare namespace LocalJSX {
          */
         "dashboard_verificationReviewInternalHeader"?: string;
         /**
-          * @undocumented
+          * @uiName W9 payment threshold alert button text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredButtonText"?: string;
+        /**
+          * @uiName W9 payment threshold alert description
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredDescription"?: string;
+        /**
+          * @uiName W9 payment threshold alert header
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_w9RequiredHeader"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
          */
-        "demoData"?: DemoData<TaxAndCashMonolith>;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -12674,15 +12123,6 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "searchForCountryText"?: string;
-        /**
-          * @undocumented 
-          * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
-          * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
-          * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
-          * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
-          * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
-         */
-        "stateController"?: string;
         /**
           * @uiName Address field label
           * @uiGroup Step 1 Properties
@@ -13376,12 +12816,6 @@ declare namespace LocalJSX {
           * @uiName Submit new tax form button label
          */
         "newFormButton"?: string;
-        /**
-          * No other statuses or badges will be displayed in the tax form section in this case.
-          * @uiName Tax form not required text
-          * @uiWidget textArea
-         */
-        "noFormNeededSubtext"?: string;
         /**
           * @uiName Not registered for indirect tax text
           * @uiWidget textArea
@@ -13424,10 +12858,10 @@ declare namespace LocalJSX {
          */
         "replaceTaxFormModalHeader"?: string;
         /**
-          * @undocumented 
-          * @componentState { "title": "Payouts on hold", "props": { "payoutStatus": "HOLD" }, "uiGroup": "Dashboard Properties" }
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Required tax form description
          */
-        "stateController"?: string;
+        "requiredTaxForm"?: string;
         /**
           * @uiName Payout status badge
          */
@@ -13445,6 +12879,11 @@ declare namespace LocalJSX {
           * @uiName Not verified tax form badge label
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Displayed when the participant has not submitted their required tax form.
+          * @uiName Required tax form badge label
+         */
+        "statusTextRequired"?: string;
         /**
           * @uiName Spain sub-region indirect tax number
          */
@@ -13536,38 +12975,26 @@ declare namespace LocalJSX {
           * @uiName Verification review internal alert header
          */
         "verificationReviewInternalHeader"?: string;
-    }
-    interface SqmText {
         /**
-          * Font size in pixels
-          * @uiName Font Size
-          * @uiType number
+          * @uiName W9 payment threshold alert button text
          */
-        "fontSize"?: number;
+        "w9RequiredButtonText"?: string;
         /**
-          * @uiName Text Color
-          * @uiWidget color
-          * @format color
+          * @uiName W9 payment threshold alert description
          */
-        "textColor"?: string;
-    }
-    interface SqmTextSpan {
+        "w9RequiredDescription"?: string;
         /**
-          * Font size in pixels
-          * @uiName Font Size
-          * @uiType number
+          * @uiName W9 payment threshold alert header
          */
-        "fontSize"?: number;
+        "w9RequiredHeader"?: string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
           * @uiName Text
          */
         "text"?: string;
-        /**
-          * @uiName Text Color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Type
           * @uiType string
@@ -13597,24 +13024,10 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Gift", "Circle"]
          */
         "icon"?: "gift" | "circle";
-        /**
-          * Color of timeline
-          * @uiName Line color
-          * @uiWidget color
-          * @format color
-         */
-        "lineColor"?: string;
         /**
           * @uiName Reward amount
          */
         "reward"?: string;
-        /**
-          * Color of the text and copy icon
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
         /**
           * @uiName Reward unit
          */
@@ -13910,26 +13323,15 @@ declare namespace LocalJSX {
           * @uiGroup General Text
          */
         "general_verifyEmailHeader"?: string;
-        /**
-          * @undocumented 
-          * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-          * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-         */
-        "stateController"?: string;
     }
     interface SqmWidgetVerificationController {
-        /**
-          * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
-          * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
-         */
-        "stateController"?: string;
     }
     interface IntrinsicElements {
         "raisins-plop-target": RaisinsPlopTarget;
+        "sqm-asset-card": SqmAssetCard;
         "sqm-banking-info-form": SqmBankingInfoForm;
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
-        "sqm-brand-selector": SqmBrandSelector;
         "sqm-card-feed": SqmCardFeed;
         "sqm-checkbox-field": SqmCheckboxField;
         "sqm-close-button": SqmCloseButton;
@@ -13960,6 +13362,10 @@ declare namespace LocalJSX {
         "sqm-invoice-table-date-column": SqmInvoiceTableDateColumn;
         "sqm-invoice-table-download-cell": SqmInvoiceTableDownloadCell;
         "sqm-invoice-table-download-column": SqmInvoiceTableDownloadColumn;
+        "sqm-lead-checkbox-field": SqmLeadCheckboxField;
+        "sqm-lead-dropdown-field": SqmLeadDropdownField;
+        "sqm-lead-form": SqmLeadForm;
+        "sqm-lead-input-field": SqmLeadInputField;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
         "sqm-link-button": SqmLinkButton;
@@ -14055,10 +13461,10 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "raisins-plop-target": LocalJSX.RaisinsPlopTarget & JSXBase.HTMLAttributes<HTMLRaisinsPlopTargetElement>;
+            "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
             "sqm-banking-info-form": LocalJSX.SqmBankingInfoForm & JSXBase.HTMLAttributes<HTMLSqmBankingInfoFormElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
-            "sqm-brand-selector": LocalJSX.SqmBrandSelector & JSXBase.HTMLAttributes<HTMLSqmBrandSelectorElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
             "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;
@@ -14089,6 +13495,10 @@ declare module "@stencil/core" {
             "sqm-invoice-table-date-column": LocalJSX.SqmInvoiceTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateColumnElement>;
             "sqm-invoice-table-download-cell": LocalJSX.SqmInvoiceTableDownloadCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadCellElement>;
             "sqm-invoice-table-download-column": LocalJSX.SqmInvoiceTableDownloadColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadColumnElement>;
+            "sqm-lead-checkbox-field": LocalJSX.SqmLeadCheckboxField & JSXBase.HTMLAttributes<HTMLSqmLeadCheckboxFieldElement>;
+            "sqm-lead-dropdown-field": LocalJSX.SqmLeadDropdownField & JSXBase.HTMLAttributes<HTMLSqmLeadDropdownFieldElement>;
+            "sqm-lead-form": LocalJSX.SqmLeadForm & JSXBase.HTMLAttributes<HTMLSqmLeadFormElement>;
+            "sqm-lead-input-field": LocalJSX.SqmLeadInputField & JSXBase.HTMLAttributes<HTMLSqmLeadInputFieldElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
             "sqm-link-button": LocalJSX.SqmLinkButton & JSXBase.HTMLAttributes<HTMLSqmLinkButtonElement>;