globuswebcomponents 2.8.11 → 2.9.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-13T09:42:31",
+  "timestamp": "2026-02-18T07:49:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -4248,7 +4248,8 @@
         "gb-filter-button",
         "gb-metric-card",
         "gb-simple-side-bar-item",
-        "gb-tab-button-base"
+        "gb-tab-button-base",
+        "gb-table"
       ],
       "dependencies": [
         "gb-avatar",
@@ -4283,6 +4284,9 @@
         ],
         "gb-tab-button-base": [
           "gb-badge"
+        ],
+        "gb-table": [
+          "gb-badge"
         ]
       }
     },
@@ -5710,7 +5714,34 @@
           "setter": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "getNativeButton",
+          "returns": {
+            "type": "Promise<HTMLButtonElement>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<HTMLButtonElement | null>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLButtonElement": {
+                "location": "global",
+                "id": "global::HTMLButtonElement"
+              }
+            },
+            "return": "Promise<HTMLButtonElement>"
+          },
+          "signature": "getNativeButton() => Promise<HTMLButtonElement | null>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "buttonClicked",
@@ -7156,7 +7187,8 @@
         "gb-dropdown-items-with-shortcut",
         "gb-input-dropdown-menu-item",
         "gb-modal-action",
-        "gb-prompt-modal"
+        "gb-prompt-modal",
+        "gb-table"
       ],
       "dependencies": [
         "gb-checkbox-base"
@@ -7185,6 +7217,9 @@
         ],
         "gb-prompt-modal": [
           "gb-checkbox"
+        ],
+        "gb-table": [
+          "gb-checkbox"
         ]
       }
     },
@@ -9508,10 +9543,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'left'"
+              "text": "'right'"
             }
           ],
-          "default": "'left'",
+          "default": "'right'",
           "values": [
             {
               "value": "left",
@@ -10958,7 +10993,8 @@
         "gb-avatar-dropdown",
         "gb-contact-help-dropdown",
         "gb-help-dropdown",
-        "gb-nav-bar"
+        "gb-nav-bar",
+        "gb-table"
       ],
       "dependencies": [
         "gb-checkbox"
@@ -10981,6 +11017,9 @@
         ],
         "gb-nav-bar": [
           "gb-dropdown-items-with-shortcut"
+        ],
+        "gb-table": [
+          "gb-dropdown-items-with-shortcut"
         ]
       }
     },
@@ -11864,7 +11903,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-table"
+      ],
       "dependencies": [
         "gb-pattern",
         "gb-featured-icon",
@@ -11882,6 +11923,9 @@
         ],
         "gb-button": [
           "gb-tooltip"
+        ],
+        "gb-table": [
+          "gb-empty-state"
         ]
       }
     },
@@ -15042,7 +15086,8 @@
       "parts": [],
       "dependents": [
         "gb-input-dropdown",
-        "gb-input-field"
+        "gb-input-field",
+        "gb-table"
       ],
       "dependencies": [
         "gb-tooltip"
@@ -15056,6 +15101,9 @@
         ],
         "gb-input-field": [
           "gb-help-tooltip"
+        ],
+        "gb-table": [
+          "gb-help-tooltip"
         ]
       }
     },
