@saasquatch/mint-components 1.5.5 → 1.5.6-2

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,7 +68,8 @@ 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;
         /**
@@ -79,7 +81,7 @@ export namespace Components {
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
           * @uiName Stat Type
-          * @uiOptions {"version": 1.1}
+          * @uiWidgetOptions {"version": 1.1}
          */
         "statType": string;
     }
@@ -109,19 +111,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 +137,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Unchecked error message
+          * @uiName Unchecked Error Message
          */
         "errorMessage": string;
     }
@@ -147,8 +150,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 +162,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 +174,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,23 +197,25 @@ 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;
     }
@@ -231,11 +236,12 @@ export namespace Components {
     }
     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 +253,27 @@ 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
          */
         "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
          */
         "wrapDirection": "wrap" | "wrap-reverse";
     }
@@ -279,7 +288,8 @@ export namespace Components {
          */
         "buttonLink"?: string;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * CTA Button Opens Link in New Tab
+          * @uiName Button New Tab
          */
         "buttonNewTab"?: boolean;
         /**
@@ -414,8 +424,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;
         /**
@@ -429,10 +439,9 @@ export namespace Components {
          */
         "hideViewer": boolean;
         /**
-          * Only count leaderboard activity within a given interval
           * @uiName Leaderboard Time Interval
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval": string;
         /**
@@ -466,7 +475,7 @@ export namespace Components {
          */
         "rankheading"?: string;
         /**
-          * @uiName Show Rank Column
+          * @uiName Show Leaderboard Rank
          */
         "showRank": boolean;
         /**
@@ -485,13 +494,13 @@ export namespace Components {
          */
         "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Leaderboard time interval
+          * @uiName Leaderboard Time Interval
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval": string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Leaderboard Type
           * @uiType string
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
@@ -509,7 +518,7 @@ export namespace Components {
          */
         "rankText": string;
         /**
-          * @uiName Default rank
+          * @uiName Default Rank
           * @uiType string
           * @uiEnum ["rowNumber", "rank", "denseRank"]
           * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
@@ -527,11 +536,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 +551,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 +578,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * @uiName Navigation path
+          * @uiName Navigation Path
          */
         "path": string;
     }
@@ -579,53 +589,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 +654,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,7 +704,8 @@ export namespace Components {
          */
         "gap": Spacing;
         /**
-          * @uiName Justify content
+          * Defines how the container distributes space between & around content items along the main-axis of a flex container
+          * @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"]
@@ -697,7 +721,7 @@ export namespace Components {
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum width
+          * @uiName Minimum Width
          */
         "minWidth"?: string;
         /**
@@ -715,20 +739,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 +813,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 +844,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 +906,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 +944,7 @@ export namespace Components {
          */
         "redirectTo": string;
         /**
-          * @uiName Redirect unverified users path
+          * @uiName Redirect Unverified Users Path
          */
         "redirectToUnverified": string;
         /**
@@ -917,11 +954,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 +968,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 +1034,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 +1068,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;
     }
@@ -1099,16 +1141,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 +1165,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,15 +1173,16 @@ 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;
         /**
@@ -1145,11 +1191,12 @@ export namespace Components {
          */
         "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;
         /**
@@ -1262,7 +1309,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 +1318,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 +1371,12 @@ export namespace Components {
          */
         "doneText": string;
         /**
-          * @uiName Exchange button text
+          * Error message shown when reward is not available
+          * @uiName Not Available Error
          */
         "notAvailableError": string;
         /**
-          * @uiName Not Enough Available Error Message
+          * @uiName Not Enough Error Message
          */
         "notEnoughError": string;
         /**
@@ -1381,7 +1431,7 @@ export namespace Components {
         "selectText": string;
         /**
           * Set the number of placeholder cards to be shown in loading state.
-          * @undocumented Loading Cards
+          * @uiName Loading Cards
          */
         "skeletonCardNum": number;
         /**
@@ -1480,7 +1530,7 @@ export namespace Components {
          */
         "availableText": string;
         /**
-          * @uiName Reward column title
+          * @uiName Reward Column Title
          */
         "columnTitle": string;
         /**
@@ -1505,7 +1555,8 @@ export namespace Components {
     }
     interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser": string;
         /**
@@ -1513,7 +1564,8 @@ export namespace Components {
          */
         "columnTitle": string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser": string;
         /**
@@ -1524,7 +1576,7 @@ export namespace Components {
         "renderCell": (data: Reward, locale: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
-          * @uiName Reward Exchange label
+          * @uiName Reward Exchange Label
          */
         "rewardExchangeText": string;
         /**
@@ -1573,7 +1625,7 @@ export namespace Components {
     }
     interface SqmRoute {
         /**
-          * @uiName Navigation path name
+          * @uiName Navigation Path Name
          */
         "path": string;
     }
@@ -1653,12 +1705,13 @@ export namespace Components {
     }
     interface SqmShareButton {
         /**
-          * @uiName Button background color
+          * @uiName Button Background Color
           * @uiWidget color
          */
         "backgroundcolor"?: string;
         /**
-          * @uiName Configure border radius with pixel amount
+          * Configure border radius with pixel amount
+          * @uiName Border Radius
          */
         "borderradius"?: number;
         /**
@@ -1671,16 +1724,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;
         /**
@@ -1710,7 +1763,7 @@ export namespace Components {
     | "reminder"
     | "unknown";
         /**
-          * @uiName Display as pill
+          * @uiName Display Pill
          */
         "pill"?: boolean;
         /**
@@ -1719,11 +1772,13 @@ export namespace Components {
          */
         "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,7 +1789,7 @@ export namespace Components {
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @uiName Button text color
+          * @uiName Button Text Color
           * @uiWidget color
          */
         "textcolor"?: string;
@@ -1769,8 +1824,8 @@ export namespace Components {
          */
         "tooltiplifespan": number;
         /**
-          * This is shown after someone has successfully copied the cpde to the clipboard.
-          * @uiName Tooltip text
+          * This is shown after someone has successfully copied the code to the clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext": string;
     }
@@ -1787,12 +1842,12 @@ export namespace Components {
         "programId"?: string;
         /**
           * The number of milliseconds that the tooltip will appear for
-          * @uiName Tooltip lifespan
+          * @uiName Tooltip Lifespan
          */
         "tooltiplifespan": number;
         /**
           * This is shown after someone has successfully copied the link to the clipboard.
-          * @uiName Tooltip text
+          * @uiName Tooltip Text
          */
         "tooltiptext": string;
     }
@@ -1805,7 +1860,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"]
@@ -1840,19 +1895,23 @@ export namespace Components {
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
+          * @uiGroup CTA Button
          */
         "buttonLink": string;
         /**
           * @uiName CTA Button Text
+          * @uiGroup CTA Button
          */
         "buttonText": string;
         /**
           * @uiName Title Text
+          * @uiGroup Task
          */
         "cardTitle": string;
         /**
           * Displays the amount of times that a user has completed a repeatable task.
           * @uiName Completed Count Text
+          * @uiGroup Task
          */
         "completedText": string;
         /**
@@ -1862,88 +1921,108 @@ export namespace Components {
         "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
+          * @uiGroup Task
          */
         "description": string;
         /**
           * Timeframe that the task card will be shown
           * @uiName Display Duration
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @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
+          * @uiName Task Card Button Event Key
+          * @uiGroup CTA Button
          */
         "eventKey"?: string;
         /**
           * @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
+          * CTA Button Link Opens in New Tab
+          * @uiName Open In New Tab
+          * @uiGroup CTA Button
+          * @default undefined
          */
         "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
+          * @uiGroup Goal
          */
         "programId"?: string;
         /**
           * @uiName Progress Bar Unit
+          * @uiGroup Goal
          */
         "progressBarUnit": string;
         /**
           * @uiName Goal Repeatable
+          * @uiGroup Goal
          */
         "repeatable": boolean;
         /**
           * @uiName Reward Amount
+          * @uiGroup Reward
          */
         "rewardAmount": string;
         /**
           * @uiName Reward Duration
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @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}
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
         "statType": string;
         /**
           * @uiName Progress Bar Steps
+          * @uiGroup Goal
          */
         "steps": boolean;
     }
@@ -1955,7 +2034,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,14 +2079,14 @@ 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"]
@@ -2028,11 +2107,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;
     }
@@ -2637,17 +2717,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,7 +2740,8 @@ 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;
         /**
@@ -2671,7 +2753,7 @@ declare namespace LocalJSX {
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget StatTypeSelectWidget
           * @uiName Stat Type
-          * @uiOptions {"version": 1.1}
+          * @uiWidgetOptions {"version": 1.1}
          */
         "statType"?: string;
     }
@@ -2701,19 +2783,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 +2809,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Unchecked error message
+          * @uiName Unchecked Error Message
          */
         "errorMessage"?: string;
     }
@@ -2739,8 +2822,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 +2834,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 +2846,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,23 +2869,25 @@ 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;
     }
@@ -2823,11 +2908,12 @@ declare namespace LocalJSX {
     }
     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 +2925,27 @@ 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
          */
         "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
          */
         "wrapDirection"?: "wrap" | "wrap-reverse";
     }
@@ -2871,7 +2960,8 @@ declare namespace LocalJSX {
          */
         "buttonLink"?: string;
         /**
-          * @uiName CTA Button Link Open in New Tab
+          * CTA Button Opens Link in New Tab
+          * @uiName Button New Tab
          */
         "buttonNewTab"?: boolean;
         /**
@@ -3006,8 +3096,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;
         /**
@@ -3021,10 +3111,9 @@ declare namespace LocalJSX {
          */
         "hideViewer"?: boolean;
         /**
-          * Only count leaderboard activity within a given interval
           * @uiName Leaderboard Time Interval
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval"?: string;
         /**
@@ -3058,7 +3147,7 @@ declare namespace LocalJSX {
          */
         "rankheading"?: string;
         /**
-          * @uiName Show Rank Column
+          * @uiName Show Leaderboard Rank
          */
         "showRank"?: boolean;
         /**
@@ -3077,13 +3166,13 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Leaderboard time interval
+          * @uiName Leaderboard Time Interval
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval"?: string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Leaderboard Type
           * @uiType string
           * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
           * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
@@ -3101,7 +3190,7 @@ declare namespace LocalJSX {
          */
         "rankText"?: string;
         /**
-          * @uiName Default rank
+          * @uiName Default Rank
           * @uiType string
           * @uiEnum ["rowNumber", "rank", "denseRank"]
           * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
@@ -3119,11 +3208,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 +3223,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 +3250,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @uiName Navigation path
+          * @uiName Navigation Path
          */
         "path"?: string;
     }
@@ -3171,53 +3261,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 +3326,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,7 +3376,8 @@ declare namespace LocalJSX {
          */
         "gap"?: Spacing;
         /**
-          * @uiName Justify content
+          * Defines how the container distributes space between & around content items along the main-axis of a flex container
+          * @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"]
@@ -3289,7 +3393,7 @@ declare namespace LocalJSX {
          */
         "maxWidth"?: string;
         /**
-          * @uiName Minimum width
+          * @uiName Minimum Width
          */
         "minWidth"?: string;
         /**
@@ -3307,20 +3411,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 +3485,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 +3516,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 +3578,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 +3616,7 @@ declare namespace LocalJSX {
          */
         "redirectTo"?: string;
         /**
-          * @uiName Redirect unverified users path
+          * @uiName Redirect Unverified Users Path
          */
         "redirectToUnverified"?: string;
         /**
@@ -3509,11 +3626,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 +3640,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 +3706,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 +3740,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;
     }
@@ -3691,16 +3813,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 +3837,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,15 +3845,16 @@ 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;
         /**
@@ -3737,11 +3863,12 @@ declare namespace LocalJSX {
          */
         "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;
         /**
@@ -3843,7 +3970,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 +3979,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 +4029,12 @@ declare namespace LocalJSX {
          */
         "doneText"?: string;
         /**
-          * @uiName Exchange button text
+          * Error message shown when reward is not available
+          * @uiName Not Available Error
          */
         "notAvailableError"?: string;
         /**
-          * @uiName Not Enough Available Error Message
+          * @uiName Not Enough Error Message
          */
         "notEnoughError"?: string;
         /**
@@ -3959,7 +4089,7 @@ declare namespace LocalJSX {
         "selectText"?: string;
         /**
           * Set the number of placeholder cards to be shown in loading state.
-          * @undocumented Loading Cards
+          * @uiName Loading Cards
          */
         "skeletonCardNum"?: number;
         /**
@@ -4054,7 +4184,7 @@ declare namespace LocalJSX {
          */
         "availableText"?: string;
         /**
-          * @uiName Reward column title
+          * @uiName Reward Column Title
          */
         "columnTitle"?: string;
         /**
@@ -4077,7 +4207,8 @@ declare namespace LocalJSX {
     }
     interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Name displayed for anonymous users
+          * Name displayed for unknown users
+          * @uiName Anonymous User Text
          */
         "anonymousUser"?: string;
         /**
@@ -4085,7 +4216,8 @@ declare namespace LocalJSX {
          */
         "columnTitle"?: string;
         /**
-          * @uiName Name displayed for deleted users
+          * Name displayed for deleted users
+          * @uiName Deleted User Text
          */
         "deletedUser"?: string;
         /**
@@ -4094,7 +4226,7 @@ declare namespace LocalJSX {
          */
         "referralText"?: string;
         /**
-          * @uiName Reward Exchange label
+          * @uiName Reward Exchange Label
          */
         "rewardExchangeText"?: string;
         /**
@@ -4141,7 +4273,7 @@ declare namespace LocalJSX {
     }
     interface SqmRoute {
         /**
-          * @uiName Navigation path name
+          * @uiName Navigation Path Name
          */
         "path"?: string;
     }
