@saasquatch/mint-components 1.6.0 → 1.6.1-10

package/dist/types/components.d.ts

@@ -45,17 +45,18 @@ export namespace Components {
          */
         "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Banner image
+          * @uiName Banner Image
          */
         "imgUrl": string;
         /**
-          * @uiName Banner title
+          * @uiName Banner Title
          */
         "titleText": string;
     }
     interface SqmBigStat {
         /**
-          * @uiName Alignment - controls the alignment of the flexbox
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
@@ -67,32 +68,37 @@ export namespace Components {
          */
         "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Flex Reverse - controls the order of the stat value & description column
+          * Controls the order of the stat value & description column
+          * @uiName Flex Reverse
          */
         "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
          */
         "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget StatTypeSelectWidget
+          * @uiWidget statTypeSelectWidget
           * @uiName Stat Type
-          * @uiOptions {"version": 1.1}
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
         "statType": string;
     }
     interface SqmBrand {
         /**
-          * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
+          * Controls the primary brand color used in the Mint Components library.
           * @uiName Brand Color
           * @uiWidget color
+          * @format color
          */
         "brandColor": string;
         /**
-          * The brand font that you want to use
+          * A font from the Google Fonts library used throughout the widget. This value is case sensitive.
           * @uiName Brand Font
+          * @default "Nunito Sans"
          */
         "brandFont": string;
     }
@@ -109,19 +115,20 @@ export namespace Components {
     }
     interface SqmCheckboxField {
         /**
-          * @uiName Checkbox label
+          * @uiName Checkbox Label
          */
         "checkboxLabel": string;
         /**
-          * @uiName Checkbox label link Used with link text if the checkbox label contains {labelLink}
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox Label Link
          */
         "checkboxLabelLink": string;
         /**
-          * @uiName Checkbox label link text
+          * @uiName Checkbox Label Link Text
          */
         "checkboxLabelLinkText": string;
         /**
-          * @uiName Checkbox name attribute
+          * @uiName Checkbox Name Attribute
          */
         "checkboxName": string;
         /**
@@ -134,7 +141,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Unchecked error message
+          * @uiName Unchecked Error Message
          */
         "errorMessage": string;
     }
@@ -147,8 +154,8 @@ export namespace Components {
          */
         "direction": "row" | "column";
         /**
-          * Uses CSS border style syntax
-          * @uiName Border style
+          * Uses Shorthand CSS border syntax
+          * @uiName Border Style
          */
         "dividerStyle": string;
     }
@@ -159,11 +166,11 @@ export namespace Components {
          */
         "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * @uiName Dropdown label
+          * @uiName Dropdown Label
          */
         "dropdownLabel": string;
         /**
-          * @uiName Dropdown name attribute
+          * @uiName Dropdown Name Attribute
          */
         "dropdownName": string;
         /**
@@ -171,17 +178,17 @@ export namespace Components {
          */
         "dropdownOptional"?: boolean;
         /**
-          * @uiName Unselected error message
+          * @uiName Unselected Error Message
          */
         "errorMessage": string;
     }
     interface SqmEditProfile {
         /**
-          * @uiName Cancel button text
+          * @uiName Cancel Button Text
          */
         "canceltext": string;
         /**
-          * @uiName Region field label
+          * @uiName Region Field Label
          */
         "currentregiontext": string;
         /**
@@ -194,48 +201,53 @@ export namespace Components {
          */
         "editprofileheader": string;
         /**
-          * @uiName Enable editing button text
+          * Enable editing button text
+          * @uiName Edit Profile Text
          */
         "editprofiletext": string;
         /**
-          * @uiName First name field label
+          * @uiName First Name Label
          */
         "firstnametext": string;
         /**
-          * @uiName Last name field label
+          * @uiName Last Name Label
          */
         "lastnametext": string;
         /**
-          * @uiName Show or hide current region
+          * Show or hide current region
+          * @uiName Show Region
          */
         "showregion": boolean;
         /**
-          * @uiName Update info button text
+          * @uiName Info Button Text
          */
         "updatetext": string;
     }
     interface SqmEmpty {
         /**
-          * @uiName Empty State Title
+          * @uiName Title
          */
         "emptyStateHeader": string;
         /**
           * @uiWidget ImageUpload
-          * @uiName Empty State Image Link
+          * @format url
+          * @uiName Image
          */
         "emptyStateImage": string;
         /**
-          * @uiName Empty State Text
+          * @uiName Description
+          * @uiWidget textArea
          */
         "emptyStateText": string;
     }
     interface SqmFormMessage {
         /**
-          * @uiName Icon to use in alert
+          * Icon to use in alert
+          * @uiName Icon
          */
         "icon"?: string;
         /**
-          * @uiName Type of alert
+          * @uiName Alert Type
          */
         "type": string;
     }
@@ -247,24 +259,31 @@ export namespace Components {
     }
     interface SqmHero {
         /**
-          * Can either be an image url, colour or Shoelace variable.
+          * Can be an image url, colour or Shoelace variable.
           * @uiName Background
          */
         "background"?: string;
         /**
-          * @uiName Number of columns in the layout
+          * Number of columns in the layout
+          * @uiName Columns
          */
         "columns": 1 | 2;
         /**
-          * @uiName Padding size
+          * @uiName Padding Size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "paddingSize": "none" | "small" | "medium" | "large";
         /**
-          * @uiName Secondary background image or color (for use in right column)
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary Background
          */
         "secondaryBackground"?: string;
         /**
-          * @uiName Wrap direction
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap Direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
         "wrapDirection": "wrap" | "wrap-reverse";
     }
@@ -272,26 +291,28 @@ export namespace Components {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor"?: string;
         /**
-          * @uiName CTA Button Link
+          * @uiName Button Link
          */
         "buttonLink"?: string;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * @uiName Open Link in New Tab
          */
         "buttonNewTab"?: boolean;
         /**
-          * @uiName CTA Button Text
+          * @uiName Button Text
          */
         "buttonText"?: string;
         /**
-          * @uiName Description Text
+          * @uiName Description
+          * @uiWidget textArea
          */
         "description"?: string;
         /**
-          * @uiName Title Text
+          * @uiName Title
          */
         "header"?: string;
         /**
@@ -315,7 +336,8 @@ export namespace Components {
         "imagePos": "left" | "center" | "right";
         /**
           * @uiWidget ImageUpload
-          * @uiName Image Link
+          * @format url
+          * @uiName Image
          */
         "imageUrl": string;
         /**
@@ -328,6 +350,7 @@ export namespace Components {
         /**
           * @uiName Overlay Color
           * @uiWidget color
+          * @format color
          */
         "overlayColor"?: string;
         /**
@@ -351,6 +374,7 @@ export namespace Components {
         /**
           * @uiName Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor"?: string;
     }
@@ -368,10 +392,13 @@ export namespace Components {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format
          */
         "backgroundColor": string;
         /**
           * @uiWidget ImageUpload
+          * @format url
+          * @required 
           * @uiName Image Link
          */
         "imageUrl": string;
@@ -414,8 +441,8 @@ export namespace Components {
     }
     interface SqmLeaderboard {
         /**
-          * Text displayed for users without names in the leaderboard
-          * @uiName Anonymous User Name
+          * Title displayed for users without names
+          * @uiName Unknown User Text
          */
         "anonymousUser": string;
         /**
@@ -424,25 +451,25 @@ export namespace Components {
          */
         "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top 10.
+          * Hide the viewer's leaderboard row if not in the top results.
           * @uiName Hide Viewing User
          */
         "hideViewer": boolean;
         /**
-          * Only count leaderboard activity within a given interval
           * @uiName Leaderboard Time Interval
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval": string;
         /**
           * @uiName Leaderboard Type
           * @uiType string
+          * @required 
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType": | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType": | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Control the maximum amount of rows displayed on the leaderboard.
@@ -452,6 +479,7 @@ export namespace Components {
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
@@ -466,7 +494,7 @@ export namespace Components {
          */
         "rankheading"?: string;
         /**
-          * @uiName Show Rank Column
+          * @uiName Show Leaderboard Rank
          */
         "showRank": boolean;
         /**
@@ -485,31 +513,34 @@ export namespace Components {
          */
         "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiName Leaderboard Time Interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval": string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Leaderboard Type
           * @uiType string
+          * @required 
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType": | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType": | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
           * @uiName Rank Text
+          * @uiWidget textArea
          */
         "rankText": string;
         /**
-          * @uiName Default rank
+          * @uiName Default Rank
           * @uiType string
           * @uiEnum ["rowNumber", "rank", "denseRank"]
           * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
@@ -527,11 +558,11 @@ export namespace Components {
          */
         "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName First name field label
+          * @uiName First Name label
          */
         "firstNameLabel": string;
         /**
-          * @uiName Last name field label
+          * @uiName Last Name label
          */
         "lastNameLabel": string;
     }
@@ -542,11 +573,12 @@ export namespace Components {
          */
         "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Include dropdown menu
+          * @uiName Include Dropdown Menu
          */
         "includeDropdown": boolean;
         /**
-          * @uiName Label on the header menu
+          * Label on the header menu
+          * @uiName Menu Label
          */
         "menuLabel": string;
     }
@@ -568,7 +600,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * @uiName Navigation path
+          * @uiName Navigation Path
          */
         "path": string;
     }
@@ -579,53 +611,63 @@ export namespace Components {
          */
         "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * @uiName Enable live password validation
+          * Enable live password validation
+          * @uiName Enable Validation
          */
         "enableValidation": boolean;
         /**
-          * @uiName Label for password field
+          * Label for password field
+          * @uiName Password Label
          */
         "fieldLabel": string;
     }
     interface SqmPopupContainer {
         /**
-          * @uiName Display a close button on the popup
+          * Display a close button on the popup
+          * @uiName Show Close Button
          */
         "closeButton": boolean;
         /**
-          * @uiName Text to be used as the close button
+          * Text inside the close button
+          * @uiName Close Button Text
          */
         "closeButtonText": string;
         /**
-          * @uiName Specify padding on the popup contents when in embedded mode
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed Padding
           * @uiType string
           * @uiEnum ["none", "small", "medium", "large"]
           * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Specify padding on the popup contents when in popup mode
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup Padding
           * @uiType string
           * @uiEnum ["none", "small", "medium", "large"]
           * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Show SaaSquatch Powered By messaging
+          * Show Powered By SaaSquatch link
+          * @uiName Show Powered By
          */
         "poweredBy": boolean;
     }
     interface SqmPortalChangePassword {
         /**
-          * @uiName Modal cancel password change button text
+          * Modal cancel button text
+          * @uiName Cancel Button Text
          */
         "cancelText": string;
         /**
-          * @uiName Modal change password button text
+          * Modal change password button text
+          * @uiName Change Password Button Text
          */
         "changePasswordButtonText": string;
         /**
-          * @uiName Password confirmation input field label
+          * Password confirmation input field label
+          * @uiName Confirm Password Label
          */
         "confirmPasswordFieldLabel": string;
         /**
@@ -634,29 +676,32 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Change password modal header
+          * @uiName Change Password Modal Header
          */
         "modalChangePasswordHeader": string;
         /**
-          * @uiName Password input field label
+          * Password input field label
+          * @uiName Password Label
          */
         "passwordFieldLabel": string;
         /**
-          * @uiName Portal change password button text
+          * @uiName Change Password Button Text
          */
         "portalChangePasswordButtonText": string;
         /**
-          * @uiName Portal change password section header
+          * Portal change password section header
+          * @uiName Change Password Header
          */
         "portalChangePasswordHeader": string;
         /**
-          * @uiName Successful password change message
+          * Successful password change message
+          * @uiName Successful Message
          */
         "successMessage": string;
     }
     interface SqmPortalContainer {
         /**
-          * @uiName Center content
+          * @uiName Center Content
          */
         "center"?: boolean;
         /**
@@ -681,23 +726,24 @@ export namespace Components {
          */
         "gap": Spacing;
         /**
-          * @uiName Justify content
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify Content
           * @uiType string
           * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
           * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
     | "space-evenly";
         /**
           * @uiName Maximum width
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum width
+          * @uiName Minimum Width
          */
         "minWidth"?: string;
         /**
@@ -715,20 +761,20 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Email verification header text
+          * @uiName Email Verification Header Text
          */
         "emailVerificationHeader": string;
         /**
           * The page that users are redirected to from the verification email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath": string;
         /**
-          * @uiName Re-send email button text
+          * @uiName Re-send Email Button Text
          */
         "resendEmailButtonText": string;
         /**
-          * @uiName Email verification body text
+          * @uiName Email Verification Body Text
          */
         "verifyMessage": string;
     }
@@ -789,20 +835,20 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName Email label
+          * @uiName Email Label
          */
         "emailLabel": string;
         /**
-          * @uiName Routing path to login page
+          * @uiName Login Page Routing Path
          */
         "loginPath": string;
         /**
           * The page that users are redirected to from the password reset email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath": string;
         /**
-          * @uiName Password reset button text
+          * @uiName Password Reset Button Text
          */
         "submitLabel": string;
     }
@@ -820,51 +866,60 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Label for email field
+          * Label for email field
+          * @uiName Email Label
          */
         "emailLabel": string;
         /**
-          * @uiName Label for forgotten password button
+          * Label for forgotten password button
+          * @uiName Forgot Password Text
          */
         "forgotPasswordLabel": string;
         /**
-          * @uiName Forgot password button redirect path
+          * Forgot password redirect path
+          * @uiName Forgot Password Path
          */
         "forgotPasswordPath": string;
         /**
-          * @uiName Page navigated to after sign-in
+          * Page navigated to after sign-in
+          * @uiName Next Page Path
          */
         "nextPage": string;
         /**
-          * @uiName Heading label
+          * @uiName Heading Label
          */
         "pageLabel": string;
         /**
-          * @uiName Label for password field
+          * Label for password field
+          * @uiName Password Label
          */
         "passwordLabel": string;
         /**
-          * @uiName Label for register navigation button
+          * Label for register button
+          * @uiName Register Button Text
          */
         "registerLabel": string;
         /**
-          * @uiName Register button redirection path
+          * Register redirect path
+          * @uiName Register Path
          */
         "registerPath": string;
         /**
-          * @uiName Label for submit button
+          * Label for submit button
+          * @uiName Submit Button Text
          */
         "submitLabel": string;
     }
     interface SqmPortalLogout {
         /**
-          * @uiName Next Page path
+          * @uiName Next Page Path
          */
         "nextPage": string;
     }
     interface SqmPortalProfile {
         /**
-          * @uiName Country input field label
+          * Country input field label
+          * @uiName Country Label
          */
         "countrytext": string;
         /**
@@ -873,31 +928,35 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Edit profile header
+          * @uiName Edit Profile Header
          */
         "editProfileHeader": string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Edit Profile Sub Header
          */
         "editProfileSubHeader": string;
         /**
-          * @uiName Email input field label
+          * Email input field label
+          * @uiName Email Label
          */
         "emailtext": string;
         /**
-          * @uiName First name input field label
+          * First name input field label
+          * @uiName First Name Label
          */
         "firstnametext": string;
         /**
-          * @uiName Last name input field label
+          * Last name input field label
+          * @uiName Last Name Label
          */
         "lastnametext": string;
         /**
-          * @uiName Show or hide country field
+          * Show or hide the country field
+          * @uiName Show Country Field
          */
         "showCountry": boolean;
         /**
-          * @uiName Text for the submit changes button
+          * @uiName Submit Changes Button Text
          */
         "submitChangeButtonText": string;
     }
@@ -907,7 +966,7 @@ export namespace Components {
          */
         "redirectTo": string;
         /**
-          * @uiName Redirect unverified users path
+          * @uiName Redirect Unverified Users Path
          */
         "redirectToUnverified": string;
         /**
@@ -917,11 +976,12 @@ export namespace Components {
     }
     interface SqmPortalRegister {
         /**
-          * @uiName Show confirm password field
+          * Show or hide the confirm password input
+          * @uiName Show Confirm Password Field
          */
         "confirmPassword": boolean;
         /**
-          * @uiName Label for confirm password field
+          * @uiName Confirm Password Label
          */
         "confirmPasswordLabel": string;
         /**
@@ -930,59 +990,63 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Label for email field
+          * @uiName Email Label
          */
         "emailLabel": string;
         /**
-          * @uiName Use password field with live validation
+          * @uiName Enable Password Validation
          */
         "enablePasswordValidation": boolean;
         /**
-          * @uiName Hide default input fields to use custom fields
+          * Hide default input fields to use custom fields
+          * @uiName Hide Default Inputs
          */
         "hideInputs": boolean;
         /**
-          * @uiName Label for login navigation button
+          * @uiName Login Button Text
          */
         "loginLabel": string;
         /**
-          * @uiName Sign in button redirection path
+          * Login button redirection path
+          * @uiName Login Path
          */
         "loginPath": string;
         /**
-          * @uiName Page navigated to after registration
+          * Page navigated to after registration
+          * @uiName Next Page
          */
         "nextPage": string;
         /**
-          * @uiName Heading label
+          * @uiName Heading Label
          */
         "pageLabel": string;
         /**
-          * @uiName Label for password field
+          * @uiName Password Label
          */
         "passwordLabel": string;
         /**
           * The page that users are redirected to from the verification email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath": string;
         /**
-          * @uiName Label for submit button
+          * @uiName Submit Button Text
          */
         "submitLabel": string;
     }
     interface SqmPortalResetPassword {
         /**
-          * @uiName Show confirm password
+          * Show or hide confirm password field
+          * @uiName Show Confirm Password
          */
         "confirmPassword": boolean;
         /**
-          * @uiName Confirm password field label
+          * @uiName Confirm Password Label
          */
         "confirmPasswordFieldLabel": string;
         /**
-          * Displayed after a successful password reset
-          * @uiName Continue button text
+          * Button text displayed after a successful password reset
+          * @uiName Continue Button Text
          */
         "continueButtonText": string;
         /**
@@ -992,29 +1056,29 @@ export namespace Components {
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
           * The page that users are redirected to if the reset fails due to outdated password reset attempt.
-          * @uiName Failed page redirection path
+          * @uiName Failed Page Path
          */
         "failedPage": string;
         /**
           * The page that users are redirected to when the password reset succeeds.
-          * @uiName Next page path
+          * @uiName Next Page Path
          */
         "nextPage": string;
         /**
-          * @uiName Password field label
+          * @uiName Password Label
          */
         "passwordFieldLabel": string;
         /**
           * Displayed after a successful password reset
-          * @uiName Password reset header text
+          * @uiName Successful Password Reset Text
          */
         "passwordResetHeader": string;
         /**
-          * @uiName Password reset button text
+          * @uiName Password Reset Button Text
          */
         "resetPasswordButtonText": string;
         /**
-          * @uiName Password reset header text
+          * @uiName Reset Password Header Text
          */
         "resetPasswordHeader": string;
     }
@@ -1026,12 +1090,12 @@ export namespace Components {
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
           * The page that users are redirected to if verification fails due to outdated verification attempt.
-          * @uiName Failed page redirection path
+          * @uiName Failed Page Path
          */
         "failedPage": string;
         /**
           * The page that users are redirected to when the verification succeeds.
-          * @uiName Next page path
+          * @uiName Next Page Path
          */
         "nextPage": string;
     }
@@ -1039,6 +1103,7 @@ export namespace Components {
         /**
           * @uiName Header Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor": string;
         /**
@@ -1048,6 +1113,7 @@ export namespace Components {
         /**
           * @uiName Header Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor": string;
     }
@@ -1055,10 +1121,12 @@ export namespace Components {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor": string;
         /**
           * @uiName Description
+          * @uiWidget textArea
          */
         "description": string;
         /**
@@ -1073,22 +1141,265 @@ export namespace Components {
         /**
           * Displayed in place of an icon
           * @uiName Image Url
+          * @uiWidget imageUpload
+          * @format url
          */
         "imageUrl"?: string;
         /**
           * @uiName Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor": string;
     }
     interface SqmProgramMenu {
     }
+    interface SqmQa {
+        /**
+          * Description here
+          * @uiName Boolean Switch with default
+         */
+        "booleanSwitch"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch with no default
+         */
+        "booleanSwitchNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch required with no default
+          * @required
+         */
+        "booleanSwitchRequiredNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Color with default
+          * @uiWidget color
+          * @format color
+         */
+        "color"?: string;
+        /**
+          * Description here
+          * @uiName Color with no default
+          * @uiWidget color
+          * @format color
+         */
+        "colorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Color required with no default
+          * @required 
+          * @uiWidget color
+          * @format color
+         */
+        "colorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval with default
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateInterval"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval with no default
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateIntervalNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval required with no default
+          * @required 
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateIntervalRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload with default
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUpload"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload with no default
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUploadNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload required with no default
+          * @required 
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUploadRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Number Max 7
+          * @maximum 7
+         */
+        "max"?: number;
+        /**
+          * Description here
+          * @uiName String Max Length 10
+          * @maxLength 10
+         */
+        "maxLength"?: string;
+        /**
+          * Description here
+          * @uiName Number Min 7
+          * @minimum 7
+         */
+        "min"?: number;
+        /**
+          * Description here
+          * @uiName String Min Length 10
+          * @minLength 10
+         */
+        "minLength"?: string;
+        /**
+          * Description here
+          * @uiName Number Enum Select with default
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelect"?: number;
+        /**
+          * Description here
+          * @uiName Number Enum Select with no default
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelectNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number Enum Select required with no default
+          * @required 
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelectRequiredNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number Input with default
+         */
+        "numberInput"?: number;
+        /**
+          * Description here
+          * @uiName Number Input with no default
+         */
+        "numberInputNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number required with no default
+          * @required
+         */
+        "numberRequired"?: number;
+        /**
+          * Description here
+          * @uiName Program Selector with default
+          * @uiWidget programSelector
+         */
+        "programSelector"?: string;
+        /**
+          * Description here
+          * @uiName Program Selector with no default
+          * @uiWidget programSelector
+         */
+        "programSelectorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Program Selector required with no default
+          * @required 
+          * @uiWidget programSelector
+         */
+        "programSelectorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector with default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelector"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector with no default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelectorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector required with no default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelectorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select with default
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelect"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select with no default
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelectNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select required with no default
+          * @required 
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelectRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String required with no default
+          * @required
+         */
+        "stringRequired"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea with default
+         */
+        "textAreaInput"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea with no default
+         */
+        "textAreaInputNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea required with no default
+          * @required
+         */
+        "textAreaInputRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Text Input with default
+         */
+        "textInput"?: string;
+        /**
+          * Description here
+          * @uiName Text Input with no default
+         */
+        "textInputNoDefault"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Vertical Aligment
           * @uiType string
           * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Start", "Center", "End"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
         "verticalAlignment": "start" | "center" | "end";
     }
@@ -1099,16 +1410,19 @@ export namespace Components {
          */
         "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Height of the iframe container
+          * Height of the iframe container
+          * @uiName Iframe Height
          */
         "iframeHeight": string;
         /**
-          * @uiName URL of iframe to display
-          * @uiRequired
+          * URL of iframe to display
+          * @uiName Iframe Source
+          * @required
          */
         "iframeSrc": string;
         /**
-          * @uiName Width of the iframe container
+          * Width of the iframe container
+          * @uiName Iframe Width
          */
         "iframeWidth": string;
     }
@@ -1120,7 +1434,7 @@ export namespace Components {
         "demoData"?: DemoData<GenericTableViewProps>;
         /**
           * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile Hidden Columns
+          * @uiName Hidden Mobile Columns
          */
         "hiddenColumns"?: string;
         /**
@@ -1128,28 +1442,31 @@ export namespace Components {
          */
         "mdBreakpoint"?: number;
         /**
-          * @uiName View More button text
+          * @uiName View More Button Text
          */
         "moreLabel"?: string;
         /**
-          * @uiName Number of referrals per page
+          * Number of referrals displayed per page
+          * @uiName Referrals Per Page
          */
         "perPage": number;
         /**
-          * @uiName Previous button text
+          * @uiName Previous Button Text
          */
         "prevLabel"?: string;
         /**
           * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId": string;
         /**
-          * @uiName Show column labels
+          * @uiName Show Column Labels
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * Show referred by user in table
+          * @uiName Show Referrer
          */
         "showReferrer"?: boolean;
         /**
@@ -1205,10 +1522,12 @@ export namespace Components {
          */
         "columnTitle": string;
         /**
+          * Shown in the dropdown details when a reward has an expiry date.
           * @uiName Reward Expiring Text
          */
         "expiringText": string;
         /**
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
           * @uiName Fuel Tank Code Text
          */
         "fuelTankText": string;
@@ -1217,6 +1536,7 @@ export namespace Components {
          */
         "hideDetails": boolean;
         /**
+          * Shown in the dropdown details when a reward is pending.
           * @uiName Reward Pending Text
          */
         "pendingForText": string;
@@ -1224,15 +1544,20 @@ export namespace Components {
         "renderLabel": () => Promise<string>;
         "renderReferrerCell": (data: Referrer) => Promise<any>;
         /**
+          * Shown in the dropdown details when a reward has been received.’
           * @uiName Reward Received Text
          */
         "rewardReceivedText": string;
         /**
+          * Additional status text shown in the details drop down.
           * @uiName Reward Status Long Text
+          * @uiWidget textArea
          */
         "statusLongText": string;
         /**
+          * Text shown in the reward status badge.
           * @uiName Reward Status Text
+          * @uiWidget textArea
          */
         "statusText": string;
     }
@@ -1262,7 +1587,8 @@ export namespace Components {
     }
     interface SqmReferralTableUserColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser": string;
         /**
@@ -1270,7 +1596,8 @@ export namespace Components {
          */
         "columnTitle": string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser": string;
         "renderCell": (data: Referral) => Promise<any>;
@@ -1322,11 +1649,14 @@ export namespace Components {
          */
         "doneText": string;
         /**
-          * @uiName Exchange button text
+          * Error message shown when reward is not available
+          * @uiName Not Available Error
+          * @uiWidget textArea
          */
         "notAvailableError": string;
         /**
-          * @uiName Not Enough Available Error Message
+          * @uiName Not Enough Error Message
+          * @uiWidget textArea
          */
         "notEnoughError": string;
         /**
@@ -1336,6 +1666,7 @@ export namespace Components {
         /**
           * Shown if an error occurs when loading the reward exchange.
           * @uiName Reward List Error Message
+          * @uiWidget textArea
          */
         "queryError": string;
         /**
@@ -1350,11 +1681,13 @@ export namespace Components {
         /**
           * Shown if an error occurs during the reward exchange.
           * @uiName Redemption Error Message
+          * @uiWidget textArea
          */
         "redemptionError": string;
         /**
           * Displayed on the success screen when a user successfully exchanges for a reward.
           * @uiName Redemption Success Message
+          * @uiWidget textArea
          */
         "redemptionSuccessText": string;
         /**
@@ -1377,16 +1710,18 @@ export namespace Components {
         "rewardTitle": string;
         /**
           * @uiName Select Amount Text
+          * @uiWidget textArea
          */
         "selectText": string;
         /**
           * Set the number of placeholder cards to be shown in loading state.
-          * @undocumented Loading Cards
+          * @uiName Loading Cards
          */
         "skeletonCardNum": number;
         /**
           * Displayed on the reward exchange cards.
           * @uiName Reward Exchange Amount Text
+          * @uiWidget textArea
          */
         "sourceAmountMessage": string;
         /**
@@ -1425,6 +1760,7 @@ export namespace Components {
         /**
           * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId": string;
         /**
@@ -1442,7 +1778,7 @@ export namespace Components {
     }
     interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * @uiName Customer Note Column Title
+          * @uiName Column Title
          */
         "columnTitle": string;
         "renderCell": (data: Reward, locale: string) => Promise<any>;
@@ -1480,7 +1816,7 @@ export namespace Components {
          */
         "availableText": string;
         /**
-          * @uiName Reward column title
+          * @uiName Reward Column Title
          */
         "columnTitle": string;
         /**
@@ -1505,7 +1841,8 @@ export namespace Components {
     }
     interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser": string;
         /**
@@ -1513,22 +1850,26 @@ export namespace Components {
          */
         "columnTitle": string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser": string;
         /**
           * Shown when a reward has been created by a referral
           * @uiName Referral Text
+          * @uiWidget textArea
          */
         "referralText": string;
         "renderCell": (data: Reward, locale: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
-          * @uiName Reward Exchange label
+          * @uiName Reward Exchange Label
          */
         "rewardExchangeText": string;
         /**
+          * Shown when a reward has been created by a source other than a referral.
           * @uiName Reward Source Text
+          * @uiWidget textArea
          */
         "rewardSourceText": string;
     }
@@ -1568,12 +1909,13 @@ export namespace Components {
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward Status Text
+          * @uiWidget textArea
          */
         "statusText": string;
     }
     interface SqmRoute {
         /**
-          * @uiName Navigation path name
+          * @uiName Navigation Path Name
          */
         "path": string;
     }
@@ -1590,12 +1932,12 @@ export namespace Components {
           * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
           * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "buttonType": | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
+        "buttonType": | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
     | "text";
         /**
           * Draws a circle button.
@@ -1603,7 +1945,7 @@ export namespace Components {
          */
         "circle": boolean;
         /**
-          * @uiName Icon Name
+          * @uiName Icon
          */
         "iconName": string;
         /**
@@ -1653,12 +1995,14 @@ export namespace Components {
     }
     interface SqmShareButton {
         /**
-          * @uiName Button background color
+          * @uiName Button Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundcolor"?: string;
         /**
-          * @uiName Configure border radius with pixel amount
+          * Configure border radius with pixel amount
+          * @uiName Border Radius
          */
         "borderradius"?: number;
         /**
@@ -1671,16 +2015,16 @@ export namespace Components {
          */
         "disabled"?: boolean;
         /**
-          * @uiName Hide the icon
+          * @uiName Hide Icon
          */
         "hideicon"?: boolean;
         /**
-          * @uiName Hide the text
+          * @uiName Hide Text
          */
         "hidetext"?: boolean;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
         "icon"?: string;
         /**
@@ -1694,36 +2038,40 @@ export namespace Components {
           * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
           * @uiName Share Medium
           * @uiType string
+          * @required 
           * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
           * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "medium": | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
+        "medium": | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
     | "unknown";
         /**
-          * @uiName Display as pill
+          * @uiName Display Pill
          */
         "pill"?: boolean;
         /**
           * Optional programId, or uses the programId context where this button is rendered.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * @uiName Text used for native sharing (mobile only)
+          * Text used for native sharing (mobile only)
+          * @uiName Share Text
          */
         "sharetext"?: string;
         /**
-          * @uiName Title used for native sharing (mobile only)
+          * Title used for native sharing (mobile only)
+          * @uiName Share Title
          */
         "sharetitle"?: string;
         /**
@@ -1734,8 +2082,9 @@ export namespace Components {
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @uiName Button text color
+          * @uiName Button Text Color
           * @uiWidget color
+          * @format color
          */
         "textcolor"?: string;
         /**
@@ -1744,12 +2093,12 @@ export namespace Components {
           * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
           * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
     | "text";
     }
     interface SqmShareCode {
@@ -1761,16 +2110,17 @@ export namespace Components {
         /**
           * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * The number of milliseconds that the tooltip will appear for
+          * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
          */
         "tooltiplifespan": number;
         /**
-          * This is shown after someone has successfully copied the cpde to the clipboard.
-          * @uiName Tooltip text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext": string;
     }
@@ -1783,16 +2133,17 @@ export namespace Components {
         /**
           * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * The number of milliseconds that the tooltip will appear for
-          * @uiName Tooltip lifespan
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip Lifespan
          */
         "tooltiplifespan": number;
         /**
-          * This is shown after someone has successfully copied the link to the clipboard.
-          * @uiName Tooltip text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext": string;
     }
@@ -1805,7 +2156,7 @@ export namespace Components {
          */
         "display": "grid" | "flex";
         /**
-          * @uiName Space between stats
+          * @uiName Space Between Stats
           * @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"]
@@ -1839,20 +2190,25 @@ export namespace Components {
     }
     interface SqmTaskCard {
         /**
-          * @uiName CTA Button Link
+          * @uiName Button Link
+          * @uiGroup Button
          */
         "buttonLink": string;
         /**
-          * @uiName CTA Button Text
+          * @uiName Button Text
+          * @uiGroup Button
          */
         "buttonText": string;
         /**
-          * @uiName Title Text
+          * @uiName Title
+          * @uiGroup Task
          */
         "cardTitle": string;
         /**
           * Displays the amount of times that a user has completed a repeatable task.
           * @uiName Completed Count Text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
         "completedText": string;
         /**
@@ -1861,89 +2217,114 @@ export namespace Components {
          */
         "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * @uiName Description Text
+          * @uiName Description
+          * @uiGroup Task
          */
         "description": string;
         /**
-          * Timeframe that the task card will be shown
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
           * @uiName Display Duration
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
         "displayDuration": string;
         /**
           * Shown to users after the end of the task duration.
           * @uiName Ended Date Message
+          * @uiGroup Task
          */
         "endedMessage": string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is.
-          * @uiName Event key of task card button
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task Card Button Event Key
+          * @uiGroup Button
          */
         "eventKey"?: string;
         /**
+          * Displayed when a user views a task card after the reward duration interval.
           * @uiName Expiry Date Message
+          * @uiGroup Task
          */
         "expiryMessage": string;
         /**
           * The number of times a reward can be earned.  Use zero for no limit (the default).
           * @uiName Repeat Amount
+          * @uiGroup Reward
          */
         "finite": number;
         /**
           * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
           * @uiName Goal Completion Number
+          * @uiGroup Goal
          */
         "goal": number;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * Button Link Opens in New Tab
+          * @uiName Open In New Tab
+          * @uiGroup Button
          */
         "openNewTab": boolean;
         /**
           * The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.
-          * @uiName Program ID override
+          * @uiName Program ID Override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
         "programId"?: string;
         /**
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
           * @uiName Progress Bar Unit
+          * @uiGroup Goal
          */
         "progressBarUnit": string;
         /**
           * @uiName Goal Repeatable
+          * @uiGroup Goal
          */
         "repeatable": boolean;
         /**
           * @uiName Reward Amount
+          * @uiGroup Reward
          */
         "rewardAmount": string;
         /**
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
           * @uiName Reward Duration
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
         "rewardDuration": string;
         /**
           * @uiName Reward Unit
+          * @uiGroup Reward
          */
         "rewardUnit": string;
         /**
           * @uiName Show Progress Bar
+          * @uiGroup Goal
          */
         "showProgressBar": boolean;
         /**
           * Shown to users before the start of the task duration.
           * @uiName Start Date Message
+          * @uiGroup Task
          */
         "startsOnMessage": string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiWidget StatTypeSelectWidget
           * @uiName Goal Progress Source
-          * @uiOptions {"version": 1.1}
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
         "statType": string;
         /**
           * @uiName Progress Bar Steps
+          * @uiGroup Goal
          */
         "steps": boolean;
     }
@@ -1955,7 +2336,7 @@ export namespace Components {
          */
         "text": string;
         /**
-          * @uiName Text
+          * @uiName Type
           * @uiType string
           * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
           * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
@@ -2000,21 +2381,21 @@ export namespace Components {
          */
         "label": string;
         /**
-          * @uiName Label margin style
+          * @uiName Label Margin Style
           * @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"]
          */
         "labelMargin": Spacing;
         /**
-          * @uiName Section padding
+          * @uiName Section 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 Text Align
+          * @uiName Text Alignment
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
@@ -2028,11 +2409,12 @@ export namespace Components {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * @uiName Fallback name for nameless users
+          * Fallback name for unknown users
+          * @uiName Fallback Name
          */
         "fallback": string;
         /**
-          * @uiName Loading text
+          * @uiName Loading Text
          */
         "loadingText": string;
     }
@@ -2278,6 +2660,12 @@ declare global {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmQaElement extends Components.SqmQa, HTMLStencilElement {
+    }
+    var HTMLSqmQaElement: {
+        prototype: HTMLSqmQaElement;
+        new (): HTMLSqmQaElement;
+    };
     interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
     var HTMLSqmReferralCardElement: {
@@ -2583,6 +2971,7 @@ declare global {
         "sqm-program-explainer": HTMLSqmProgramExplainerElement;
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-qa": HTMLSqmQaElement;
         "sqm-referral-card": HTMLSqmReferralCardElement;
         "sqm-referral-iframe": HTMLSqmReferralIframeElement;
         "sqm-referral-table": HTMLSqmReferralTableElement;
@@ -2637,17 +3026,18 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Banner image
+          * @uiName Banner Image
          */
         "imgUrl"?: string;
         /**
-          * @uiName Banner title
+          * @uiName Banner Title
          */
         "titleText"?: string;
     }
     interface SqmBigStat {
         /**
-          * @uiName Alignment - controls the alignment of the flexbox
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
@@ -2659,32 +3049,37 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Flex Reverse - controls the order of the stat value & description column
+          * Controls the order of the stat value & description column
+          * @uiName Flex Reverse
          */
         "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
          */
         "programId"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget StatTypeSelectWidget
+          * @uiWidget statTypeSelectWidget
           * @uiName Stat Type
-          * @uiOptions {"version": 1.1}
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
         "statType"?: string;
     }
     interface SqmBrand {
         /**
-          * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
+          * Controls the primary brand color used in the Mint Components library.
           * @uiName Brand Color
           * @uiWidget color
+          * @format color
          */
         "brandColor"?: string;
         /**
-          * The brand font that you want to use
+          * A font from the Google Fonts library used throughout the widget. This value is case sensitive.
           * @uiName Brand Font
+          * @default "Nunito Sans"
          */
         "brandFont"?: string;
     }
@@ -2701,19 +3096,20 @@ declare namespace LocalJSX {
     }
     interface SqmCheckboxField {
         /**
-          * @uiName Checkbox label
+          * @uiName Checkbox Label
          */
         "checkboxLabel"?: string;
         /**
-          * @uiName Checkbox label link Used with link text if the checkbox label contains {labelLink}
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox Label Link
          */
         "checkboxLabelLink"?: string;
         /**
-          * @uiName Checkbox label link text
+          * @uiName Checkbox Label Link Text
          */
         "checkboxLabelLinkText"?: string;
         /**
-          * @uiName Checkbox name attribute
+          * @uiName Checkbox Name Attribute
          */
         "checkboxName"?: string;
         /**
@@ -2726,7 +3122,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Unchecked error message
+          * @uiName Unchecked Error Message
          */
         "errorMessage"?: string;
     }
@@ -2739,8 +3135,8 @@ declare namespace LocalJSX {
          */
         "direction"?: "row" | "column";
         /**
-          * Uses CSS border style syntax
-          * @uiName Border style
+          * Uses Shorthand CSS border syntax
+          * @uiName Border Style
          */
         "dividerStyle"?: string;
     }
@@ -2751,11 +3147,11 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * @uiName Dropdown label
+          * @uiName Dropdown Label
          */
         "dropdownLabel"?: string;
         /**
-          * @uiName Dropdown name attribute
+          * @uiName Dropdown Name Attribute
          */
         "dropdownName"?: string;
         /**
@@ -2763,17 +3159,17 @@ declare namespace LocalJSX {
          */
         "dropdownOptional"?: boolean;
         /**
-          * @uiName Unselected error message
+          * @uiName Unselected Error Message
          */
         "errorMessage"?: string;
     }
     interface SqmEditProfile {
         /**
-          * @uiName Cancel button text
+          * @uiName Cancel Button Text
          */
         "canceltext"?: string;
         /**
-          * @uiName Region field label
+          * @uiName Region Field Label
          */
         "currentregiontext"?: string;
         /**
@@ -2786,48 +3182,53 @@ declare namespace LocalJSX {
          */
         "editprofileheader"?: string;
         /**
-          * @uiName Enable editing button text
+          * Enable editing button text
+          * @uiName Edit Profile Text
          */
         "editprofiletext"?: string;
         /**
-          * @uiName First name field label
+          * @uiName First Name Label
          */
         "firstnametext"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Last Name Label
          */
         "lastnametext"?: string;
         /**
-          * @uiName Show or hide current region
+          * Show or hide current region
+          * @uiName Show Region
          */
         "showregion"?: boolean;
         /**
-          * @uiName Update info button text
+          * @uiName Info Button Text
          */
         "updatetext"?: string;
     }
     interface SqmEmpty {
         /**
-          * @uiName Empty State Title
+          * @uiName Title
          */
         "emptyStateHeader"?: string;
         /**
           * @uiWidget ImageUpload
-          * @uiName Empty State Image Link
+          * @format url
+          * @uiName Image
          */
         "emptyStateImage"?: string;
         /**
-          * @uiName Empty State Text
+          * @uiName Description
+          * @uiWidget textArea
          */
         "emptyStateText"?: string;
     }
     interface SqmFormMessage {
         /**
-          * @uiName Icon to use in alert
+          * Icon to use in alert
+          * @uiName Icon
          */
         "icon"?: string;
         /**
-          * @uiName Type of alert
+          * @uiName Alert Type
          */
         "type"?: string;
     }
@@ -2839,24 +3240,31 @@ declare namespace LocalJSX {
     }
     interface SqmHero {
         /**
-          * Can either be an image url, colour or Shoelace variable.
+          * Can be an image url, colour or Shoelace variable.
           * @uiName Background
          */
         "background"?: string;
         /**
-          * @uiName Number of columns in the layout
+          * Number of columns in the layout
+          * @uiName Columns
          */
         "columns"?: 1 | 2;
         /**
-          * @uiName Padding size
+          * @uiName Padding Size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Secondary background image or color (for use in right column)
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary Background
          */
         "secondaryBackground"?: string;
         /**
-          * @uiName Wrap direction
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap Direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
         "wrapDirection"?: "wrap" | "wrap-reverse";
     }
@@ -2864,26 +3272,28 @@ declare namespace LocalJSX {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor"?: string;
         /**
-          * @uiName CTA Button Link
+          * @uiName Button Link
          */
         "buttonLink"?: string;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * @uiName Open Link in New Tab
          */
         "buttonNewTab"?: boolean;
         /**
-          * @uiName CTA Button Text
+          * @uiName Button Text
          */
         "buttonText"?: string;
         /**
-          * @uiName Description Text
+          * @uiName Description
+          * @uiWidget textArea
          */
         "description"?: string;
         /**
-          * @uiName Title Text
+          * @uiName Title
          */
         "header"?: string;
         /**
@@ -2907,7 +3317,8 @@ declare namespace LocalJSX {
         "imagePos"?: "left" | "center" | "right";
         /**
           * @uiWidget ImageUpload
-          * @uiName Image Link
+          * @format url
+          * @uiName Image
          */
         "imageUrl"?: string;
         /**
@@ -2920,6 +3331,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Overlay Color
           * @uiWidget color
+          * @format color
          */
         "overlayColor"?: string;
         /**
@@ -2943,6 +3355,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor"?: string;
     }
@@ -2960,10 +3373,13 @@ declare namespace LocalJSX {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format
          */
         "backgroundColor"?: string;
         /**
           * @uiWidget ImageUpload
+          * @format url
+          * @required 
           * @uiName Image Link
          */
         "imageUrl"?: string;
@@ -3006,8 +3422,8 @@ declare namespace LocalJSX {
     }
     interface SqmLeaderboard {
         /**
-          * Text displayed for users without names in the leaderboard
-          * @uiName Anonymous User Name
+          * Title displayed for users without names
+          * @uiName Unknown User Text
          */
         "anonymousUser"?: string;
         /**
@@ -3016,25 +3432,25 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top 10.
+          * Hide the viewer's leaderboard row if not in the top results.
           * @uiName Hide Viewing User
          */
         "hideViewer"?: boolean;
         /**
-          * Only count leaderboard activity within a given interval
           * @uiName Leaderboard Time Interval
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval"?: string;
         /**
           * @uiName Leaderboard Type
           * @uiType string
+          * @required 
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Control the maximum amount of rows displayed on the leaderboard.
@@ -3044,6 +3460,7 @@ declare namespace LocalJSX {
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
@@ -3058,7 +3475,7 @@ declare namespace LocalJSX {
          */
         "rankheading"?: string;
         /**
-          * @uiName Show Rank Column
+          * @uiName Show Leaderboard Rank
          */
         "showRank"?: boolean;
         /**
@@ -3077,31 +3494,34 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiName Leaderboard Time Interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval"?: string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Leaderboard Type
           * @uiType string
+          * @required 
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
     | "topPointEarners";
         /**
           * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
           * @uiName Rank Text
+          * @uiWidget textArea
          */
         "rankText"?: string;
         /**
-          * @uiName Default rank
+          * @uiName Default Rank
           * @uiType string
           * @uiEnum ["rowNumber", "rank", "denseRank"]
           * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
@@ -3119,11 +3539,11 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName First name field label
+          * @uiName First Name label
          */
         "firstNameLabel"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Last Name label
          */
         "lastNameLabel"?: string;
     }
@@ -3134,11 +3554,12 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Include dropdown menu
+          * @uiName Include Dropdown Menu
          */
         "includeDropdown"?: boolean;
         /**
-          * @uiName Label on the header menu
+          * Label on the header menu
+          * @uiName Menu Label
          */
         "menuLabel"?: string;
     }
@@ -3160,7 +3581,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @uiName Navigation path
+          * @uiName Navigation Path
          */
         "path"?: string;
     }
@@ -3171,53 +3592,63 @@ declare namespace LocalJSX {
          */
         "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * @uiName Enable live password validation
+          * Enable live password validation
+          * @uiName Enable Validation
          */
         "enableValidation"?: boolean;
         /**
-          * @uiName Label for password field
+          * Label for password field
+          * @uiName Password Label
          */
         "fieldLabel"?: string;
     }
     interface SqmPopupContainer {
         /**
-          * @uiName Display a close button on the popup
+          * Display a close button on the popup
+          * @uiName Show Close Button
          */
         "closeButton"?: boolean;
         /**
-          * @uiName Text to be used as the close button
+          * Text inside the close button
+          * @uiName Close Button Text
          */
         "closeButtonText"?: string;
         /**
-          * @uiName Specify padding on the popup contents when in embedded mode
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed Padding
           * @uiType string
           * @uiEnum ["none", "small", "medium", "large"]
           * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Specify padding on the popup contents when in popup mode
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup Padding
           * @uiType string
           * @uiEnum ["none", "small", "medium", "large"]
           * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
         "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Show SaaSquatch Powered By messaging
+          * Show Powered By SaaSquatch link
+          * @uiName Show Powered By
          */
         "poweredBy"?: boolean;
     }
     interface SqmPortalChangePassword {
         /**
-          * @uiName Modal cancel password change button text
+          * Modal cancel button text
+          * @uiName Cancel Button Text
          */
         "cancelText"?: string;
         /**
-          * @uiName Modal change password button text
+          * Modal change password button text
+          * @uiName Change Password Button Text
          */
         "changePasswordButtonText"?: string;
         /**
-          * @uiName Password confirmation input field label
+          * Password confirmation input field label
+          * @uiName Confirm Password Label
          */
         "confirmPasswordFieldLabel"?: string;
         /**
@@ -3226,29 +3657,32 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Change password modal header
+          * @uiName Change Password Modal Header
          */
         "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Password input field label
+          * Password input field label
+          * @uiName Password Label
          */
         "passwordFieldLabel"?: string;
         /**
-          * @uiName Portal change password button text
+          * @uiName Change Password Button Text
          */
         "portalChangePasswordButtonText"?: string;
         /**
-          * @uiName Portal change password section header
+          * Portal change password section header
+          * @uiName Change Password Header
          */
         "portalChangePasswordHeader"?: string;
         /**
-          * @uiName Successful password change message
+          * Successful password change message
+          * @uiName Successful Message
          */
         "successMessage"?: string;
     }
     interface SqmPortalContainer {
         /**
-          * @uiName Center content
+          * @uiName Center Content
          */
         "center"?: boolean;
         /**
@@ -3273,23 +3707,24 @@ declare namespace LocalJSX {
          */
         "gap"?: Spacing;
         /**
-          * @uiName Justify content
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify Content
           * @uiType string
           * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
           * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
     | "space-evenly";
         /**
           * @uiName Maximum width
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum width
+          * @uiName Minimum Width
          */
         "minWidth"?: string;
         /**
@@ -3307,20 +3742,20 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Email verification header text
+          * @uiName Email Verification Header Text
          */
         "emailVerificationHeader"?: string;
         /**
           * The page that users are redirected to from the verification email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath"?: string;
         /**
-          * @uiName Re-send email button text
+          * @uiName Re-send Email Button Text
          */
         "resendEmailButtonText"?: string;
         /**
-          * @uiName Email verification body text
+          * @uiName Email Verification Body Text
          */
         "verifyMessage"?: string;
     }
@@ -3381,20 +3816,20 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName Email label
+          * @uiName Email Label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Routing path to login page
+          * @uiName Login Page Routing Path
          */
         "loginPath"?: string;
         /**
           * The page that users are redirected to from the password reset email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath"?: string;
         /**
-          * @uiName Password reset button text
+          * @uiName Password Reset Button Text
          */
         "submitLabel"?: string;
     }
@@ -3412,51 +3847,60 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Label for email field
+          * Label for email field
+          * @uiName Email Label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Label for forgotten password button
+          * Label for forgotten password button
+          * @uiName Forgot Password Text
          */
         "forgotPasswordLabel"?: string;
         /**
-          * @uiName Forgot password button redirect path
+          * Forgot password redirect path
+          * @uiName Forgot Password Path
          */
         "forgotPasswordPath"?: string;
         /**
-          * @uiName Page navigated to after sign-in
+          * Page navigated to after sign-in
+          * @uiName Next Page Path
          */
         "nextPage"?: string;
         /**
-          * @uiName Heading label
+          * @uiName Heading Label
          */
         "pageLabel"?: string;
         /**
-          * @uiName Label for password field
+          * Label for password field
+          * @uiName Password Label
          */
         "passwordLabel"?: string;
         /**
-          * @uiName Label for register navigation button
+          * Label for register button
+          * @uiName Register Button Text
          */
         "registerLabel"?: string;
         /**
-          * @uiName Register button redirection path
+          * Register redirect path
+          * @uiName Register Path
          */
         "registerPath"?: string;
         /**
-          * @uiName Label for submit button
+          * Label for submit button
+          * @uiName Submit Button Text
          */
         "submitLabel"?: string;
     }
     interface SqmPortalLogout {
         /**
-          * @uiName Next Page path
+          * @uiName Next Page Path
          */
         "nextPage"?: string;
     }
     interface SqmPortalProfile {
         /**
-          * @uiName Country input field label
+          * Country input field label
+          * @uiName Country Label
          */
         "countrytext"?: string;
         /**
@@ -3465,31 +3909,35 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Edit profile header
+          * @uiName Edit Profile Header
          */
         "editProfileHeader"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Edit Profile Sub Header
          */
         "editProfileSubHeader"?: string;
         /**
-          * @uiName Email input field label
+          * Email input field label
+          * @uiName Email Label
          */
         "emailtext"?: string;
         /**
-          * @uiName First name input field label
+          * First name input field label
+          * @uiName First Name Label
          */
         "firstnametext"?: string;
         /**
-          * @uiName Last name input field label
+          * Last name input field label
+          * @uiName Last Name Label
          */
         "lastnametext"?: string;
         /**
-          * @uiName Show or hide country field
+          * Show or hide the country field
+          * @uiName Show Country Field
          */
         "showCountry"?: boolean;
         /**
-          * @uiName Text for the submit changes button
+          * @uiName Submit Changes Button Text
          */
         "submitChangeButtonText"?: string;
     }
@@ -3499,7 +3947,7 @@ declare namespace LocalJSX {
          */
         "redirectTo"?: string;
         /**
-          * @uiName Redirect unverified users path
+          * @uiName Redirect Unverified Users Path
          */
         "redirectToUnverified"?: string;
         /**
@@ -3509,11 +3957,12 @@ declare namespace LocalJSX {
     }
     interface SqmPortalRegister {
         /**
-          * @uiName Show confirm password field
+          * Show or hide the confirm password input
+          * @uiName Show Confirm Password Field
          */
         "confirmPassword"?: boolean;
         /**
-          * @uiName Label for confirm password field
+          * @uiName Confirm Password Label
          */
         "confirmPasswordLabel"?: string;
         /**
@@ -3522,59 +3971,63 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Label for email field
+          * @uiName Email Label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Use password field with live validation
+          * @uiName Enable Password Validation
          */
         "enablePasswordValidation"?: boolean;
         /**
-          * @uiName Hide default input fields to use custom fields
+          * Hide default input fields to use custom fields
+          * @uiName Hide Default Inputs
          */
         "hideInputs"?: boolean;
         /**
-          * @uiName Label for login navigation button
+          * @uiName Login Button Text
          */
         "loginLabel"?: string;
         /**
-          * @uiName Sign in button redirection path
+          * Login button redirection path
+          * @uiName Login Path
          */
         "loginPath"?: string;
         /**
-          * @uiName Page navigated to after registration
+          * Page navigated to after registration
+          * @uiName Next Page
          */
         "nextPage"?: string;
         /**
-          * @uiName Heading label
+          * @uiName Heading Label
          */
         "pageLabel"?: string;
         /**
-          * @uiName Label for password field
+          * @uiName Password Label
          */
         "passwordLabel"?: string;
         /**
           * The page that users are redirected to from the verification email.
-          * @uiName Email redirection base path
+          * @uiName Email Redirection Base Path
          */
         "redirectPath"?: string;
         /**
-          * @uiName Label for submit button
+          * @uiName Submit Button Text
          */
         "submitLabel"?: string;
     }
     interface SqmPortalResetPassword {
         /**
-          * @uiName Show confirm password
+          * Show or hide confirm password field
+          * @uiName Show Confirm Password
          */
         "confirmPassword"?: boolean;
         /**
-          * @uiName Confirm password field label
+          * @uiName Confirm Password Label
          */
         "confirmPasswordFieldLabel"?: string;
         /**
-          * Displayed after a successful password reset
-          * @uiName Continue button text
+          * Button text displayed after a successful password reset
+          * @uiName Continue Button Text
          */
         "continueButtonText"?: string;
         /**
@@ -3584,29 +4037,29 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
           * The page that users are redirected to if the reset fails due to outdated password reset attempt.
-          * @uiName Failed page redirection path
+          * @uiName Failed Page Path
          */
         "failedPage"?: string;
         /**
           * The page that users are redirected to when the password reset succeeds.
-          * @uiName Next page path
+          * @uiName Next Page Path
          */
         "nextPage"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Password Label
          */
         "passwordFieldLabel"?: string;
         /**
           * Displayed after a successful password reset
-          * @uiName Password reset header text
+          * @uiName Successful Password Reset Text
          */
         "passwordResetHeader"?: string;
         /**
-          * @uiName Password reset button text
+          * @uiName Password Reset Button Text
          */
         "resetPasswordButtonText"?: string;
         /**
-          * @uiName Password reset header text
+          * @uiName Reset Password Header Text
          */
         "resetPasswordHeader"?: string;
     }
@@ -3618,12 +4071,12 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
           * The page that users are redirected to if verification fails due to outdated verification attempt.
-          * @uiName Failed page redirection path
+          * @uiName Failed Page Path
          */
         "failedPage"?: string;
         /**
           * The page that users are redirected to when the verification succeeds.
-          * @uiName Next page path
+          * @uiName Next Page Path
          */
         "nextPage"?: string;
     }
@@ -3631,6 +4084,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Header Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor"?: string;
         /**
@@ -3640,6 +4094,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Header Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor"?: string;
     }
@@ -3647,10 +4102,12 @@ declare namespace LocalJSX {
         /**
           * @uiName Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundColor"?: string;
         /**
           * @uiName Description
+          * @uiWidget textArea
          */
         "description"?: string;
         /**
@@ -3665,22 +4122,265 @@ declare namespace LocalJSX {
         /**
           * Displayed in place of an icon
           * @uiName Image Url
+          * @uiWidget imageUpload
+          * @format url
          */
         "imageUrl"?: string;
         /**
           * @uiName Text Color
           * @uiWidget color
+          * @format color
          */
         "textColor"?: string;
     }
     interface SqmProgramMenu {
     }