@@ -15237,10 +15285,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // {\r\n    //   name: 'All accounts',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ]"
+              "text": "[\r\n    // {\r\n    //   name: 'All accounts',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'LCY Accounts',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'FCY',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // {\r\n    //   name: 'All accounts',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   name: 'All accounts',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'LCY Accounts',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'FCY',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "{ name: string; index: number; badgeCount?: string; }[]"
@@ -16174,20 +16222,26 @@
         },
         {
           "name": "menuPosition",
-          "type": "\" bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\"",
           "complexType": {
-            "original": "'top' | ' bottom'",
-            "resolved": "\" bottom\" | \"top\"",
+            "original": "'top' | 'bottom'",
+            "resolved": "\"bottom\" | \"top\"",
             "references": {}
           },
           "mutable": false,
           "attr": "menu-position",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'bottom'"
+            }
+          ],
+          "default": "'bottom'",
           "values": [
             {
-              "value": " bottom",
+              "value": "bottom",
               "type": "string"
             },
             {
@@ -16409,7 +16463,13 @@
           "attr": "size",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
           "values": [
             {
               "value": "lg",
@@ -16477,7 +16537,13 @@
           "attr": "state",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
           "values": [
             {
               "value": "default",
@@ -16577,7 +16643,13 @@
           "attr": "type",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
           "values": [
             {
               "value": "avatar_leading",
@@ -17140,7 +17212,6 @@
       "dependents": [
         "gb-input-dropdown",
         "gb-input-field",
-        "gb-table",
         "gb-textarea-input-field",
         "test-input-tag"
       ],
@@ -17166,9 +17237,6 @@
         "gb-input-field": [
           "gb-input-dropdown-menu-item"
         ],
-        "gb-table": [
-          "gb-input-dropdown-menu-item"
-        ],
         "gb-textarea-input-field": [
           "gb-input-dropdown-menu-item"
         ],
@@ -21871,10 +21939,38 @@
       "filePath": "src/components/gb-portal/gb-portal.tsx",
       "encapsulation": "shadow",
       "tag": "gb-portal",
+      "readme": "# gb-portal\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "anchorEl",
+          "type": "HTMLElement",
+          "complexType": {
+            "original": "HTMLElement",
+            "resolved": "HTMLElement",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "HTMLElement"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "anchorId",
           "type": "string",
@@ -21929,11 +22025,17 @@
         },
         {
           "name": "placement",
-          "type": "any",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
           "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
+            "original": "PortalPlacement",
+            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+            "references": {
+              "PortalPlacement": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::PortalPlacement"
+              }
+            }
           },
           "mutable": false,
           "attr": "placement",
@@ -21942,13 +22044,58 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'bottom-start'"
+              "text": "'bottom-end'"
             }
           ],
-          "default": "'bottom-start'",
+          "default": "'bottom-end'",
           "values": [
             {
-              "type": "any"
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "left-end",
+              "type": "string"
+            },
+            {
+              "value": "left-start",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            },
+            {
+              "value": "right-end",
+              "type": "string"
+            },
+            {
+              "value": "right-start",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -27081,6 +27228,7 @@
       "filePath": "src/components/gb-table/gb-table.tsx",
       "encapsulation": "shadow",
       "tag": "gb-table",
+      "readme": "# gb-table\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -27142,10 +27290,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    { key: 'id', label: '#', width: '70px' },\r\n    { key: 'date', label: 'Date' },\r\n    { key: 'name', label: 'Name' },\r\n    { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    { key: 'level', label: 'Level' },\r\n    { key: 'customer', label: 'Customer' },\r\n    { key: 'amount', label: 'Amount' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      cellComponent: 'gb-badge',\r\n      cellProps: row => ({\r\n        color: row.status === 'Completed' ? 'success' : 'error',\r\n        type: 'badge_modern',\r\n        size: 'sm',\r\n        icon: 'dot',\r\n      }),\r\n      cellSlots: row => <p>{row.status}</p>,\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ]"
+              "text": "[\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      render: row => (\r\n        <gb-badge color={row.status === 'Completed' ? 'success' : 'error'} type=\"badge_modern\" size=\"sm\" icon=\"dot\">\r\n          <p>{row.status}</p>\r\n        </gb-badge>\r\n      ),\r\n      mobile: { position: 'bottom_right' },\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ]"
             }
           ],
-          "default": "[\r\n    { key: 'id', label: '#', width: '70px' },\r\n    { key: 'date', label: 'Date' },\r\n    { key: 'name', label: 'Name' },\r\n    { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'role', label: 'Role' },\r\n    { key: 'level', label: 'Level' },\r\n    { key: 'customer', label: 'Customer' },\r\n    { key: 'amount', label: 'Amount' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      cellComponent: 'gb-badge',\r\n      cellProps: row => ({\r\n        color: row.status === 'Completed' ? 'success' : 'error',\r\n        type: 'badge_modern',\r\n        size: 'sm',\r\n        icon: 'dot',\r\n      }),\r\n      cellSlots: row => <p>{row.status}</p>,\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ]",
+          "default": "[\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      render: row => (\r\n        <gb-badge color={row.status === 'Completed' ? 'success' : 'error'} type=\"badge_modern\" size=\"sm\" icon=\"dot\">\r\n          <p>{row.status}</p>\r\n        </gb-badge>\r\n      ),\r\n      mobile: { position: 'bottom_right' },\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "TableColumn[]"
@@ -27170,10 +27318,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    {\r\n      id: '#3057',\r\n      date: 'Jan 3, 2022',\r\n      name: 'Emmanuel Kadiri',\r\n      role: 'Frontend developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    {\r\n      id: '#3058',\r\n      date: 'Jan 4, 2022',\r\n      customer: 'Sarah Johnson',\r\n      amount: '$85.50',\r\n      status: 'Pending',\r\n    },\r\n    {\r\n      id: '#3059',\r\n      date: 'Jan 5, 2022',\r\n      customer: 'Michael Brown',\r\n      amount: '$230.75',\r\n      status: 'Cancelled',\r\n    },\r\n    {\r\n      id: '#3060',\r\n      date: 'Jan 6, 2022',\r\n      customer: 'Emily Davis',\r\n      amount: '$59.99',\r\n      status: 'Completed',\r\n    },\r\n    {\r\n      id: '#3061',\r\n      date: 'Jan 7, 2022',\r\n      customer: 'Daniel Wilson',\r\n      amount: '$410.00',\r\n      status: 'Pending',\r\n    },\r\n  ]"
+              "text": "[\r\n    {\r\n      id: '#3001',\r\n      date: 'Jan 1, 2022',\r\n      name: 'Emma Johnson',\r\n      role: 'Frontend Developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    {\r\n      id: '#3057',\r\n      date: 'Jan 3, 2022',\r\n      name: 'Emmanuel Kadiri',\r\n      role: 'Frontend developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    {\r\n      id: '#3058',\r\n      date: 'Jan 4, 2022',\r\n      customer: 'Sarah Johnson',\r\n      amount: '$85.50',\r\n      status: 'Pending',\r\n    },\r\n    {\r\n      id: '#3059',\r\n      date: 'Jan 5, 2022',\r\n      customer: 'Michael Brown',\r\n      amount: '$230.75',\r\n      status: 'Cancelled',\r\n    },\r\n    {\r\n      id: '#3060',\r\n      date: 'Jan 6, 2022',\r\n      customer: 'Emily Davis',\r\n      amount: '$59.99',\r\n      status: 'Completed',\r\n    },\r\n    {\r\n      id: '#3061',\r\n      date: 'Jan 7, 2022',\r\n      customer: 'Daniel Wilson',\r\n      amount: '$410.00',\r\n      status: 'Pending',\r\n    },\r\n  ]",
+          "default": "[\r\n    {\r\n      id: '#3001',\r\n      date: 'Jan 1, 2022',\r\n      name: 'Emma Johnson',\r\n      role: 'Frontend Developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]",
           "values": [
             {
               "type": "any[]"
@@ -27184,6 +27332,114 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dropdownOptions",
+          "type": "DropdownOption[]",
+          "complexType": {
+            "original": "DropdownOption[]",
+            "resolved": "DropdownOption[]",
+            "references": {
+              "DropdownOption": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]"
+            }
+          ],
+          "default": "[\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]",
+          "values": [
+            {
+              "type": "DropdownOption[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "emptyStateConfig",
+          "type": "{ mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string; }",
+          "complexType": {
+            "original": "{ mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string }",
+            "resolved": "{ mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string; }",
+            "references": {
+              "GeneralColors": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralColors"
+              },
+              "ThemeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ThemeTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{\r\n    mainText: 'No data available',\r\n    supportingText: 'Try adjusting your filters or check back later.',\r\n    color: 'gray',\r\n    illustrationIcon: 'assets/alert-circle.svg',\r\n    theme: 'light',\r\n  }"
+            }
+          ],
+          "default": "{\r\n    mainText: 'No data available',\r\n    supportingText: 'Try adjusting your filters or check back later.',\r\n    color: 'gray',\r\n    illustrationIcon: 'assets/alert-circle.svg',\r\n    theme: 'light',\r\n  }",
+          "values": [
+            {
+              "type": "{ mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "paginationConfig",
+          "type": "{ paginationMode: \"external\" | \"internal\"; entriesDropdownMenuPosition: \"top\" | \"bottom\"; currentPage?: number; pageSize?: number; totalItems?: number; }",
+          "complexType": {
+            "original": "{\r\n    paginationMode: 'internal' | 'external';\r\n    entriesDropdownMenuPosition: 'top' | 'bottom';\r\n    currentPage?: number;\r\n    pageSize?: number;\r\n    totalItems?: number;\r\n  }",
+            "resolved": "{ paginationMode: \"external\" | \"internal\"; entriesDropdownMenuPosition: \"top\" | \"bottom\"; currentPage?: number; pageSize?: number; totalItems?: number; }",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{\r\n    paginationMode: 'internal',\r\n    entriesDropdownMenuPosition: 'top',\r\n    currentPage: 1,\r\n    pageSize: 10,\r\n    totalItems: null,\r\n  }"
+            }
+          ],
+          "default": "{\r\n    paginationMode: 'internal',\r\n    entriesDropdownMenuPosition: 'top',\r\n    currentPage: 1,\r\n    pageSize: 10,\r\n    totalItems: null,\r\n  }",
+          "values": [
+            {
+              "type": "{ paginationMode: \"external\""
+            },
+            {
+              "value": "internal\"; entriesDropdownMenuPosition: \"top",
+              "type": "string"
+            },
+            {
+              "type": "\"bottom\"; currentPage?: number; pageSize?: number; totalItems?: number; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "rowActions",
           "type": "RowAction[]",
@@ -27204,22 +27460,22 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[{ label: 'View', action: 'view', disabled: true }]"
+              "text": "[\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
             }
           ],
-          "default": "[{ label: 'View', action: 'view', disabled: true }]",
+          "default": "[\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]",
           "values": [
             {
               "type": "RowAction[]"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "stickyFirstColumn",
+          "name": "showActionsColumn",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -27227,7 +27483,36 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "sticky-first-column",
+          "attr": "show-actions-column",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showCheckbox",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-checkbox",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [
@@ -27247,6 +27532,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "stickyFirstColumn",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "sticky-first-column",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "stickyLastColumn",
           "type": "boolean",
@@ -27275,10 +27589,69 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "tableHeaderConfig",
+          "type": "{ tableHeading: boolean; tableHeadingLabel: string; showDateFilter: boolean; showFilter: boolean; showColumnOptions: boolean; showSearch: boolean; showExport: boolean; showRefreshButton: boolean; datePickerMode: \"single\" | \"range\"; }",
+          "complexType": {
+            "original": "{\r\n    tableHeading: boolean;\r\n    tableHeadingLabel: string;\r\n    showDateFilter: boolean;\r\n    showFilter: boolean;\r\n    showColumnOptions: boolean;\r\n    showSearch: boolean;\r\n    showExport: boolean;\r\n    showRefreshButton: boolean;\r\n    datePickerMode: 'single' | 'range';\r\n  }",
+            "resolved": "{ tableHeading: boolean; tableHeadingLabel: string; showDateFilter: boolean; showFilter: boolean; showColumnOptions: boolean; showSearch: boolean; showExport: boolean; showRefreshButton: boolean; datePickerMode: \"single\" | \"range\"; }",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: true,\r\n    datePickerMode: 'single',\r\n  }"
+            }
+          ],
+          "default": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: true,\r\n    datePickerMode: 'single',\r\n  }",
+          "values": [
+            {
+              "type": "{ tableHeading: boolean; tableHeadingLabel: string; showDateFilter: boolean; showFilter: boolean; showColumnOptions: boolean; showSearch: boolean; showExport: boolean; showRefreshButton: boolean; datePickerMode: \"single\""
+            },
+            {
+              "type": "\"range\"; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
       "events": [
+        {
+          "event": "dateChange",
+          "detail": "string | string[]",
+          "bubbles": true,
+          "complexType": {
+            "original": "string | string[]",
+            "resolved": "string | string[]",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "inputValueChanged",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "pageItemSelected",
           "detail": "{ pageSize: any; pageNumber: number; }",
@@ -27306,62 +27679,88 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "selectionChanged",
+          "detail": "any[]",
+          "bubbles": true,
+          "complexType": {
+            "original": "any[]",
+            "resolved": "any[]",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "resize",
+          "target": "window",
+          "capture": false,
+          "passive": true
         }
       ],
-      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "gb-badge",
+        "gb-help-tooltip",
+        "gb-checkbox",
         "gb-button",
         "gb-portal",
-        "gb-input-dropdown-menu-item",
+        "gb-dropdown-items-with-shortcut",
+        "gb-table-header",
+        "gb-empty-state",
         "gb-pagination"
       ],
       "dependencyGraph": {
         "gb-table": [
+          "gb-badge",
+          "gb-help-tooltip",
+          "gb-checkbox",
           "gb-button",
           "gb-portal",
-          "gb-input-dropdown-menu-item",
+          "gb-dropdown-items-with-shortcut",
+          "gb-table-header",
+          "gb-empty-state",
           "gb-pagination"
         ],
-        "gb-button": [
-          "gb-tooltip"
-        ],
-        "gb-input-dropdown-menu-item": [
+        "gb-badge": [
           "gb-avatar",
-          "gb-checkbox"
+          "gb-badge-close"
         ],
         "gb-avatar": [
           "gb-avatar-contrast-inner-border",
           "gb-status-indicator"
         ],
+        "gb-help-tooltip": [
+          "gb-tooltip"
+        ],
         "gb-checkbox": [
           "gb-checkbox-base"
         ],
-        "gb-pagination": [
-          "gb-button",
-          "gb-pagination-number-base",
-          "gb-input-dropdown",
-          "gb-pagination-button-group-base"
+        "gb-button": [
+          "gb-tooltip"
         ],
-        "gb-input-dropdown": [
-          "gb-avatar",
-          "gb-button",
-          "gb-tag",
-          "gb-help-tooltip",
-          "gb-input-field",
-          "gb-input-dropdown-menu-item"
+        "gb-dropdown-items-with-shortcut": [
+          "gb-checkbox"
         ],
-        "gb-tag": [
-          "gb-tag-checkbox",
-          "gb-avatar",
-          "gb-tag-count",
-          "gb-tag-close"
+        "gb-table-header": [
+          "gb-date-picker",
+          "gb-input-field",
+          "gb-button-group",
+          "gb-button",
+          "gb-filter-button",
+          "gb-export-dropdown"
         ],
-        "gb-help-tooltip": [
-          "gb-tooltip"
+        "gb-date-picker": [
+          "gb-date-picker-list-item",
+          "gb-button"
         ],
         "gb-input-field": [
           "gb-help-tooltip",
@@ -27370,12 +27769,60 @@
           "gb-password-button",
           "gb-tag"
         ],
+        "gb-input-dropdown-menu-item": [
+          "gb-avatar",
+          "gb-checkbox"
+        ],
         "gb-password-button": [
           "gb-btn",
           "gb-button"
         ],
         "gb-btn": [
           "gb-tooltip"
+        ],
+        "gb-tag": [
+          "gb-tag-checkbox",
+          "gb-avatar",
+          "gb-tag-count",
+          "gb-tag-close"
+        ],
+        "gb-button-group": [
+          "gb-button-group-base"
+        ],
+        "gb-button-group-base": [
+          "gb-checkbox"
+        ],
+        "gb-filter-button": [
+          "gb-button",
+          "gb-badge"
+        ],
+        "gb-export-dropdown": [
+          "gb-export-dropdown-item",
+          "gb-export-sub-dropdown"
+        ],
+        "gb-export-sub-dropdown": [
+          "gb-export-sub-dropdown-item"
+        ],
+        "gb-empty-state": [
+          "gb-pattern",
+          "gb-featured-icon",
+          "gb-illustration",
+          "gb-file-type-icon",
+          "gb-button"
+        ],
+        "gb-pagination": [
+          "gb-button",
+          "gb-pagination-number-base",
+          "gb-input-dropdown",
+          "gb-pagination-button-group-base"
+        ],
+        "gb-input-dropdown": [
+          "gb-avatar",
+          "gb-button",
+          "gb-tag",
+          "gb-help-tooltip",
+          "gb-input-field",
+          "gb-input-dropdown-menu-item"
         ]
       }
     },
@@ -27566,10 +28013,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'right'"
+              "text": "'left'"
             }
           ],
-          "default": "'right'",
+          "default": "'left'",
           "values": [
             {
               "value": "left",
@@ -28248,10 +28695,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "false"
             }
           ],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -28425,7 +28872,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-table"
+      ],
       "dependencies": [
         "gb-date-picker",
         "gb-input-field",
@@ -28504,6 +28953,9 @@
         ],
         "gb-export-sub-dropdown": [
           "gb-export-sub-dropdown-item"
+        ],
+        "gb-table": [
+          "gb-table-header"
         ]
       }
     },
@@ -32374,6 +32826,11 @@
       "docstring": "",
       "path": "src/components.d.ts"
     },
+    "src/models/reusableModels.ts::PortalPlacement": {
+      "declaration": "export type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/components.d.ts::StateType": {
       "declaration": "any",
       "docstring": "",
@@ -32400,12 +32857,17 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::TableColumn": {
-      "declaration": "export interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  sortable?: boolean;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void'; \r\n  cellProps?: { [key: string]: any };\r\n  cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n  onClick?: () => void;\r\n}",
+      "declaration": "export interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  sortComparator?: (a: any, b: any) => number;\r\n  render?: (row: any) => any;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: { [key: string]: any };\r\n  cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::RowAction": {
-      "declaration": "export interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}",
+      "declaration": "export interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  type?: 'button' | 'dropdown';\r\n}",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
+    "src/models/reusableModels.ts::DropdownOption": {
+      "declaration": "export interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },