@ncino/web-components 8.1.0-preview.8 → 9.0.0-preview.2

package/dist/types/components/badge/gator/badge.gator.d.ts

@@ -1,4 +1,5 @@
 import { NjcBadge } from '../badge.ts';
+export type NgcBadgeColorType = 'primary' | 'success' | 'warning' | 'brand';
 export declare class NgcBadge extends NjcBadge {
     /**
     *	@property {boolean} tile - Whether the badge should render as a tile without rounded corners.
@@ -8,8 +9,14 @@ export declare class NgcBadge extends NjcBadge {
     *	@property {boolean} bordered - Whether the badge should render a border.
     */
     bordered: boolean;
+    color: NgcBadgeColorType;
     static styles: import('lit').CSSResult[];
-    get badgeClasses(): string;
+    get badgeClasses(): {
+        [x: string]: boolean | NgcBadgeColorType;
+        'gator-badge': boolean;
+        'gator-badge-tile': boolean;
+        'gator-badge-bordered': boolean;
+    };
     updated(): void;
     render(): import('lit').TemplateResult<1>;
 }

package/dist/types/components/input/base/input-base.d.ts

@@ -58,7 +58,7 @@ export declare class InputBase extends TestableLitElement {
         @property value - The value of the rendered input
         @type string | number | undefined | null
      */
-    value: string | number | boolean | undefined | null | File | File[] | Date;
+    value: string | string[] | number | number[] | boolean | undefined | null | File | File[] | Date;
     /**
        @property errorText - The error text of the rendered input.
        @type string

package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts

@@ -4,7 +4,7 @@ import { NgcInputBase } from '../../base/input-base.gator.ts';
 import { NgcList } from '../../../list/gator/list/list.gator.ts';
 export type NgcDropdownType = {
     label: string;
-    value: string;
+    value: string | number;
 };
 export type NgcDropdownDataType = 'country' | 'state' | 'naics' | 'phoneCodes';
 export declare class NgcInputDropdown extends NgcInputBase {
@@ -65,6 +65,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
      * @description When set to true, a loading spinner will be displayed in the input
      */
     loading: boolean;
+    value: undefined | string | string[] | number | number[];
     _cleanup: (() => void) | undefined;
     private _activeDescendant;
     _expanded: boolean;
@@ -101,22 +102,23 @@ export declare class NgcInputDropdown extends NgcInputBase {
     get inputMarkup(): import('lit').TemplateResult<1>;
     get multiselectLabel(): import('lit').TemplateResult<1> | typeof nothing;
     get multiselectSelectionsMarkup(): unknown;
-    get chipsMarkup(): unknown;
+    get chipsMarkup(): import('lit').TemplateResult<1>[];
+    getLabelFromValue(value: string | number): string | number;
     get truncatedChipsMarkup(): import('lit').TemplateResult<1>;
     handleOverflowChipClick(): void;
     private scheduleOverflowCalculation;
     private calculateOverflow;
     private setupResizeObserver;
-    removeSelection(value: string): void;
+    removeSelection(value: string | number): void;
     get fauxInputMarkup(): import('lit').TemplateResult<1>;
-    get displayedValue(): string | number | true | File | File[] | Date;
+    get displayedValue(): string | number | number[] | string[];
     get showPlaceholder(): boolean | "";
     get listboxMarkup(): import('lit').TemplateResult<1>;
     get selectAllIcon(): "checkbox-indeterminate" | "checkbox-selected" | "checkbox";
     get allSelected(): boolean;
     selectAllOptions(): void;
     deselectAllOptions(): void;
-    getOptionSelected(value: string): boolean;
+    getOptionSelected(value: string | number): boolean;
     get listboxMessageMarkup(): import('lit').TemplateResult<1> | null;
     setListboxMessageAriaDescribedByElements(): void;
     get resultsExceedMaxMessage(): import('lit').TemplateResult;
@@ -127,7 +129,8 @@ export declare class NgcInputDropdown extends NgcInputBase {
     get resultsExceedMax(): boolean;
     private getStartIconForOption;
     handleSelected(e: CustomEvent): void;
-    get selectedValues(): string[];
+    private _selectedValues;
+    get selectedValues(): number[] | string[];
     handleComboboxKeydown(e: KeyboardEvent): void;
     toggleListbox(key: string, initial: boolean): void;
     closeListbox(): void;
@@ -138,7 +141,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
     assignPosition(): void;
     handleInput(e: InputEvent): void;
     handleInputKeydown(e: KeyboardEvent): void;
-    emitChangeEvent(value: string): void;
+    emitChangeEvent(value: string | string[] | number[]): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/modal/modal.d.ts

@@ -39,4 +39,8 @@ export declare class NjcModal extends LitElement {
      * @property {boolean} skeleton - Whether the modal is in the skeleton loading state.
      */
     skeleton: boolean;
+    /**
+     * @property {boolean} loading - Sets the loading state of the primary action button.
+     */
+    loading: boolean;
 }

package/dist/types/components/progress-stepper/index.d.ts

@@ -0,0 +1 @@
+export * as NgcProgressStepper from './base/progress-stepper.gator';

package/dist/types/index.d.ts

@@ -30,6 +30,7 @@ export * from './components/pill';
 export * from './components/popover';
 export * from './components/progress-bar';
 export * from './components/progress-ring';
+export * from './components/progress-stepper';
 export * from './components/radio';
 export * from './components/radio-group';
 export * from './components/scoped-notification';

package/dist/types/index.gator.d.ts

@@ -30,6 +30,7 @@ export { NgcPanel } from './components/panel';
 export { NgcPopover } from './components/popover';
 export { NgcProgressBar } from './components/progress-bar';
 export { NgcProgressRing } from './components/progress-ring';
+export { NgcProgressStepper } from './components/progress-stepper';
 export { NgcRadio } from './components/radio';
 export { NgcRadioGroup } from './components/radio-group';
 export { NgcSelectionBox } from './components/selection-box';

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.10.0_typescript@5.9.3__playwright@1.56.1_fa5be4b0345b48b65ec4b7072214c2b3/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.10.0_@vitest_browser@3.2.4_@vitest_ui@3_10880c0a9445bba638204ee93166eaed/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.10.1_typescript@5.9.3__playwright@1.57.0_4c7b68e67853c98910921d3bcdc3c508/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.10.1_@vitest_browser@3.2.4_@vitest_ui@3_6e27007ba0535c26eedf5a22febb1842/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "8.1.0-preview.8",
+  "version": "9.0.0-preview.2",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
     "@lit/localize": "^0.12.2",
     "ckeditor5": "^46.1.1",
     "color": "5.0.3",
-    "libphonenumber-js": "^1.12.26",
+    "libphonenumber-js": "^1.12.30",
     "lit": "^3.3.1"
   },
   "devDependencies": {
@@ -67,21 +67,20 @@
     "@custom-elements-manifest/analyzer": "0.11.0",
     "@figma/code-connect": "1.3.9",
     "@lit/localize-tools": "^0.8.0",
-    "@ncino/styles": "8.1.0-preview.8",
     "@salesforce-ux/design-system": "^2.28.1",
-    "@storybook/addon-a11y": "^10.0.8",
-    "@storybook/addon-designs": "^11.0.1",
-    "@storybook/addon-docs": "^10.0.8",
-    "@storybook/addon-links": "^10.0.8",
-    "@storybook/web-components-vite": "^10.0.8",
-    "@types/react": "^19.2.5",
-    "@typescript-eslint/parser": "^8.46.4",
+    "@storybook/addon-a11y": "^10.1.2",
+    "@storybook/addon-designs": "^11.0.3",
+    "@storybook/addon-docs": "^10.1.2",
+    "@storybook/addon-links": "^10.1.2",
+    "@storybook/web-components-vite": "^10.1.2",
+    "@types/react": "^19.2.7",
+    "@typescript-eslint/parser": "^8.48.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "3.2.4",
     "axe-core": "^4.11.0",
     "cem-plugin-expanded-types": "^1.4.0",
-    "chromatic": "^13.3.3",
+    "chromatic": "^13.3.4",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-elements-manifest": "^2.1.0",
@@ -91,22 +90,23 @@
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-storybook": "^10.0.8",
+    "eslint-plugin-storybook": "^10.1.2",
     "eslint-plugin-yml": "1.19.0",
-    "glob": "^11.0.3",
+    "glob": "^11.1.0",
     "jsdom": "26.1.0",
-    "playwright": "1.56.1",
+    "playwright": "1.57.0",
     "postcss": "^8.5.6",
-    "rimraf": "^6.1.0",
+    "rimraf": "^6.1.2",
     "sass": "1.94.0",
-    "storybook": "^10.0.8",
-    "storybook-addon-code-editor": "^6.0.0",
+    "storybook": "^10.1.2",
+    "storybook-addon-code-editor": "^6.1.0",
     "typescript": "^5.9.3",
     "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "^3.1.4",
     "vitest": "^3.2.4",
-    "yaml-eslint-parser": "^1.3.0"
+    "yaml-eslint-parser": "^1.3.1",
+    "@ncino/styles": "9.0.0-preview.2"
   },
   "peerDependencies": {
     "@ncino/styles": ">=8.0.0-preview.0"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "8.1.0-preview.8",
+  "version": "9.0.0-preview.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -731,6 +731,13 @@
               "name": "bordered",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "color",
+              "value": {
+                "type": "'primary' | 'success' | 'warning' | 'brand'",
+                "default": "'primary'"
+              }
+            },
             {
               "name": "badge-id",
               "value": { "type": "string", "default": "''" }
@@ -745,6 +752,10 @@
             "properties": [
               { "name": "tile", "type": "boolean" },
               { "name": "bordered", "type": "boolean" },
+              {
+                "name": "color",
+                "type": "'primary' | 'success' | 'warning' | 'brand'"
+              },
               { "name": "badgeClasses" },
               { "name": "badgeId", "type": "string" },
               { "name": "dataTestid", "type": "string | undefined" },
@@ -4910,6 +4921,7 @@
               },
               { "name": "wrapChips", "type": "boolean" },
               { "name": "loading", "type": "boolean" },
+              { "name": "value", "type": "string | number | undefined | null" },
               { "name": "_cleanup", "type": "(() => void) | undefined" },
               { "name": "_expanded", "type": "boolean" },
               { "name": "_searchValue", "type": "string" },
@@ -4971,7 +4983,6 @@
                 "type": "readonly Element[] | null"
               },
               { "name": "placeholder", "type": "string" },
-              { "name": "value", "type": "string | number | undefined | null" },
               { "name": "errorText", "type": "string" },
               { "name": "helpText", "type": "string" },
               { "name": "type", "type": "string" },
@@ -6028,6 +6039,10 @@
             {
               "name": "skeleton",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -6063,7 +6078,8 @@
               { "name": "subtitle", "type": "string" },
               { "name": "primaryActionText", "type": "string" },
               { "name": "destructiveMessageText", "type": "string" },
-              { "name": "skeleton", "type": "boolean" }
+              { "name": "skeleton", "type": "boolean" },
+              { "name": "loading", "type": "boolean" }
             ],
             "events": [
               { "name": "close", "type": "CustomEvent" },
@@ -6544,6 +6560,172 @@
             "events": []
           }
         },
+        {
+          "name": "ngc-stepper-item",
+          "description": "\n---\n\n\n### **Events:**\n - **step-clicked**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": {
+                "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'",
+                "default": "'incomplete'"
+              }
+            },
+            {
+              "name": "vertical",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "skeleton",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "current",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "step-title", "value": { "type": "string | undefined" } },
+            {
+              "name": "step-subtitle",
+              "value": { "type": "string | undefined" }
+            },
+            { "name": "icon-name", "value": { "type": "string | undefined" } },
+            {
+              "name": "variantAriaLabelOverrides",
+              "value": {
+                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
+              }
+            },
+            {
+              "name": "delegatesARIA",
+              "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "data-testid",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [{ "name": "step-clicked", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'"
+              },
+              { "name": "vertical", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "skeleton", "type": "boolean" },
+              { "name": "current", "type": "boolean" },
+              { "name": "stepTitle", "type": "string | undefined" },
+              { "name": "stepSubtitle", "type": "string | undefined" },
+              { "name": "iconName", "type": "string | undefined" },
+              {
+                "name": "variantAriaLabelOverrides",
+                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
+              },
+              { "name": "_orientation" },
+              { "name": "labelMarkup" },
+              { "name": "skeletonMarkup" },
+              { "name": "classes" },
+              { "name": "icon" },
+              { "name": "variantLabel" },
+              {
+                "name": "shouldApplyAttributeDeletion",
+                "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
+                "type": "boolean"
+              },
+              {
+                "name": "delegatesARIA",
+                "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+                "type": "boolean"
+              },
+              { "name": "dataTestid", "type": "string | undefined" },
+              { "name": "labelDataTestid" },
+              { "name": "helpTextDataTestid" },
+              { "name": "errorMessageDataTestid" }
+            ],
+            "events": [{ "name": "step-clicked", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "ngc-progress-stepper",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "direction",
+              "value": {
+                "type": "'horizontal' | 'vertical'",
+                "default": "'horizontal'"
+              }
+            },
+            {
+              "name": "steps",
+              "value": { "type": "NgcStepperItemInfo[]", "default": "[]" }
+            },
+            {
+              "name": "current-step-id",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "stepper-item-variant-aria-label-overrides",
+              "value": {
+                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
+              }
+            },
+            {
+              "name": "delegatesARIA",
+              "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "skeleton",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "data-testid",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "direction", "type": "'horizontal' | 'vertical'" },
+              { "name": "steps", "type": "NgcStepperItemInfo[]" },
+              { "name": "currentStepId", "type": "string | undefined" },
+              {
+                "name": "stepperItemVariantAriaLabelOverrides",
+                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
+              },
+              { "name": "classes" },
+              {
+                "name": "stepperItems",
+                "type": "NodeListOf<NgcStepperItem> | undefined"
+              },
+              {
+                "name": "shouldApplyAttributeDeletion",
+                "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
+                "type": "boolean"
+              },
+              {
+                "name": "delegatesARIA",
+                "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+                "type": "boolean"
+              },
+              { "name": "skeleton", "type": "boolean" },
+              { "name": "dataTestid", "type": "string | undefined" },
+              { "name": "labelDataTestid" },
+              { "name": "helpTextDataTestid" },
+              { "name": "errorMessageDataTestid" }
+            ],
+            "events": [{ "name": "change", "type": "CustomEvent" }]
+          }
+        },
         {
           "name": "ngc-selection-box",
           "description": "\n---\n\n\n### **Events:**\n - **change**",
@@ -7752,172 +7934,6 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
-        {
-          "name": "ngc-stepper-item",
-          "description": "\n---\n\n\n### **Events:**\n - **step-clicked**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "value": {
-                "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'",
-                "default": "'incomplete'"
-              }
-            },
-            {
-              "name": "vertical",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "skeleton",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "current",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "step-title", "value": { "type": "string | undefined" } },
-            {
-              "name": "step-subtitle",
-              "value": { "type": "string | undefined" }
-            },
-            { "name": "icon-name", "value": { "type": "string | undefined" } },
-            {
-              "name": "variantAriaLabelOverrides",
-              "value": {
-                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
-              }
-            },
-            {
-              "name": "delegatesARIA",
-              "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "data-testid",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            }
-          ],
-          "events": [{ "name": "step-clicked", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'"
-              },
-              { "name": "vertical", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "skeleton", "type": "boolean" },
-              { "name": "current", "type": "boolean" },
-              { "name": "stepTitle", "type": "string | undefined" },
-              { "name": "stepSubtitle", "type": "string | undefined" },
-              { "name": "iconName", "type": "string | undefined" },
-              {
-                "name": "variantAriaLabelOverrides",
-                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
-              },
-              { "name": "_orientation" },
-              { "name": "labelMarkup" },
-              { "name": "skeletonMarkup" },
-              { "name": "classes" },
-              { "name": "icon" },
-              { "name": "variantLabel" },
-              {
-                "name": "shouldApplyAttributeDeletion",
-                "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
-                "type": "boolean"
-              },
-              {
-                "name": "delegatesARIA",
-                "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
-                "type": "boolean"
-              },
-              { "name": "dataTestid", "type": "string | undefined" },
-              { "name": "labelDataTestid" },
-              { "name": "helpTextDataTestid" },
-              { "name": "errorMessageDataTestid" }
-            ],
-            "events": [{ "name": "step-clicked", "type": "CustomEvent" }]
-          }
-        },
-        {
-          "name": "ngc-progress-stepper",
-          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "direction",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "steps",
-              "value": { "type": "NgcStepperItemInfo[]", "default": "[]" }
-            },
-            {
-              "name": "current-step-id",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "stepper-item-variant-aria-label-overrides",
-              "value": {
-                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
-              }
-            },
-            {
-              "name": "delegatesARIA",
-              "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "skeleton",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "data-testid",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            }
-          ],
-          "events": [{ "name": "change", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "direction", "type": "'horizontal' | 'vertical'" },
-              { "name": "steps", "type": "NgcStepperItemInfo[]" },
-              { "name": "currentStepId", "type": "string | undefined" },
-              {
-                "name": "stepperItemVariantAriaLabelOverrides",
-                "type": "NgcStepperItemVariantAriaLabelInfo | undefined"
-              },
-              { "name": "classes" },
-              {
-                "name": "stepperItems",
-                "type": "NodeListOf<NgcStepperItem> | undefined"
-              },
-              {
-                "name": "shouldApplyAttributeDeletion",
-                "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
-                "type": "boolean"
-              },
-              {
-                "name": "delegatesARIA",
-                "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
-                "type": "boolean"
-              },
-              { "name": "skeleton", "type": "boolean" },
-              { "name": "dataTestid", "type": "string | undefined" },
-              { "name": "labelDataTestid" },
-              { "name": "helpTextDataTestid" },
-              { "name": "errorMessageDataTestid" }
-            ],
-            "events": [{ "name": "change", "type": "CustomEvent" }]
-          }
-        },
         {
           "name": "ngc-illustration-list",
           "description": "An element that renders all of the illustrations in the illustration registry.\nThis component is not distributed as part of the library, but is useful for\ndevelopment and testing.\n---\n",