globuswebcomponents 1.1.7 → 1.1.9

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-03T13:12:31",
+  "timestamp": "2025-03-06T10:15:17",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -10,6 +10,7 @@
       "filePath": "src/components/gb-action-panel/gb-action-panel.tsx",
       "encapsulation": "shadow",
       "tag": "gb-action-panel",
+      "readme": "# gb-action-panel\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -2548,6 +2549,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "gb-detail-cell",
         "gb-simple-side-bar-item",
         "gb-tab-button-base"
       ],
@@ -2564,6 +2566,9 @@
           "gb-avatar-contrast-inner-border",
           "gb-status-indicator"
         ],
+        "gb-detail-cell": [
+          "gb-badge"
+        ],
         "gb-simple-side-bar-item": [
           "gb-badge"
         ],
@@ -3301,6 +3306,7 @@
       "dependents": [
         "gb-action-panel",
         "gb-checkbox-group-item",
+        "gb-detail-cell",
         "gb-file-upload",
         "gb-file-upload-item-base",
         "gb-input-field",
@@ -3317,6 +3323,9 @@
         "gb-checkbox-group-item": [
           "gb-button"
         ],
+        "gb-detail-cell": [
+          "gb-button"
+        ],
         "gb-file-upload": [
           "gb-button"
         ],
@@ -5147,6 +5156,261 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-detail-cell/gb-detail-cell.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-detail-cell",
+      "readme": "# gb-detail-cell\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "badgeColor",
+          "type": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "GeneralColors",
+            "resolved": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\"",
+            "references": {
+              "GeneralColors": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralColors"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "badge-color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "discovery",
+              "type": "string"
+            },
+            {
+              "value": "error",
+              "type": "string"
+            },
+            {
+              "value": "gray",
+              "type": "string"
+            },
+            {
+              "value": "information",
+              "type": "string"
+            },
+            {
+              "value": "pink",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "purple",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "badgeLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "badge-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "detail",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "detail",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": 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
+        },
+        {
+          "name": "state",
+          "type": "\"default\" | \"disabled\"",
+          "complexType": {
+            "original": "'default' | 'disabled'",
+            "resolved": "\"default\" | \"disabled\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"document\" | \"information\" | \"status\"",
+          "complexType": {
+            "original": "'information' | 'document' | 'status'",
+            "resolved": "\"document\" | \"information\" | \"status\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "document",
+              "type": "string"
+            },
+            {
+              "value": "information",
+              "type": "string"
+            },
+            {
+              "value": "status",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "downloadButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "viewButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-tooltip",
+        "gb-file-type-icon",
+        "gb-badge",
+        "gb-button"
+      ],
+      "dependencyGraph": {
+        "gb-detail-cell": [
+          "gb-tooltip",
+          "gb-file-type-icon",
+          "gb-badge",
+          "gb-button"
+        ],
+        "gb-badge": [
+          "gb-avatar",
+          "gb-badge-close"
+        ],
+        "gb-avatar": [
+          "gb-avatar-contrast-inner-border",
+          "gb-status-indicator"
+        ]
+      }
+    },
     {
       "filePath": "src/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.tsx",
       "encapsulation": "shadow",
@@ -5789,10 +6053,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "gb-detail-cell",
         "gb-file-upload-item-base"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "gb-detail-cell": [
+          "gb-file-type-icon"
+        ],
         "gb-file-upload-item-base": [
           "gb-file-type-icon"
         ]
@@ -6798,11 +7066,11 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(index: number) => Promise<void>",
+            "signature": "(item: string) => Promise<void>",
             "parameters": [
               {
-                "name": "index",
-                "type": "number",
+                "name": "item",
+                "type": "string",
                 "docs": ""
               }
             ],
@@ -6814,11 +7082,11 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "onNavBarItemClicked(index: number) => Promise<void>",
+          "signature": "onNavBarItemClicked(item: string) => Promise<void>",
           "parameters": [
             {
-              "name": "index",
-              "type": "number",
+              "name": "item",
+              "type": "string",
               "docs": ""
             }
           ],
@@ -6843,11 +7111,11 @@
         },
         {
           "event": "navBarItemClicked",
-          "detail": "number",
+          "detail": "string",
           "bubbles": true,
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "cancelable": true,
@@ -7898,7 +8166,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "destructive",
           "reflectToAttr": false,
           "docs": "",
@@ -9147,7 +9415,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n    10,\r\n    20,\r\n    30,\r\n    40,\r\n    50,\r\n  ]",
+          "default": "[\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n    // 10,\r\n    // 20,\r\n    // 30,\r\n    // 40,\r\n    // 50,\r\n  ]",
           "values": [
             {
               "type": "any[]"
@@ -9497,7 +9765,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    10,\r\n  ]",
+          "default": "[\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // 10,\r\n  ]",
           "values": [
             {
               "type": "any"
@@ -11098,102 +11366,94 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/gb-scrollbar/gb-scrollbar.tsx",
+      "filePath": "src/components/gb-progress-steps/gb-progress-steps.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-scrollbar",
-      "readme": "# gb-scrollbar\r\n\r\n\r\n\r",
+      "tag": "gb-progress-steps",
+      "readme": "# gb-progress-steps\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "length",
-          "type": "\"25%\" | \"50%\" | \"75%\"",
+          "name": "breakpoint",
+          "type": "\"desktop\" | \"mobile\"",
           "complexType": {
-            "original": "'25%' | '50%' | '75%'",
-            "resolved": "\"25%\" | \"50%\" | \"75%\"",
-            "references": {}
+            "original": "BreakPoints",
+            "resolved": "\"desktop\" | \"mobile\"",
+            "references": {
+              "BreakPoints": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::BreakPoints"
+              }
+            }
           },
           "mutable": false,
-          "attr": "length",
+          "attr": "breakpoint",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'25%'",
           "values": [
             {
-              "value": "25%",
-              "type": "string"
-            },
-            {
-              "value": "50%",
+              "value": "desktop",
               "type": "string"
             },
             {
-              "value": "75%",
+              "value": "mobile",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/gb-sidebar/gb-sidebar.tsx",
-      "encapsulation": "shadow",
-      "tag": "gb-sidebar",
-      "readme": "# gb-sidebar\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "activeIndex",
-          "type": "number",
+          "name": "fifthStep",
+          "type": "boolean",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "mutable": true,
-          "attr": "active-index",
+          "mutable": false,
+          "attr": "fifth-step",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "number"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "activePrimaryItem",
-          "type": "string",
+          "name": "fifthStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
-          "mutable": true,
-          "attr": "active-primary-item",
+          "mutable": false,
+          "attr": "fifth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'Staff'",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11201,21 +11461,35 @@
           "required": false
         },
         {
-          "name": "activeSecondaryItem",
-          "type": "string",
+          "name": "fifthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
-          "mutable": true,
-          "attr": "active-secondary-item",
+          "mutable": false,
+          "attr": "fifth-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'Attendance Tracking'",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11223,31 +11497,31 @@
           "required": false
         },
         {
-          "name": "category",
-          "type": "\"colored_background\" | \"plain_background\"",
+          "name": "firstStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "GeneralBackgroundCategories",
-            "resolved": "\"colored_background\" | \"plain_background\"",
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
             "references": {
-              "GeneralBackgroundCategories": {
+              "ProgressStepStates": {
                 "location": "import",
                 "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
               }
             }
           },
           "mutable": false,
-          "attr": "category",
+          "attr": "first-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "colored_background",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "plain_background",
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11255,65 +11529,89 @@
           "required": false
         },
         {
-          "name": "complexSidebarData",
-          "type": "any",
+          "name": "firstStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "complex-sidebar-data",
+          "attr": "first-step-status",
           "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  }",
           "values": [
             {
-              "type": "any"
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "eighthItemIcon",
-          "type": "string",
+          "name": "fourthStep",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "eighth-item-icon",
+          "attr": "fourth-step",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "eighthItemLabel",
-          "type": "string",
+          "name": "fourthStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "eighth-item-label",
+          "attr": "fourth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11321,21 +11619,35 @@
           "required": false
         },
         {
-          "name": "fifthItemIcon",
-          "type": "string",
+          "name": "fourthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "fifth-item-icon",
+          "attr": "fourth-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11343,21 +11655,31 @@
           "required": false
         },
         {
-          "name": "fifthItemLabel",
-          "type": "string",
+          "name": "secondStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "fifth-item-label",
+          "attr": "second-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11365,21 +11687,35 @@
           "required": false
         },
         {
-          "name": "firstItemIcon",
-          "type": "string",
+          "name": "secondStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "first-item-icon",
+          "attr": "second-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11387,43 +11723,53 @@
           "required": false
         },
         {
-          "name": "firstItemLabel",
-          "type": "string",
+          "name": "seventhStep",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "first-item-label",
+          "attr": "seventh-step",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fourthItemIcon",
-          "type": "string",
+          "name": "seventhStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "fourth-item-icon",
+          "attr": "seventh-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11431,21 +11777,35 @@
           "required": false
         },
         {
-          "name": "fourthItemLabel",
-          "type": "string",
+          "name": "seventhStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
+          },
           "mutable": false,
-          "attr": "fourth-item-label",
+          "attr": "seventh-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11453,47 +11813,53 @@
           "required": false
         },
         {
-          "name": "iconInstance",
-          "type": "string",
+          "name": "sixthStep",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "icon-instance",
+          "attr": "sixth-step",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "navItemStyle",
-          "type": "\"compact\" | \"standard\"",
+          "name": "sixthStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "'standard' | 'compact'",
-            "resolved": "\"compact\" | \"standard\"",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "nav-item-style",
+          "attr": "sixth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "compact",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "standard",
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11501,21 +11867,35 @@
           "required": false
         },
         {
-          "name": "ninthItemIcon",
-          "type": "string",
+          "name": "sixthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "ninth-item-icon",
+          "attr": "sixth-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11523,21 +11903,71 @@
           "required": false
         },
         {
-          "name": "ninthItemLabel",
-          "type": "string",
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "GeneralSizes",
+            "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+            "references": {
+              "GeneralSizes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralSizes"
+              }
+            }
           },
           "mutable": false,
-          "attr": "ninth-item-label",
+          "attr": "size",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "profile_lg",
+              "type": "string"
+            },
+            {
+              "value": "profile_md",
+              "type": "string"
+            },
+            {
+              "value": "profile_sm",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xl2",
+              "type": "string"
+            },
+            {
+              "value": "xl3",
+              "type": "string"
+            },
+            {
+              "value": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
               "type": "string"
             }
           ],
@@ -11545,43 +11975,53 @@
           "required": false
         },
         {
-          "name": "secondItemIcon",
-          "type": "string",
+          "name": "thirdStep",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "second-item-icon",
+          "attr": "third-step",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "secondItemLabel",
-          "type": "string",
+          "name": "thirdStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "second-item-label",
+          "attr": "third-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11589,85 +12029,153 @@
           "required": false
         },
         {
-          "name": "seventhItemIcon",
-          "type": "string",
+          "name": "thirdStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "seventh-item-icon",
+          "attr": "third-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-step-base"
+      ],
+      "dependencyGraph": {
+        "gb-progress-steps": [
+          "gb-step-base"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-scrollbar/gb-scrollbar.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-scrollbar",
+      "readme": "# gb-scrollbar\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
         {
-          "name": "seventhItemLabel",
-          "type": "string",
+          "name": "length",
+          "type": "\"25%\" | \"50%\" | \"75%\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "'25%' | '50%' | '75%'",
+            "resolved": "\"25%\" | \"50%\" | \"75%\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "seventh-item-label",
+          "attr": "length",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "'25%'",
           "values": [
             {
+              "value": "25%",
+              "type": "string"
+            },
+            {
+              "value": "50%",
+              "type": "string"
+            },
+            {
+              "value": "75%",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/gb-sidebar/gb-sidebar.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-sidebar",
+      "readme": "# gb-sidebar\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
         {
-          "name": "showSecondCategory",
-          "type": "boolean",
+          "name": "activeIndex",
+          "type": "number",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
-          "mutable": false,
-          "attr": "show-second-category",
+          "mutable": true,
+          "attr": "active-index",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "sixthItemIcon",
+          "name": "activePrimaryItem",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
-          "attr": "sixth-item-icon",
+          "mutable": true,
+          "attr": "active-primary-item",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "'Staff'",
           "values": [
             {
               "type": "string"
@@ -11677,19 +12185,19 @@
           "required": false
         },
         {
-          "name": "sixthItemLabel",
+          "name": "activeSecondaryItem",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
-          "attr": "sixth-item-label",
+          "mutable": true,
+          "attr": "active-secondary-item",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "'Attendance Tracking'",
           "values": [
             {
               "type": "string"
@@ -11699,26 +12207,31 @@
           "required": false
         },
         {
-          "name": "state",
-          "type": "\"collapsed\" | \"expanded\"",
+          "name": "category",
+          "type": "\"colored_background\" | \"plain_background\"",
           "complexType": {
-            "original": "'expanded' | 'collapsed'",
-            "resolved": "\"collapsed\" | \"expanded\"",
-            "references": {}
+            "original": "GeneralBackgroundCategories",
+            "resolved": "\"colored_background\" | \"plain_background\"",
+            "references": {
+              "GeneralBackgroundCategories": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
+              }
+            }
           },
-          "mutable": true,
-          "attr": "state",
+          "mutable": false,
+          "attr": "category",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'expanded'",
           "values": [
             {
-              "value": "collapsed",
+              "value": "colored_background",
               "type": "string"
             },
             {
-              "value": "expanded",
+              "value": "plain_background",
               "type": "string"
             }
           ],
@@ -11726,29 +12239,29 @@
           "required": false
         },
         {
-          "name": "tenthItemIcon",
-          "type": "string",
+          "name": "complexSidebarData",
+          "type": "any",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "any",
+            "resolved": "any",
             "references": {}
           },
           "mutable": false,
-          "attr": "tenth-item-icon",
+          "attr": "complex-sidebar-data",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "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": "string"
+              "type": "any"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "tenthItemLabel",
+          "name": "eighthItemIcon",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -11756,7 +12269,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "tenth-item-label",
+          "attr": "eighth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -11770,7 +12283,7 @@
           "required": false
         },
         {
-          "name": "thirdItemIcon",
+          "name": "eighthItemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -11778,7 +12291,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "third-item-icon",
+          "attr": "eighth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -11792,7 +12305,7 @@
           "required": false
         },
         {
-          "name": "thirdItemLabel",
+          "name": "fifthItemIcon",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -11800,7 +12313,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "third-item-label",
+          "attr": "fifth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -11814,202 +12327,43 @@
           "required": false
         },
         {
-          "name": "type",
-          "type": "\"complex\" | \"simple\"",
+          "name": "fifthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "'simple' | 'complex'",
-            "resolved": "\"complex\" | \"simple\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "fifth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "complex",
-              "type": "string"
-            },
-            {
-              "value": "simple",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "sideBarItemClicked",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(index: number) => Promise<void>",
-            "parameters": [
-              {
-                "name": "index",
-                "type": "number",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "sideBarItemClicked(index: number) => Promise<void>",
-          "parameters": [
-            {
-              "name": "index",
-              "type": "number",
-              "docs": ""
-            }
-          ],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "primaryItemClicked",
-          "detail": "{ primary: number; secondary: number; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{primary: number, secondary: number}",
-            "resolved": "{ primary: number; secondary: number; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        },
-        {
-          "event": "secondaryItemClicked",
-          "detail": "number",
-          "bubbles": true,
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
         },
         {
-          "event": "sidebarState",
-          "detail": "string",
-          "bubbles": true,
+          "name": "firstItemIcon",
+          "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        },
-        {
-          "event": "simpleSidebarItemClicked",
-          "detail": "number",
-          "bubbles": true,
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "gb-collapse-button",
-        "gb-simple-side-bar-item",
-        "gb-complex-primary-side-bar-item",
-        "gb-complex-secondary-side-bar-item"
-      ],
-      "dependencyGraph": {
-        "gb-sidebar": [
-          "gb-collapse-button",
-          "gb-simple-side-bar-item",
-          "gb-complex-primary-side-bar-item",
-          "gb-complex-secondary-side-bar-item"
-        ],
-        "gb-collapse-button": [
-          "gb-tooltip"
-        ],
-        "gb-simple-side-bar-item": [
-          "gb-badge",
-          "gb-tooltip"
-        ],
-        "gb-badge": [
-          "gb-avatar",
-          "gb-badge-close"
-        ],
-        "gb-avatar": [
-          "gb-avatar-contrast-inner-border",
-          "gb-status-indicator"
-        ],
-        "gb-complex-primary-side-bar-item": [
-          "gb-tooltip"
-        ],
-        "gb-complex-secondary-side-bar-item": [
-          "gb-tooltip"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/gb-simple-side-bar-item/gb-simple-side-bar-item.tsx",
-      "encapsulation": "shadow",
-      "tag": "gb-simple-side-bar-item",
-      "readme": "# gb-side-bar-item\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "category",
-          "type": "\"colored_background\" | \"plain_background\"",
-          "complexType": {
-            "original": "GeneralBackgroundCategories",
-            "resolved": "\"colored_background\" | \"plain_background\"",
-            "references": {
-              "GeneralBackgroundCategories": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
-              }
-            }
-          },
           "mutable": false,
-          "attr": "category",
+          "attr": "first-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "colored_background",
-              "type": "string"
-            },
-            {
-              "value": "plain_background",
               "type": "string"
             }
           ],
@@ -12017,7 +12371,7 @@
           "required": false
         },
         {
-          "name": "icon",
+          "name": "firstItemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12025,7 +12379,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "icon",
+          "attr": "first-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12039,7 +12393,7 @@
           "required": false
         },
         {
-          "name": "label",
+          "name": "fourthItemIcon",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12047,7 +12401,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "fourth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12061,91 +12415,91 @@
           "required": false
         },
         {
-          "name": "showArrow",
-          "type": "boolean",
+          "name": "fourthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "show-arrow",
+          "attr": "fourth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "showBadge",
-          "type": "boolean",
+          "name": "iconInstance",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "show-badge",
+          "attr": "icon-instance",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "showTooltip",
-          "type": "boolean",
+          "name": "navItemStyle",
+          "type": "\"compact\" | \"standard\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "'standard' | 'compact'",
+            "resolved": "\"compact\" | \"standard\"",
             "references": {}
           },
-          "mutable": true,
-          "attr": "show-tooltip",
+          "mutable": false,
+          "attr": "nav-item-style",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "value": "compact",
+              "type": "string"
+            },
+            {
+              "value": "standard",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "state",
-          "type": "\"active\" | \"default\"",
+          "name": "ninthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "'default' | 'active'",
-            "resolved": "\"active\" | \"default\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "state",
+          "attr": "ninth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "active",
-              "type": "string"
-            },
-            {
-              "value": "default",
               "type": "string"
             }
           ],
@@ -12153,111 +12507,87 @@
           "required": false
         },
         {
-          "name": "type",
-          "type": "\"full_with_label\" | \"icon_only\"",
+          "name": "ninthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "'full_with_label' | 'icon_only'",
-            "resolved": "\"full_with_label\" | \"icon_only\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "ninth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "full_with_label",
-              "type": "string"
-            },
-            {
-              "value": "icon_only",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
+        },
         {
-          "event": "sideBarItemClicked",
-          "detail": "void",
-          "bubbles": true,
+          "name": "secondItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "void",
-            "resolved": "void",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "cancelable": true,
-          "composed": true,
+          "mutable": false,
+          "attr": "second-item-icon",
+          "reflectToAttr": false,
           "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "gb-sidebar"
-      ],
-      "dependencies": [
-        "gb-badge",
-        "gb-tooltip"
-      ],
-      "dependencyGraph": {
-        "gb-simple-side-bar-item": [
-          "gb-badge",
-          "gb-tooltip"
-        ],
-        "gb-badge": [
-          "gb-avatar",
-          "gb-badge-close"
-        ],
-        "gb-avatar": [
-          "gb-avatar-contrast-inner-border",
-          "gb-status-indicator"
-        ],
-        "gb-sidebar": [
-          "gb-simple-side-bar-item"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/gb-slider/gb-slider.tsx",
-      "encapsulation": "shadow",
-      "tag": "gb-slider",
-      "readme": "# gb-slider\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
-          "name": "label",
-          "type": "\"bottom\" | \"false\" | \"top_floating\"",
+          "name": "secondItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "'false' | 'bottom' | 'top_floating'",
-            "resolved": "\"bottom\" | \"false\" | \"top_floating\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "second-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "bottom",
-              "type": "string"
-            },
-            {
-              "value": "false",
               "type": "string"
-            },
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "seventhItemIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "seventh-item-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
             {
-              "value": "top_floating",
               "type": "string"
             }
           ],
@@ -12265,113 +12595,1036 @@
           "required": false
         },
         {
-          "name": "leftControl",
-          "type": "number",
+          "name": "seventhItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "left-control",
+          "attr": "seventh-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "0",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "max",
-          "type": "number",
+          "name": "showSecondCategory",
+          "type": "boolean",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "max",
+          "attr": "show-second-category",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "100",
+          "default": "false",
           "values": [
             {
-              "type": "number"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "min",
-          "type": "number",
+          "name": "sixthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "min",
+          "attr": "sixth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "0",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "rightControl",
-          "type": "number",
+          "name": "sixthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "right-control",
+          "attr": "sixth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "100",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "thumbType",
-          "type": "\"text\" | \"tooltip\"",
+          "name": "state",
+          "type": "\"collapsed\" | \"expanded\"",
           "complexType": {
-            "original": "'text' | 'tooltip'",
-            "resolved": "\"text\" | \"tooltip\"",
+            "original": "'expanded' | 'collapsed'",
+            "resolved": "\"collapsed\" | \"expanded\"",
             "references": {}
           },
-          "mutable": false,
-          "attr": "thumb-type",
+          "mutable": true,
+          "attr": "state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'expanded'",
           "values": [
             {
-              "value": "text",
+              "value": "collapsed",
+              "type": "string"
+            },
+            {
+              "value": "expanded",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "tenthItemIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tenth-item-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "tenthItemLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tenth-item-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "thirdItemIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "third-item-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "thirdItemLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "third-item-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"complex\" | \"simple\"",
+          "complexType": {
+            "original": "'simple' | 'complex'",
+            "resolved": "\"complex\" | \"simple\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "complex",
+              "type": "string"
+            },
+            {
+              "value": "simple",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "sideBarItemClicked",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(index: number) => Promise<void>",
+            "parameters": [
+              {
+                "name": "index",
+                "type": "number",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "sideBarItemClicked(index: number) => Promise<void>",
+          "parameters": [
+            {
+              "name": "index",
+              "type": "number",
+              "docs": ""
+            }
+          ],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "primaryItemClicked",
+          "detail": "{ primary: number; secondary: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{primary: number, secondary: number}",
+            "resolved": "{ primary: number; secondary: number; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "secondaryItemClicked",
+          "detail": "number",
+          "bubbles": true,
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "sidebarState",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "simpleSidebarItemClicked",
+          "detail": "number",
+          "bubbles": true,
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-collapse-button",
+        "gb-simple-side-bar-item",
+        "gb-complex-primary-side-bar-item",
+        "gb-complex-secondary-side-bar-item"
+      ],
+      "dependencyGraph": {
+        "gb-sidebar": [
+          "gb-collapse-button",
+          "gb-simple-side-bar-item",
+          "gb-complex-primary-side-bar-item",
+          "gb-complex-secondary-side-bar-item"
+        ],
+        "gb-collapse-button": [
+          "gb-tooltip"
+        ],
+        "gb-simple-side-bar-item": [
+          "gb-badge",
+          "gb-tooltip"
+        ],
+        "gb-badge": [
+          "gb-avatar",
+          "gb-badge-close"
+        ],
+        "gb-avatar": [
+          "gb-avatar-contrast-inner-border",
+          "gb-status-indicator"
+        ],
+        "gb-complex-primary-side-bar-item": [
+          "gb-tooltip"
+        ],
+        "gb-complex-secondary-side-bar-item": [
+          "gb-tooltip"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-simple-side-bar-item/gb-simple-side-bar-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-simple-side-bar-item",
+      "readme": "# gb-side-bar-item\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "category",
+          "type": "\"colored_background\" | \"plain_background\"",
+          "complexType": {
+            "original": "GeneralBackgroundCategories",
+            "resolved": "\"colored_background\" | \"plain_background\"",
+            "references": {
+              "GeneralBackgroundCategories": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "category",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "colored_background",
+              "type": "string"
+            },
+            {
+              "value": "plain_background",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "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
+        },
+        {
+          "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
+        },
+        {
+          "name": "showArrow",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-arrow",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showBadge",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-badge",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showTooltip",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "show-tooltip",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "state",
+          "type": "\"active\" | \"default\"",
+          "complexType": {
+            "original": "'default' | 'active'",
+            "resolved": "\"active\" | \"default\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "active",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"full_with_label\" | \"icon_only\"",
+          "complexType": {
+            "original": "'full_with_label' | 'icon_only'",
+            "resolved": "\"full_with_label\" | \"icon_only\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "full_with_label",
+              "type": "string"
+            },
+            {
+              "value": "icon_only",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "sideBarItemClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "gb-sidebar"
+      ],
+      "dependencies": [
+        "gb-badge",
+        "gb-tooltip"
+      ],
+      "dependencyGraph": {
+        "gb-simple-side-bar-item": [
+          "gb-badge",
+          "gb-tooltip"
+        ],
+        "gb-badge": [
+          "gb-avatar",
+          "gb-badge-close"
+        ],
+        "gb-avatar": [
+          "gb-avatar-contrast-inner-border",
+          "gb-status-indicator"
+        ],
+        "gb-sidebar": [
+          "gb-simple-side-bar-item"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-slider/gb-slider.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-slider",
+      "readme": "# gb-slider\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "\"bottom\" | \"false\" | \"top_floating\"",
+          "complexType": {
+            "original": "'false' | 'bottom' | 'top_floating'",
+            "resolved": "\"bottom\" | \"false\" | \"top_floating\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "false",
+              "type": "string"
+            },
+            {
+              "value": "top_floating",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "leftControl",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "left-control",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "100",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "min",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rightControl",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "right-control",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "100",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "thumbType",
+          "type": "\"text\" | \"tooltip\"",
+          "complexType": {
+            "original": "'text' | 'tooltip'",
+            "resolved": "\"text\" | \"tooltip\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "thumb-type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "tooltip",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "unit",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "unit",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "unitPosition",
+          "type": "\"left\" | \"right\"",
+          "complexType": {
+            "original": "'left' | 'right'",
+            "resolved": "\"left\" | \"right\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "unit-position",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'left'",
+          "values": [
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "thumbValueChanged",
+          "detail": "{ left: number; right: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ left: number; right: number }",
+            "resolved": "{ left: number; right: number; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-slider-control-handle"
+      ],
+      "dependencyGraph": {
+        "gb-slider": [
+          "gb-slider-control-handle"
+        ],
+        "gb-slider-control-handle": [
+          "gb-tooltip"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-slider-control-handle/gb-slider-control-handle.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-slider-control-handle",
+      "readme": "# gb-slider-control-handle\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "type",
+          "type": "\"\" | \"text\" | \"tooltip\"",
+          "complexType": {
+            "original": "'text' | 'tooltip' | ''",
+            "resolved": "\"\" | \"text\" | \"tooltip\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "\"\""
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "tooltip",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'0'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "gb-slider"
+      ],
+      "dependencies": [
+        "gb-tooltip"
+      ],
+      "dependencyGraph": {
+        "gb-slider-control-handle": [
+          "gb-tooltip"
+        ],
+        "gb-slider": [
+          "gb-slider-control-handle"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-status-indicator/gb-status-indicator.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-status-indicator",
+      "readme": "# status-indicator\r\n\r\n\r\n\r",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "indicatorStateClass",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "indicator-state-class",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "this.state",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+          "complexType": {
+            "original": "GeneralSizes",
+            "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+            "references": {
+              "GeneralSizes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralSizes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "profile_lg",
+              "type": "string"
+            },
+            {
+              "value": "profile_md",
+              "type": "string"
+            },
+            {
+              "value": "profile_sm",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xl2",
+              "type": "string"
+            },
+            {
+              "value": "xl3",
               "type": "string"
             },
             {
-              "value": "tooltip",
+              "value": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
               "type": "string"
             }
           ],
@@ -12379,48 +13632,52 @@
           "required": false
         },
         {
-          "name": "unit",
-          "type": "string",
+          "name": "state",
+          "type": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "OnlineIndicatorStates",
+            "resolved": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+            "references": {
+              "OnlineIndicatorStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::OnlineIndicatorStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "unit",
+          "attr": "state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "OnlineIndicatorStates.Offline",
           "values": [
             {
-              "type": "string"
+              "type": "OnlineIndicatorStates.Offline"
+            },
+            {
+              "type": "OnlineIndicatorStates.Online"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "unitPosition",
-          "type": "\"left\" | \"right\"",
+          "name": "statusIcon",
+          "type": "string",
           "complexType": {
-            "original": "'left' | 'right'",
-            "resolved": "\"left\" | \"right\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "unit-position",
+          "attr": "status-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'left'",
+          "default": "''",
           "values": [
             {
-              "value": "left",
-              "type": "string"
-            },
-            {
-              "value": "right",
               "type": "string"
             }
           ],
@@ -12429,79 +13686,54 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "thumbValueChanged",
-          "detail": "{ left: number; right: number; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{ left: number; right: number }",
-            "resolved": "{ left: number; right: number; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "gb-slider-control-handle"
+      "dependents": [
+        "gb-avatar"
       ],
+      "dependencies": [],
       "dependencyGraph": {
-        "gb-slider": [
-          "gb-slider-control-handle"
-        ],
-        "gb-slider-control-handle": [
-          "gb-tooltip"
+        "gb-avatar": [
+          "gb-status-indicator"
         ]
       }
     },
     {
-      "filePath": "src/components/gb-slider-control-handle/gb-slider-control-handle.tsx",
+      "filePath": "src/components/gb-step-base/gb-step-base.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-slider-control-handle",
-      "readme": "# gb-slider-control-handle\r\n\r\n\r\n\r",
+      "tag": "gb-step-base",
+      "readme": "# gb-step-base\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "type",
-          "type": "\"\" | \"text\" | \"tooltip\"",
+          "name": "connector",
+          "type": "boolean",
           "complexType": {
-            "original": "'text' | 'tooltip' | ''",
-            "resolved": "\"\" | \"text\" | \"tooltip\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "connector",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "\"\""
-            },
-            {
-              "value": "text",
-              "type": "string"
-            },
-            {
-              "value": "tooltip",
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "value",
+          "name": "label",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12509,11 +13741,11 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "value",
+          "attr": "label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'0'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -12521,55 +13753,24 @@
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "gb-slider"
-      ],
-      "dependencies": [
-        "gb-tooltip"
-      ],
-      "dependencyGraph": {
-        "gb-slider-control-handle": [
-          "gb-tooltip"
-        ],
-        "gb-slider": [
-          "gb-slider-control-handle"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/gb-status-indicator/gb-status-indicator.tsx",
-      "encapsulation": "shadow",
-      "tag": "gb-status-indicator",
-      "readme": "# status-indicator\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "indicatorStateClass",
-          "type": "string",
+          "name": "showSupportingText",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "indicator-state-class",
+          "attr": "show-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "this.state",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -12649,15 +13850,15 @@
         },
         {
           "name": "state",
-          "type": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "OnlineIndicatorStates",
-            "resolved": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
             "references": {
-              "OnlineIndicatorStates": {
+              "ProgressStepStates": {
                 "location": "import",
                 "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::OnlineIndicatorStates"
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
               }
             }
           },
@@ -12666,20 +13867,57 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "OnlineIndicatorStates.Offline",
           "values": [
             {
-              "type": "OnlineIndicatorStates.Offline"
+              "value": "default",
+              "type": "string"
             },
             {
-              "type": "OnlineIndicatorStates.Online"
+              "value": "destructive",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "statusIcon",
+          "name": "status",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "complexType": {
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "status",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "supportingText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12687,7 +13925,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "status-icon",
+          "attr": "supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12699,6 +13937,54 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"featured_icon_left\" | \"featured_icon_top\" | \"icon_left\" | \"icon_only\" | \"icon_top\" | \"text_line\"",
+          "complexType": {
+            "original": "ProgressStepTypes",
+            "resolved": "\"featured_icon_left\" | \"featured_icon_top\" | \"icon_left\" | \"icon_only\" | \"icon_top\" | \"text_line\"",
+            "references": {
+              "ProgressStepTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "featured_icon_left",
+              "type": "string"
+            },
+            {
+              "value": "featured_icon_top",
+              "type": "string"
+            },
+            {
+              "value": "icon_left",
+              "type": "string"
+            },
+            {
+              "value": "icon_only",
+              "type": "string"
+            },
+            {
+              "value": "icon_top",
+              "type": "string"
+            },
+            {
+              "value": "text_line",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -12708,12 +13994,12 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "gb-avatar"
+        "gb-progress-steps"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "gb-avatar": [
-          "gb-status-indicator"
+        "gb-progress-steps": [
+          "gb-step-base"
         ]
       }
     },
@@ -15319,6 +16605,7 @@
         "gb-collapse-button",
         "gb-complex-primary-side-bar-item",
         "gb-complex-secondary-side-bar-item",
+        "gb-detail-cell",
         "gb-help-tooltip",
         "gb-progress-bar",
         "gb-simple-side-bar-item",
@@ -15338,6 +16625,9 @@
         "gb-complex-secondary-side-bar-item": [
           "gb-tooltip"
         ],
+        "gb-detail-cell": [
+          "gb-tooltip"
+        ],
         "gb-help-tooltip": [
           "gb-tooltip"
         ],
@@ -16134,6 +17424,7 @@
       "filePath": "src/components/gb-wysiwyg-tooltip/gb-wysiwyg-tooltip.tsx",
       "encapsulation": "shadow",
       "tag": "gb-wysiwyg-tooltip",
+      "readme": "# gb-wysiwyg-tooltip\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -16506,6 +17797,21 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::ProgressStepStates": {
+      "declaration": "export type ProgressStepStates = 'default' | 'destructive';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
+    "src/models/reusableModels.ts::ProgressStepStatus": {
+      "declaration": "export type ProgressStepStatus = 'incomplete' | 'current' | 'complete';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
+    "src/models/reusableModels.ts::ProgressStepTypes": {
+      "declaration": "export type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::TableCellTypes": {
       "declaration": "export type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';",
       "docstring": "",