igniteui-webcomponents 7.0.0 → 7.1.0

package/custom-elements.json

@@ -198,7 +198,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "A reactive controller that manages theme adoption for a Lit host element.\n\nIt resolves the active theme from one of two sources, in order of priority:\n\n1. **Context** — provided by an ancestor `<igc-theme-provider>` element via the Lit context API.\n2. **Global** — the application-wide theme set via `configureTheme()`.\n\nWhen a context provider is present, the controller subscribes to its updates\nand stops listening to global theme change events. When the host element is\ndisconnected and reconnected outside a provider, it automatically falls back\nto the global theme.\n\nTheme styles are applied directly to the host's shadow root via `adoptStyles`\nevery time the active theme or variant changes.",
           "name": "ThemingController",
           "members": [
             {
@@ -284,11 +284,25 @@
                 "text": "Theme"
               },
               "privacy": "public",
+              "description": "Gets the current theme.",
               "readonly": true,
               "expandedType": {
                 "text": "'material' | 'bootstrap' | 'indigo' | 'fluent'"
               }
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ThemeVariant"
+              },
+              "privacy": "public",
+              "description": "Gets the current theme variant.",
+              "readonly": true,
+              "expandedType": {
+                "text": "'light' | 'dark'"
+              }
+            },
             {
               "kind": "method",
               "name": "_applyContextTheme",
@@ -319,13 +333,32 @@
             },
             {
               "kind": "method",
-              "name": "_getStyles",
-              "privacy": "private"
+              "name": "_applyTheme",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "theme",
+                  "type": {
+                    "text": "Theme"
+                  }
+                },
+                {
+                  "name": "variant",
+                  "type": {
+                    "text": "ThemeVariant"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
               "name": "_adoptStyles",
-              "privacy": "protected",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -339,7 +372,7 @@
           "name": "addThemingController",
           "return": {
             "type": {
-              "text": "ThemingController"
+              "text": ""
             }
           },
           "parameters": [
@@ -347,23 +380,30 @@
               "name": "host",
               "type": {
                 "text": "ReactiveControllerHost & ReactiveElement"
-              }
+              },
+              "description": "The Lit element that will host the controller."
             },
             {
               "name": "themes",
               "type": {
                 "text": "Themes"
-              }
+              },
+              "description": "The theme styles map containing `light` and `dark` variant entries,\neach keyed by theme name (`bootstrap`, `material`, `fluent`, `indigo`) and\nan optional `shared` entry applied regardless of theme."
             },
             {
               "name": "config",
               "optional": true,
               "type": {
                 "text": "ThemingControllerConfig"
-              }
+              },
+              "description": "Optional configuration."
+            },
+            {
+              "description": "Callback invoked on the host whenever the active theme changes.",
+              "name": "config.themeChange"
             }
           ],
-          "description": "Adds theming controller to the host component."
+          "description": "Creates and attaches a ThemingController to the given host element.\n\nThis is the preferred way to add theming support to a component. The controller\nis registered with the host's reactive controller lifecycle and automatically\nresolves the active theme from an ancestor `<igc-theme-provider>` context or\nfalls back to the application-wide theme set via `configureTheme()`."
         }
       ],
       "exports": [
@@ -3730,6 +3770,17 @@
                 }
               ],
               "description": "Returns the value for the given key, creating it if it doesn't exist."