@@ -4221,12 +4353,13 @@ declare namespace LocalJSX {
     }
     interface SqmShareButton {
         /**
-          * @uiName Button background color
+          * @uiName Button Background Color
           * @uiWidget color
          */
         "backgroundcolor"?: string;
         /**
-          * @uiName Configure border radius with pixel amount
+          * Configure border radius with pixel amount
+          * @uiName Border Radius
          */
         "borderradius"?: number;
         /**
@@ -4239,16 +4372,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;
         /**
@@ -4278,7 +4411,7 @@ declare namespace LocalJSX {
     | "reminder"
     | "unknown";
         /**
-          * @uiName Display as pill
+          * @uiName Display Pill
          */
         "pill"?: boolean;
         /**
@@ -4287,11 +4420,13 @@ declare namespace LocalJSX {
          */
         "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,7 +4437,7 @@ declare namespace LocalJSX {
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @uiName Button text color
+          * @uiName Button Text Color
           * @uiWidget color
          */
         "textcolor"?: string;
@@ -4337,8 +4472,8 @@ declare namespace LocalJSX {
          */
         "tooltiplifespan"?: number;
         /**
-          * This is shown after someone has successfully copied the cpde to the clipboard.
-          * @uiName Tooltip text
+          * This is shown after someone has successfully copied the code to the clipboard.
+          * @uiName Tooltip Text
          */
         "tooltiptext"?: string;
     }
@@ -4355,12 +4490,12 @@ declare namespace LocalJSX {
         "programId"?: string;
         /**
           * The number of milliseconds that the tooltip will appear for
-          * @uiName Tooltip lifespan
+          * @uiName Tooltip Lifespan
          */
         "tooltiplifespan"?: number;
         /**
           * This is shown after someone has successfully copied the link to the clipboard.
-          * @uiName Tooltip text
+          * @uiName Tooltip Text
          */
         "tooltiptext"?: string;
     }
@@ -4373,7 +4508,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"]
@@ -4408,19 +4543,23 @@ declare namespace LocalJSX {
     interface SqmTaskCard {
         /**
           * @uiName CTA Button Link
+          * @uiGroup CTA Button
          */
         "buttonLink"?: string;
         /**
           * @uiName CTA Button Text
+          * @uiGroup CTA Button
          */
         "buttonText"?: string;
         /**
           * @uiName Title Text
+          * @uiGroup Task
          */
         "cardTitle"?: string;
         /**
           * Displays the amount of times that a user has completed a repeatable task.
           * @uiName Completed Count Text
+          * @uiGroup Task
          */
         "completedText"?: string;
         /**
@@ -4430,88 +4569,108 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
           * @uiName Description Text
+          * @uiGroup Task
          */
         "description"?: string;
         /**
           * Timeframe that the task card will be shown
           * @uiName Display Duration
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @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
+          * @uiName Task Card Button Event Key
+          * @uiGroup CTA Button
          */
         "eventKey"?: string;
         /**
           * @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
+          * CTA Button Link Opens in New Tab
+          * @uiName Open In New Tab
+          * @uiGroup CTA Button
+          * @default undefined
          */
         "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
+          * @uiGroup Goal
          */
         "programId"?: string;
         /**
           * @uiName Progress Bar Unit
+          * @uiGroup Goal
          */
         "progressBarUnit"?: string;
         /**
           * @uiName Goal Repeatable
+          * @uiGroup Goal
          */
         "repeatable"?: boolean;
         /**
           * @uiName Reward Amount
+          * @uiGroup Reward
          */
         "rewardAmount"?: string;
         /**
           * @uiName Reward Duration
           * @uiWidget DateRange
-          * @uiOptions {"allowPastDates":true, "months": 1}
+          * @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}
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
         "statType"?: string;
         /**
           * @uiName Progress Bar Steps
+          * @uiGroup Goal
          */
         "steps"?: boolean;
     }
@@ -4523,7 +4682,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,14 +4726,14 @@ 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"]
@@ -4595,11 +4754,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;
     }