globuswebcomponents 2.5.0 → 2.5.2

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-01T08:46:01",
+  "timestamp": "2025-10-07T14:21:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -137,10 +137,10 @@
         },
         {
           "name": "firstButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -166,6 +166,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -199,10 +203,10 @@
         },
         {
           "name": "nextButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -228,6 +232,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -237,10 +245,10 @@
         },
         {
           "name": "previousButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -266,6 +274,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -347,10 +359,10 @@
         },
         {
           "name": "secondButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -376,6 +388,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -625,10 +641,10 @@
         },
         {
           "name": "submitButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -654,6 +670,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -759,10 +779,10 @@
         },
         {
           "name": "thirdButtonState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -788,6 +808,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -1863,43 +1887,26 @@
         },
         {
           "name": "listGroupOne",
-          "type": "boolean",
+          "type": "DropdownListGroup[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "list-group-one",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
+            "original": "DropdownListGroup[]",
+            "resolved": "DropdownListGroup[]",
+            "references": {
+              "DropdownListGroup": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownListGroup"
+              }
             }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "listGroupThree",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
           },
           "mutable": false,
-          "attr": "list-group-three",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "[\r\n    // { label: 'View Profile', icon: 'assets/user.svg', shortcut: 'Ctrl K + P' },\r\n    // { label: 'Documentation', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl + T' },\r\n    // { label: 'Support', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + C' },\r\n  ]",
           "values": [
             {
-              "type": "boolean"
+              "type": "DropdownListGroup[]"
             }
           ],
           "optional": false,
@@ -1909,20 +1916,26 @@
         },
         {
           "name": "listGroupTwo",
-          "type": "boolean",
+          "type": "DropdownListGroup[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "DropdownListGroup[]",
+            "resolved": "DropdownListGroup[]",
+            "references": {
+              "DropdownListGroup": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownListGroup"
+              }
+            }
           },
           "mutable": false,
-          "attr": "list-group-two",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "[\r\n    // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },\r\n    // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },\r\n    // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },\r\n  ]",
           "values": [
             {
-              "type": "boolean"
+              "type": "DropdownListGroup[]"
             }
           ],
           "optional": false,
@@ -2113,6 +2126,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'simple'",
           "values": [
             {
               "value": "complex",
@@ -2164,7 +2178,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-header"
+      ],
       "dependencies": [
         "gb-avatar-label-group",
         "gb-theme-tab",
@@ -2200,6 +2216,9 @@
         "gb-badge": [
           "gb-avatar",
           "gb-badge-close"
+        ],
+        "gb-header": [
+          "gb-avatar-dropdown"
         ]
       }
     },
@@ -4063,11 +4082,17 @@
         },
         {
           "name": "state",
-          "type": "\"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
-            "original": "'default' | 'disabled'",
-            "resolved": "\"default\" | \"disabled\"",
-            "references": {}
+            "original": "StateType",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
+            "references": {
+              "StateType": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::StateType"
+              }
+            }
           },
           "mutable": false,
           "attr": "state",
@@ -4075,6 +4100,10 @@
           "docs": "",
           "docsTags": [],
           "values": [
+            {
+              "value": "applied",
+              "type": "string"
+            },
             {
               "value": "default",
               "type": "string"
@@ -4082,6 +4111,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -4391,10 +4424,10 @@
         },
         {
           "name": "state",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -4420,6 +4453,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -4976,10 +5013,10 @@
         },
         {
           "name": "state",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -5005,6 +5042,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -5482,10 +5523,10 @@
         },
         {
           "name": "state",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -5511,6 +5552,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -5790,10 +5835,10 @@
         },
         {
           "name": "state",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -5819,6 +5864,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -6846,6 +6895,45 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"light\" | \"system\"",
+          "complexType": {
+            "original": "ThemeTypes",
+            "resolved": "\"dark\" | \"light\" | \"system\"",
+            "references": {
+              "ThemeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ThemeTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'system'",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            },
+            {
+              "value": "system",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -10142,10 +10230,10 @@
         },
         {
           "name": "state",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -10171,6 +10259,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -10219,6 +10311,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "avatarDropdownType",
+          "type": "\"complex\" | \"simple\"",
+          "complexType": {
+            "original": "'simple' | 'complex'",
+            "resolved": "\"complex\" | \"simple\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "avatar-dropdown-type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'simple'",
+          "values": [
+            {
+              "value": "complex",
+              "type": "string"
+            },
+            {
+              "value": "simple",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "color",
           "type": "\"blue\" | \"cyan\" | \"gray\" | \"green\" | \"pink\" | \"purple\" | \"red\" | \"white\" | \"yellow\"",
@@ -10330,6 +10451,145 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "listGroupOne",
+          "type": "DropdownListGroup[]",
+          "complexType": {
+            "original": "DropdownListGroup[]",
+            "resolved": "DropdownListGroup[]",
+            "references": {
+              "DropdownListGroup": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownListGroup"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    // { label: 'View Profile', icon: 'assets/user.svg', shortcut: 'Ctrl K + P' },\r\n    // { label: 'Documentation', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl + T' },\r\n    // { label: 'Support', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + C' },\r\n  ]",
+          "values": [
+            {
+              "type": "DropdownListGroup[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "listGroupTwo",
+          "type": "DropdownListGroup[]",
+          "complexType": {
+            "original": "DropdownListGroup[]",
+            "resolved": "DropdownListGroup[]",
+            "references": {
+              "DropdownListGroup": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownListGroup"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },\r\n    // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },\r\n    // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },\r\n  ]",
+          "values": [
+            {
+              "type": "DropdownListGroup[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "logo",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "logo",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "notificationState",
+          "type": "\"empty\" | \"notification_dropdown\"",
+          "complexType": {
+            "original": "'empty' | 'notification_dropdown'",
+            "resolved": "\"empty\" | \"notification_dropdown\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "notification-state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "empty",
+              "type": "string"
+            },
+            {
+              "value": "notification_dropdown",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "notifications",
+          "type": "Notification[]",
+          "complexType": {
+            "original": "Notification[]",
+            "resolved": "Notification[]",
+            "references": {
+              "Notification": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::Notification"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n  ]",
+          "values": [
+            {
+              "type": "Notification[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "placeholder",
           "type": "boolean",
@@ -10354,6 +10614,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "roles",
+          "type": "DropdownRoles[]",
+          "complexType": {
+            "original": "DropdownRoles[]",
+            "resolved": "DropdownRoles[]",
+            "references": {
+              "DropdownRoles": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DropdownRoles"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    // {\r\n    //   badgeLabel: 'Initiator',\r\n    //   badgeColor: 'information',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Authorizer',\r\n    //   badgeColor: 'success',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Viewer',\r\n    //   badgeColor: 'gray',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n  ]",
+          "values": [
+            {
+              "type": "DropdownRoles[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showBorder",
           "type": "boolean",
@@ -10426,6 +10715,54 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showLogError",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-log-error",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showLogOut",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-log-out",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showLogo",
           "type": "boolean",
@@ -10474,6 +10811,54 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showProfile",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-profile",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showRoles",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-roles",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showSearch",
           "type": "boolean",
@@ -10498,6 +10883,30 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showThemeTab",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-theme-tab",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "state",
           "type": "StateEnum.Default | StateEnum.Disabled",
@@ -10555,43 +10964,36 @@
           "setter": false
         }
       ],
-      "methods": [
+      "methods": [],
+      "events": [
         {
-          "name": "onNavBarItemClicked",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
+          "event": "avatarDropdownItemClicked",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "helpItemClicked",
+          "detail": "string",
+          "bubbles": true,
           "complexType": {
-            "signature": "(item: string) => Promise<void>",
-            "parameters": [
-              {
-                "name": "item",
-                "type": "string",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
-          "signature": "onNavBarItemClicked(item: string) => Promise<void>",
-          "parameters": [
-            {
-              "name": "item",
-              "type": "string",
-              "docs": ""
-            }
-          ],
+          "cancelable": true,
+          "composed": true,
           "docs": "",
           "docsTags": []
-        }
-      ],
-      "events": [
+        },
         {
           "event": "inputValueChanged",
           "detail": "string",
@@ -10633,9 +11035,30 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "themeTabClicked",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "click",
+          "target": "document",
+          "capture": false,
+          "passive": false
         }
       ],
-      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -10643,13 +11066,19 @@
       "dependencies": [
         "gb-input-field",
         "gb-header-icon",
-        "gb-avatar"
+        "gb-avatar",
+        "gb-avatar-dropdown",
+        "gb-notification-pane",
+        "gb-help-dropdown"
       ],
       "dependencyGraph": {
         "gb-header": [
           "gb-input-field",
           "gb-header-icon",
-          "gb-avatar"
+          "gb-avatar",
+          "gb-avatar-dropdown",
+          "gb-notification-pane",
+          "gb-help-dropdown"
         ],
         "gb-input-field": [
           "gb-help-tooltip",
@@ -10681,6 +11110,35 @@
           "gb-avatar",
           "gb-tag-count",
           "gb-tag-close"
+        ],
+        "gb-avatar-dropdown": [
+          "gb-avatar-label-group",
+          "gb-theme-tab",
+          "gb-dropdown-items-with-shortcut",
+          "gb-badge"
+        ],
+        "gb-avatar-label-group": [
+          "gb-avatar"
+        ],
+        "gb-theme-tab": [
+          "gb-icon-button-base"
+        ],
+        "gb-icon-button-base": [
+          "gb-tooltip"
+        ],
+        "gb-dropdown-items-with-shortcut": [
+          "gb-checkbox"
+        ],
+        "gb-badge": [
+          "gb-avatar",
+          "gb-badge-close"
+        ],
+        "gb-notification-pane": [
+          "gb-button",
+          "gb-notification-content"
+        ],
+        "gb-help-dropdown": [
+          "gb-dropdown-items-with-shortcut"
         ]
       }
     },
@@ -10823,42 +11281,7 @@
           "setter": false
         }
       ],
-      "methods": [
-        {
-          "name": "onHelpItemClicked",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(item: string) => Promise<void>",
-            "parameters": [
-              {
-                "name": "item",
-                "type": "string",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "onHelpItemClicked(item: string) => Promise<void>",
-          "parameters": [
-            {
-              "name": "item",
-              "type": "string",
-              "docs": ""
-            }
-          ],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "methods": [],
       "events": [
         {
           "event": "helpItemClicked",
@@ -10879,7 +11302,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-header"
+      ],
       "dependencies": [
         "gb-dropdown-items-with-shortcut"
       ],
@@ -10892,6 +11317,9 @@
         ],
         "gb-checkbox": [
           "gb-checkbox-base"
+        ],
+        "gb-header": [
+          "gb-help-dropdown"
         ]
       }
     },
@@ -11144,7 +11572,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // {\r\n    //   name: 'First',\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  ]",
+          "default": "[\r\n    // {\r\n    //   name: 'First',\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  ]",
           "values": [
             {
               "type": "{ name: string; index: number; badgeCount?: string; }[]"
@@ -14449,20 +14877,20 @@
         },
         {
           "name": "items",
-          "type": "{ label: string; icon: string; iconOnly: boolean; index: number; }[]",
+          "type": "{ label: string; icon?: string; iconOnly: boolean; index: number; }[]",
           "complexType": {
-            "original": "{ label: string; icon: string; iconOnly: boolean; index: number }[]",
-            "resolved": "{ label: string; icon: string; iconOnly: boolean; index: number; }[]",
+            "original": "{ label: string; icon?: string; iconOnly: boolean; index: number }[]",
+            "resolved": "{ label: string; icon?: string; iconOnly: boolean; index: number; }[]",
             "references": {}
           },
           "mutable": false,
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // {\r\n    //   label: 'First',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 1,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 2,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 3,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 4,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 5,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 6,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 7,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 8,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 9,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 10,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 11,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 12,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 13,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 14,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 15,\r\n    // },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   label: 'First',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: '',\r\n    //   iconOnly: false,\r\n    //   index: 1,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 2,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 3,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 4,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 5,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 6,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 7,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 8,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 9,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 10,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 11,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 12,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 13,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 14,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 15,\r\n    // },\r\n  ]",
           "values": [
             {
-              "type": "{ label: string; icon: string; iconOnly: boolean; index: number; }[]"
+              "type": "{ label: string; icon?: string; iconOnly: boolean; index: number; }[]"
             }
           ],
           "optional": false,
@@ -14795,7 +15223,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    {\r\n      name: 'Hiiii',\r\n      index: 0,\r\n    },\r\n    {\r\n      name: 'There',\r\n      index: 1,\r\n    },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   name: 'Hiiii',\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   name: 'There',\r\n    //   index: 1,\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "{ name: string; index: number; }[]"
@@ -14982,70 +15410,28 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "icon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "notifications",
-          "type": "any[]",
+          "type": "Notification[]",
           "complexType": {
-            "original": "any[]",
-            "resolved": "any[]",
-            "references": {}
+            "original": "Notification[]",
+            "resolved": "Notification[]",
+            "references": {
+              "Notification": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::Notification"
+              }
+            }
           },
           "mutable": true,
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg'\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    // },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n    // {\r\n    //   label: 'Flagged transaction',\r\n    //   time: 'Just now',\r\n    //   desc: 'Aisha, here is your weekly report',\r\n    //   icon: 'assets/arrow-right-02.svg',\r\n    // },\r\n  ]",
           "values": [
             {
-              "type": "any[]"
+              "type": "Notification[]"
             }
           ],
           "optional": false,
@@ -15080,54 +15466,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "supportingText",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "supporting-text",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "time",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "time",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
         }
       ],
       "methods": [],
@@ -15136,7 +15474,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-header"
+      ],
       "dependencies": [
         "gb-button",
         "gb-notification-content"
@@ -15145,6 +15485,9 @@
         "gb-notification-pane": [
           "gb-button",
           "gb-notification-content"
+        ],
+        "gb-header": [
+          "gb-notification-pane"
         ]
       }
     },
@@ -16703,7 +17046,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "{\r\n    Recruitment: {\r\n      icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n      items: [\r\n        { label: 'Overview', icon: 'assets/star.svg' },\r\n        { label: 'My Profile', icon: 'assets/star.svg' },\r\n        { label: 'Appraisal', icon: 'assets/star.svg' },\r\n        { label: 'Staff Management', icon: 'assets/star.svg' },\r\n        { label: 'Leave Management', icon: 'assets/star.svg' },\r\n        { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n      ],\r\n    },\r\n    Staff: {\r\n      icon: 'assets/user-account.svg',\r\n      items: [\r\n        { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n        { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n      ],\r\n    },\r\n  }",
+          "default": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }",
           "values": [
             {
               "type": "any"
@@ -17327,9 +17670,15 @@
           "name": "theme",
           "type": "\"dark\" | \"light\" | \"system\"",
           "complexType": {
-            "original": "'system' | 'light' | 'dark'",
+            "original": "ThemeTypes",
             "resolved": "\"dark\" | \"light\" | \"system\"",
-            "references": {}
+            "references": {
+              "ThemeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ThemeTypes"
+              }
+            }
           },
           "mutable": false,
           "attr": "theme",
@@ -20226,10 +20575,10 @@
         },
         {
           "name": "filterState",
-          "type": "\"applied\" | \"default\" | \"disabled\"",
+          "type": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
           "complexType": {
             "original": "StateType",
-            "resolved": "\"applied\" | \"default\" | \"disabled\"",
+            "resolved": "\"applied\" | \"default\" | \"disabled\" | \"loading\"",
             "references": {
               "StateType": {
                 "location": "import",
@@ -20255,6 +20604,10 @@
             {
               "value": "disabled",
               "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -23452,7 +23805,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // {\r\n    //   name: 'Hiiii',\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   name: 'There',\r\n    //   index: 1,\r\n    // },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   name: 'Hiiii',\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   name: 'There',\r\n    //   index: 1,\r\n    // }, \r\n  ]",
           "values": [
             {
               "type": "{ name: string; index: number; }[]"
@@ -24003,7 +24356,7 @@
   ],
   "typeLibrary": {
     "src/models/reusableModels.ts::StateType": {
-      "declaration": "export type StateType = 'default' | 'disabled' | 'applied';",
+      "declaration": "export type StateType = 'default' | 'disabled' | 'applied' | 'loading';",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
@@ -24037,6 +24390,11 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::DropdownListGroup": {
+      "declaration": "export interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::ThemeTypes": {
       "declaration": "export type ThemeTypes = 'system' | 'light' | 'dark';",
       "docstring": "",
@@ -24112,6 +24470,11 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::Notification": {
+      "declaration": "export interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::TabTypes": {
       "declaration": "export type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';",
       "docstring": "",
@@ -24128,7 +24491,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::MetricFeaturedIconTypes": {
-      "declaration": "export type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled'",
+      "declaration": "export type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
@@ -24163,7 +24526,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::StepperType": {
-      "declaration": "{ \r\n  state: ProgressStepStates,\r\n  status: ProgressStepStatus,\r\n  label?: string,\r\n  supportingText?: string\r\n}",
+      "declaration": "{\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },