npm - globuswebcomponents - Versions diffs - 1.2.6 → 1.2.7 - Mend

globuswebcomponents 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (418) hide show

package/dist/docs.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-08T18:49:54",
+  "timestamp": "2025-03-10T09:36:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2511,9 +2511,15 @@
           "name": "type",
           "type": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
           "complexType": {
-            "original": "'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern'",
+            "original": "BadgeTypes",
             "resolved": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
-            "references": {}
+            "references": {
+              "BadgeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::BadgeTypes"
+              }
+            }
           },
           "mutable": false,
           "attr": "type",
@@ -5251,6 +5257,46 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "badgeType",
+          "type": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
+          "complexType": {
+            "original": "BadgeTypes",
+            "resolved": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
+            "references": {
+              "BadgeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::BadgeTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "badge-type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "badge_color",
+              "type": "string"
+            },
+            {
+              "value": "badge_modern",
+              "type": "string"
+            },
+            {
+              "value": "pill_color",
+              "type": "string"
+            },
+            {
+              "value": "pill_outline",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "detail",
           "type": "string",
@@ -6036,6 +6082,103 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-featured-icon/gb-featured-icon.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-featured-icon",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "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": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "gb-step-base"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "gb-step-base": [
+          "gb-featured-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/gb-file-type-icon/gb-file-type-icon.tsx",
       "encapsulation": "shadow",
@@ -11490,94 +11633,102 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/gb-stepper/gb-progress-steps.tsx",
+      "filePath": "src/components/gb-scrollbar/gb-scrollbar.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-progress-steps",
-      "readme": "# gb-progress-steps\n\n\n",
+      "tag": "gb-scrollbar",
+      "readme": "# gb-scrollbar\r\n\r\n\r\n\r",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "breakpoint",
-          "type": "\"desktop\" | \"mobile\"",
+          "name": "length",
+          "type": "\"25%\" | \"50%\" | \"75%\"",
           "complexType": {
-            "original": "BreakPoints",
-            "resolved": "\"desktop\" | \"mobile\"",
-            "references": {
-              "BreakPoints": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::BreakPoints"
-              }
-            }
+            "original": "'25%' | '50%' | '75%'",
+            "resolved": "\"25%\" | \"50%\" | \"75%\"",
+            "references": {}
           },
           "mutable": false,
-          "attr": "breakpoint",
+          "attr": "length",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'25%'",
           "values": [
             {
-              "value": "desktop",
+              "value": "25%",
               "type": "string"
             },
             {
-              "value": "mobile",
+              "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": "fifthStep",
-          "type": "boolean",
+          "name": "activeIndex",
+          "type": "number",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
-          "mutable": false,
-          "attr": "fifth-step",
+          "mutable": true,
+          "attr": "active-index",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fifthStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "activePrimaryItem",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
-          "mutable": false,
-          "attr": "fifth-step-state",
+          "mutable": true,
+          "attr": "active-primary-item",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'Staff'",
           "values": [
             {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11585,35 +11736,21 @@
           "required": false
         },
         {
-          "name": "fifthStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "activeSecondaryItem",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
-          "mutable": false,
-          "attr": "fifth-step-status",
+          "mutable": true,
+          "attr": "active-secondary-item",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'Attendance Tracking'",
           "values": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11621,31 +11758,31 @@
           "required": false
         },
         {
-          "name": "firstStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "category",
+          "type": "\"colored_background\" | \"plain_background\"",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
+            "original": "GeneralBackgroundCategories",
+            "resolved": "\"colored_background\" | \"plain_background\"",
             "references": {
-              "ProgressStepStates": {
+              "GeneralBackgroundCategories": {
                 "location": "import",
                 "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
+                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
               }
             }
           },
           "mutable": false,
-          "attr": "first-step-state",
+          "attr": "category",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "default",
+              "value": "colored_background",
               "type": "string"
             },
             {
-              "value": "destructive",
+              "value": "plain_background",
               "type": "string"
             }
           ],
@@ -11653,89 +11790,65 @@
           "required": false
         },
         {
-          "name": "firstStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "complexSidebarData",
+          "type": "any",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "any",
+            "resolved": "any",
+            "references": {}
           },
           "mutable": false,
-          "attr": "first-step-status",
+          "attr": "complex-sidebar-data",
           "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": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
-              "type": "string"
+              "type": "any"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fourthStep",
-          "type": "boolean",
+          "name": "eighthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "fourth-step",
+          "attr": "eighth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "fourthStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "eighthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "fourth-step-state",
+          "attr": "eighth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11743,35 +11856,21 @@
           "required": false
         },
         {
-          "name": "fourthStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "fifthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "fourth-step-status",
+          "attr": "fifth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11779,31 +11878,21 @@
           "required": false
         },
         {
-          "name": "secondStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "fifthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "second-step-state",
+          "attr": "fifth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11811,35 +11900,21 @@
           "required": false
         },
         {
-          "name": "secondStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "firstItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "second-step-status",
+          "attr": "first-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11847,53 +11922,43 @@
           "required": false
         },
         {
-          "name": "seventhStep",
-          "type": "boolean",
+          "name": "firstItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "seventh-step",
+          "attr": "first-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "seventhStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "fourthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "seventh-step-state",
+          "attr": "fourth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "destructive",
               "type": "string"
             }
           ],
