@momentum-design/components 0.130.7 → 0.131.0

package/dist/custom-elements.json

@@ -11851,6 +11851,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementIndexToReceiveFocus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "attribute": "element-index-to-receive-focus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "focusBackToTrigger",
@@ -12767,6 +12782,19 @@
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
+            },
+            {
+              "name": "element-index-to-receive-focus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "fieldName": "elementIndexToReceiveFocus",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             }
           ],
           "superclass": {
@@ -25694,6 +25722,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementIndexToReceiveFocus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "attribute": "element-index-to-receive-focus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "fireMenuItemAction",
@@ -26808,6 +26851,19 @@
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
+            },
+            {
+              "name": "element-index-to-receive-focus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "fieldName": "elementIndexToReceiveFocus",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             }
           ],
           "superclass": {
@@ -31448,6 +31504,17 @@
               "attribute": "disable-flip",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "elementIndexToReceiveFocus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "attribute": "element-index-to-receive-focus",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "focusBackToTrigger",
@@ -32096,6 +32163,15 @@
               "description": "Whether to update the position of the Popover on every animation frame if required.\nWhile optimized for performance, it should be used sparingly and with caution.",
               "default": "false",
               "fieldName": "animationFrame"
+            },
+            {
+              "name": "element-index-to-receive-focus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "fieldName": "elementIndexToReceiveFocus"
             }
           ],
           "mixins": [
@@ -44743,177 +44819,1517 @@
                 "name": "FormInternalsMixin",
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
-            },
-            {
-              "kind": "field",
-              "name": "wrap",
-              "type": {
-                "text": "WrapType"
-              },
-              "description": "The wrap attribute specifies how the text in a text area is to be wrapped when submitted in a form.",
-              "default": "'soft'",
-              "attribute": "wrap"
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "WrapType"
+              },
+              "description": "The wrap attribute specifies how the text in a text area is to be wrapped when submitted in a form.",
+              "default": "'soft'",
+              "attribute": "wrap"
+            }
+          ],
+          "events": [
+            {
+              "name": "limitexceeded",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "(React: onLimitExceeded) This event is dispatched once when the character limit exceeds or restored.",
+              "reactName": "onLimitExceeded"
+            },
+            {
+              "type": {
+                "text": "EventConstructor"
+              }
+            },
+            {
+              "description": "(React: onInput) This event is dispatched when the value of the textarea field changes (every press).",
+              "name": "input",
+              "reactName": "onInput"
+            },
+            {
+              "description": "(React: onChange) This event is dispatched when the value of the textarea field changes (on blur).",
+              "name": "change",
+              "reactName": "onChange"
+            },
+            {
+              "description": "(React: onFocus) This event is dispatched when the textarea receives focus.",
+              "name": "focus",
+              "reactName": "onFocus"
+            },
+            {
+              "description": "(React: onBlur) This event is dispatched when the textarea loses focus.",
+              "name": "blur",
+              "reactName": "onBlur"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The placeholder text that is displayed when the textarea field is empty.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "rows",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The rows attribute specifies the visible number of lines in a text area.",
+              "default": "5",
+              "fieldName": "rows"
+            },
+            {
+              "name": "cols",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The cols attribute specifies the visible number of lines in a text area.",
+              "default": "undefined",
+              "fieldName": "cols"
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "WrapType"
+              },
+              "description": "The wrap attribute specifies how the text in a text area is to be wrapped when submitted in a form.",
+              "default": "'soft'",
+              "fieldName": "wrap"
+            },
+            {
+              "name": "autocapitalize",
+              "type": {
+                "text": "AutoCapitalizeType"
+              },
+              "description": "The autocapitalize attribute of the textarea field.",
+              "default": "'off'",
+              "fieldName": "autocapitalize"
+            },
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "AutoCompleteType"
+              },
+              "description": "The autocomplete attribute of the textarea field.",
+              "default": "'off'",
+              "fieldName": "autocomplete"
+            },
+            {
+              "name": "dirname",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specifies the name of the directionality of text for submission purposes (e.g., \"rtl\" for right-to-left).",
+              "fieldName": "dirname"
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The maximum number of characters that the textarea field can accept.",
+              "fieldName": "maxlength"
+            },
+            {
+              "name": "minlength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of characters that the textarea field can accept.",
+              "fieldName": "minlength"
+            },
+            {
+              "name": "max-character-limit",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The maximum character limit for the textarea field for character counter.",
+              "fieldName": "maxCharacterLimit"
+            },
+            {
+              "name": "character-limit-announcement",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Template string for the announcement that will be read by screen readers when the max character limit is set.\nConsumers must use the placeholders `%{number-of-characters}` and `%{max-character-limit}` in the string,\nwhich will be dynamically replaced with the actual values at runtime.\nFor example: `%{number-of-characters} out of %{max-character-limit} characters are typed.`\nExample output: \"93 out of 140 characters are typed.\"",
+              "fieldName": "characterLimitAnnouncement"
+            },
+            {
+              "name": "resizable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the textarea is resizable via the resize button.\nWhen set to false, the resize button will be hidden.",
+              "fieldName": "resizable"
+            },
+            {
+              "name": "resize-button-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Provides an accessible label for the resize button.\nThis value is used to set the `aria-label` attribute for the button.",
+              "default": "''",
+              "fieldName": "resizeButtonAriaLabel"
+            },
+            {
+              "name": "auto-focus-on-mount",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
+              "fieldName": "autoFocusOnMount",
+              "inheritedFrom": {
+                "name": "AutoFocusOnMountMixin",
+                "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "src/utils/mixins/FormInternalsMixin.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "src/utils/mixins/FormInternalsMixin.ts"
+              }
+            },
+            {
+              "name": "validation-message",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
+              "fieldName": "validationMessage",
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "src/utils/mixins/FormInternalsMixin.ts"
+              }
+            },
+            {
+              "name": "data-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
+              "fieldName": "dataAriaLabel",
+              "inheritedFrom": {
+                "name": "DataAriaLabelMixin",
+                "module": "src/utils/mixins/DataAriaLabelMixin.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The label of the input field. It is linked to the input field using the `for` attribute.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "help-text-type",
+              "type": {
+                "text": "ValidationType"
+              },
+              "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
+              "default": "'default'",
+              "fieldName": "helpTextType",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The help text that is displayed below the input field.",
+              "fieldName": "helpText",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "toggletip-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
+              "fieldName": "toggletipText",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "toggletip-placement",
+              "type": {
+                "text": "PopoverPlacement"
+              },
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
+              "default": "'top'",
+              "fieldName": "toggletipPlacement",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "toggletip-strategy",
+              "type": {
+                "text": "PopoverStrategy"
+              },
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
+              "default": "'absolute'",
+              "fieldName": "toggletipStrategy",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "info-icon-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
+              "fieldName": "infoIconAriaLabel",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the form field is read-only.",
+              "fieldName": "readonly",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "name": "soft-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the form field is soft-disabled.",
+              "fieldName": "softDisabled",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "KeyDownHandledMixin",
+              "module": "/src/utils/mixins/KeyDownHandledMixin"
+            },
+            {
+              "name": "KeyToActionMixin",
+              "module": "/src/utils/mixins/KeyToActionMixin"
+            },
+            {
+              "name": "AutoFocusOnMountMixin",
+              "module": "/src/utils/mixins/AutoFocusOnMountMixin"
+            },
+            {
+              "name": "FormInternalsMixin",
+              "module": "/src/utils/mixins/FormInternalsMixin"
+            },
+            {
+              "name": "DataAriaLabelMixin",
+              "module": "/src/utils/mixins/DataAriaLabelMixin"
+            }
+          ],
+          "superclass": {
+            "name": "FormfieldWrapper",
+            "module": "/src/components/formfieldwrapper"
+          },
+          "tagName": "mdc-textarea",
+          "jsDoc": "/**\n * mdc-textarea component, which is used to get the multi-line text input from the user.\n * It contains:\n * - label: It is the title of the textarea field.\n * - required: A boolean attribute depicting that the textarea field is required.\n * - Textarea: It is the multi-line text input field.\n * - helper-text: It is the text that provides additional information about the textarea field.\n * - max-character-limit: It is the text that shows the character count of the textarea field.\n * - Error, Warning, Success, Priority Help Text type: It is the text that provides additional information\n *   about the textarea field based on the validation state.\n * - limitexceeded: It is the event that is dispatched when the character limit exceeds or restored.\n *   This event exposes 3 properties:\n *   - currentCharacterCount - the current number of characters in the textarea field,\n *   - maxCharacterLimit - the maximum number of characters allowed in the textarea field,\n *   - value - the current value of the textarea field,\n *\n * **Note**: Consumers must set the help-text-type with 'error' and\n * help-text attribute with the error message using limitexceeded event.\n * The same help-text value will be used for the validation message to be displayed.\n *\n * ### Accessibility\n *\n * #### Resize\n *\n * Accessible text area resizing can be turned on with the `resizable`.\n * It is strongly recommended to set the `resize-button-aria-label` attribute as well to describe what it is and what are the shortcuts (up/down arrows) of the button.\n *\n * #### Best practices\n *\n * - Always provide a `label` for screen readers to identify the textarea's purpose\n * - Use `help-text` to provide additional context or instructions\n * - When using `max-character-limit`, consider providing `character-limit-announcement` for screen reader updates\n * - Use appropriate `help-text-type` (error, warning, success) to convey validation state\n * - Ensure `validation-message` is set for form validation errors\n *\n * @tagname mdc-textarea\n *\n * @event input - (React: onInput) This event is dispatched when the value of the textarea field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the textarea field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the textarea receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the textarea loses focus.\n * @event limitexceeded - (React: onLimitExceeded) This event is dispatched once when the character limit\n * exceeds or restored.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart textarea - The textarea element.\n * @csspart textarea-container - The container element that wraps the textarea and resize button.\n * @csspart textarea-footer - The footer element that contains the character counter.\n * @csspart character-counter - The character counter element.\n * @csspart resize-button - The resize button element (shown when `resizable` is true).\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-required-indicator-color - Color for the required indicator text.\n * @cssproperty --mdc-textarea-text-color - Text color for the textarea field\n * @cssproperty --mdc-textarea-background-color - Background color for the textarea field\n * @cssproperty --mdc-textarea-border-color - Border color for the textarea field\n * @cssproperty --mdc-textarea-text-secondary-normal - Text color for the character counter\n * @cssproperty --mdc-textarea-text-font-size - Font size for the textarea field\n * @cssproperty --mdc-textarea-text-line-height - Line height for the textarea field\n * @cssproperty --mdc-textarea-container-background-color - Background color for the textarea container\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Textarea",
+            "module": "components/textarea/textarea.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/themeprovider/themeprovider.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
+          "name": "ThemeProvider",
+          "cssProperties": [
+            {
+              "description": "Option to override the default color, default: color-theme-text-primary-normal",
+              "name": "--mdc-themeprovider-color-default"
+            },
+            {
+              "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
+              "name": "--mdc-themeprovider-font-family"
+            },
+            {
+              "description": "Option to override the font weight, default: `400`",
+              "name": "--mdc-themeprovider-font-weight"
+            },
+            {
+              "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
+              "name": "--mdc-themeprovider-letter-spacing-adjustment"
+            },
+            {
+              "description": "Option to override the font feature settings, default: `\"ss02\" on`",
+              "name": "--mdc-themeprovider-font-feature-settings"
+            },
+            {
+              "description": "Option to override the color of the scrollbar track.",
+              "name": "--mdc-themeprovider-scrollbar-track-color"
+            },
+            {
+              "description": "Option to override the color of the scrollbar thumb.",
+              "name": "--mdc-themeprovider-scrollbar-thumb-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "children",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "Context",
+              "privacy": "public",
+              "static": true,
+              "description": "Context object of the ThemeProvider, to be consumed by child components",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "setThemeInClassList",
+              "privacy": "private",
+              "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
+            },
+            {
+              "kind": "field",
+              "name": "themeclass",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "attribute": "themeclass"
+            },
+            {
+              "kind": "method",
+              "name": "updateContext",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "themeclass",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "fieldName": "themeclass"
+            }
+          ],
+          "superclass": {
+            "name": "Provider",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-themeprovider",
+          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ThemeProvider",
+            "module": "components/themeprovider/themeprovider.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/timepicker/timepicker.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "mdc-timepicker is a component that allows users to select a specific time\nor enter a time manually. It supports both 12-hour and 24-hour formats.\n\nThe component consists of:\n- label - describes the time picker field\n- input field - made up of 2-3 spinbuttons (hours, minutes, optional AM/PM period)\n- dropdown arrow button - opens a flyout menu with predefined time intervals\n- helper text - displayed below the input field\n\nUsers can input values by:\n- Manually entering numbers/characters in spinbuttons\n- Navigating using arrow keys to increment/decrement values\n- Selecting a predefined time from the dropdown menu",
+          "name": "TimePicker",
+          "cssProperties": [
+            {
+              "description": "Background color of the timepicker input.",
+              "name": "--mdc-timepicker-background-color"
+            },
+            {
+              "description": "Border color of the timepicker input.",
+              "name": "--mdc-timepicker-border-color"
+            },
+            {
+              "description": "Text color of the timepicker input.",
+              "name": "--mdc-timepicker-text-color"
+            },
+            {
+              "description": "Width of the timepicker component.",
+              "name": "--mdc-timepicker-width"
+            },
+            {
+              "description": "Font size for the label text.",
+              "name": "--mdc-label-font-size",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font weight for the label text.",
+              "name": "--mdc-label-font-weight",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Line height for the label text.",
+              "name": "--mdc-label-line-height",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the label text.",
+              "name": "--mdc-label-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font size for the help text.",
+              "name": "--mdc-help-text-font-size",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font weight for the help text.",
+              "name": "--mdc-help-text-font-weight",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Line height for the help text.",
+              "name": "--mdc-help-text-line-height",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the help text.",
+              "name": "--mdc-help-text-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the required indicator text.",
+              "name": "--mdc-required-indicator-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The label element.",
+              "name": "label",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The container for the label and required indicator elements.",
+              "name": "label-text",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The required indicator element.",
+              "name": "required-indicator",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The info icon button element.",
+              "name": "info-icon-btn",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The toggletip element.",
+              "name": "label-toggletip",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The helper/validation text element.",
+              "name": "help-text",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The helper/validation icon element.",
+              "name": "helper-icon",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The container for helper/validation elements.",
+              "name": "help-text-container",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "The outer container for the input and popover.",
+              "name": "container"
+            },
+            {
+              "description": "The input container with border and background.",
+              "name": "base-container"
+            },
+            {
+              "description": "The container for spinbutton elements.",
+              "name": "spinbutton-group"
+            },
+            {
+              "description": "A spinbutton input element.",
+              "name": "spinbutton"
+            },
+            {
+              "description": "The colon separator between spinbuttons.",
+              "name": "separator"
+            },
+            {
+              "description": "The AM/PM period spinbutton.",
+              "name": "period"
+            },
+            {
+              "description": "The dropdown arrow button container.",
+              "name": "icon-container"
+            },
+            {
+              "description": "The hidden native input for form participation.",
+              "name": "native-input"
+            },
+            {
+              "description": "The dropdown list container.",
+              "name": "listbox"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Slot for the label element.",
+              "name": "label",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the toggletip info icon button.",
+              "name": "toggletip",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the helper/validation icon.",
+              "name": "help-icon",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the helper/validation text.",
+              "name": "help-text",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "appendTo",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Element ID that the popover will be appended to.\nThis is useful when the timepicker is inside a scrollable container\nand the popover needs to be portalled to avoid clipping.",
+              "attribute": "append-to",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "backdropAppendTo",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Element ID the backdrop will be appended to (if backdrop is enabled).\nThis is useful to ensure that the backdrop is appended to the correct element in the DOM.\nIf not set, the backdrop will be appended to the parent element of the timepicker.",
+              "attribute": "backdrop-append-to",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dataAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
+              "attribute": "data-aria-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DataAriaLabelMixin",
+                "module": "utils/mixins/DataAriaLabelMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disableFlip",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Determines whether the dropdown should flip its position when it hits the boundary.",
+              "default": "false",
+              "attribute": "disable-flip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The help text that is displayed below the input field.",
+              "attribute": "help-text",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "helpTextType",
+              "type": {
+                "text": "ValidationType"
+              },
+              "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
+              "default": "'default'",
+              "attribute": "help-text-type",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "infoIconAriaLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
+              "attribute": "info-icon-aria-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "interval",
+              "type": {
+                "text": "number"
+              },
+              "description": "The interval in minutes between time options in the dropdown menu.",
+              "default": "30",
+              "attribute": "interval",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The label of the input field. It is linked to the input field using the `for` attribute.",
+              "attribute": "label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "localeAmLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label for the AM period.\nConsumers must provide a translated string.",
+              "attribute": "locale-am-label"
+            },
+            {
+              "kind": "field",
+              "name": "localeHoursLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the hours spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-hours-label"
+            },
+            {
+              "kind": "field",
+              "name": "localeHoursPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text for the hours spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-hours-placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "localeMinutesLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the minutes spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-minutes-label"
+            },
+            {
+              "kind": "field",
+              "name": "localeMinutesPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text for the minutes spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-minutes-placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "localePeriodLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the period (AM/PM) spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-period-label"
+            },
+            {
+              "kind": "field",
+              "name": "localePeriodPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text for the period spinbutton.\nConsumers must provide a translated string.",
+              "attribute": "locale-period-placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "localePmLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label for the PM period.\nConsumers must provide a translated string.",
+              "attribute": "locale-pm-label"
+            },
+            {
+              "kind": "field",
+              "name": "localeShowTimePickerLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the dropdown toggle button.\nConsumers must provide a translated string.",
+              "attribute": "locale-show-time-picker-label"
+            },
+            {
+              "kind": "field",
+              "name": "localeSpinbuttonDescription",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible description for spinbutton inputs (instruction text).\nConsumers must provide a translated string.",
+              "attribute": "locale-spinbutton-description"
+            },
+            {
+              "kind": "field",
+              "name": "localeTimeOptionsLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the time options listbox.\nConsumers must provide a translated string.",
+              "attribute": "locale-time-options-label"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The maximum allowed time value in 24-hour format (HH:MM).",
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The minimum allowed time value in 24-hour format (HH:MM).",
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "description": "The placement of the popover dropdown.",
+              "default": "'bottom-start'",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the form field is read-only.",
+              "attribute": "readonly",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHelperText",
+              "privacy": "protected",
+              "description": "renders the help-text container that contains the helpertext icon and helpertext.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHelpText",
+              "privacy": "protected",
+              "description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHelpTextIcon",
+              "privacy": "protected",
+              "description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "description": "renders the label container that contains the label and labelInfoToggleTip.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabelElement",
+              "privacy": "protected",
+              "description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "description": "Sets the validity of the input field based on the input field's validity.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "softDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the form field is soft-disabled.",
+              "attribute": "soft-disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "PopoverStrategy"
+              },
+              "description": "The strategy for positioning the popover.",
+              "default": "'absolute'",
+              "attribute": "strategy",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "timeFormat",
+              "type": {
+                "text": "TimeFormat"
+              },
+              "description": "The time format to use for display.\n- `'12h'`: 12-hour format with AM/PM period\n- `'24h'`: 24-hour format without period",
+              "default": "'12h'",
+              "attribute": "time-format",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "toggletipPlacement",
+              "type": {
+                "text": "PopoverPlacement"
+              },
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
+              "default": "'top'",
+              "attribute": "toggletip-placement",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggletipStrategy",
+              "type": {
+                "text": "PopoverStrategy"
+              },
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
+              "default": "'absolute'",
+              "attribute": "toggletip-strategy",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggletipText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
+              "attribute": "toggletip-text",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
+              "attribute": "validation-message",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
+              "attribute": "value",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormInternalsMixin",
+                "module": "utils/mixins/FormInternalsMixin.js"
+              }
             }
           ],
           "events": [
             {
-              "name": "limitexceeded",
+              "name": "input",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "(React: onLimitExceeded) This event is dispatched once when the character limit exceeds or restored.",
-              "reactName": "onLimitExceeded"
-            },
-            {
-              "type": {
-                "text": "EventConstructor"
-              }
-            },
-            {
-              "description": "(React: onInput) This event is dispatched when the value of the textarea field changes (every press).",
-              "name": "input",
+              "description": "(React: onInput) This event is dispatched when the time value changes.",
               "reactName": "onInput"
             },
             {
-              "description": "(React: onChange) This event is dispatched when the value of the textarea field changes (on blur).",
               "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "(React: onChange) This event is dispatched when the time value is committed.",
               "reactName": "onChange"
             },
             {
-              "description": "(React: onFocus) This event is dispatched when the textarea receives focus.",
+              "description": "(React: onFocus) This event is dispatched when the timepicker receives focus.",
               "name": "focus",
               "reactName": "onFocus"
             },
             {
-              "description": "(React: onBlur) This event is dispatched when the textarea loses focus.",
+              "description": "(React: onBlur) This event is dispatched when the timepicker loses focus.",
               "name": "blur",
               "reactName": "onBlur"
             }
           ],
           "attributes": [
             {
-              "name": "placeholder",
+              "name": "time-format",
               "type": {
-                "text": "string | undefined"
+                "text": "TimeFormat"
               },
-              "description": "The placeholder text that is displayed when the textarea field is empty.",
-              "fieldName": "placeholder"
+              "description": "The time format to use for display.\n- `'12h'`: 12-hour format with AM/PM period\n- `'24h'`: 24-hour format without period",
+              "default": "'12h'",
+              "fieldName": "timeFormat"
             },
             {
-              "name": "rows",
+              "name": "interval",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
-              "description": "The rows attribute specifies the visible number of lines in a text area.",
-              "default": "5",
-              "fieldName": "rows"
+              "description": "The interval in minutes between time options in the dropdown menu.",
+              "default": "30",
+              "fieldName": "interval"
             },
             {
-              "name": "cols",
+              "name": "placement",
               "type": {
-                "text": "number | undefined"
+                "text": "Placement"
               },
-              "description": "The cols attribute specifies the visible number of lines in a text area.",
-              "default": "undefined",
-              "fieldName": "cols"
+              "description": "The placement of the popover dropdown.",
+              "default": "'bottom-start'",
+              "fieldName": "placement"
             },
             {
-              "name": "wrap",
+              "name": "strategy",
               "type": {
-                "text": "WrapType"
+                "text": "PopoverStrategy"
               },
-              "description": "The wrap attribute specifies how the text in a text area is to be wrapped when submitted in a form.",
-              "default": "'soft'",
-              "fieldName": "wrap"
+              "description": "The strategy for positioning the popover.",
+              "default": "'absolute'",
+              "fieldName": "strategy"
             },
             {
-              "name": "autocapitalize",
+              "name": "disable-flip",
               "type": {
-                "text": "AutoCapitalizeType"
+                "text": "boolean"
               },
-              "description": "The autocapitalize attribute of the textarea field.",
-              "default": "'off'",
-              "fieldName": "autocapitalize"
+              "description": "Determines whether the dropdown should flip its position when it hits the boundary.",
+              "default": "false",
+              "fieldName": "disableFlip"
             },
             {
-              "name": "autocomplete",
+              "name": "append-to",
               "type": {
-                "text": "AutoCompleteType"
+                "text": "string | undefined"
               },
-              "description": "The autocomplete attribute of the textarea field.",
-              "default": "'off'",
-              "fieldName": "autocomplete"
+              "description": "Element ID that the popover will be appended to.\nThis is useful when the timepicker is inside a scrollable container\nand the popover needs to be portalled to avoid clipping.",
+              "fieldName": "appendTo"
             },
             {
-              "name": "dirname",
+              "name": "backdrop-append-to",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specifies the name of the directionality of text for submission purposes (e.g., \"rtl\" for right-to-left).",
-              "fieldName": "dirname"
+              "description": "Element ID the backdrop will be appended to (if backdrop is enabled).\nThis is useful to ensure that the backdrop is appended to the correct element in the DOM.\nIf not set, the backdrop will be appended to the parent element of the timepicker.",
+              "fieldName": "backdropAppendTo"
             },
             {
-              "name": "maxlength",
+              "name": "min",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "The maximum number of characters that the textarea field can accept.",
-              "fieldName": "maxlength"
+              "description": "The minimum allowed time value in 24-hour format (HH:MM).",
+              "fieldName": "min"
             },
             {
-              "name": "minlength",
+              "name": "max",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "The minimum number of characters that the textarea field can accept.",
-              "fieldName": "minlength"
+              "description": "The maximum allowed time value in 24-hour format (HH:MM).",
+              "fieldName": "max"
             },
             {
-              "name": "max-character-limit",
+              "name": "locale-hours-label",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "The maximum character limit for the textarea field for character counter.",
-              "fieldName": "maxCharacterLimit"
+              "default": "''",
+              "description": "Accessible label for the hours spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localeHoursLabel"
             },
             {
-              "name": "character-limit-announcement",
+              "name": "locale-minutes-label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Template string for the announcement that will be read by screen readers when the max character limit is set.\nConsumers must use the placeholders `%{number-of-characters}` and `%{max-character-limit}` in the string,\nwhich will be dynamically replaced with the actual values at runtime.\nFor example: `%{number-of-characters} out of %{max-character-limit} characters are typed.`\nExample output: \"93 out of 140 characters are typed.\"",
-              "fieldName": "characterLimitAnnouncement"
+              "default": "''",
+              "description": "Accessible label for the minutes spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localeMinutesLabel"
             },
             {
-              "name": "resizable",
+              "name": "locale-period-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Controls whether the textarea is resizable via the resize button.\nWhen set to false, the resize button will be hidden.",
-              "fieldName": "resizable"
+              "default": "''",
+              "description": "Accessible label for the period (AM/PM) spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localePeriodLabel"
             },
             {
-              "name": "resize-button-aria-label",
+              "name": "locale-hours-placeholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Provides an accessible label for the resize button.\nThis value is used to set the `aria-label` attribute for the button.",
               "default": "''",
-              "fieldName": "resizeButtonAriaLabel"
+              "description": "Placeholder text for the hours spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localeHoursPlaceholder"
             },
             {
-              "name": "auto-focus-on-mount",
+              "name": "locale-minutes-placeholder",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
-              "fieldName": "autoFocusOnMount",
-              "inheritedFrom": {
-                "name": "AutoFocusOnMountMixin",
-                "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
-              }
+              "default": "''",
+              "description": "Placeholder text for the minutes spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localeMinutesPlaceholder"
+            },
+            {
+              "name": "locale-period-placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text for the period spinbutton.\nConsumers must provide a translated string.",
+              "fieldName": "localePeriodPlaceholder"
+            },
+            {
+              "name": "locale-am-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label for the AM period.\nConsumers must provide a translated string.",
+              "fieldName": "localeAmLabel"
+            },
+            {
+              "name": "locale-pm-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label for the PM period.\nConsumers must provide a translated string.",
+              "fieldName": "localePmLabel"
+            },
+            {
+              "name": "locale-show-time-picker-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the dropdown toggle button.\nConsumers must provide a translated string.",
+              "fieldName": "localeShowTimePickerLabel"
+            },
+            {
+              "name": "locale-time-options-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the time options listbox.\nConsumers must provide a translated string.",
+              "fieldName": "localeTimeOptionsLabel"
+            },
+            {
+              "name": "locale-spinbutton-description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible description for spinbutton inputs (instruction text).\nConsumers must provide a translated string.",
+              "fieldName": "localeSpinbuttonDescription"
             },
             {
               "name": "name",
@@ -45107,18 +46523,6 @@
             }
           ],
           "mixins": [
-            {
-              "name": "KeyDownHandledMixin",
-              "module": "/src/utils/mixins/KeyDownHandledMixin"
-            },
-            {
-              "name": "KeyToActionMixin",
-              "module": "/src/utils/mixins/KeyToActionMixin"
-            },
-            {
-              "name": "AutoFocusOnMountMixin",
-              "module": "/src/utils/mixins/AutoFocusOnMountMixin"
-            },
             {
               "name": "FormInternalsMixin",
               "module": "/src/utils/mixins/FormInternalsMixin"
@@ -45130,120 +46534,10 @@
           ],
           "superclass": {
             "name": "FormfieldWrapper",
-            "module": "/src/components/formfieldwrapper"
-          },
-          "tagName": "mdc-textarea",
-          "jsDoc": "/**\n * mdc-textarea component, which is used to get the multi-line text input from the user.\n * It contains:\n * - label: It is the title of the textarea field.\n * - required: A boolean attribute depicting that the textarea field is required.\n * - Textarea: It is the multi-line text input field.\n * - helper-text: It is the text that provides additional information about the textarea field.\n * - max-character-limit: It is the text that shows the character count of the textarea field.\n * - Error, Warning, Success, Priority Help Text type: It is the text that provides additional information\n *   about the textarea field based on the validation state.\n * - limitexceeded: It is the event that is dispatched when the character limit exceeds or restored.\n *   This event exposes 3 properties:\n *   - currentCharacterCount - the current number of characters in the textarea field,\n *   - maxCharacterLimit - the maximum number of characters allowed in the textarea field,\n *   - value - the current value of the textarea field,\n *\n * **Note**: Consumers must set the help-text-type with 'error' and\n * help-text attribute with the error message using limitexceeded event.\n * The same help-text value will be used for the validation message to be displayed.\n *\n * ### Accessibility\n *\n * #### Resize\n *\n * Accessible text area resizing can be turned on with the `resizable`.\n * It is strongly recommended to set the `resize-button-aria-label` attribute as well to describe what it is and what are the shortcuts (up/down arrows) of the button.\n *\n * #### Best practices\n *\n * - Always provide a `label` for screen readers to identify the textarea's purpose\n * - Use `help-text` to provide additional context or instructions\n * - When using `max-character-limit`, consider providing `character-limit-announcement` for screen reader updates\n * - Use appropriate `help-text-type` (error, warning, success) to convey validation state\n * - Ensure `validation-message` is set for form validation errors\n *\n * @tagname mdc-textarea\n *\n * @event input - (React: onInput) This event is dispatched when the value of the textarea field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the textarea field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the textarea receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the textarea loses focus.\n * @event limitexceeded - (React: onLimitExceeded) This event is dispatched once when the character limit\n * exceeds or restored.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart textarea - The textarea element.\n * @csspart textarea-container - The container element that wraps the textarea and resize button.\n * @csspart textarea-footer - The footer element that contains the character counter.\n * @csspart character-counter - The character counter element.\n * @csspart resize-button - The resize button element (shown when `resizable` is true).\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-required-indicator-color - Color for the required indicator text.\n * @cssproperty --mdc-textarea-text-color - Text color for the textarea field\n * @cssproperty --mdc-textarea-background-color - Background color for the textarea field\n * @cssproperty --mdc-textarea-border-color - Border color for the textarea field\n * @cssproperty --mdc-textarea-text-secondary-normal - Text color for the character counter\n * @cssproperty --mdc-textarea-text-font-size - Font size for the textarea field\n * @cssproperty --mdc-textarea-text-line-height - Line height for the textarea field\n * @cssproperty --mdc-textarea-container-background-color - Background color for the textarea container\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Textarea",
-            "module": "components/textarea/textarea.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/themeprovider/themeprovider.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
-          "name": "ThemeProvider",
-          "cssProperties": [
-            {
-              "description": "Option to override the default color, default: color-theme-text-primary-normal",
-              "name": "--mdc-themeprovider-color-default"
-            },
-            {
-              "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
-              "name": "--mdc-themeprovider-font-family"
-            },
-            {
-              "description": "Option to override the font weight, default: `400`",
-              "name": "--mdc-themeprovider-font-weight"
-            },
-            {
-              "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
-              "name": "--mdc-themeprovider-letter-spacing-adjustment"
-            },
-            {
-              "description": "Option to override the font feature settings, default: `\"ss02\" on`",
-              "name": "--mdc-themeprovider-font-feature-settings"
-            },
-            {
-              "description": "Option to override the color of the scrollbar track.",
-              "name": "--mdc-themeprovider-scrollbar-track-color"
-            },
-            {
-              "description": "Option to override the color of the scrollbar thumb.",
-              "name": "--mdc-themeprovider-scrollbar-thumb-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "children",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "Context",
-              "privacy": "public",
-              "static": true,
-              "description": "Context object of the ThemeProvider, to be consumed by child components",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "setThemeInClassList",
-              "privacy": "private",
-              "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
-            },
-            {
-              "kind": "field",
-              "name": "themeclass",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
-              "attribute": "themeclass"
-            },
-            {
-              "kind": "method",
-              "name": "updateContext",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "themeclass",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
-              "fieldName": "themeclass"
-            }
-          ],
-          "superclass": {
-            "name": "Provider",
-            "module": "/src/models"
+            "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
           },
-          "tagName": "mdc-themeprovider",
-          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
+          "tagName": "mdc-timepicker",
+          "jsDoc": "/**\n * mdc-timepicker is a component that allows users to select a specific time\n * or enter a time manually. It supports both 12-hour and 24-hour formats.\n *\n * The component consists of:\n * - label - describes the time picker field\n * - input field - made up of 2-3 spinbuttons (hours, minutes, optional AM/PM period)\n * - dropdown arrow button - opens a flyout menu with predefined time intervals\n * - helper text - displayed below the input field\n *\n * Users can input values by:\n * - Manually entering numbers/characters in spinbuttons\n * - Navigating using arrow keys to increment/decrement values\n * - Selecting a predefined time from the dropdown menu\n *\n * @tagname mdc-timepicker\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-option\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @event input - (React: onInput) This event is dispatched when the time value changes.\n * @event change - (React: onChange) This event is dispatched when the time value is committed.\n * @event focus - (React: onFocus) This event is dispatched when the timepicker receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the timepicker loses focus.\n *\n * @slot label - Slot for the label element.\n * @slot toggletip - Slot for the toggletip info icon button.\n * @slot help-icon - Slot for the helper/validation icon.\n * @slot help-text - Slot for the helper/validation text.\n *\n * @cssproperty --mdc-timepicker-background-color - Background color of the timepicker input.\n * @cssproperty --mdc-timepicker-border-color - Border color of the timepicker input.\n * @cssproperty --mdc-timepicker-text-color - Text color of the timepicker input.\n * @cssproperty --mdc-timepicker-width - Width of the timepicker component.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element.\n * @csspart info-icon-btn - The info icon button element.\n * @csspart label-toggletip - The toggletip element.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element.\n * @csspart help-text-container - The container for helper/validation elements.\n * @csspart container - The outer container for the input and popover.\n * @csspart base-container - The input container with border and background.\n * @csspart spinbutton-group - The container for spinbutton elements.\n * @csspart spinbutton - A spinbutton input element.\n * @csspart separator - The colon separator between spinbuttons.\n * @csspart period - The AM/PM period spinbutton.\n * @csspart icon-container - The dropdown arrow button container.\n * @csspart native-input - The hidden native input for form participation.\n * @csspart listbox - The dropdown list container.\n */",
           "customElement": true
         }
       ],
@@ -45252,8 +46546,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ThemeProvider",
-            "module": "components/themeprovider/themeprovider.component.js"
+            "name": "TimePicker",
+            "module": "components/timepicker/timepicker.component.js"
           }
         }
       ]
@@ -46958,6 +48252,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementIndexToReceiveFocus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "attribute": "element-index-to-receive-focus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "focusBackToTrigger",
@@ -47913,6 +49222,19 @@
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
+            },
+            {
+              "name": "element-index-to-receive-focus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "fieldName": "elementIndexToReceiveFocus",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             }
           ],
           "superclass": {
@@ -48339,6 +49661,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementIndexToReceiveFocus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "attribute": "element-index-to-receive-focus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "focusBackToTrigger",
@@ -49355,6 +50692,19 @@
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
               }
+            },
+            {
+              "name": "element-index-to-receive-focus",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The index of the interactive element to receive focus when the popover opens with focus trap enabled.\nThe index is based on the order of interactive elements in the popover, starting from 0.\nIf not set, the first interactive element (index 0) will receive focus by default.\nThis is useful for cases where you want a specific element to receive focus when the popover opens, instead of the default first element.",
+              "fieldName": "elementIndexToReceiveFocus",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
             }
           ],
           "superclass": {