+    interface SqmQa {
+        /**
+          * Description here
+          * @uiName Boolean Switch with default
+         */
+        "booleanSwitch"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch with no default
+         */
+        "booleanSwitchNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Boolean Switch required with no default
+          * @required
+         */
+        "booleanSwitchRequiredNoDefault"?: boolean;
+        /**
+          * Description here
+          * @uiName Color with default
+          * @uiWidget color
+          * @format color
+         */
+        "color"?: string;
+        /**
+          * Description here
+          * @uiName Color with no default
+          * @uiWidget color
+          * @format color
+         */
+        "colorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Color required with no default
+          * @required 
+          * @uiWidget color
+          * @format color
+         */
+        "colorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval with default
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateInterval"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval with no default
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateIntervalNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Date Interval required with no default
+          * @required 
+          * @uiWidget dateRange
+          * @format date-interval
+         */
+        "dateIntervalRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload with default
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUpload"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload with no default
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUploadNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Image Upload required with no default
+          * @required 
+          * @uiWidget ImageUpload
+          * @format url
+         */
+        "imageUploadRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Number Max 7
+          * @maximum 7
+         */
+        "max"?: number;
+        /**
+          * Description here
+          * @uiName String Max Length 10
+          * @maxLength 10
+         */
+        "maxLength"?: string;
+        /**
+          * Description here
+          * @uiName Number Min 7
+          * @minimum 7
+         */
+        "min"?: number;
+        /**
+          * Description here
+          * @uiName String Min Length 10
+          * @minLength 10
+         */
+        "minLength"?: string;
+        /**
+          * Description here
+          * @uiName Number Enum Select with default
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelect"?: number;
+        /**
+          * Description here
+          * @uiName Number Enum Select with no default
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelectNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number Enum Select required with no default
+          * @required 
+          * @uiEnum [1,2,3]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "numberEnumSelectRequiredNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number Input with default
+         */
+        "numberInput"?: number;
+        /**
+          * Description here
+          * @uiName Number Input with no default
+         */
+        "numberInputNoDefault"?: number;
+        /**
+          * Description here
+          * @uiName Number required with no default
+          * @required
+         */
+        "numberRequired"?: number;
+        /**
+          * Description here
+          * @uiName Program Selector with default
+          * @uiWidget programSelector
+         */
+        "programSelector"?: string;
+        /**
+          * Description here
+          * @uiName Program Selector with no default
+          * @uiWidget programSelector
+         */
+        "programSelectorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Program Selector required with no default
+          * @required 
+          * @uiWidget programSelector
+         */
+        "programSelectorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector with default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelector"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector with no default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelectorNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Stat Selector required with no default
+          * @uiWidget statTypeSelectWidget
+         */
+        "statSelectorRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select with default
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelect"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select with no default
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelectNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String Enum Select required with no default
+          * @required 
+          * @uiEnum ["option1","option2","option3"]
+          * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+         */
+        "stringEnumSelectRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName String required with no default
+          * @required
+         */
+        "stringRequired"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea with default
+         */
+        "textAreaInput"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea with no default
+         */
+        "textAreaInputNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Text Area Input
+          * @uiWidget textArea required with no default
+          * @required
+         */
+        "textAreaInputRequiredNoDefault"?: string;
+        /**
+          * Description here
+          * @uiName Text Input with default
+         */
+        "textInput"?: string;
+        /**
+          * Description here
+          * @uiName Text Input with no default
+         */
+        "textInputNoDefault"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Vertical Aligment
           * @uiType string
           * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Start", "Center", "End"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
         "verticalAlignment"?: "start" | "center" | "end";
     }
@@ -3691,16 +4391,19 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Height of the iframe container
+          * Height of the iframe container
+          * @uiName Iframe Height
          */
         "iframeHeight"?: string;
         /**
-          * @uiName URL of iframe to display
-          * @uiRequired
+          * URL of iframe to display
+          * @uiName Iframe Source
+          * @required
          */
         "iframeSrc"?: string;
         /**
-          * @uiName Width of the iframe container
+          * Width of the iframe container
+          * @uiName Iframe Width
          */
         "iframeWidth"?: string;
     }
@@ -3712,7 +4415,7 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<GenericTableViewProps>;
         /**
           * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile Hidden Columns
+          * @uiName Hidden Mobile Columns
          */
         "hiddenColumns"?: string;
         /**
@@ -3720,28 +4423,31 @@ declare namespace LocalJSX {
          */
         "mdBreakpoint"?: number;
         /**
-          * @uiName View More button text
+          * @uiName View More Button Text
          */
         "moreLabel"?: string;
         /**
-          * @uiName Number of referrals per page
+          * Number of referrals displayed per page
+          * @uiName Referrals Per Page
          */
         "perPage"?: number;
         /**
-          * @uiName Previous button text
+          * @uiName Previous Button Text
          */
         "prevLabel"?: string;
         /**
           * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * @uiName Show column labels
+          * @uiName Show Column Labels
          */
         "showLabels"?: boolean;
         /**
-          * @uiName Show Referred by user in table
+          * Show referred by user in table
+          * @uiName Show Referrer
          */
         "showReferrer"?: boolean;
         /**
@@ -3792,10 +4498,12 @@ declare namespace LocalJSX {
          */
         "columnTitle"?: string;
         /**
+          * Shown in the dropdown details when a reward has an expiry date.
           * @uiName Reward Expiring Text
          */
         "expiringText"?: string;
         /**
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
           * @uiName Fuel Tank Code Text
          */
         "fuelTankText"?: string;
@@ -3804,19 +4512,25 @@ declare namespace LocalJSX {
          */
         "hideDetails"?: boolean;
         /**
+          * Shown in the dropdown details when a reward is pending.
           * @uiName Reward Pending Text
          */
         "pendingForText"?: string;
         /**
+          * Shown in the dropdown details when a reward has been received.’
           * @uiName Reward Received Text
          */
         "rewardReceivedText"?: string;
         /**
+          * Additional status text shown in the details drop down.
           * @uiName Reward Status Long Text
+          * @uiWidget textArea
          */
         "statusLongText"?: string;
         /**
+          * Text shown in the reward status badge.
           * @uiName Reward Status Text
+          * @uiWidget textArea
          */
         "statusText"?: string;
     }
@@ -3843,7 +4557,8 @@ declare namespace LocalJSX {
     }
     interface SqmReferralTableUserColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser"?: string;
         /**
@@ -3851,7 +4566,8 @@ declare namespace LocalJSX {
          */
         "columnTitle"?: string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser"?: string;
     }
@@ -3900,11 +4616,14 @@ declare namespace LocalJSX {
          */
         "doneText"?: string;
         /**
-          * @uiName Exchange button text
+          * Error message shown when reward is not available
+          * @uiName Not Available Error
+          * @uiWidget textArea
          */
         "notAvailableError"?: string;
         /**
-          * @uiName Not Enough Available Error Message
+          * @uiName Not Enough Error Message
+          * @uiWidget textArea
          */
         "notEnoughError"?: string;
         /**
@@ -3914,6 +4633,7 @@ declare namespace LocalJSX {
         /**
           * Shown if an error occurs when loading the reward exchange.
           * @uiName Reward List Error Message
+          * @uiWidget textArea
          */
         "queryError"?: string;
         /**
@@ -3928,11 +4648,13 @@ declare namespace LocalJSX {
         /**
           * Shown if an error occurs during the reward exchange.
           * @uiName Redemption Error Message
+          * @uiWidget textArea
          */
         "redemptionError"?: string;
         /**
           * Displayed on the success screen when a user successfully exchanges for a reward.
           * @uiName Redemption Success Message
+          * @uiWidget textArea
          */
         "redemptionSuccessText"?: string;
         /**
@@ -3955,16 +4677,18 @@ declare namespace LocalJSX {
         "rewardTitle"?: string;
         /**
           * @uiName Select Amount Text
+          * @uiWidget textArea
          */
         "selectText"?: string;
         /**
           * Set the number of placeholder cards to be shown in loading state.
-          * @undocumented Loading Cards
+          * @uiName Loading Cards
          */
         "skeletonCardNum"?: number;
         /**
           * Displayed on the reward exchange cards.
           * @uiName Reward Exchange Amount Text
+          * @uiWidget textArea
          */
         "sourceAmountMessage"?: string;
         /**
@@ -4003,6 +4727,7 @@ declare namespace LocalJSX {
         /**
           * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
           * @uiName Program
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
@@ -4020,7 +4745,7 @@ declare namespace LocalJSX {
     }
     interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * @uiName Customer Note Column Title
+          * @uiName Column Title
          */
         "columnTitle"?: string;
     }
@@ -4054,7 +4779,7 @@ declare namespace LocalJSX {
          */
         "availableText"?: string;
         /**
-          * @uiName Reward column title
+          * @uiName Reward Column Title
          */
         "columnTitle"?: string;
         /**
@@ -4077,7 +4802,8 @@ declare namespace LocalJSX {
     }
     interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser"?: string;
         /**
@@ -4085,20 +4811,24 @@ declare namespace LocalJSX {
          */
         "columnTitle"?: string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser"?: string;
         /**
           * Shown when a reward has been created by a referral
           * @uiName Referral Text
+          * @uiWidget textArea
          */
         "referralText"?: string;
         /**
-          * @uiName Reward Exchange label
+          * @uiName Reward Exchange Label
          */
         "rewardExchangeText"?: string;
         /**
+          * Shown when a reward has been created by a source other than a referral.
           * @uiName Reward Source Text
+          * @uiWidget textArea
          */
         "rewardSourceText"?: string;
     }
@@ -4136,12 +4866,13 @@ declare namespace LocalJSX {
         "pendingUsTax"?: string;
         /**
           * @uiName Reward Status Text
+          * @uiWidget textArea
          */
         "statusText"?: string;
     }
     interface SqmRoute {
         /**
-          * @uiName Navigation path name
+          * @uiName Navigation Path Name
          */
         "path"?: string;
     }
@@ -4158,12 +4889,12 @@ declare namespace LocalJSX {
           * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
           * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
     | "text";
         /**
           * Draws a circle button.
@@ -4171,7 +4902,7 @@ declare namespace LocalJSX {
          */
         "circle"?: boolean;
         /**
-          * @uiName Icon Name
+          * @uiName Icon
          */
         "iconName"?: string;
         /**
@@ -4221,12 +4952,14 @@ declare namespace LocalJSX {
     }
     interface SqmShareButton {
         /**
-          * @uiName Button background color
+          * @uiName Button Background Color
           * @uiWidget color
+          * @format color
          */
         "backgroundcolor"?: string;
         /**
-          * @uiName Configure border radius with pixel amount
+          * Configure border radius with pixel amount
+          * @uiName Border Radius
          */
         "borderradius"?: number;
         /**
@@ -4239,16 +4972,16 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * @uiName Hide the icon
+          * @uiName Hide Icon
          */
         "hideicon"?: boolean;
         /**
-          * @uiName Hide the text
+          * @uiName Hide Text
          */
         "hidetext"?: boolean;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
         "icon"?: string;
         /**
@@ -4262,36 +4995,40 @@ declare namespace LocalJSX {
           * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
           * @uiName Share Medium
           * @uiType string
+          * @required 
           * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
           * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
     | "unknown";
         /**
-          * @uiName Display as pill
+          * @uiName Display Pill
          */
         "pill"?: boolean;
         /**
           * Optional programId, or uses the programId context where this button is rendered.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * @uiName Text used for native sharing (mobile only)
+          * Text used for native sharing (mobile only)
+          * @uiName Share Text
          */
         "sharetext"?: string;
         /**
-          * @uiName Title used for native sharing (mobile only)
+          * Title used for native sharing (mobile only)
+          * @uiName Share Title
          */
         "sharetitle"?: string;
         /**
@@ -4302,8 +5039,9 @@ declare namespace LocalJSX {
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @uiName Button text color
+          * @uiName Button Text Color
           * @uiWidget color
+          * @format color
          */
         "textcolor"?: string;
         /**
@@ -4312,12 +5050,12 @@ declare namespace LocalJSX {
           * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
           * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
     | "text";
     }
     interface SqmShareCode {
@@ -4329,16 +5067,17 @@ declare namespace LocalJSX {
         /**
           * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * The number of milliseconds that the tooltip will appear for
+          * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
          */
         "tooltiplifespan"?: number;
         /**
-          * This is shown after someone has successfully copied the cpde to the clipboard.
-          * @uiName Tooltip text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext"?: string;
     }
@@ -4351,16 +5090,17 @@ declare namespace LocalJSX {
         /**
           * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
+          * @uiWidget programSelector
          */
         "programId"?: string;
         /**
-          * The number of milliseconds that the tooltip will appear for
-          * @uiName Tooltip lifespan
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip Lifespan
          */
         "tooltiplifespan"?: number;
         /**
-          * This is shown after someone has successfully copied the link to the clipboard.
-          * @uiName Tooltip text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext"?: string;
     }
@@ -4373,7 +5113,7 @@ declare namespace LocalJSX {
          */
         "display"?: "grid" | "flex";
         /**
-          * @uiName Space between stats
+          * @uiName Space Between Stats
           * @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"]
@@ -4407,20 +5147,25 @@ declare namespace LocalJSX {
     }
     interface SqmTaskCard {
         /**
-          * @uiName CTA Button Link
+          * @uiName Button Link
+          * @uiGroup Button
          */
         "buttonLink"?: string;
         /**
-          * @uiName CTA Button Text
+          * @uiName Button Text
+          * @uiGroup Button
          */
         "buttonText"?: string;
         /**
-          * @uiName Title Text
+          * @uiName Title
+          * @uiGroup Task
          */
         "cardTitle"?: string;
         /**
           * Displays the amount of times that a user has completed a repeatable task.
           * @uiName Completed Count Text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
         "completedText"?: string;
         /**
@@ -4429,89 +5174,114 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * @uiName Description Text
+          * @uiName Description
+          * @uiGroup Task
          */
         "description"?: string;
         /**
-          * Timeframe that the task card will be shown
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
           * @uiName Display Duration
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
         "displayDuration"?: string;
         /**
           * Shown to users after the end of the task duration.
           * @uiName Ended Date Message
+          * @uiGroup Task
          */
         "endedMessage"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is.
-          * @uiName Event key of task card button
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task Card Button Event Key
+          * @uiGroup Button
          */
         "eventKey"?: string;
         /**
+          * Displayed when a user views a task card after the reward duration interval.
           * @uiName Expiry Date Message
+          * @uiGroup Task
          */
         "expiryMessage"?: string;
         /**
           * The number of times a reward can be earned.  Use zero for no limit (the default).
           * @uiName Repeat Amount
+          * @uiGroup Reward
          */
         "finite"?: number;
         /**
           * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
           * @uiName Goal Completion Number
+          * @uiGroup Goal
          */
         "goal"?: number;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * Button Link Opens in New Tab
+          * @uiName Open In New Tab
+          * @uiGroup Button
          */
         "openNewTab"?: boolean;
         /**
           * The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.
-          * @uiName Program ID override
+          * @uiName Program ID Override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
         "programId"?: string;
         /**
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
           * @uiName Progress Bar Unit
+          * @uiGroup Goal
          */
         "progressBarUnit"?: string;
         /**
           * @uiName Goal Repeatable
+          * @uiGroup Goal
          */
         "repeatable"?: boolean;
         /**
           * @uiName Reward Amount
+          * @uiGroup Reward
          */
         "rewardAmount"?: string;
         /**
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
           * @uiName Reward Duration
-          * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
         "rewardDuration"?: string;
         /**
           * @uiName Reward Unit
+          * @uiGroup Reward
          */
         "rewardUnit"?: string;
         /**
           * @uiName Show Progress Bar
+          * @uiGroup Goal
          */
         "showProgressBar"?: boolean;
         /**
           * Shown to users before the start of the task duration.
           * @uiName Start Date Message
+          * @uiGroup Task
          */
         "startsOnMessage"?: string;
         /**
           * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiWidget StatTypeSelectWidget
           * @uiName Goal Progress Source
-          * @uiOptions {"version": 1.1}
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
         "statType"?: string;
         /**
           * @uiName Progress Bar Steps
+          * @uiGroup Goal
          */
         "steps"?: boolean;
     }
@@ -4523,7 +5293,7 @@ declare namespace LocalJSX {
          */
         "text"?: string;
         /**
-          * @uiName Text
+          * @uiName Type
           * @uiType string
           * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
           * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
@@ -4567,21 +5337,21 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @uiName Label margin style
+          * @uiName Label Margin Style
           * @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"]
          */
         "labelMargin"?: Spacing;
         /**
-          * @uiName Section padding
+          * @uiName Section 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 Text Align
+          * @uiName Text Alignment
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
@@ -4595,11 +5365,12 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * @uiName Fallback name for nameless users
+          * Fallback name for unknown users
+          * @uiName Fallback Name
          */
         "fallback"?: string;
         /**
-          * @uiName Loading text
+          * @uiName Loading Text
          */
         "loadingText"?: string;
     }
@@ -4644,6 +5415,7 @@ declare namespace LocalJSX {
         "sqm-program-explainer": SqmProgramExplainer;
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
+        "sqm-qa": SqmQa;
         "sqm-referral-card": SqmReferralCard;
         "sqm-referral-iframe": SqmReferralIframe;
         "sqm-referral-table": SqmReferralTable;
@@ -4734,6 +5506,7 @@ declare module "@stencil/core" {
             "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
+            "sqm-qa": LocalJSX.SqmQa & JSXBase.HTMLAttributes<HTMLSqmQaElement>;
             "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
             "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
             "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;