@@ -11901,35 +11966,21 @@
           "required": false
         },
         {
-          "name": "seventhStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "fourthItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "seventh-step-status",
+          "attr": "fourth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -11937,53 +11988,47 @@
           "required": false
         },
         {
-          "name": "sixthStep",
-          "type": "boolean",
+          "name": "iconInstance",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "sixth-step",
+          "attr": "icon-instance",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "sixthStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "navItemStyle",
+          "type": "\"compact\" | \"standard\"",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "'standard' | 'compact'",
+            "resolved": "\"compact\" | \"standard\"",
+            "references": {}
           },
           "mutable": false,
-          "attr": "sixth-step-state",
+          "attr": "nav-item-style",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "default",
+              "value": "compact",
               "type": "string"
             },
             {
-              "value": "destructive",
+              "value": "standard",
               "type": "string"
             }
           ],
@@ -11991,35 +12036,21 @@
           "required": false
         },
         {
-          "name": "sixthStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "ninthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "sixth-step-status",
+          "attr": "ninth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "complete",
-              "type": "string"
-            },
-            {
-              "value": "current",
-              "type": "string"
-            },
-            {
-              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -12027,71 +12058,21 @@
           "required": false
         },
         {
-          "name": "size",
-          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+          "name": "ninthItemLabel",
+          "type": "string",
           "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"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "size",
+          "attr": "ninth-item-label",
           "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"
             }
           ],
@@ -12099,53 +12080,43 @@
           "required": false
         },
         {
-          "name": "thirdStep",
-          "type": "boolean",
+          "name": "secondItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "third-step",
+          "attr": "second-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "thirdStepState",
-          "type": "\"default\" | \"destructive\"",
+          "name": "secondItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStates",
-            "resolved": "\"default\" | \"destructive\"",
-            "references": {
-              "ProgressStepStates": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStates"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "third-step-state",
+          "attr": "second-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "default",
-              "type": "string"
-            },
-            {
-              "value": "destructive",
               "type": "string"
             }
           ],