+            },
+            {
+              "kind": "method",
+              "name": "toPlainMap",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Converts the DefaultMap to a plain Map for structured cloning."
             }
           ],
           "superclass": {
@@ -26592,7 +26643,7 @@
               "name": "element",
               "optional": true,
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLElement | null"
               }
             },
             {
@@ -26648,6 +26699,24 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "escapeRegex",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Escapes any potential regex syntax characters in a string, and returns a new string\nthat can be safely used as a literal pattern for the `RegExp()` constructor."
+        },
         {
           "kind": "function",
           "name": "setStyles",
@@ -27097,6 +27166,14 @@
             "module": "src/components/common/util.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "escapeRegex",
+          "declaration": {
+            "name": "escapeRegex",
+            "module": "src/components/common/util.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "setStyles",
@@ -68385,136 +68462,166 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/stepper/animations.ts",
+      "path": "src/components/visually-hidden/visually-hidden.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "bodyAnimations",
-          "default": "new Map( Object.entries({ grow: animationPair({ in: growVerIn, out: growVerOut, }), fade: animationPair({ in: noopAnimation, out: noopAnimation, }), slide: animationPair({ in: slideInHor, out: slideOutHor, }), none: animationPair({ in: noopAnimation, out: noopAnimation, }), }) )"
-        },
-        {
-          "kind": "variable",
-          "name": "contentAnimations",
-          "default": "new Map( Object.entries({ grow: animationPair({ in: fadeIn, out: fadeOut, }), fade: animationPair({ in: fadeIn, out: fadeOut, }), slide: animationPair({ in: fadeIn, out: fadeOut, }), none: animationPair({ in: noopAnimation, out: noopAnimation, }), }) )"
+          "kind": "class",
+          "description": "A utility component that visually hides its content while keeping it\naccessible to screen readers and other assistive technologies.\n\nThe content is only visible when it receives focus, making it ideal for\nskip navigation links and other focus-based accessibility patterns.",
+          "name": "IgcVisuallyHiddenComponent",
+          "slots": [
+            {
+              "description": "Default slot for the visually hidden content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-visually-hidden'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-visually-hidden",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "bodyAnimations",
+          "name": "default",
           "declaration": {
-            "name": "bodyAnimations",
-            "module": "src/components/stepper/animations.ts"
+            "name": "IgcVisuallyHiddenComponent",
+            "module": "src/components/visually-hidden/visually-hidden.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/splitter/types.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PanePosition",
+          "declaration": {
+            "name": "PanePosition",
+            "module": "src/components/splitter/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "contentAnimations",
+          "name": "SplitterPaneState",
           "declaration": {
-            "name": "contentAnimations",
-            "module": "src/components/stepper/animations.ts"
+            "name": "SplitterPaneState",
+            "module": "src/components/splitter/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PaneResizeSnapshot",
+          "declaration": {
+            "name": "PaneResizeSnapshot",
+            "module": "src/components/splitter/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SplitterResizeState",
+          "declaration": {
+            "name": "SplitterResizeState",
+            "module": "src/components/splitter/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IgcSplitterResizeEventDetail",
+          "declaration": {
+            "name": "IgcSplitterResizeEventDetail",
+            "module": "src/components/splitter/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IgcSplitterComponentEventMap",
+          "declaration": {
+            "name": "IgcSplitterComponentEventMap",
+            "module": "src/components/splitter/types.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/stepper/step.ts",
+      "path": "src/components/splitter/splitter.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The step component is used within the `igc-stepper` element and it holds the content of each step.\nIt also supports custom indicators, title and subtitle.",
-          "name": "IgcStepComponent",
+          "description": "The `igc-splitter` component provides a resizable split-pane layout that divides the view\ninto two panels — *start* and *end* — separated by a draggable bar.\n\nPanels can be resized by dragging the bar, using keyboard shortcuts, or collapsed/expanded\nusing the built-in collapse buttons or the programmatic `toggle()` API.\nNested splitters are supported for more complex layouts.",
+          "name": "IgcSplitterComponent",
           "cssParts": [
             {
-              "description": "Wrapper of the step's `header` and its separators.",
-              "name": "header-container"
-            },
-            {
-              "description": "Indicates a disabled state. Applies to `header-container`.",
-              "name": "disabled"
-            },
-            {
-              "description": "Indicates a complete state of the current step. Applies to `header-container`.",
-              "name": "complete-start"
-            },
-            {
-              "description": "Indicates a complete state of the previous step. Applies to `header-container`.",
-              "name": "complete-end"
-            },
-            {
-              "description": "Indicates an optional state. Applies to `header-container`.",
-              "name": "optional"
-            },
-            {
-              "description": "Indicates an invalid state. Applies to `header-container`.",
-              "name": "invalid"
-            },
-            {
-              "description": "Indicates that the title should be above the indicator. Applies to `header-container`.",
-              "name": "top"
-            },
-            {
-              "description": "Indicates that the title should be below the indicator. Applies to `header-container`.",
-              "name": "bottom"
-            },
-            {
-              "description": "Indicates that the title should be before the indicator. Applies to `header-container`.",
-              "name": "start"
-            },
-            {
-              "description": "Indicates that the title should be after the indicator. Applies to `header-container`.",
-              "name": "end"
-            },
-            {
-              "description": "Wrapper of the step's `indicator` and `text`.",
-              "name": "header"
+              "description": "The resizable bar element between the two panels.",
+              "name": "splitter-bar"
             },
             {
-              "description": "The indicator of the step.",
-              "name": "indicator"
+              "description": "The drag handle icon/element on the splitter bar.",
+              "name": "drag-handle"
             },
             {
-              "description": "Wrapper of the step's `title` and `subtitle`.",
-              "name": "text"
+              "description": "The container for the start panel content.",
+              "name": "start-pane"
             },
             {
-              "description": "Indicates that no title and subtitle has been provided to the step. Applies to `text`.",
-              "name": "empty"
+              "description": "The container for the end panel content.",
+              "name": "end-pane"
             },
             {
-              "description": "The title of the step.",
-              "name": "title"
+              "description": "The button to collapse the start panel.",
+              "name": "start-collapse-btn"
             },
             {
-              "description": "The subtitle of the step.",
-              "name": "subtitle"
+              "description": "The button to collapse the end panel.",
+              "name": "end-collapse-btn"
             },
             {
-              "description": "Wrapper of the step's `content`.",
-              "name": "body"
+              "description": "The button to expand the start panel when collapsed.",
+              "name": "start-expand-btn"
             },
             {
-              "description": "The steps `content`.",
-              "name": "content"
+              "description": "The button to expand the end panel when collapsed.",
+              "name": "end-expand-btn"
             }
           ],
           "slots": [
             {
-              "description": "Renders the content of the step.",
-              "name": ""
-            },
-            {
-              "description": "Renders the indicator of the step. By default, it displays the step index + 1.",
-              "name": "indicator"
-            },
-            {
-              "description": "Renders the title of the step.",
-              "name": "title"
+              "description": "Content projected into the start (left/top) panel.",
+              "name": "start"
             },
             {
-              "description": "Renders the subtitle of the step.",
-              "name": "subtitle"
+              "description": "Content projected into the end (right/bottom) panel.",
+              "name": "end"
             }
           ],
           "members": [
@@ -68527,149 +68634,259 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-step'"
+              "default": "'igc-splitter'"
             },
             {
               "kind": "method",
               "name": "register",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_separatorRef",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "bodyRef",
+              "name": "_startPaneState",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "SplitterPaneState"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "{ size: 'auto', styles: {} }"
             },
             {
               "kind": "field",
-              "name": "contentRef",
+              "name": "_endPaneState",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "SplitterPaneState"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "{ size: 'auto', styles: {} }"
             },
             {
               "kind": "field",
-              "name": "bodyAnimationPlayer",
-              "privacy": "private"
+              "name": "_collapsedPane",
+              "type": {
+                "text": "PanePosition | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "expandedType": {
+                "text": "'start' | 'end' | null"
+              }
             },
             {
               "kind": "field",
-              "name": "contentAnimationPlayer",
-              "privacy": "private"
+              "name": "_resizeState",
+              "type": {
+                "text": "SplitterResizeState"
+              },
+              "privacy": "private",
+              "default": "{ ...DEFAULT_RESIZE_STATE }"
             },
             {
               "kind": "field",
-              "name": "_titleChildren",
+              "name": "_base",
               "type": {
-                "text": "Array<HTMLElement>"
+                "text": "HTMLElement"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_subTitleChildren",
+              "name": "_startPane",
               "type": {
-                "text": "Array<HTMLElement>"
+                "text": "HTMLElement"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "_endPane",
               "type": {
                 "text": "HTMLElement"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "contentBody",
+              "name": "_separator",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLElement | undefined"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "_resizeDisallowed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_isHorizontal",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_separatorCursor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "SplitterOrientation"
+              },
               "privacy": "public",
-              "default": "false",
-              "description": "Gets/sets whether the step is invalid.",
-              "attribute": "invalid",
-              "reflects": true
+              "default": "'horizontal'",
+              "description": "The orientation of the splitter, which determines the direction of resizing and collapsing.",
+              "attribute": "orientation",
+              "reflects": true,
+              "expandedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "disableCollapse",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Gets/sets whether the step is activе.",
-              "attribute": "active",
+              "description": "When true, prevents the user from collapsing either pane.\nThis also hides the expand/collapse buttons on the splitter bar.",
+              "attribute": "disable-collapse",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "optional",
+              "name": "disableResize",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Gets/sets whether the step is optional.",
-              "attribute": "optional"
+              "description": "When true, prevents the user from resizing the panes by dragging the splitter bar or using keyboard shortcuts.\nThis also hides the drag handle on the splitter bar.",
+              "attribute": "disable-resize",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hideCollapseButtons",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Gets/sets whether the step is interactable.",
-              "attribute": "disabled",
+              "description": "When true, hides the expand/collapse buttons on the splitter bar.\n\nNote that the buttons will also be hidden if `disable-collapse` is true or\nif a pane is currently collapsed.",
+              "attribute": "hide-collapse-buttons",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "complete",
+              "name": "hideDragHandle",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Gets/sets whether the step is completed.",
-              "attribute": "complete",
+              "description": "When true, hides the drag handle on the splitter bar.\n\nNote that the drag handle will also be hidden if `disable-resize` is true.",
+              "attribute": "hide-drag-handle",
               "reflects": true
             },
             {
-              "kind": "method",
-              "name": "activeChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "startMinSize",
+              "privacy": "public",
+              "description": "The minimum size of the start pane.",
+              "attribute": "start-min-size",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
-              "kind": "method",
-              "name": "disabledInvalidOptionalChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "endMinSize",
+              "privacy": "public",
+              "description": "The minimum size of the end pane.",
+              "attribute": "end-min-size",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
-              "kind": "method",
-              "name": "completeChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "startMaxSize",
+              "privacy": "public",
+              "description": "The maximum size of the start pane.",
+              "attribute": "start-max-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "endMaxSize",
+              "privacy": "public",
+              "description": "The maximum size of the end pane.",
+              "attribute": "end-max-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "startSize",
+              "privacy": "public",
+              "description": "The size of the start pane.",
+              "attribute": "start-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "endSize",
+              "privacy": "public",
+              "description": "The size of the end pane.",
+              "attribute": "end-size",
+              "type": {
+                "text": "string | undefined"
+              }
             },
             {
               "kind": "method",
-              "name": "handleClick",
+              "name": "_handleBarPointerDown",
               "privacy": "private",
               "return": {
                 "type": {
@@ -68678,112 +68895,1517 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleKeydown",
+              "name": "_getDragDelta",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "headerContainerParts",
+              "kind": "method",
+              "name": "_handleBarPointerMove",
               "privacy": "private",
-              "readonly": true
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "textParts",
+              "kind": "method",
+              "name": "_handleEndDrag",
               "privacy": "private",
-              "readonly": true
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "renderIndicator",
-              "privacy": "protected"
+              "name": "_endDrag",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "renderTitleAndSubtitle",
-              "privacy": "protected"
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "position",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ],
+              "description": "Toggles the collapsed state of the specified pane."
             },
             {
               "kind": "method",
-              "name": "renderContent",
-              "privacy": "protected"
-            }
-          ],
-          "events": [
-            {
-              "name": "stepActiveChanged",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "stepDisabledInvalidChanged",
-              "type": {
-                "text": "CustomEvent"
+              "name": "_savePaneSizes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "name": "stepCompleteChanged",
-              "type": {
-                "text": "CustomEvent"
+              "kind": "method",
+              "name": "_restoreSizesOnExpandCollapse",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "name": "stepHeaderKeydown",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_paneRectAsPercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "false",
-              "description": "Gets/sets whether the step is invalid.",
-              "fieldName": "invalid"
+              "parameters": [
+                {
+                  "name": "paneIndex",
+                  "type": {
+                    "text": "0 | 1"
+                  }
+                }
+              ],
+              "description": "Measures the actual rendered size of a pane and returns it as a percentage of total size."
             },
             {
-              "name": "active",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_sizeToPercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "false",
-              "description": "Gets/sets whether the step is activе.",
-              "fieldName": "active"
+              "parameters": [
+                {
+                  "name": "sizeValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Converts a CSS size string (px or %) to a percentage of total size."
             },
             {
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Gets/sets whether the step is optional.",
-              "fieldName": "optional"
+              "kind": "method",
+              "name": "_getStartPaneSizePercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getMinMaxAsPercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "'min' | 'max'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isCollapsed",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "which",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateBarAria",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getPaneState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SplitterPaneState"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "which",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isPercentageSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "which",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isAutoSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "which",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_normalizeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "optional": true,
+                  "type": {
+                    "text": "'auto'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getFlex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "which",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleResizePanes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "-1 | 1"
+                  }
+                },
+                {
+                  "name": "validOrientation",
+                  "type": {
+                    "text": "SplitterOrientation"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_preventDefaultForEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resolveDelta",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "deltaX",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "deltaY",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "direction",
+                  "optional": true,
+                  "type": {
+                    "text": "-1 | 1"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleMinMaxResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "'min' | 'max'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleExpanderAction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleArrowsExpandCollapse",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "validOrientation",
+                  "type": {
+                    "text": "SplitterOrientation"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resizeStart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_createPaneState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "PaneResizeSnapshot"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "size",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "totalSize",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setMinMaxInPx",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "'min' | 'max'"
+                  }
+                },
+                {
+                  "name": "totalSize",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resizing",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_computeSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PaneResizeSnapshot"
+                  }
+                },
+                {
+                  "name": "paneSize",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "totalSize",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resizeEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_rectSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "[number, number]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_calcNewSizes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "[number, number]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getTotalSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updatePanes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updatePaneStyles",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "styles",
+                  "type": {
+                    "text": "StyleInfo"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setPaneMinMaxSizes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "minSize",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "maxSize",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "totalSize",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_ensureMinConstraintIsWithinBounds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "minSize",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "totalSize",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleExpanderClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resolvePartNames",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Record<string, boolean>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "expander",
+                  "type": {
+                    "text": "PanePosition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_renderBarControls",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderAccessibleLabel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderSeparator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | EventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "eventInitDict",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<D>"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted once when a resize operation begins (pointer drag or keyboard).",
+              "name": "igcResizeStart"
+            },
+            {
+              "description": "Emitted continuously while a pane is being resized.",
+              "name": "igcResizing"
+            },
+            {
+              "description": "Emitted once when a resize operation completes.",
+              "name": "igcResizeEnd"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "SplitterOrientation"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation of the splitter, which determines the direction of resizing and collapsing.",
+              "fieldName": "orientation",
+              "attribute": "orientation",
+              "expandedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "disable-collapse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, prevents the user from collapsing either pane.\nThis also hides the expand/collapse buttons on the splitter bar.",
+              "fieldName": "disableCollapse",
+              "attribute": "disable-collapse"
+            },
+            {
+              "name": "disable-resize",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, prevents the user from resizing the panes by dragging the splitter bar or using keyboard shortcuts.\nThis also hides the drag handle on the splitter bar.",
+              "fieldName": "disableResize",
+              "attribute": "disable-resize"
+            },
+            {
+              "name": "hide-collapse-buttons",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the expand/collapse buttons on the splitter bar.\n\nNote that the buttons will also be hidden if `disable-collapse` is true or\nif a pane is currently collapsed.",
+              "fieldName": "hideCollapseButtons",
+              "attribute": "hide-collapse-buttons"
+            },
+            {
+              "name": "hide-drag-handle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the drag handle on the splitter bar.\n\nNote that the drag handle will also be hidden if `disable-resize` is true.",
+              "fieldName": "hideDragHandle",
+              "attribute": "hide-drag-handle"
+            },
+            {
+              "name": "start-min-size",
+              "description": "The minimum size of the start pane.",
+              "fieldName": "startMinSize",
+              "attribute": "start-min-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "end-min-size",
+              "description": "The minimum size of the end pane.",
+              "fieldName": "endMinSize",
+              "attribute": "end-min-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "start-max-size",
+              "description": "The maximum size of the start pane.",
+              "fieldName": "startMaxSize",
+              "attribute": "start-max-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "end-max-size",
+              "description": "The maximum size of the end pane.",
+              "fieldName": "endMaxSize",
+              "attribute": "end-max-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "start-size",
+              "description": "The size of the start pane.",
+              "fieldName": "startSize",
+              "attribute": "start-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "end-size",
+              "description": "The size of the end pane.",
+              "fieldName": "endSize",
+              "attribute": "end-size",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/components/common/mixins/event-emitter.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-splitter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcSplitterComponent",
+            "module": "src/components/splitter/splitter.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IgcSplitterComponentEventMap",
+          "declaration": {
+            "name": "IgcSplitterComponentEventMap",
+            "module": "src/components/splitter/splitter.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IgcSplitterResizeEventDetail",
+          "declaration": {
+            "name": "IgcSplitterResizeEventDetail",
+            "module": "src/components/splitter/splitter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/stepper/common/animations.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "bodyAnimations",
+          "default": "new Map( Object.entries({ grow: animationPair({ in: growVerIn, out: growVerOut, }), fade: animationPair({ in: noopAnimation, out: noopAnimation, }), slide: animationPair({ in: slideInHor, out: slideOutHor, }), none: animationPair({ in: noopAnimation, out: noopAnimation, }), }) )"
+        },
+        {
+          "kind": "variable",
+          "name": "contentAnimations",
+          "default": "new Map( Object.entries({ grow: animationPair({ in: fadeIn, out: fadeOut, }), fade: animationPair({ in: fadeIn, out: fadeOut, }), slide: animationPair({ in: fadeIn, out: fadeOut, }), none: animationPair({ in: noopAnimation, out: noopAnimation, }), }) )"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "bodyAnimations",
+          "declaration": {
+            "name": "bodyAnimations",
+            "module": "src/components/stepper/common/animations.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "contentAnimations",
+          "declaration": {
+            "name": "contentAnimations",
+            "module": "src/components/stepper/common/animations.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/stepper/step.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A step component used within an `igc-stepper` to represent an individual step in a wizard-like workflow.",
+          "name": "IgcStepComponent",
+          "cssParts": [
+            {
+              "description": "Wrapper of the step's `header` and its separators.",
+              "name": "header-container"
+            },
+            {
+              "description": "Indicates a disabled state. Applies to `header-container`.",
+              "name": "disabled"
+            },
+            {
+              "description": "Indicates a complete state of the current step. Applies to `header-container`.",
+              "name": "complete-start"
+            },
+            {
+              "description": "Indicates a complete state of the previous step. Applies to `header-container`.",
+              "name": "complete-end"
+            },
+            {
+              "description": "Indicates an optional state. Applies to `header-container`.",
+              "name": "optional"
+            },
+            {
+              "description": "Indicates an invalid state. Applies to `header-container`.",
+              "name": "invalid"
+            },
+            {
+              "description": "Indicates that the title should be above the indicator. Applies to `header-container`.",
+              "name": "top"
+            },
+            {
+              "description": "Indicates that the title should be below the indicator. Applies to `header-container`.",
+              "name": "bottom"
+            },
+            {
+              "description": "Indicates that the title should be before the indicator. Applies to `header-container`.",
+              "name": "start"
+            },
+            {
+              "description": "Indicates that the title should be after the indicator. Applies to `header-container`.",
+              "name": "end"
+            },
+            {
+              "description": "Wrapper of the step's `indicator` and `text`.",
+              "name": "header"
+            },
+            {
+              "description": "The indicator of the step.",
+              "name": "indicator"
+            },
+            {
+              "description": "Wrapper of the step's `title` and `subtitle`.",
+              "name": "text"
+            },
+            {
+              "description": "Indicates that no title and subtitle have been provided to the step. Applies to `text`.",
+              "name": "empty"
+            },
+            {
+              "description": "The title of the step.",
+              "name": "title"
+            },
+            {
+              "description": "The subtitle of the step.",
+              "name": "subtitle"
+            },
+            {
+              "description": "Wrapper of the step's `content`.",
+              "name": "body"
+            },
+            {
+              "description": "The step's `content`.",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the step.",
+              "name": ""
+            },
+            {
+              "description": "Renders the indicator of the step. By default, it displays the step index + 1.",
+              "name": "indicator"
+            },
+            {
+              "description": "Renders the title of the step.",
+              "name": "title"
+            },
+            {
+              "description": "Renders the subtitle of the step.",
+              "name": "subtitle"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-step'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_bodyRef",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_contentRef",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_bodyPlayer",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_contentPlayer",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_slots",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stepperContext",
+              "type": {
+                "text": "StepperContext | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stepper",
+              "type": {
+                "text": "IgcStepperComponent | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_state",
+              "type": {
+                "text": "StepperState | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_isHorizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_hasTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_hasSubtitle",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_animation",
+              "type": {
+                "text": "| StepperVerticalAnimation\n    | HorizontalTransitionAnimation"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "expandedType": {
+                "text": "'grow' | 'fade' | 'none' | 'slide' | 'fade' | 'none'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_animationDuration",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_contentTop",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_index",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_orientation",
+              "type": {
+                "text": "StepperOrientation"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "expandedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_titlePosition",
+              "type": {
+                "text": "StepperTitlePosition"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "expandedType": {
+                "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_stepType",
+              "type": {
+                "text": "StepperStepType"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "expandedType": {
+                "text": "'full' | 'indicator' | 'title'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_previousComplete",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_visited",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_isAccessible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the step is invalid.\n\nInvalid steps are styled with an error state and are not\ninteractive when the stepper is in linear mode.",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the step is active.\n\nActive steps are styled with an active state and their content is visible.",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the step is optional.\n\nOptional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\nif optional step is invalid the user could still move to the next step.",
+              "attribute": "optional",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the step is disabled.\n\nDisabled steps are styled with a disabled state and are not interactive.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "complete",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the step is completed.",
+              "attribute": "complete",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_headerContainerParts",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_textParts",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_renderIndicator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderTitleAndSubtitle",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderHeader",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderContent",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the step is invalid.\n\nInvalid steps are styled with an error state and are not\ninteractive when the stepper is in linear mode.",
+              "fieldName": "invalid",
+              "attribute": "invalid"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the step is active.\n\nActive steps are styled with an active state and their content is visible.",
+              "fieldName": "active",
+              "attribute": "active"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the step is optional.\n\nOptional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\nif optional step is invalid the user could still move to the next step.",
+              "fieldName": "optional",
+              "attribute": "optional"
             },
             {
               "name": "disabled",
@@ -68791,8 +70413,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Gets/sets whether the step is interactable.",
-              "fieldName": "disabled"
+              "description": "Whether the step is disabled.\n\nDisabled steps are styled with a disabled state and are not interactive.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
             },
             {
               "name": "complete",
@@ -68800,8 +70423,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Gets/sets whether the step is completed.",
-              "fieldName": "complete"
+              "description": "Whether the step is completed.",
+              "fieldName": "complete",
+              "attribute": "complete"
             }
           ],
           "superclass": {
@@ -68825,7 +70449,386 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/stepper/stepper.common.ts",
+      "path": "src/components/stepper/common/state.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "StepperState",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_state",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new WeakMap<IgcStepComponent, StepState>()"
+            },
+            {
+              "kind": "field",
+              "name": "_steps",
+              "type": {
+                "text": "IgcStepComponent[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_activeStep",
+              "type": {
+                "text": "IgcStepComponent | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "steps",
+              "type": {
+                "text": "readonly IgcStepComponent[]"
+              },
+              "privacy": "public",
+              "description": "Returns all registered step components.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "activeStep",
+              "type": {
+                "text": "IgcStepComponent | undefined"
+              },
+              "privacy": "public",
+              "description": "Returns the currently active step.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "accessibleSteps",
+              "type": {
+                "text": "IgcStepComponent[]"
+              },
+              "privacy": "public",
+              "description": "Returns all steps that are currently accessible (not disabled or linear-disabled).",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "set",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                },
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "Partial<StepState>"
+                  }
+                }
+              ],
+              "description": "Sets the state of a given step component.\n\nIf the step already has an existing state, it merges the new state with the existing one.\nIf the step does not have an existing state, it initializes it with default values and then applies the new state.\n\nAfter updating the state, it requests an update on the step component to reflect the changes in the UI."
+            },
+            {
+              "kind": "method",
+              "name": "has",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                }
+              ],
+              "description": "Checks if a given step component has an associated state."
+            },
+            {
+              "kind": "method",
+              "name": "get",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "StepState | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                }
+              ],
+              "description": "Retrieves the state of a given step component."
+            },
+            {
+              "kind": "method",
+              "name": "delete",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                }
+              ],
+              "description": "Deletes the state of a given step component."
+            },
+            {
+              "kind": "method",
+              "name": "isAccessible",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                }
+              ],
+              "description": "Determines if a given step component is accessible based on its `disabled` state\nand the `linearDisabled` state from the stepper state management."
+            },
+            {
+              "kind": "method",
+              "name": "setSteps",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "steps",
+                  "type": {
+                    "text": "IgcStepComponent[]"
+                  }
+                }
+              ],
+              "description": "Updates the registered steps collection."
+            },
+            {
+              "kind": "method",
+              "name": "changeActiveStep",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                }
+              ],
+              "description": "Changes the active step, deactivating the previous one and marking the new one as visited."
+            },
+            {
+              "kind": "method",
+              "name": "activateFirstStep",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Activates the first non-disabled step."
+            },
+            {
+              "kind": "method",
+              "name": "getAdjacentStep",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "IgcStepComponent | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "next",
+                  "default": "true"
+                }
+              ],
+              "description": "Returns the next or previous accessible step relative to the active step."
+            },
+            {
+              "kind": "method",
+              "name": "syncState",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Synchronizes the `active` and `previousCompleted` state across all steps."
+            },
+            {
+              "kind": "method",
+              "name": "setVisitedState",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Sets the visited state for all steps based on the current active step and the linear mode."
+            },
+            {
+              "kind": "method",
+              "name": "setLinearState",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Computes and applies the linear-disabled state for all steps."
+            },
+            {
+              "kind": "method",
+              "name": "onStepPropertyChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "IgcStepComponent"
+                  }
+                },
+                {
+                  "name": "changed",
+                  "type": {
+                    "text": "PropertyValues<IgcStepComponent>"
+                  }
+                }
+              ],
+              "description": "Handles step property changes, updating active step tracking and re-syncing state."
+            },
+            {
+              "kind": "method",
+              "name": "stepsChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Processes a change in the steps collection, resolving the active step and syncing state."
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Resets all step states and activates the first step."
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createStepperState",
+          "return": {
+            "type": {
+              "text": "StepperState"
+            }
+          },
+          "description": "Creates a new instance of the StepperState class, which manages the state of steps in a stepper component."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createStepperState",
+          "declaration": {
+            "name": "createStepperState",
+            "module": "src/components/stepper/common/state.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "StepperState",
+          "declaration": {
+            "name": "StepperState",
+            "module": "src/components/stepper/common/state.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/stepper/common/context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "STEPPER_CONTEXT"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "STEPPER_CONTEXT",
+          "declaration": {
+            "name": "STEPPER_CONTEXT",
+            "module": "src/components/stepper/common/context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/stepper/common/types.ts",
       "declarations": [],
       "exports": []
     },
@@ -68835,11 +70838,11 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.",
+          "description": "A stepper component that provides a wizard-like workflow by dividing content into logical steps.",
           "name": "IgcStepperComponent",
           "slots": [
             {
-              "description": "Renders the step components inside default slot.",
+              "description": "Renders `igc-step` components inside the default slot.",
               "name": ""
             }
           ],
@@ -68859,43 +70862,56 @@
               "kind": "method",
               "name": "register",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "keyDownHandlers",
-              "type": {
-                "text": "Map<string, Function>"
-              },
+              "name": "_state",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_contextProvider",
               "privacy": "private",
               "readonly": true,
-              "default": "new Map( Object.entries({ Enter: this.activateStep, Space: this.activateStep, SpaceBar: this.activateStep, ' ': this.activateStep, ArrowUp: this.onArrowUpKeyDown, ArrowDown: this.onArrowDownKeyDown, ArrowLeft: this.onArrowLeftKeyDown, ArrowRight: this.onArrowRightKeyDown, Home: this.onHomeKey, End: this.onEndKey, }) )"
+              "default": "new ContextProvider(this, { context: STEPPER_CONTEXT, initialValue: { stepper: this, state: this._state, }, })"
             },
             {
               "kind": "field",
-              "name": "activeStep",
-              "type": {
-                "text": "IgcStepComponent"
-              },
-              "privacy": "private"
+              "name": "_internals",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_slots",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_shouldUpdateLinearState",
+              "name": "_isHorizontal",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false"
+              "readonly": true
             },
             {
               "kind": "field",
               "name": "steps",
               "type": {
-                "text": "Array<IgcStepComponent>"
+                "text": "readonly IgcStepComponent[]"
               },
               "privacy": "public",
-              "description": "Returns all of the stepper's steps."
+              "description": "Returns all of the stepper's steps.",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -68905,7 +70921,7 @@
               },
               "privacy": "public",
               "default": "'horizontal'",
-              "description": "Gets/Sets the orientation of the stepper.",
+              "description": "The orientation of the stepper.",
               "attribute": "orientation",
               "reflects": true,
               "expandedType": {
@@ -68920,7 +70936,7 @@
               },
               "privacy": "public",
               "default": "'full'",
-              "description": "Get/Set the type of the steps.",
+              "description": "The visual type of the steps.",
               "attribute": "step-type",
               "reflects": true,
               "expandedType": {
@@ -68935,8 +70951,9 @@
               },
               "privacy": "public",
               "default": "false",
-              "description": "Get/Set whether the stepper is linear.",
-              "attribute": "linear"
+              "description": "Whether the stepper is linear.",
+              "attribute": "linear",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -68946,7 +70963,7 @@
               },
               "privacy": "public",
               "default": "false",
-              "description": "Get/Set whether the content is displayed above the steps.",
+              "description": "Whether the content is displayed above the steps.",
               "attribute": "content-top",
               "reflects": true
             },
@@ -68986,7 +71003,7 @@
               },
               "privacy": "public",
               "default": "320",
-              "description": "The animation duration in either vertical or horizontal mode.",
+              "description": "The animation duration in either vertical or horizontal mode in milliseconds.",
               "attribute": "animation-duration"
             },
             {
@@ -68997,7 +71014,7 @@
               },
               "privacy": "public",
               "default": "'auto'",
-              "description": "Get/Set the position of the steps title.",
+              "description": "The position of the steps title.",
               "attribute": "title-position",
               "expandedType": {
                 "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
@@ -69005,18 +71022,32 @@
             },
             {
               "kind": "method",
-              "name": "orientationChange",
-              "privacy": "protected",
+              "name": "_skipKeyboard",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "stepTypeChange",
-              "privacy": "protected",
+              "name": "_handleHomeKey",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -69025,8 +71056,8 @@
             },
             {
               "kind": "method",
-              "name": "titlePositionChange",
-              "privacy": "protected",
+              "name": "_handleEndKey",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -69035,8 +71066,8 @@
             },
             {
               "kind": "method",
-              "name": "contentTopChange",
-              "privacy": "protected",
+              "name": "_handleArrowDown",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -69045,8 +71076,8 @@
             },
             {
               "kind": "method",
-              "name": "linearChange",
-              "privacy": "protected",
+              "name": "_handleArrowUp",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -69055,92 +71086,88 @@
             },
             {
               "kind": "method",
-              "name": "animationTypeChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "animationDurationChange",
-              "privacy": "protected"
+              "name": "_handleArrowLeft",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "activateFirstStep",
-              "privacy": "private"
+              "name": "_handleArrowRight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "animateSteps",
+              "name": "_handleInteraction",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "nextStep",
-                  "type": {
-                    "text": "IgcStepComponent"
-                  }
-                },
-                {
-                  "name": "currentStep",
+                  "name": "event",
                   "type": {
-                    "text": "IgcStepComponent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "activateStep",
+              "name": "_handleSlotChange",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "step",
-                  "type": {
-                    "text": "IgcStepComponent"
-                  }
-                },
-                {
-                  "name": "shouldEmit",
-                  "default": "true"
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "changeActiveStep",
+              "name": "_syncStepperAttributes",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "step",
+                  "name": "properties",
                   "type": {
-                    "text": "IgcStepComponent"
+                    "text": "PropertyValues<this>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "moveToNextStep",
+              "name": "_animateSteps",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "next",
-                  "default": "true"
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeydown",
-              "privacy": "private",
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "nextStep",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "IgcStepComponent"
                   }
                 },
                 {
-                  "name": "focusedStep",
+                  "name": "currentStep",
                   "type": {
                     "text": "IgcStepComponent"
                   }
@@ -69149,78 +71176,90 @@
             },
             {
               "kind": "method",
-              "name": "onHomeKey",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onEndKey",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onArrowDownKeyDown",
+              "name": "_emitChanging",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "focusedStep",
+                  "name": "args",
                   "type": {
-                    "text": "IgcStepComponent"
+                    "text": "IgcActiveStepChangingEventArgs"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onArrowUpKeyDown",
+              "name": "_emitChanged",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "focusedStep",
+                  "name": "args",
                   "type": {
-                    "text": "IgcStepComponent"
+                    "text": "IgcActiveStepChangedEventArgs"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onArrowRightKeyDown",
+              "name": "_activateStep",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "focusedStep",
+                  "name": "step",
                   "type": {
                     "text": "IgcStepComponent"
                   }
+                },
+                {
+                  "name": "shouldEmit",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onArrowLeftKeyDown",
+              "name": "_moveToNextStep",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "focusedStep",
-                  "type": {
-                    "text": "IgcStepComponent"
-                  }
+                  "name": "next",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getNextStep",
+              "name": "_getNextStep",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "IgcStepComponent | undefined"
+                  "text": "IgcStepComponent"
                 }
               },
               "parameters": [
                 {
-                  "name": "focusedStep",
+                  "name": "step",
                   "type": {
                     "text": "IgcStepComponent"
                   }
@@ -69229,16 +71268,16 @@
             },
             {
               "kind": "method",
-              "name": "getPreviousStep",
+              "name": "_getPreviousStep",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "IgcStepComponent | undefined"
+                  "text": "IgcStepComponent"
                 }
               },
               "parameters": [
                 {
-                  "name": "focusedStep",
+                  "name": "step",
                   "type": {
                     "text": "IgcStepComponent"
                   }
@@ -69247,21 +71286,27 @@
             },
             {
               "kind": "method",
-              "name": "updateStepsLinearDisabled",
+              "name": "_getActiveStepComponent",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "IgcStepComponent | null"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "updateAnimation",
+              "name": "_getStepHeader",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              },
               "parameters": [
                 {
                   "name": "step",
+                  "optional": true,
                   "type": {
                     "text": "IgcStepComponent"
                   }
@@ -69270,28 +71315,13 @@
             },
             {
               "kind": "method",
-              "name": "syncProperties",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stepsChanged",
-              "privacy": "private",
+              "name": "navigateTo",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "navigateTo",
-              "privacy": "public",
+              },
               "parameters": [
                 {
                   "name": "index",
@@ -69437,11 +71467,11 @@
           ],
           "events": [
             {
-              "description": "Emitted when the active step is about to change.",
+              "description": "Emitted when the active step is about to change. Cancelable.",
               "name": "igcActiveStepChanging"
             },
             {
-              "description": "Emitted when the active step is changed.",
+              "description": "Emitted after the active step has changed.",
               "name": "igcActiveStepChanged"
             },
             {
@@ -69455,6 +71485,52 @@
             }
           ],
           "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "StepperOrientation"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation of the stepper.",
+              "fieldName": "orientation",
+              "attribute": "orientation",
+              "expandedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "step-type",
+              "type": {
+                "text": "StepperStepType"
+              },
+              "default": "'full'",
+              "description": "The visual type of the steps.",
+              "fieldName": "stepType",
+              "attribute": "step-type",
+              "expandedType": {
+                "text": "'full' | 'indicator' | 'title'"
+              }
+            },
+            {
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the stepper is linear.",
+              "fieldName": "linear",
+              "attribute": "linear"
+            },
+            {
+              "name": "content-top",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the content is displayed above the steps.",
+              "fieldName": "contentTop",
+              "attribute": "content-top"
+            },
             {
               "name": "vertical-animation",
               "type": {
@@ -69487,76 +71563,321 @@
                 "text": "number"
               },
               "default": "320",
-              "description": "The animation duration in either vertical or horizontal mode.",
+              "description": "The animation duration in either vertical or horizontal mode in milliseconds.",
               "fieldName": "animationDuration",
               "attribute": "animation-duration"
             },
             {
-              "name": "orientation",
+              "name": "title-position",
               "type": {
-                "text": "StepperOrientation"
+                "text": "StepperTitlePosition"
               },
-              "default": "'horizontal'",
-              "description": "Gets/Sets the orientation of the stepper.",
-              "fieldName": "orientation",
+              "default": "'auto'",
+              "description": "The position of the steps title.",
+              "fieldName": "titlePosition",
+              "attribute": "title-position",
               "expandedType": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
               }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/components/common/mixins/event-emitter.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-stepper",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcStepperComponent",
+            "module": "src/components/stepper/stepper.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/highlight/service.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createHighlightController",
+          "return": {
+            "type": {
+              "text": "HighlightService"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "IgcHighlightComponent"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createHighlightController",
+          "declaration": {
+            "name": "createHighlightController",
+            "module": "src/components/highlight/service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/highlight/highlight.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The highlight component provides efficient searching and highlighting of text\nprojected into it via its default slot. It uses the native CSS Custom Highlight API\nto apply highlight styles to matched text nodes without modifying the DOM.\n\nThe component supports case-sensitive matching, programmatic navigation between\nmatches, and automatic scroll-into-view of the active match.",
+          "name": "IgcHighlightComponent",
+          "cssProperties": [
+            {
+              "description": "The text color for a highlighted text node.",
+              "name": "--foreground"
             },
             {
-              "name": "step-type",
+              "description": "The background color for a highlighted text node.",
+              "name": "--background"
+            },
+            {
+              "description": "The text color for the active highlighted text node.",
+              "name": "--foreground-active"
+            },
+            {
+              "description": "The background color for the active highlighted text node.",
+              "name": "--background-active"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot. Place the text content you want to search and highlight here.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
               "type": {
-                "text": "StepperStepType"
+                "text": "string"
               },
-              "default": "'full'",
-              "description": "Get/Set the type of the steps.",
-              "fieldName": "stepType",
-              "expandedType": {
-                "text": "'full' | 'indicator' | 'title'"
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-highlight'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "name": "linear",
+              "kind": "field",
+              "name": "_service",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_caseSensitive",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Get/Set whether the stepper is linear.",
-              "fieldName": "linear"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "content-top",
+              "kind": "field",
+              "name": "_searchText",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "caseSensitive",
+              "privacy": "public",
+              "description": "Whether to match the searched text with case sensitivity in mind.\nWhen `true`, only exact-case occurrences of `searchText` are highlighted.",
               "default": "false",
-              "description": "Get/Set whether the content is displayed above the steps.",
-              "fieldName": "contentTop"
+              "attribute": "case-sensitive",
+              "type": {
+                "text": "boolean"
+              },
+              "reflects": true
             },
             {
-              "name": "title-position",
+              "kind": "field",
+              "name": "searchText",
+              "privacy": "public",
+              "description": "The string to search and highlight in the DOM content of the component.\nSetting this property triggers a new search automatically.\nAn empty string clears all highlights.",
+              "attribute": "search-text",
               "type": {
-                "text": "StepperTitlePosition"
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
               },
-              "default": "'auto'",
-              "description": "Get/Set the position of the steps title.",
-              "fieldName": "titlePosition",
-              "expandedType": {
-                "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
+              "privacy": "public",
+              "description": "The total number of matches found for the current `searchText`. Returns `0` when there are no matches or `searchText` is empty.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "current",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "The zero-based index of the currently active (focused) match. Returns `0` when there are no matches.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_addStylesheet",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
+            },
+            {
+              "kind": "method",
+              "name": "next",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "HighlightNavigation"
+                  },
+                  "description": "Optional navigation options (e.g. `preventScroll`)."
+                }
+              ],
+              "description": "Moves the active highlight to the next match.\nWraps around to the first match after the last one."
+            },
+            {
+              "kind": "method",
+              "name": "previous",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "HighlightNavigation"
+                  },
+                  "description": "Optional navigation options (e.g. `preventScroll`)."
+                }
+              ],
+              "description": "Moves the active highlight to the previous match.\nWraps around to the last match when going back from the first one."
+            },
+            {
+              "kind": "method",
+              "name": "setActive",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The zero-based index of the match to activate."
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "HighlightNavigation"
+                  },
+                  "description": "Optional navigation options (e.g. `preventScroll`)."
+                }
+              ],
+              "description": "Moves the active highlight to the match at the specified zero-based index."
+            },
+            {
+              "kind": "method",
+              "name": "search",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Re-runs the highlight search based on the current `searchText` and `caseSensitive` values.\n\nCall this method after the slotted content changes dynamically (e.g. after lazy loading\nor programmatic DOM mutations) to ensure all matches are up to date."
             }
           ],
-          "mixins": [
+          "attributes": [
             {
-              "name": "EventEmitterMixin",
-              "module": "/src/components/common/mixins/event-emitter.js"
+              "name": "case-sensitive",
+              "description": "Whether to match the searched text with case sensitivity in mind.\nWhen `true`, only exact-case occurrences of `searchText` are highlighted.",
+              "default": "false",
+              "fieldName": "caseSensitive",
+              "attribute": "case-sensitive",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "search-text",
+              "description": "The string to search and highlight in the DOM content of the component.\nSetting this property triggers a new search automatically.\nAn empty string clears all highlights.",
+              "fieldName": "searchText",
+              "attribute": "search-text",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-stepper",
+          "tagName": "igc-highlight",
           "customElement": true
         }
       ],
@@ -69565,8 +71886,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcStepperComponent",
-            "module": "src/components/stepper/stepper.ts"
+            "name": "IgcHighlightComponent",
+            "module": "src/components/highlight/highlight.ts"
           }
         }
       ]
@@ -69611,12 +71932,9 @@
             {
               "kind": "field",
               "name": "_provider",
-              "type": {
-                "text": "ContextProvider<typeof themeContext>"
-              },
               "privacy": "private",
               "readonly": true,
-              "default": "new ContextProvider(this, { context: themeContext, initialValue: this._getContextValue(), })"
+              "default": "new ContextProvider(this, { context: themeContext, })"
             },
             {
               "kind": "field",
@@ -70295,6 +72613,14 @@
             "module": "./components/tree/tree-item.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcSplitterComponent",
+          "declaration": {
+            "name": "default",
+            "module": "./components/splitter/splitter.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcStepperComponent",
@@ -70311,6 +72637,14 @@
             "module": "./components/stepper/step.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcHighlightComponent",
+          "declaration": {
+            "name": "default",
+            "module": "./components/highlight/highlight.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcTooltipComponent",
@@ -70775,12 +73109,20 @@
             "module": "./components/snackbar/snackbar.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcSplitterComponentEventMap",
+          "declaration": {
+            "name": "IgcSplitterComponentEventMap",
+            "module": "./components/splitter/splitter.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcStepperComponentEventMap",
           "declaration": {
             "name": "IgcStepperComponentEventMap",
-            "module": "./components/stepper/stepper.common.js"
+            "module": "./components/stepper/common/types.js"
           }
         },
         {
@@ -70951,12 +73293,20 @@
             "module": "./components/slider/range-slider.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "IgcSplitterResizeEventDetail",
+          "declaration": {
+            "name": "IgcSplitterResizeEventDetail",
+            "module": "./components/splitter/splitter.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcActiveStepChangingEventArgs",
           "declaration": {
             "name": "IgcActiveStepChangingEventArgs",
-            "module": "./components/stepper/stepper.common.js"
+            "module": "./components/stepper/common/types.js"
           }
         },
         {
@@ -70964,7 +73314,7 @@
           "name": "IgcActiveStepChangedEventArgs",
           "declaration": {
             "name": "IgcActiveStepChangedEventArgs",
-            "module": "./components/stepper/stepper.common.js"
+            "module": "./components/stepper/common/types.js"
           }
         },
         {