globuswebcomponents 2.13.1 → 2.13.3

package/dist/types/components.d.ts

@@ -126,41 +126,34 @@ export namespace Components {
     }
     interface GbApprovalModal {
         "badgeColor": GeneralColors;
-        "badgeIcon": BadgeIconTypes;
-        "badgeLabel": string;
-        "badgeType": BadgeTypes;
         /**
-          * @default ''
+          * @default 'dot'
          */
-        "firstButtonIconLeadingSwap": string;
+        "badgeIcon": BadgeIconTypes;
         /**
           * @default ''
          */
-        "firstButtonIconTrailingSwap": string;
+        "badgeLabel": string;
         /**
-          * @default ''
+          * @default 'badge_color'
          */
-        "firstButtonText": string;
+        "badgeType": BadgeTypes;
         /**
-          * @default ''
+          * @default 'default'
          */
-        "firstIconButtonSwap": string;
+        "firstButtonState": StateType;
         /**
           * @default ''
          */
-        "secondButtonIconLeadingSwap": string;
+        "firstButtonText": string;
         /**
           * @default ''
          */
-        "secondButtonIconTrailingSwap": string;
+        "headerText": string;
         /**
           * @default ''
          */
         "secondButtonText": string;
-        /**
-          * @default ''
-         */
-        "secondIconButtonSwap": string;
         /**
           * @default true
          */
@@ -168,15 +161,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "thirdButtonIconLeadingSwap": string;
-        /**
-          * @default ''
-         */
-        "thirdButtonIconTrailingSwap": string;
-        /**
-          * @default ''
-         */
-        "thirdButtonText": string;
+        "textareaLabel": string;
     }
     interface GbAvatar {
         "color": ColorTypes;
@@ -465,6 +450,9 @@ export namespace Components {
         "size": GeneralSizes;
     }
     interface GbButtonGroup {
+        /**
+          * @default 'checkbox'
+         */
         "icon": ButtonGroupTypes;
         /**
           * @default [     // { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },     // { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },   ]
@@ -1361,11 +1349,17 @@ export namespace Components {
           * @default false
          */
         "selected": boolean;
+        /**
+          * @default StateEnum.Default
+         */
         "state": StateEnum;
         /**
           * @default false
          */
         "supportingText": boolean;
+        /**
+          * @default 'default'
+         */
         "type": DropdownTypes;
     }
     interface GbInputField {
@@ -1423,7 +1417,7 @@ export namespace Components {
         "menuPosition": 'top' | 'bottom';
         "minLength": number;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     '+234',     '+224',     '+1 246',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options": any[];
         /**
@@ -1435,7 +1429,7 @@ export namespace Components {
          */
         "results": any[];
         /**
-          * @default false
+          * @default true
          */
         "showCountryIcon": boolean;
         /**
@@ -1524,7 +1518,7 @@ export namespace Components {
     }
     interface GbModalAction {
         /**
-          * @default 'multiple'
+          * @default 'double'
          */
         "actionType": 'single' | 'multiple' | 'double';
         /**
@@ -1543,6 +1537,10 @@ export namespace Components {
           * @default ''
          */
         "firstButtonIconTrailingSwap": string;
+        /**
+          * @default 'default'
+         */
+        "firstButtonState": 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -1563,6 +1561,10 @@ export namespace Components {
           * @default ''
          */
         "secondButtonIconTrailingSwap": string;
+        /**
+          * @default 'default'
+         */
+        "secondButtonState": 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -1576,29 +1578,17 @@ export namespace Components {
          */
         "showCheckBox": boolean;
         /**
-          * @default true
-         */
-        "showFirstButton": boolean;
-        /**
-          * @default true
+          * @default false
          */
         "showFirstIconButton": boolean;
         /**
-          * @default true
-         */
-        "showSecondButton": boolean;
-        /**
-          * @default true
+          * @default false
          */
         "showSecondIconButton": boolean;
         /**
-          * @default true
-         */
-        "showSecondaryAction": boolean;
-        /**
-          * @default true
+          * @default false
          */
-        "showThirdButton": boolean;
+        "showSecondaryActions": boolean;
         /**
           * @default ''
          */
@@ -1607,6 +1597,10 @@ export namespace Components {
           * @default ''
          */
         "thirdButtonIconTrailingSwap": string;
+        /**
+          * @default 'default'
+         */
+        "thirdButtonState": 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -1821,6 +1815,10 @@ export namespace Components {
           * @default ''
          */
         "iconInstance": string;
+        /**
+          * @default 'default'
+         */
+        "primaryButtonState": StateType1;
         /**
           * @default ''
          */
@@ -2254,11 +2252,11 @@ export namespace Components {
     }
     interface GbTable {
         /**
-          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   value: row => row.name.toUpperCase(),     //   supportingText: row => row.role,     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
+          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: (row) => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: (row) => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
          */
         "columns": TableColumn[];
         /**
-          * @default [     // {     //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',     //   date: 'Jan 1, 2022',     //   name: 'Emma Johnson',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'John Doe',     //   amount: '$120.00',     //   status: 'Completed',     // },     // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     // { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     // { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     // { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     // { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     // { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     // { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     // { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     // { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     // { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     // { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     // { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     // { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     // { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     // { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     // { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     // { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     // { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     // { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     // { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     // { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     // { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     // { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     // { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     // { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     // { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     // { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
+          * @default [     // {     //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',     //   date: 'Jan 1, 2022',     //   name: 'Emma Johnson',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'John Doe',     //   amount: '$120.00',     //   status: 'Completed',     // },     // {     //   id: '#3002',     //   date: new Date(),     //   name: 'Emmanuel Kadiri',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=1',     // },     // {     //   id: '#3003',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=2',     // },     // {     //   id: '#3004',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=3',     // },     // {     //   id: '#3005',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=4',     // },     // {     //   id: '#3006',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=5',     // },     // {     //   id: '#3003',     //   date: 'Jan 3, 2022',     //   name: 'Olivia Brown',     //   role: 'UI Designer',     //   level: 'Today',     //   customer: 'Michael Lee',     //   amount: '$230.75',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=6',     // },     // {     //   id: '#3004',     //   date: 'Jan 4, 2022',     //   name: 'Noah Davis',     //   role: 'DevOps Engineer',     //   level: 'Today',     //   customer: 'Emily Clark',     //   amount: '$59.99',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=7',     // },     // {     //   id: '#3005',     //   date: 'Jan 5, 2022',     //   name: 'Ava Martinez',     //   role: 'Product Manager',     //   level: 'Today',     //   customer: 'Daniel Harris',     //   amount: '$410.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=8',     // },     // {     //   id: '#3006',     //   date: 'Jan 6, 2022',     //   name: 'William Garcia',     //   role: 'QA Engineer',     //   level: 'Today',     //   customer: 'Sophia Lewis',     //   amount: '$150.20',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=9',     // },     // {     //   id: '#3007',     //   date: 'Jan 7, 2022',     //   name: 'Isabella Rodriguez',     //   role: 'Business Analyst',     //   level: 'Today',     //   customer: 'James Walker',     //   amount: '$78.40',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=10',     // },     // {     //   id: '#3008',     //   date: 'Jan 8, 2022',     //   name: 'James Wilson',     //   role: 'Fullstack Developer',     //   level: 'Today',     //   customer: 'Mia Hall',     //   amount: '$300.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=11',     // },     // {     //   id: '#3009',     //   date: 'Jan 9, 2022',     //   name: 'Sophia Anderson',     //   role: 'UX Researcher',     //   level: 'Today',     //   customer: 'Benjamin Allen',     //   amount: '$95.60',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=12',     // },     // {     //   id: '#3010',     //   date: 'Jan 10, 2022',     //   name: 'Benjamin Thomas',     //   role: 'Mobile Developer',     //   level: 'Today',     //   customer: 'Charlotte Young',     //   amount: '$210.10',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=13',     // },     // {     //   id: '#3011',     //   date: 'Jan 11, 2022',     //   name: 'Mia Taylor',     //   role: 'Data Analyst',     //   level: 'Today',     //   customer: 'Lucas King',     //   amount: '$180.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=14',     // },     // {     //   id: '#3012',     //   date: 'Jan 12, 2022',     //   name: 'Lucas Moore',     //   role: 'Cloud Engineer',     //   level: 'Today',     //   customer: 'Amelia Scott',     //   amount: '$420.75',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=15',     // },     // {     //   id: '#3013',     //   date: 'Jan 13, 2022',     //   name: 'Charlotte Jackson',     //   role: 'Security Engineer',     //   level: 'Today',     //   customer: 'Elijah Green',     //   amount: '$65.90',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=16',     // },     // {     //   id: '#3014',     //   date: 'Jan 14, 2022',     //   name: 'Elijah Martin',     //   role: 'Technical Lead',     //   level: 'Today',     //   customer: 'Harper Adams',     //   amount: '$510.30',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=17',     // },     // {     //   id: '#3015',     //   date: 'Jan 15, 2022',     //   name: 'Amelia Lee',     //   role: 'Scrum Master',     //   level: 'Today',     //   customer: 'Alexander Baker',     //   amount: '$99.99',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=18',     // },     // {     //   id: '#3016',     //   date: 'Jan 16, 2022',     //   name: 'Harper Perez',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'Ella Nelson',     //   amount: '$275.45',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=19',     // },     // {     //   id: '#3017',     //   date: 'Jan 17, 2022',     //   name: 'Alexander White',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Matthew Carter',     //   amount: '$340.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=20',     // },     // {     //   id: '#3018',     //   date: 'Jan 18, 2022',     //   name: 'Ella Harris',     //   role: 'UI Designer',     //   level: 'Today',     //   customer: 'Avery Mitchell',     //   amount: '$88.80',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=21',     // },     // {     //   id: '#3019',     //   date: 'Jan 19, 2022',     //   name: 'Matthew Clark',     //   role: 'DevOps Engineer',     //   level: 'Today',     //   customer: 'Evelyn Perez',     //   amount: '$190.25',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=22',     // },     // {     //   id: '#3020',     //   date: 'Jan 20, 2022',     //   name: 'Avery Lewis',     //   role: 'Product Manager',     //   level: 'Today',     //   customer: 'Henry Roberts',     //   amount: '$600.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=23',     // },     // {     //   id: '#3021',     //   date: 'Jan 21, 2022',     //   name: 'Evelyn Walker',     //   role: 'QA Engineer',     //   level: 'Today',     //   customer: 'Luna Turner',     //   amount: '$72.30',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=24',     // },     // {     //   id: '#3022',     //   date: 'Jan 22, 2022',     //   name: 'Henry Hall',     //   role: 'Business Analyst',     //   level: 'Today',     //   customer: 'Jack Phillips',     //   amount: '$310.40',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=25',     // },     // {     //   id: '#3023',     //   date: 'Jan 23, 2022',     //   name: 'Luna Allen',     //   role: 'Fullstack Developer',     //   level: 'Today',     //   customer: 'Sofia Campbell',     //   amount: '$145.00',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=26',     // },     // {     //   id: '#3024',     //   date: 'Jan 24, 2022',     //   name: 'Jack Young',     //   role: 'UX Researcher',     //   level: 'Today',     //   customer: 'David Parker',     //   amount: '$260.70',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=27',     // },     // {     //   id: '#3025',     //   date: 'Jan 25, 2022',     //   name: 'Sofia Hernandez',     //   role: 'Mobile Developer',     //   level: 'Today',     //   customer: 'Grace Evans',     //   amount: '$89.10',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=28',     // },     // {     //   id: '#3026',     //   date: 'Jan 26, 2022',     //   name: 'David King',     //   role: 'Data Analyst',     //   level: 'Today',     //   customer: 'Samuel Edwards',     //   amount: '$410.90',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=29',     // },     // {     //   id: '#3027',     //   date: 'Jan 27, 2022',     //   name: 'Grace Wright',     //   role: 'Cloud Engineer',     //   level: 'Today',     //   customer: 'Chloe Collins',     //   amount: '$130.55',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=30',     // },     // {     //   id: '#3028',     //   date: 'Jan 28, 2022',     //   name: 'Samuel Scott',     //   role: 'Security Engineer',     //   level: 'Today',     //   customer: 'Victoria Stewart',     //   amount: '$555.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=31',     // },     // {     //   id: '#3029',     //   date: 'Jan 29, 2022',     //   name: 'Chloe Green',     //   role: 'Technical Lead',     //   level: 'Today',     //   customer: 'Nathan Morris',     //   amount: '$205.25',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=32',     // },     // {     //   id: '#3030',     //   date: 'Jan 30, 2022',     //   name: 'Nathan Adams',     //   role: 'Scrum Master',     //   level: 'Today',     //   customer: 'Zoe Rogers',     //   amount: '$320.80',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=33',     // },   ]
          */
         "data": any[];
         /**
@@ -2338,6 +2336,9 @@ export namespace Components {
           * @default 'gray'
          */
         "tableHeadColor": 'gray' | 'blue';
+        /**
+          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: false,     showLayoutToggle: true,     datePickerMode: 'range',     inputPlaceholder: 'Transaction reference',     showEntireData: true,   }
+         */
         "tableHeaderConfig": {
     tableHeading?: boolean;
     tableHeadingLabel?: string;
@@ -2621,13 +2622,25 @@ export namespace Components {
         "state": StateEnum;
     }
     interface GbTokenFieldCompact {
+        /**
+          * @default 6
+         */
         "digits": 4 | 6 | 8;
         /**
           * @default ''
          */
         "label": string;
+        /**
+          * @default false
+         */
         "showLabel": boolean;
+        /**
+          * @default false
+         */
         "showSupportingText": boolean;
+        /**
+          * @default 'md'
+         */
         "size": GeneralSizes;
         /**
           * @default ''
@@ -2635,6 +2648,9 @@ export namespace Components {
         "supportingText": string;
     }
     interface GbTokenFieldCompressed {
+        /**
+          * @default 6
+         */
         "digits": 4 | 6 | 8;
         /**
           * @default ''
@@ -2644,9 +2660,21 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * @default false
+         */
         "showHintText": boolean;
+        /**
+          * @default false
+         */
         "showLabel": boolean;
+        /**
+          * @default 'md'
+         */
         "size": GeneralSizes;
+        /**
+          * @default 'default'
+         */
         "state": 'default' | 'active' | 'disabled';
     }
     interface GbTooltip {
@@ -2759,6 +2787,10 @@ export interface GbActionPanelCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbActionPanelElement;
 }
+export interface GbApprovalModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbApprovalModalElement;
+}
 export interface GbAvatarDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbAvatarDropdownElement;
@@ -2981,7 +3013,20 @@ declare global {
         prototype: HTMLGbActionPanelElement;
         new (): HTMLGbActionPanelElement;
     };
+    interface HTMLGbApprovalModalElementEventMap {
+        "primaryButtonClicked": void;
+        "secondaryButtonClicked": void;
+        "textareaValueChanged": string;
+    }
     interface HTMLGbApprovalModalElement extends Components.GbApprovalModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbApprovalModalElementEventMap>(type: K, listener: (this: HTMLGbApprovalModalElement, ev: GbApprovalModalCustomEvent<HTMLGbApprovalModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGbApprovalModalElementEventMap>(type: K, listener: (this: HTMLGbApprovalModalElement, ev: GbApprovalModalCustomEvent<HTMLGbApprovalModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGbApprovalModalElement: {
         prototype: HTMLGbApprovalModalElement;
@@ -3826,8 +3871,8 @@ declare global {
     };
     interface HTMLGbSidebarElementEventMap {
         "simpleSidebarItemClicked": number;
-        "secondaryItemClicked": number;
-        "primaryItemClicked": { primary: number; secondary: number };
+        "secondaryItemClicked": { index: number; label: string };
+        "primaryItemClicked": { index: number; label: string };
         "sidebarState": string;
     }
     interface HTMLGbSidebarElement extends Components.GbSidebar, HTMLStencilElement {
@@ -4166,7 +4211,7 @@ declare global {
         new (): HTMLGbTokenFieldCompactElement;
     };
     interface HTMLGbTokenFieldCompressedElementEventMap {
-        "tokenComplete": string;
+        "tokenInputted": string;
     }
     interface HTMLGbTokenFieldCompressedElement extends Components.GbTokenFieldCompressed, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbTokenFieldCompressedElementEventMap>(type: K, listener: (this: HTMLGbTokenFieldCompressedElement, ev: GbTokenFieldCompressedCustomEvent<HTMLGbTokenFieldCompressedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4495,41 +4540,37 @@ declare namespace LocalJSX {
     }
     interface GbApprovalModal {
         "badgeColor"?: GeneralColors;
-        "badgeIcon"?: BadgeIconTypes;
-        "badgeLabel"?: string;
-        "badgeType"?: BadgeTypes;
         /**
-          * @default ''
+          * @default 'dot'
          */
-        "firstButtonIconLeadingSwap"?: string;
+        "badgeIcon"?: BadgeIconTypes;
         /**
           * @default ''
          */
-        "firstButtonIconTrailingSwap"?: string;
+        "badgeLabel"?: string;
         /**
-          * @default ''
+          * @default 'badge_color'
          */
-        "firstButtonText"?: string;
+        "badgeType"?: BadgeTypes;
         /**
-          * @default ''
+          * @default 'default'
          */
-        "firstIconButtonSwap"?: string;
+        "firstButtonState"?: StateType;
         /**
           * @default ''
          */
-        "secondButtonIconLeadingSwap"?: string;
+        "firstButtonText"?: string;
         /**
           * @default ''
          */
-        "secondButtonIconTrailingSwap"?: string;
+        "headerText"?: string;
+        "onPrimaryButtonClicked"?: (event: GbApprovalModalCustomEvent<void>) => void;
+        "onSecondaryButtonClicked"?: (event: GbApprovalModalCustomEvent<void>) => void;
+        "onTextareaValueChanged"?: (event: GbApprovalModalCustomEvent<string>) => void;
         /**
           * @default ''
          */
         "secondButtonText"?: string;
-        /**
-          * @default ''
-         */
-        "secondIconButtonSwap"?: string;
         /**
           * @default true
          */
@@ -4537,15 +4578,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "thirdButtonIconLeadingSwap"?: string;
-        /**
-          * @default ''
-         */
-        "thirdButtonIconTrailingSwap"?: string;
-        /**
-          * @default ''
-         */
-        "thirdButtonText"?: string;
+        "textareaLabel"?: string;
     }
     interface GbAvatar {
         "color"?: ColorTypes;
@@ -4838,6 +4871,9 @@ declare namespace LocalJSX {
         "size": GeneralSizes;
     }
     interface GbButtonGroup {
+        /**
+          * @default 'checkbox'
+         */
         "icon"?: ButtonGroupTypes;
         /**
           * @default [     // { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },     // { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },     // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },   ]
@@ -5759,11 +5795,17 @@ declare namespace LocalJSX {
           * @default false
          */
         "selected"?: boolean;
+        /**
+          * @default StateEnum.Default
+         */
         "state"?: StateEnum;
         /**
           * @default false
          */
         "supportingText"?: boolean;
+        /**
+          * @default 'default'
+         */
         "type"?: DropdownTypes;
     }
     interface GbInputField {
@@ -5824,7 +5866,7 @@ declare namespace LocalJSX {
         "onOptionChanged"?: (event: GbInputFieldCustomEvent<any>) => void;
         "onPlusButtonClicked"?: (event: GbInputFieldCustomEvent<void>) => void;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     '+234',     '+224',     '+1 246',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options"?: any[];
         /**
@@ -5836,7 +5878,7 @@ declare namespace LocalJSX {
          */
         "results"?: any[];
         /**
-          * @default false
+          * @default true
          */
         "showCountryIcon"?: boolean;
         /**
@@ -5926,7 +5968,7 @@ declare namespace LocalJSX {
     }
     interface GbModalAction {
         /**
-          * @default 'multiple'
+          * @default 'double'
          */
         "actionType"?: 'single' | 'multiple' | 'double';
         /**
@@ -5945,6 +5987,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "firstButtonIconTrailingSwap"?: string;
+        /**
+          * @default 'default'
+         */
+        "firstButtonState"?: 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -5968,6 +6014,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "secondButtonIconTrailingSwap"?: string;
+        /**
+          * @default 'default'
+         */
+        "secondButtonState"?: 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -5981,29 +6031,17 @@ declare namespace LocalJSX {
          */
         "showCheckBox"?: boolean;
         /**
-          * @default true
-         */
-        "showFirstButton"?: boolean;
-        /**
-          * @default true
+          * @default false
          */
         "showFirstIconButton"?: boolean;
         /**
-          * @default true
-         */
-        "showSecondButton"?: boolean;
-        /**
-          * @default true
+          * @default false
          */
         "showSecondIconButton"?: boolean;
         /**
-          * @default true
-         */
-        "showSecondaryAction"?: boolean;
-        /**
-          * @default true
+          * @default false
          */
-        "showThirdButton"?: boolean;
+        "showSecondaryActions"?: boolean;
         /**
           * @default ''
          */
@@ -6012,6 +6050,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "thirdButtonIconTrailingSwap"?: string;
+        /**
+          * @default 'default'
+         */
+        "thirdButtonState"?: 'default' | 'disabled';
         /**
           * @default ''
          */
@@ -6234,6 +6276,10 @@ declare namespace LocalJSX {
         "onCloseButtonClicked"?: (event: GbPromptModalCustomEvent<void>) => void;
         "onPrimaryButtonClicked"?: (event: GbPromptModalCustomEvent<void>) => void;
         "onSecondaryButtonClicked"?: (event: GbPromptModalCustomEvent<void>) => void;
+        /**
+          * @default 'default'
+         */
+        "primaryButtonState"?: StateType1;
         /**
           * @default ''
          */
@@ -6387,8 +6433,8 @@ declare namespace LocalJSX {
           * @default ''
          */
         "ninthItemLabel"?: string;
-        "onPrimaryItemClicked"?: (event: GbSidebarCustomEvent<{ primary: number; secondary: number }>) => void;
-        "onSecondaryItemClicked"?: (event: GbSidebarCustomEvent<number>) => void;
+        "onPrimaryItemClicked"?: (event: GbSidebarCustomEvent<{ index: number; label: string }>) => void;
+        "onSecondaryItemClicked"?: (event: GbSidebarCustomEvent<{ index: number; label: string }>) => void;
         "onSidebarState"?: (event: GbSidebarCustomEvent<string>) => void;
         "onSimpleSidebarItemClicked"?: (event: GbSidebarCustomEvent<number>) => void;
         /**
@@ -6676,11 +6722,11 @@ declare namespace LocalJSX {
     }
     interface GbTable {
         /**
-          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   value: row => row.name.toUpperCase(),     //   supportingText: row => row.role,     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
+          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: (row) => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: (row) => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
          */
         "columns"?: TableColumn[];
         /**
-          * @default [     // {     //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',     //   date: 'Jan 1, 2022',     //   name: 'Emma Johnson',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'John Doe',     //   amount: '$120.00',     //   status: 'Completed',     // },     // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },     // { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },     // { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },     // { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },     // { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },     // { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },     // { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },     // { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },     // { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },     // { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },     // { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },     // { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },     // { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },     // { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },     // { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },     // { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },     // { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },     // { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },     // { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },     // { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },     // { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },     // { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },     // { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },     // { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },     // { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },     // { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },     // { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },     // { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },     // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },   ]
+          * @default [     // {     //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',     //   date: 'Jan 1, 2022',     //   name: 'Emma Johnson',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'John Doe',     //   amount: '$120.00',     //   status: 'Completed',     // },     // {     //   id: '#3002',     //   date: new Date(),     //   name: 'Emmanuel Kadiri',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=1',     // },     // {     //   id: '#3003',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=2',     // },     // {     //   id: '#3004',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=3',     // },     // {     //   id: '#3005',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=4',     // },     // {     //   id: '#3006',     //   date: new Date(),     //   name: 'Liam Smith',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Sarah Wilson',     //   amount: '$85.50',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=5',     // },     // {     //   id: '#3003',     //   date: 'Jan 3, 2022',     //   name: 'Olivia Brown',     //   role: 'UI Designer',     //   level: 'Today',     //   customer: 'Michael Lee',     //   amount: '$230.75',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=6',     // },     // {     //   id: '#3004',     //   date: 'Jan 4, 2022',     //   name: 'Noah Davis',     //   role: 'DevOps Engineer',     //   level: 'Today',     //   customer: 'Emily Clark',     //   amount: '$59.99',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=7',     // },     // {     //   id: '#3005',     //   date: 'Jan 5, 2022',     //   name: 'Ava Martinez',     //   role: 'Product Manager',     //   level: 'Today',     //   customer: 'Daniel Harris',     //   amount: '$410.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=8',     // },     // {     //   id: '#3006',     //   date: 'Jan 6, 2022',     //   name: 'William Garcia',     //   role: 'QA Engineer',     //   level: 'Today',     //   customer: 'Sophia Lewis',     //   amount: '$150.20',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=9',     // },     // {     //   id: '#3007',     //   date: 'Jan 7, 2022',     //   name: 'Isabella Rodriguez',     //   role: 'Business Analyst',     //   level: 'Today',     //   customer: 'James Walker',     //   amount: '$78.40',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=10',     // },     // {     //   id: '#3008',     //   date: 'Jan 8, 2022',     //   name: 'James Wilson',     //   role: 'Fullstack Developer',     //   level: 'Today',     //   customer: 'Mia Hall',     //   amount: '$300.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=11',     // },     // {     //   id: '#3009',     //   date: 'Jan 9, 2022',     //   name: 'Sophia Anderson',     //   role: 'UX Researcher',     //   level: 'Today',     //   customer: 'Benjamin Allen',     //   amount: '$95.60',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=12',     // },     // {     //   id: '#3010',     //   date: 'Jan 10, 2022',     //   name: 'Benjamin Thomas',     //   role: 'Mobile Developer',     //   level: 'Today',     //   customer: 'Charlotte Young',     //   amount: '$210.10',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=13',     // },     // {     //   id: '#3011',     //   date: 'Jan 11, 2022',     //   name: 'Mia Taylor',     //   role: 'Data Analyst',     //   level: 'Today',     //   customer: 'Lucas King',     //   amount: '$180.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=14',     // },     // {     //   id: '#3012',     //   date: 'Jan 12, 2022',     //   name: 'Lucas Moore',     //   role: 'Cloud Engineer',     //   level: 'Today',     //   customer: 'Amelia Scott',     //   amount: '$420.75',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=15',     // },     // {     //   id: '#3013',     //   date: 'Jan 13, 2022',     //   name: 'Charlotte Jackson',     //   role: 'Security Engineer',     //   level: 'Today',     //   customer: 'Elijah Green',     //   amount: '$65.90',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=16',     // },     // {     //   id: '#3014',     //   date: 'Jan 14, 2022',     //   name: 'Elijah Martin',     //   role: 'Technical Lead',     //   level: 'Today',     //   customer: 'Harper Adams',     //   amount: '$510.30',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=17',     // },     // {     //   id: '#3015',     //   date: 'Jan 15, 2022',     //   name: 'Amelia Lee',     //   role: 'Scrum Master',     //   level: 'Today',     //   customer: 'Alexander Baker',     //   amount: '$99.99',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=18',     // },     // {     //   id: '#3016',     //   date: 'Jan 16, 2022',     //   name: 'Harper Perez',     //   role: 'Frontend Developer',     //   level: 'Today',     //   customer: 'Ella Nelson',     //   amount: '$275.45',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=19',     // },     // {     //   id: '#3017',     //   date: 'Jan 17, 2022',     //   name: 'Alexander White',     //   role: 'Backend Developer',     //   level: 'Today',     //   customer: 'Matthew Carter',     //   amount: '$340.00',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=20',     // },     // {     //   id: '#3018',     //   date: 'Jan 18, 2022',     //   name: 'Ella Harris',     //   role: 'UI Designer',     //   level: 'Today',     //   customer: 'Avery Mitchell',     //   amount: '$88.80',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=21',     // },     // {     //   id: '#3019',     //   date: 'Jan 19, 2022',     //   name: 'Matthew Clark',     //   role: 'DevOps Engineer',     //   level: 'Today',     //   customer: 'Evelyn Perez',     //   amount: '$190.25',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=22',     // },     // {     //   id: '#3020',     //   date: 'Jan 20, 2022',     //   name: 'Avery Lewis',     //   role: 'Product Manager',     //   level: 'Today',     //   customer: 'Henry Roberts',     //   amount: '$600.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=23',     // },     // {     //   id: '#3021',     //   date: 'Jan 21, 2022',     //   name: 'Evelyn Walker',     //   role: 'QA Engineer',     //   level: 'Today',     //   customer: 'Luna Turner',     //   amount: '$72.30',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=24',     // },     // {     //   id: '#3022',     //   date: 'Jan 22, 2022',     //   name: 'Henry Hall',     //   role: 'Business Analyst',     //   level: 'Today',     //   customer: 'Jack Phillips',     //   amount: '$310.40',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=25',     // },     // {     //   id: '#3023',     //   date: 'Jan 23, 2022',     //   name: 'Luna Allen',     //   role: 'Fullstack Developer',     //   level: 'Today',     //   customer: 'Sofia Campbell',     //   amount: '$145.00',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=26',     // },     // {     //   id: '#3024',     //   date: 'Jan 24, 2022',     //   name: 'Jack Young',     //   role: 'UX Researcher',     //   level: 'Today',     //   customer: 'David Parker',     //   amount: '$260.70',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=27',     // },     // {     //   id: '#3025',     //   date: 'Jan 25, 2022',     //   name: 'Sofia Hernandez',     //   role: 'Mobile Developer',     //   level: 'Today',     //   customer: 'Grace Evans',     //   amount: '$89.10',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=28',     // },     // {     //   id: '#3026',     //   date: 'Jan 26, 2022',     //   name: 'David King',     //   role: 'Data Analyst',     //   level: 'Today',     //   customer: 'Samuel Edwards',     //   amount: '$410.90',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=29',     // },     // {     //   id: '#3027',     //   date: 'Jan 27, 2022',     //   name: 'Grace Wright',     //   role: 'Cloud Engineer',     //   level: 'Today',     //   customer: 'Chloe Collins',     //   amount: '$130.55',     //   status: 'Cancelled',     //   image: 'https://i.pravatar.cc/150?img=30',     // },     // {     //   id: '#3028',     //   date: 'Jan 28, 2022',     //   name: 'Samuel Scott',     //   role: 'Security Engineer',     //   level: 'Today',     //   customer: 'Victoria Stewart',     //   amount: '$555.00',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=31',     // },     // {     //   id: '#3029',     //   date: 'Jan 29, 2022',     //   name: 'Chloe Green',     //   role: 'Technical Lead',     //   level: 'Today',     //   customer: 'Nathan Morris',     //   amount: '$205.25',     //   status: 'Pending',     //   image: 'https://i.pravatar.cc/150?img=32',     // },     // {     //   id: '#3030',     //   date: 'Jan 30, 2022',     //   name: 'Nathan Adams',     //   role: 'Scrum Master',     //   level: 'Today',     //   customer: 'Zoe Rogers',     //   amount: '$320.80',     //   status: 'Completed',     //   image: 'https://i.pravatar.cc/150?img=33',     // },   ]
          */
         "data"?: any[];
         /**
@@ -6770,6 +6816,9 @@ declare namespace LocalJSX {
           * @default 'gray'
          */
         "tableHeadColor"?: 'gray' | 'blue';
+        /**
+          * @default {     tableHeading: false,     tableHeadingLabel: 'Suspicious outflows',     showDateFilter: true,     showFilter: true,     showColumnOptions: true,     showSearch: true,     showExport: true,     showRefreshButton: false,     showLayoutToggle: true,     datePickerMode: 'range',     inputPlaceholder: 'Transaction reference',     showEntireData: true,   }
+         */
         "tableHeaderConfig"?: {
     tableHeading?: boolean;
     tableHeadingLabel?: string;
@@ -7068,14 +7117,26 @@ declare namespace LocalJSX {
         "state"?: StateEnum;
     }
     interface GbTokenFieldCompact {
+        /**
+          * @default 6
+         */
         "digits"?: 4 | 6 | 8;
         /**
           * @default ''
          */
         "label"?: string;
         "onTokenValueChanged"?: (event: GbTokenFieldCompactCustomEvent<number>) => void;
+        /**
+          * @default false
+         */
         "showLabel"?: boolean;
+        /**
+          * @default false
+         */
         "showSupportingText"?: boolean;
+        /**
+          * @default 'md'
+         */
         "size"?: GeneralSizes;
         /**
           * @default ''
@@ -7083,6 +7144,9 @@ declare namespace LocalJSX {
         "supportingText"?: string;
     }
     interface GbTokenFieldCompressed {
+        /**
+          * @default 6
+         */
         "digits"?: 4 | 6 | 8;
         /**
           * @default ''
@@ -7092,10 +7156,22 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
-        "onTokenComplete"?: (event: GbTokenFieldCompressedCustomEvent<string>) => void;
+        "onTokenInputted"?: (event: GbTokenFieldCompressedCustomEvent<string>) => void;
+        /**
+          * @default false
+         */
         "showHintText"?: boolean;
+        /**
+          * @default false
+         */
         "showLabel"?: boolean;
+        /**
+          * @default 'md'
+         */
         "size"?: GeneralSizes;
+        /**
+          * @default 'default'
+         */
         "state"?: 'default' | 'active' | 'disabled';
     }
     interface GbTooltip {