@@ -12153,153 +12124,85 @@
           "required": false
         },
         {
-          "name": "thirdStepStatus",
-          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "name": "seventhItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "ProgressStepStatus",
-            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
-            "references": {
-              "ProgressStepStatus": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::ProgressStepStatus"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "third-step-status",
+          "attr": "seventh-item-icon",
           "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": "length",
-          "type": "\"25%\" | \"50%\" | \"75%\"",
+          "name": "seventhItemLabel",
+          "type": "string",
           "complexType": {
-            "original": "'25%' | '50%' | '75%'",
-            "resolved": "\"25%\" | \"50%\" | \"75%\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "length",
+          "attr": "seventh-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'25%'",
+          "default": "''",
           "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": "activeIndex",
-          "type": "number",
+          "name": "showSecondCategory",
+          "type": "boolean",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "mutable": true,
-          "attr": "active-index",
+          "mutable": false,
+          "attr": "show-second-category",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "number"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "activePrimaryItem",
+          "name": "sixthItemIcon",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "active-primary-item",
+          "mutable": false,
+          "attr": "sixth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'Staff'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -12309,19 +12212,19 @@
           "required": false
         },
         {
-          "name": "activeSecondaryItem",
+          "name": "sixthItemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "active-secondary-item",
+          "mutable": false,
+          "attr": "sixth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'Attendance Tracking'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -12331,31 +12234,26 @@
           "required": false
         },
         {
-          "name": "category",
-          "type": "\"colored_background\" | \"plain_background\"",
+          "name": "state",
+          "type": "\"collapsed\" | \"expanded\"",
           "complexType": {
-            "original": "GeneralBackgroundCategories",
-            "resolved": "\"colored_background\" | \"plain_background\"",
-            "references": {
-              "GeneralBackgroundCategories": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
-              }
-            }
+            "original": "'expanded' | 'collapsed'",
+            "resolved": "\"collapsed\" | \"expanded\"",
+            "references": {}
           },
-          "mutable": false,
-          "attr": "category",
+          "mutable": true,
+          "attr": "state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'expanded'",
           "values": [
             {
-              "value": "colored_background",
+              "value": "collapsed",
               "type": "string"
             },
             {
-              "value": "plain_background",
+              "value": "expanded",
               "type": "string"
             }
           ],
@@ -12363,29 +12261,29 @@
           "required": false
         },
         {
-          "name": "complexSidebarData",
-          "type": "any",
+          "name": "tenthItemIcon",
+          "type": "string",
           "complexType": {
-            "original": "any",
-            "resolved": "any",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "complex-sidebar-data",
+          "attr": "tenth-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "{\r\n    Recruitment: {\r\n      icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n      items: [\r\n        { label: 'Overview', icon: 'assets/star.svg' },\r\n        { label: 'My Profile', icon: 'assets/star.svg' },\r\n        { label: 'Appraisal', icon: 'assets/star.svg' },\r\n        { label: 'Staff Management', icon: 'assets/star.svg' },\r\n        { label: 'Leave Management', icon: 'assets/star.svg' },\r\n        { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n      ],\r\n    },\r\n    Staff: {\r\n      icon: 'assets/user-account.svg',\r\n      items: [\r\n        { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n        { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n      ],\r\n    },\r\n  }",
+          "default": "''",
           "values": [
             {
-              "type": "any"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "eighthItemIcon",
+          "name": "tenthItemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12393,7 +12291,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "eighth-item-icon",
+          "attr": "tenth-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12407,7 +12305,7 @@
           "required": false
         },
         {
-          "name": "eighthItemLabel",
+          "name": "thirdItemIcon",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12415,7 +12313,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "eighth-item-label",
+          "attr": "third-item-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12429,7 +12327,7 @@
           "required": false
         },
         {
-          "name": "fifthItemIcon",
+          "name": "thirdItemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12437,7 +12335,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "fifth-item-icon",
+          "attr": "third-item-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12451,43 +12349,202 @@
           "required": false
         },
         {
-          "name": "fifthItemLabel",
-          "type": "string",
+          "name": "type",
+          "type": "\"complex\" | \"simple\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "'simple' | 'complex'",
+            "resolved": "\"complex\" | \"simple\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "fifth-item-label",
+          "attr": "type",
           "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": []
         },
         {
-          "name": "firstItemIcon",
-          "type": "string",
+          "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": "first-item-icon",
+          "attr": "category",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "colored_background",
+              "type": "string"
+            },
+            {
+              "value": "plain_background",
               "type": "string"
             }
           ],
@@ -12495,7 +12552,7 @@
           "required": false
         },
         {
-          "name": "firstItemLabel",
+          "name": "icon",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12503,7 +12560,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "first-item-label",
+          "attr": "icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12517,7 +12574,7 @@
           "required": false
         },
         {
-          "name": "fourthItemIcon",
+          "name": "label",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12525,7 +12582,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "fourth-item-icon",
+          "attr": "label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12539,91 +12596,91 @@
           "required": false
         },
         {
-          "name": "fourthItemLabel",
-          "type": "string",
+          "name": "showArrow",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "fourth-item-label",
+          "attr": "show-arrow",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "iconInstance",
-          "type": "string",
+          "name": "showBadge",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "icon-instance",
+          "attr": "show-badge",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "navItemStyle",
-          "type": "\"compact\" | \"standard\"",
+          "name": "showTooltip",
+          "type": "boolean",
           "complexType": {
-            "original": "'standard' | 'compact'",
-            "resolved": "\"compact\" | \"standard\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "nav-item-style",
+          "mutable": true,
+          "attr": "show-tooltip",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "value": "compact",
-              "type": "string"
-            },
-            {
-              "value": "standard",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "ninthItemIcon",
-          "type": "string",
+          "name": "state",
+          "type": "\"active\" | \"default\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "'default' | 'active'",
+            "resolved": "\"active\" | \"default\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "ninth-item-icon",
+          "attr": "state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "active",
+              "type": "string"
+            },
+            {
+              "value": "default",
               "type": "string"
             }
           ],
@@ -12631,43 +12688,111 @@
           "required": false
         },
         {
-          "name": "ninthItemLabel",
-          "type": "string",
+          "name": "type",
+          "type": "\"full_with_label\" | \"icon_only\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "'full_with_label' | 'icon_only'",
+            "resolved": "\"full_with_label\" | \"icon_only\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "ninth-item-label",
+          "attr": "type",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "full_with_label",
+              "type": "string"
+            },
+            {
+              "value": "icon_only",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [
         {
-          "name": "secondItemIcon",
-          "type": "string",
+          "event": "sideBarItemClicked",
+          "detail": "void",
+          "bubbles": true,
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "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": "second-item-icon",
+          "attr": "label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "false",
+              "type": "string"
+            },
+            {
+              "value": "top_floating",
               "type": "string"
             }
           ],
@@ -12675,109 +12800,113 @@
           "required": false
         },
         {
-          "name": "secondItemLabel",
-          "type": "string",
+          "name": "leftControl",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "second-item-label",
+          "attr": "left-control",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "0",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "seventhItemIcon",
-          "type": "string",
+          "name": "max",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "seventh-item-icon",
+          "attr": "max",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "100",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "seventhItemLabel",
-          "type": "string",
+          "name": "min",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "seventh-item-label",
+          "attr": "min",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
+          "default": "0",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "showSecondCategory",
-          "type": "boolean",
+          "name": "rightControl",
+          "type": "number",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "show-second-category",
+          "attr": "right-control",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "100",
           "values": [
             {
-              "type": "boolean"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "sixthItemIcon",
-          "type": "string",
+          "name": "thumbType",
+          "type": "\"text\" | \"tooltip\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "'text' | 'tooltip'",
+            "resolved": "\"text\" | \"tooltip\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "sixth-item-icon",
+          "attr": "thumb-type",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "tooltip",
               "type": "string"
             }
           ],
@@ -12785,7 +12914,7 @@
           "required": false
         },
         {
-          "name": "sixthItemLabel",
+          "name": "unit",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12793,7 +12922,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "sixth-item-label",
+          "attr": "unit",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12807,42 +12936,293 @@
           "required": false
         },
         {
-          "name": "state",
-          "type": "\"collapsed\" | \"expanded\"",
+          "name": "unitPosition",
+          "type": "\"left\" | \"right\"",
           "complexType": {
-            "original": "'expanded' | 'collapsed'",
-            "resolved": "\"collapsed\" | \"expanded\"",
+            "original": "'left' | 'right'",
+            "resolved": "\"left\" | \"right\"",
             "references": {}
           },
-          "mutable": true,
-          "attr": "state",
+          "mutable": false,
+          "attr": "unit-position",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'expanded'",
+          "default": "'left'",
           "values": [
             {
-              "value": "collapsed",
+              "value": "left",
               "type": "string"
             },
             {
-              "value": "expanded",
+              "value": "right",
               "type": "string"
             }
           ],
           "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [
         {
-          "name": "tenthItemIcon",
-          "type": "string",
+          "event": "thumbValueChanged",
+          "detail": "{ left: number; right: number; }",
+          "bubbles": true,
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "{ left: number; right: number }",
+            "resolved": "{ left: number; right: number; }",
             "references": {}
           },
-          "mutable": false,
-          "attr": "tenth-item-icon",
+          "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": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "state",
+          "type": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+          "complexType": {
+            "original": "OnlineIndicatorStates",
+            "resolved": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+            "references": {
+              "OnlineIndicatorStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::OnlineIndicatorStates"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "OnlineIndicatorStates.Offline",
+          "values": [
+            {
+              "type": "OnlineIndicatorStates.Offline"
+            },
+            {
+              "type": "OnlineIndicatorStates.Online"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "statusIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "status-icon",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12854,9 +13234,57 @@
           ],
           "optional": false,
           "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "gb-avatar"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "gb-avatar": [
+          "gb-status-indicator"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/gb-step-base/gb-step-base.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-step-base",
+      "readme": "# gb-step-base\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "connector",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "connector",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         },
         {
-          "name": "tenthItemLabel",
+          "name": "label",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12864,13 +13292,139 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "tenth-item-label",
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showSupportingText",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-supporting-text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "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": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "state",
+          "type": "\"default\" | \"destructive\"",
+          "complexType": {
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -12878,21 +13432,35 @@
           "required": false
         },
         {
-          "name": "thirdItemIcon",
-          "type": "string",
+          "name": "status",
+          "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": "third-item-icon",
+          "attr": "status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -12900,7 +13468,7 @@
           "required": false
         },
         {
-          "name": "thirdItemLabel",
+          "name": "supportingText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -12908,7 +13476,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "third-item-label",
+          "attr": "supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -12923,11 +13491,17 @@
         },
         {
           "name": "type",
-          "type": "\"complex\" | \"simple\"",
+          "type": "\"featured_icon_left\" | \"featured_icon_top\" | \"icon_left\" | \"icon_only\" | \"icon_top\" | \"text_line\"",
           "complexType": {
-            "original": "'simple' | 'complex'",
-            "resolved": "\"complex\" | \"simple\"",
-            "references": {}
+            "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",
@@ -12936,210 +13510,98 @@
           "docsTags": [],
           "values": [
             {
-              "value": "complex",
+              "value": "featured_icon_left",
               "type": "string"
             },
             {
-              "value": "simple",
+              "value": "featured_icon_top",
               "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": ""
+              "value": "icon_left",
+              "type": "string"
+            },
+            {
+              "value": "icon_only",
+              "type": "string"
+            },
+            {
+              "value": "icon_top",
+              "type": "string"
+            },
+            {
+              "value": "text_line",
+              "type": "string"
             }
           ],
-          "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": []
+          "optional": false,
+          "required": false
         }
       ],
+      "methods": [],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-stepper-horizontal-icons-centered",
+        "gb-stepper-horizontal-line-with-text",
+        "gb-stepper-vertical-icons-with-text"
+      ],
       "dependencies": [
-        "gb-collapse-button",
-        "gb-simple-side-bar-item",
-        "gb-complex-primary-side-bar-item",
-        "gb-complex-secondary-side-bar-item"
+        "gb-featured-icon"
       ],
       "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-step-base": [
+          "gb-featured-icon"
         ],
-        "gb-avatar": [
-          "gb-avatar-contrast-inner-border",
-          "gb-status-indicator"
+        "gb-stepper-horizontal-icons-centered": [
+          "gb-step-base"
         ],
-        "gb-complex-primary-side-bar-item": [
-          "gb-tooltip"
+        "gb-stepper-horizontal-line-with-text": [
+          "gb-step-base"
         ],
-        "gb-complex-secondary-side-bar-item": [
-          "gb-tooltip"
+        "gb-stepper-vertical-icons-with-text": [
+          "gb-step-base"
         ]
       }
     },
     {
-      "filePath": "src/components/gb-simple-side-bar-item/gb-simple-side-bar-item.tsx",
+      "filePath": "src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-simple-side-bar-item",
-      "readme": "# gb-side-bar-item\r\n\r\n\r\n\r",
+      "tag": "gb-stepper-horizontal-icons-centered",
+      "readme": "# gb-stepper-horizontal-icons-centered\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "category",
-          "type": "\"colored_background\" | \"plain_background\"",
+          "name": "breakpoint",
+          "type": "\"desktop\" | \"mobile\"",
           "complexType": {
-            "original": "GeneralBackgroundCategories",
-            "resolved": "\"colored_background\" | \"plain_background\"",
+            "original": "BreakPoints",
+            "resolved": "\"desktop\" | \"mobile\"",
             "references": {
-              "GeneralBackgroundCategories": {
+              "BreakPoints": {
                 "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": {}
+                "id": "src/models/reusableModels.ts::BreakPoints"
+              }
+            }
           },
           "mutable": false,
-          "attr": "icon",
+          "attr": "breakpoint",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "desktop",
+              "type": "string"
+            },
+            {
+              "value": "mobile",
               "type": "string"
             }
           ],
@@ -13147,7 +13609,7 @@
           "required": false
         },
         {
-          "name": "label",
+          "name": "fifthStepLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -13155,7 +13617,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "fifth-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -13169,91 +13631,111 @@
           "required": false
         },
         {
-          "name": "showArrow",
-          "type": "boolean",
+          "name": "fifthStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "show-arrow",
+          "attr": "fifth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "showBadge",
-          "type": "boolean",
+          "name": "fifthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "show-badge",
+          "attr": "fifth-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
           "values": [
             {
-              "type": "boolean"
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "showTooltip",
-          "type": "boolean",
+          "name": "fifthStepSupportingText",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "show-tooltip",
+          "mutable": false,
+          "attr": "fifth-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "state",
-          "type": "\"active\" | \"default\"",
+          "name": "firstStepLabel",
+          "type": "string",
           "complexType": {
-            "original": "'default' | 'active'",
-            "resolved": "\"active\" | \"default\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "state",
+          "attr": "first-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "active",
-              "type": "string"
-            },
-            {
-              "value": "default",
               "type": "string"
             }
           ],
@@ -13261,111 +13743,67 @@
           "required": false
         },
         {
-          "name": "type",
-          "type": "\"full_with_label\" | \"icon_only\"",
+          "name": "firstStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "'full_with_label' | 'icon_only'",
-            "resolved": "\"full_with_label\" | \"icon_only\"",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "first-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "full_with_label",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "icon_only",
+              "value": "destructive",
               "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\"",
+          "name": "firstStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "'false' | 'bottom' | 'top_floating'",
-            "resolved": "\"bottom\" | \"false\" | \"top_floating\"",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "first-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "value": "bottom",
+              "value": "complete",
               "type": "string"
             },
             {
-              "value": "false",
+              "value": "current",
               "type": "string"
             },
             {
-              "value": "top_floating",
+              "value": "incomplete",
               "type": "string"
             }
           ],
@@ -13373,113 +13811,133 @@
           "required": false
         },
         {
-          "name": "leftControl",
-          "type": "number",
+          "name": "firstStepSupportingText",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "left-control",
+          "attr": "first-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "0",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "max",
-          "type": "number",
+          "name": "fourthStepLabel",
+          "type": "string",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "max",
+          "attr": "fourth-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "100",
+          "default": "''",
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "min",
-          "type": "number",
+          "name": "fourthStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "min",
+          "attr": "fourth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "0",
           "values": [
             {
-              "type": "number"
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "rightControl",
-          "type": "number",
+          "name": "fourthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "right-control",
+          "attr": "fourth-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "100",
           "values": [
             {
-              "type": "number"
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "thumbType",
-          "type": "\"text\" | \"tooltip\"",
+          "name": "fourthStepSupportingText",
+          "type": "string",
           "complexType": {
-            "original": "'text' | 'tooltip'",
-            "resolved": "\"text\" | \"tooltip\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "thumb-type",
+          "attr": "fourth-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
-              "value": "text",
-              "type": "string"
-            },
-            {
-              "value": "tooltip",
               "type": "string"
             }
           ],
@@ -13487,7 +13945,7 @@
           "required": false
         },
         {
-          "name": "unit",
+          "name": "secondStepLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -13495,7 +13953,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "unit",
+          "attr": "second-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -13509,107 +13967,75 @@
           "required": false
         },
         {
-          "name": "unitPosition",
-          "type": "\"left\" | \"right\"",
+          "name": "secondStepState",
+          "type": "\"default\" | \"destructive\"",
           "complexType": {
-            "original": "'left' | 'right'",
-            "resolved": "\"left\" | \"right\"",
-            "references": {}
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
           },
           "mutable": false,
-          "attr": "unit-position",
+          "attr": "second-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'left'",
           "values": [
             {
-              "value": "left",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "right",
+              "value": "destructive",
               "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\"",
+          "name": "secondStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "'text' | 'tooltip' | ''",
-            "resolved": "\"\" | \"text\" | \"tooltip\"",
-            "references": {}
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "second-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "type": "\"\""
+              "value": "complete",
+              "type": "string"
             },
             {
-              "value": "text",
+              "value": "current",
               "type": "string"
             },
             {
-              "value": "tooltip",
+              "value": "incomplete",
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "value",
+          "name": "secondStepSupportingText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -13617,11 +14043,11 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "value",
+          "attr": "second-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "'0'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -13629,40 +14055,9 @@
           ],
           "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",
+          "name": "seventhStepLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -13670,11 +14065,11 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "indicator-state-class",
+          "attr": "seventh-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "this.state",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -13684,71 +14079,31 @@
           "required": false
         },
         {
-          "name": "size",
-          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+          "name": "seventhStepState",
+          "type": "\"default\" | \"destructive\"",
           "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": "xl4",
-              "type": "string"
-            },
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "seventh-step-state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
             {
-              "value": "xs",
+              "value": "default",
               "type": "string"
             },
             {
-              "value": "xxs",
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -13756,38 +14111,43 @@
           "required": false
         },
         {
-          "name": "state",
-          "type": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+          "name": "seventhStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "OnlineIndicatorStates",
-            "resolved": "OnlineIndicatorStates.Offline | OnlineIndicatorStates.Online",
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
             "references": {
-              "OnlineIndicatorStates": {
+              "ProgressStepStatus": {
                 "location": "import",
                 "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::OnlineIndicatorStates"
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
               }
             }
           },
           "mutable": false,
-          "attr": "state",
+          "attr": "seventh-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "OnlineIndicatorStates.Offline",
           "values": [
             {
-              "type": "OnlineIndicatorStates.Offline"
+              "value": "complete",
+              "type": "string"
             },
             {
-              "type": "OnlineIndicatorStates.Online"
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "statusIcon",
+          "name": "seventhStepSupportingText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -13795,7 +14155,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "status-icon",
+          "attr": "seventh-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -13807,71 +14167,55 @@
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "gb-avatar"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "gb-avatar": [
-          "gb-status-indicator"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/gb-step-base/gb-step-base.tsx",
-      "encapsulation": "shadow",
-      "tag": "gb-step-base",
-      "readme": "# gb-step-base\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "connector",
-          "type": "boolean",
+          "name": "sixthStepLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "connector",
+          "attr": "sixth-step-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "label",
-          "type": "string",
+          "name": "sixthStepState",
+          "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": "label",
+          "attr": "sixth-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "''",
           "values": [
             {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
               "type": "string"
             }
           ],
@@ -13879,22 +14223,58 @@
           "required": false
         },
         {
-          "name": "showSupportingText",
-          "type": "boolean",
+          "name": "sixthStepStatus",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "sixth-step-status",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "sixthStepSupportingText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "show-supporting-text",
+          "attr": "sixth-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -13973,7 +14353,50 @@
           "required": false
         },
         {
-          "name": "state",
+          "name": "steps",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "steps",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "thirdStepLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "third-step-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "thirdStepState",
           "type": "\"default\" | \"destructive\"",
           "complexType": {
             "original": "ProgressStepStates",
@@ -13987,7 +14410,7 @@
             }
           },
           "mutable": false,
-          "attr": "state",
+          "attr": "third-step-state",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -14005,7 +14428,7 @@
           "required": false
         },
         {
-          "name": "status",
+          "name": "thirdStepStatus",
           "type": "\"complete\" | \"current\" | \"incomplete\"",
           "complexType": {
             "original": "ProgressStepStatus",
@@ -14019,7 +14442,7 @@
             }
           },
           "mutable": false,
-          "attr": "status",
+          "attr": "third-step-status",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -14041,7 +14464,7 @@
           "required": false
         },
         {
-          "name": "supportingText",
+          "name": "thirdStepSupportingText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -14049,7 +14472,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "supporting-text",
+          "attr": "third-step-supporting-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -14064,46 +14487,24 @@
         },
         {
           "name": "type",
-          "type": "\"featured_icon_left\" | \"featured_icon_top\" | \"icon_left\" | \"icon_only\" | \"icon_top\" | \"text_line\"",
+          "type": "\"featured_icon\" | \"icon\"",
           "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"
-              }
-            }
+            "original": "'icon' | 'featured_icon'",
+            "resolved": "\"featured_icon\" | \"icon\"",
+            "references": {}
           },
-          "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"
-            },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
             {
-              "value": "icon_top",
+              "value": "featured_icon",
               "type": "string"
             },
             {
-              "value": "text_line",
+              "value": "icon",
               "type": "string"
             }
           ],
@@ -14117,29 +14518,24 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "gb-progress-steps",
-        "gb-stepper-horizontal-icons-centered",
-        "gb-stepper-horizontal-line-with-text"
+      "dependents": [],
+      "dependencies": [
+        "gb-step-base"
       ],
-      "dependencies": [],
       "dependencyGraph": {
-        "gb-progress-steps": [
-          "gb-step-base"
-        ],
         "gb-stepper-horizontal-icons-centered": [
           "gb-step-base"
         ],
-        "gb-stepper-horizontal-line-with-text": [
-          "gb-step-base"
+        "gb-step-base": [
+          "gb-featured-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx",
+      "filePath": "src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-stepper-horizontal-icons-centered",
-      "readme": "# gb-stepper-horizontal-icons-centered\n\n\n",
+      "tag": "gb-stepper-horizontal-line-with-text",
+      "readme": "# gb-stepper-horizontal-line-with-text\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -14920,27 +15316,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "steps",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "steps",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "thirdStepLabel",
           "type": "string",
@@ -15052,32 +15427,6 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "type",
-          "type": "\"featured_icon\" | \"icon\"",
-          "complexType": {
-            "original": "'icon' | 'featured_icon'",
-            "resolved": "\"featured_icon\" | \"icon\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "type",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "featured_icon",
-              "type": "string"
-            },
-            {
-              "value": "icon",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
@@ -15091,47 +15440,39 @@
         "gb-step-base"
       ],
       "dependencyGraph": {
-        "gb-stepper-horizontal-icons-centered": [
+        "gb-stepper-horizontal-line-with-text": [
           "gb-step-base"
+        ],
+        "gb-step-base": [
+          "gb-featured-icon"
         ]
       }
     },
     {
-      "filePath": "src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx",
+      "filePath": "src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-stepper-horizontal-line-with-text",
-      "readme": "# gb-stepper-horizontal-line-with-text\n\n\n",
+      "tag": "gb-stepper-vertical-icons-with-text",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "breakpoint",
-          "type": "\"desktop\" | \"mobile\"",
+          "name": "connector",
+          "type": "boolean",
           "complexType": {
-            "original": "BreakPoints",
-            "resolved": "\"desktop\" | \"mobile\"",
-            "references": {
-              "BreakPoints": {
-                "location": "import",
-                "path": "../../models/reusableModels",
-                "id": "src/models/reusableModels.ts::BreakPoints"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
-          "attr": "breakpoint",
+          "attr": "connector",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "value": "desktop",
-              "type": "string"
-            },
-            {
-              "value": "mobile",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -15697,6 +16038,138 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "showFifthStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-fifth-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showFourthStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-fourth-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showSecondStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-second-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showSeventhStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-seventh-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showSixthStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-sixth-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showThirdStep",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-third-step",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "sixthStepLabel",
           "type": "string",
@@ -15992,6 +16465,32 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"featured_icon\" | \"icon\"",
+          "complexType": {
+            "original": "'icon' | 'featured_icon'",
+            "resolved": "\"featured_icon\" | \"icon\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "featured_icon",
+              "type": "string"
+            },
+            {
+              "value": "icon",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -16005,8 +16504,11 @@
         "gb-step-base"
       ],
       "dependencyGraph": {
-        "gb-stepper-horizontal-line-with-text": [
+        "gb-stepper-vertical-icons-with-text": [
           "gb-step-base"
+        ],
+        "gb-step-base": [
+          "gb-featured-icon"
         ]
       }
     },
@@ -19734,6 +20236,11 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::BadgeTypes": {
+      "declaration": "export type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::GeneralHierarchies": {
       "declaration": "export type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';",
       "docstring": "",