@momentum-design/components 0.129.25 → 0.129.27

package/dist/custom-elements.json

@@ -153,8 +153,8 @@
               "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AccordionButton",
-                "module": "components/accordionbutton/accordionbutton.component.js"
+                "name": "DisabledMixin",
+                "module": "utils/mixins/DisabledMixin.js"
               }
             },
             {
@@ -412,8 +412,8 @@
               "default": "undefined",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "AccordionButton",
-                "module": "src/components/accordionbutton/accordionbutton.component.ts"
+                "name": "DisabledMixin",
+                "module": "src/utils/mixins/DisabledMixin.ts"
               }
             },
             {
@@ -1197,6 +1197,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -1478,6 +1479,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -1877,7 +1879,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "AnnouncementDialog component is a modal dialog that can be used to display announcements, extending the existing Dialog component.\nIt can be used to create custom dialogs where a illustration, content and footer actions are provided by the consumer.\nThe dialog is available in 4 sizes:  medium, large, xlarge and fullscreen. It may also receive custom styling/sizing.\nThe dialog interrupts the user and will block interaction with the rest of the application until it is closed.\n\nThe dialog can be controlled solely through the `visible` property, no trigger element is required.\nIf a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will\nremember the previously focused element before the dialog was opened.\n\nThe dialog is a controlled component, meaning it does not have its own state management for visibility.\nUse the `visible` property to control the visibility of the dialog.\nUse the `onClose` event to handle the close action of the dialog (fired when Close button is clicked\nor Escape is pressed).\n\n**Accessibility notes for consuming (have to be explicitly set when you consume the component)**\n\n- The dialog should have an aria-label or aria-labelledby attribute to provide a label for screen readers.\n- Use aria-labelledby to reference the ID of the element that labels the dialog when there is no visible title.\n\n**Note: Programmatic show/hide requires the ? prefix on the visible attribute**\n- Use `?visible=true/false` as an attribute instead of `visible=true/false`\n- Reference docs for more info: https://lit.dev/docs/templates/expressions/#boolean-attribute-expressions",
+          "description": "AnnouncementDialog component is a modal dialog that can be used to display announcements, extending the existing Dialog component.\nIt can be used to create custom dialogs where a illustration, content and footer actions are provided by the consumer.\nThe dialog is available in 4 sizes:  medium, large, xlarge and fullscreen. It may also receive custom styling/sizing.\nThe dialog interrupts the user and will block interaction with the rest of the application until it is closed.\n\nThe dialog can be controlled solely through the `visible` property, no trigger element is required.\nIf a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will\nremember the previously focused element before the dialog was opened.\n\nThe dialog is a controlled component, meaning it does not have its own state management for visibility.\nUse the `visible` property to control the visibility of the dialog.\nUse the `onClose` event to handle the close action of the dialog (fired when Close button is clicked\nor Escape is pressed).\n\n## Accessibility\n- You have to be explicitly set the following attributes:\n * The dialog should have an aria-label or aria-labelledby attribute to provide a label for screen readers.\n * Use aria-labelledby to reference the ID of the element that labels the dialog when there is no visible title.",
           "name": "AnnouncementDialog",
           "cssProperties": [
             {
@@ -3251,7 +3253,7 @@
             "module": "/src/components/dialog/dialog.component"
           },
           "tagName": "mdc-announcementdialog",
-          "jsDoc": "/**\n * AnnouncementDialog component is a modal dialog that can be used to display announcements, extending the existing Dialog component.\n * It can be used to create custom dialogs where a illustration, content and footer actions are provided by the consumer.\n * The dialog is available in 4 sizes:  medium, large, xlarge and fullscreen. It may also receive custom styling/sizing.\n * The dialog interrupts the user and will block interaction with the rest of the application until it is closed.\n *\n * The dialog can be controlled solely through the `visible` property, no trigger element is required.\n * If a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will\n * remember the previously focused element before the dialog was opened.\n *\n * The dialog is a controlled component, meaning it does not have its own state management for visibility.\n * Use the `visible` property to control the visibility of the dialog.\n * Use the `onClose` event to handle the close action of the dialog (fired when Close button is clicked\n * or Escape is pressed).\n *\n * **Accessibility notes for consuming (have to be explicitly set when you consume the component)**\n *\n * - The dialog should have an aria-label or aria-labelledby attribute to provide a label for screen readers.\n * - Use aria-labelledby to reference the ID of the element that labels the dialog when there is no visible title.\n *\n * **Note: Programmatic show/hide requires the ? prefix on the visible attribute**\n * - Use `?visible=true/false` as an attribute instead of `visible=true/false`\n * - Reference docs for more info: https://lit.dev/docs/templates/expressions/#boolean-attribute-expressions\n *\n * @dependency mdc-button\n * @dependency mdc-illustration\n * @dependency mdc-text\n *\n * @tagname mdc-announcementdialog\n *\n * @event shown - (React: onShown) Dispatched when the dialog is shown\n * @event hidden - (React: onHidden) Dispatched when the dialog is hidden\n * @event created - (React: onCreated) Dispatched when the dialog is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) Dispatched when the dialog is destroyed (removed from the DOM)\n * @event close - (React: onClose) Dispatched when the Close Button is clicked or Escape key is pressed\n * (this does not hide the dialog)\n *\n * @cssproperty --mdc-announcementdialog-illustration-background-color - background color of the illustration section\n * @cssproperty --mdc-dialog-primary-background-color - primary background color of the dialog\n * @cssproperty --mdc-dialog-border-color - border color of the dialog\n * @cssproperty --mdc-dialog-header-text-color - text color of the header/title of the dialog\n * @cssproperty --mdc-dialog-description-text-color - text color of the below header description of the dialog\n * @cssproperty --mdc-dialog-elevation-3 - elevation of the dialog\n * @cssproperty --mdc-dialog-width - width of the dialog\n * @cssproperty --mdc-dialog-height - height of the dialog\n *\n * @csspart body - The main body container that holds the illustration and content sections\n * @csspart illustration-container - The container for the illustration section\n * @csspart content-container - The container for the content section\n * @csspart header-text - The header text\n *\n * @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.\n * @slot dialog-body - Slot for the dialog body content\n * @slot illustration-container - Slot for the illustration container section\n * @slot content-container - Slot for the content (header, description, etc) section\n * @slot description-container - Slot for the description in the content (below header) - pass in Text, Links etc as needed.\n * @slot footer-link - This slot is for passing `mdc-link` component within the footer section.\n * @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component\n * within the footer section.\n * @slot footer-button-primary - This slot is for passing primary variant of\n * `mdc-button` component within the footer section.\n * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,\n * using the footer-link and footer-button slots is preferred\n */",
+          "jsDoc": "/**\n * AnnouncementDialog component is a modal dialog that can be used to display announcements, extending the existing Dialog component.\n * It can be used to create custom dialogs where a illustration, content and footer actions are provided by the consumer.\n * The dialog is available in 4 sizes:  medium, large, xlarge and fullscreen. It may also receive custom styling/sizing.\n * The dialog interrupts the user and will block interaction with the rest of the application until it is closed.\n *\n * The dialog can be controlled solely through the `visible` property, no trigger element is required.\n * If a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will\n * remember the previously focused element before the dialog was opened.\n *\n * The dialog is a controlled component, meaning it does not have its own state management for visibility.\n * Use the `visible` property to control the visibility of the dialog.\n * Use the `onClose` event to handle the close action of the dialog (fired when Close button is clicked\n * or Escape is pressed).\n *\n * ## Accessibility\n * - You have to be explicitly set the following attributes:\n *  * The dialog should have an aria-label or aria-labelledby attribute to provide a label for screen readers.\n *  * Use aria-labelledby to reference the ID of the element that labels the dialog when there is no visible title.\n *\n * @dependency mdc-illustration\n * @dependency mdc-text\n *\n * @tagname mdc-announcementdialog\n *\n * @event shown - (React: onShown) Dispatched when the dialog is shown\n * @event hidden - (React: onHidden) Dispatched when the dialog is hidden\n * @event created - (React: onCreated) Dispatched when the dialog is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) Dispatched when the dialog is destroyed (removed from the DOM)\n * @event close - (React: onClose) Dispatched when the Close Button is clicked or Escape key is pressed\n * (this does not hide the dialog)\n *\n * @cssproperty --mdc-announcementdialog-illustration-background-color - background color of the illustration section\n * @cssproperty --mdc-dialog-primary-background-color - primary background color of the dialog\n * @cssproperty --mdc-dialog-border-color - border color of the dialog\n * @cssproperty --mdc-dialog-header-text-color - text color of the header/title of the dialog\n * @cssproperty --mdc-dialog-description-text-color - text color of the below header description of the dialog\n * @cssproperty --mdc-dialog-elevation-3 - elevation of the dialog\n * @cssproperty --mdc-dialog-width - width of the dialog\n * @cssproperty --mdc-dialog-height - height of the dialog\n *\n * @csspart body - The main body container that holds the illustration and content sections\n * @csspart illustration-container - The container for the illustration section\n * @csspart content-container - The container for the content section\n * @csspart header-text - The header text\n *\n * @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.\n * @slot dialog-body - Slot for the dialog body content\n * @slot illustration-container - Slot for the illustration container section\n * @slot content-container - Slot for the content (header, description, etc) section\n * @slot description-container - Slot for the description in the content (below header) - pass in Text, Links etc as needed.\n * @slot footer-link - This slot is for passing `mdc-link` component within the footer section.\n * @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component\n * within the footer section.\n * @slot footer-button-primary - This slot is for passing primary variant of\n * `mdc-button` component within the footer section.\n * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,\n * using the footer-link and footer-button slots is preferred\n */",
           "customElement": true
         }
       ],
@@ -3402,6 +3404,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -3575,6 +3578,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -3823,6 +3827,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -4216,6 +4221,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -4568,6 +4574,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -4687,6 +4694,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -6571,6 +6579,19 @@
                 "module": "utils/mixins/ButtonComponentMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...Component.shadowRootOptions, delegatesFocus: true }",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
@@ -10248,102 +10269,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.\nThese are often used in forms, settings, and selections in lists.\n\nA checkbox component contains an optional label and an optional helper text.\n\nTo create a group of checkboxes, use the FormFieldGroup component.",
+          "description": "The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\nor indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\nwhere users need to make selections or express preferences.\n\nTo create a group of checkboxes, use the `mdc-formfieldgroup` component.\n\n**Note:** This component internally renders a native checkbox input element with custom styling.\n\n## When to use\nUse checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n\n## Accessibility\n- Provide clear labels that describe what the checkbox controls\n- Use `data-aria-label` when a visual label is not present\n- Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n\n## Styling\nUse the `static-checkbox` part to apply custom styles to the checkbox visual element.\nThis part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.",
           "name": "Checkbox",
-          "cssProperties": [
-            {
-              "description": "Allows customization of the background color on hover.",
-              "name": "--mdc-checkbox-background-color-hover"
-            },
-            {
-              "description": "Background color for a selected checkbox when hovered.",
-              "name": "--mdc-checkbox-checked-background-color-hover"
-            },
-            {
-              "description": "Background color for a selected checkbox when pressed.",
-              "name": "--mdc-checkbox-checked-pressed-icon-color"
-            },
-            {
-              "description": "Background color for a selected checkbox when pressed.",
-              "name": "--mdc-checkbox-pressed-icon-color"
-            },
-            {
-              "description": "Background color for a selected checkbox when disabled.",
-              "name": "--mdc-checkbox-disabled-checked-icon-color"
-            },
-            {
-              "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.",
@@ -10410,7 +10337,7 @@
               }
             },
             {
-              "description": "The native checkbox input element.",
+              "description": "The native checkbox input element that provides the interactive functionality.",
               "name": "checkbox-input"
             },
             {
@@ -10418,44 +10345,10 @@
               "name": "text-container"
             },
             {
-              "description": "The static checkbox element.",
+              "description": "The staticcheckbox that provides the visual checkbox appearance.",
               "name": "static-checkbox"
             }
           ],
-          "slots": [
-            {
-              "description": "Slot for the label element. If not provided, the `label` property will be used to render the label.",
-              "name": "label",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "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.",
-              "name": "toggletip",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.",
-              "name": "help-icon",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.",
-              "name": "help-text",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -10464,7 +10357,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
+              "description": "Automatically focuses the checkbox when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
               "attribute": "autofocus",
               "reflects": true
             },
@@ -10490,7 +10383,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
+              "description": "Determines whether the checkbox is checked (selected) or unchecked.",
               "attribute": "checked",
               "reflects": true
             },
@@ -10537,45 +10430,6 @@
                 "module": "utils/mixins/DisabledMixin.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Toggles the state of the checkbox element.\nand dispatch the new change event."
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event."
-                }
-              ],
-              "description": "Handles the keydown event on the checkbox.\nWhen the user presses Enter, the form is submitted."
-            },
             {
               "kind": "field",
               "name": "helpText",
@@ -10596,7 +10450,7 @@
               "type": {
                 "text": "ValidationType"
               },
-              "description": "The type of help text/validation. It can be 'default' or 'error'.",
+              "description": "Determines the visual style of the helper text.\n- **default**: Standard helper text appearance\n- **error**: Error state with validation styling",
               "default": "'default'",
               "attribute": "help-text-type",
               "reflects": true,
@@ -10612,7 +10466,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "This property is used to determine the parent checkbox in a nested checkbox group.\nIf any one of the children is unselected, then the parent checkbox will be indeterminate.\nIf all children are either selected or unselected, then the parent checkbox will not be indeterminate.",
+              "description": "Determines whether the checkbox is in an indeterminate (mixed) state.\nTypically used in nested checkbox groups where the parent checkbox represents partial selection.\n- If any child is unchecked, the parent appears indeterminate.\n- If all children share the same state (all checked or all unchecked), the parent is not indeterminate.",
               "attribute": "indeterminate",
               "reflects": true
             },
@@ -10644,12 +10498,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "manageRequired",
-              "privacy": "private",
-              "description": "Manages the required state of the checkbox.\nIf the checkbox is not checked and the required property is set, then the checkbox is invalid."
-            },
             {
               "kind": "field",
               "name": "name",
@@ -10740,11 +10588,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "renderLabelAndHelperText",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "renderLabelElement",
@@ -10783,12 +10626,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "setFormValue",
-              "privacy": "private",
-              "description": "Updates the form value to reflect the current state of the checkbox.\nIf checked, the value is set to either the user-provided value or 'on' if no value is provided.\nIf unchecked, the value is set to null."
-            },
             {
               "kind": "method",
               "name": "setValidity",
@@ -10818,17 +10655,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Toggles the state of the checkbox element.\nIf the element is not disabled, soft-disabled, or readonly, then\nthe checked property is toggled and the indeterminate property is set to false."
-            },
             {
               "kind": "field",
               "name": "toggletipPlacement",
@@ -10948,7 +10774,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
+              "description": "Determines whether the checkbox is checked (selected) or unchecked.",
               "fieldName": "checked"
             },
             {
@@ -10957,7 +10783,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "This property is used to determine the parent checkbox in a nested checkbox group.\nIf any one of the children is unselected, then the parent checkbox will be indeterminate.\nIf all children are either selected or unselected, then the parent checkbox will not be indeterminate.",
+              "description": "Determines whether the checkbox is in an indeterminate (mixed) state.\nTypically used in nested checkbox groups where the parent checkbox represents partial selection.\n- If any child is unchecked, the parent appears indeterminate.\n- If all children share the same state (all checked or all unchecked), the parent is not indeterminate.",
               "fieldName": "indeterminate"
             },
             {
@@ -10966,7 +10792,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
+              "description": "Automatically focuses the checkbox when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
               "fieldName": "autofocus"
             },
             {
@@ -10974,7 +10800,7 @@
               "type": {
                 "text": "ValidationType"
               },
-              "description": "The type of help text/validation. It can be 'default' or 'error'.",
+              "description": "Determines the visual style of the helper text.\n- **default**: Standard helper text appearance\n- **error**: Error state with validation styling",
               "default": "'default'",
               "fieldName": "helpTextType",
               "inheritedFrom": {
@@ -11192,8 +11018,116 @@
             "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
           },
           "tagName": "mdc-checkbox",
-          "jsDoc": "/**\n * Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.\n * These are often used in forms, settings, and selections in lists.\n *\n * A checkbox component contains an optional label and an optional helper text.\n *\n * To create a group of checkboxes, use the FormFieldGroup component.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-staticcheckbox\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\n *\n * @cssproperty --mdc-checkbox-background-color-hover - Allows customization of the background color on hover.\n * @cssproperty --mdc-checkbox-checked-background-color-hover - Background color for a selected checkbox when hovered.\n * @cssproperty --mdc-checkbox-checked-pressed-icon-color - Background color for a selected checkbox when pressed.\n * @cssproperty --mdc-checkbox-pressed-icon-color - Background color for a selected checkbox when pressed.\n * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a selected checkbox when disabled.\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 *\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 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 * @csspart checkbox-input - The native checkbox input element.\n * @csspart text-container - The container for the label and helper text elements.\n * @csspart static-checkbox - The static checkbox element.\n */",
-          "customElement": true
+          "jsDoc": "/**\n * The Checkbox component allows users to select one or multiple options from a list, toggle features on/off,\n * or indicate agreement in forms and settings. These are commonly used in forms, lists, and settings panels\n * where users need to make selections or express preferences.\n *\n * To create a group of checkboxes, use the `mdc-formfieldgroup` component.\n *\n * **Note:** This component internally renders a native checkbox input element with custom styling.\n *\n * ## When to use\n * Use checkboxes when users can select multiple options from a list, or when a single checkbox represents a binary choice (e.g., agreeing to terms).\n *\n * ## Accessibility\n * - Provide clear labels that describe what the checkbox controls\n * - Use `data-aria-label` when a visual label is not present\n * - Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n *\n * ## Styling\n * Use the `static-checkbox` part to apply custom styles to the checkbox visual element.\n * This part exposes the underlying [StaticCheckbox](?path=/docs/components-decorator-staticcheckbox--docs) component for advanced styling.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-staticcheckbox\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\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 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 * @csspart checkbox-input - The native checkbox input element that provides the interactive functionality.\n * @csspart text-container - The container for the label and helper text elements.\n * @csspart static-checkbox - The staticcheckbox that provides the visual checkbox appearance.\n */",
+          "customElement": true,
+          "slots": [
+            {
+              "description": "Slot for the label element. If not provided, the `label` property will be used to render the label.",
+              "name": "label",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "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.",
+              "name": "toggletip",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.",
+              "name": "help-icon",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.",
+              "name": "help-text",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "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"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -11213,7 +11147,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.\nConsumers can wrap this component around a tooltip to provide additional context.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.\n\nThis component is built by extending Buttonsimple.",
+          "description": "mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.\nConsumers can wrap this component around a tooltip to provide additional context.\n\nIt is recommended to keep the label text for the chip component concise and compact.<br/>\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.\n\nThis component is built by extending `Buttonsimple`.",
           "name": "Chip",
           "cssProperties": [
             {
@@ -11262,6 +11196,10 @@
             }
           ],
           "cssParts": [
+            {
+              "description": "The icon part of the chip.",
+              "name": "icon"
+            },
             {
               "description": "The label part of the chip.",
               "name": "label"
@@ -11403,6 +11341,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -11413,10 +11352,10 @@
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "attribute": "label"
             },
             {
@@ -11674,10 +11613,10 @@
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "fieldName": "label"
             },
             {
@@ -11686,6 +11625,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -11845,7 +11785,7 @@
             "module": "/src/components/buttonsimple/buttonsimple.component"
           },
           "tagName": "mdc-chip",
-          "jsDoc": "/**\n * mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.\n * Consumers can wrap this component around a tooltip to provide additional context.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>,\n * including empty spaces to split words.\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-chip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the chip.\n * @cssproperty --mdc-chip-border-color - The border color of the chip.\n * @cssproperty --mdc-chip-background-color - The background color of the chip.\n * @cssproperty --mdc-button-height - Height for button size\n *\n * @csspart label - The label part of the chip.\n *\n * @event click - (React: onClick) This event is dispatched when the chip is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.\n * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.\n *\n */",
+          "jsDoc": "/**\n * mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.\n * Consumers can wrap this component around a tooltip to provide additional context.\n *\n * It is recommended to keep the label text for the chip component concise and compact.<br/>\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>,\n * including empty spaces to split words.\n *\n * This component is built by extending `Buttonsimple`.\n *\n * @tagname mdc-chip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the chip.\n * @cssproperty --mdc-chip-border-color - The border color of the chip.\n * @cssproperty --mdc-chip-background-color - The background color of the chip.\n *\n * @csspart icon - The icon part of the chip.\n * @csspart label - The label part of the chip.\n *\n * @event click - (React: onClick) This event is dispatched when the chip is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.\n * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.\n */",
           "customElement": true,
           "slots": [
             {
@@ -16763,6 +16703,14 @@
                 "name": "Chip",
                 "module": "src/components/chip/chip.component.ts"
               }
+            },
+            {
+              "description": "The icon part of the chip.",
+              "name": "icon",
+              "inheritedFrom": {
+                "name": "Chip",
+                "module": "src/components/chip/chip.component.ts"
+              }
             }
           ],
           "members": [
@@ -16910,6 +16858,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -16920,10 +16869,10 @@
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "attribute": "label",
               "inheritedFrom": {
                 "name": "Chip",
@@ -17218,6 +17167,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -17240,10 +17190,10 @@
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "fieldName": "label",
               "inheritedFrom": {
                 "name": "Chip",
@@ -20561,6 +20511,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -20633,6 +20584,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -20818,6 +20770,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -20920,6 +20873,19 @@
                 "module": "components/linksimple/linksimple.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...Component.shadowRootOptions, delegatesFocus: true }",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
@@ -21015,6 +20981,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -21484,6 +21451,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -21786,6 +21754,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -22145,6 +22114,15 @@
               ],
               "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored."
             },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...Component.shadowRootOptions, delegatesFocus: true }"
+            },
             {
               "kind": "field",
               "name": "target",
@@ -44665,39 +44643,39 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "This is a decorative component that is styled to look as a checkbox.\n\nIt has 5 properties - checked, indeterminate, disabled, readonly and soft-disabled.\n\nWe are using the same styling that has been created for the `mdc-checkbox` component.",
+          "description": "StaticCheckbox is a decorative component styled as a checkbox for visual presentation.\nUnlike the interactive `mdc-checkbox`, this component does not handle user interactions or form submissions.\nIt is used purely for displaying checkbox states in read-only scenarios.\n\nThis component supports five display states: checked, indeterminate, disabled, readonly, and soft-disabled.",
           "name": "StaticCheckbox",
           "cssProperties": [
             {
-              "description": "Controls the border color of the checkbox.",
-              "name": "--mdc-checkbox-border-color"
+              "description": "The border color of the checkbox.",
+              "name": "--mdc-staticcheckbox-border-color"
             },
             {
-              "description": "Controls the background color of the checkbox.",
-              "name": "--mdc-checkbox-background-color"
+              "description": "The background color of the checkbox.",
+              "name": "--mdc-staticcheckbox-background-color"
             },
             {
-              "description": "Controls the icon color of the checkbox.",
-              "name": "--mdc-checkbox-icon-color"
+              "description": "The icon color of the checkbox.",
+              "name": "--mdc-staticcheckbox-icon-color"
             },
             {
-              "description": "Controls the size of the checkbox.",
-              "name": "--mdc-checkbox-size"
+              "description": "The size of the checkbox.",
+              "name": "--mdc-staticcheckbox-size"
             }
           ],
           "cssParts": [
             {
-              "description": "The container for the checkbox icon.",
+              "description": "The container for the checkbox icon",
               "name": "icon-container"
             },
             {
-              "description": "The checkbox icon.",
+              "description": "The checkbox icon element",
               "name": "checkbox-icon"
             }
           ],
           "slots": [
             {
-              "description": "Default slot for adding label text.",
+              "description": "Default slot for adding label text",
               "name": ""
             }
           ],
@@ -44709,7 +44687,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
+              "description": "Determines whether the checkbox appears checked (selected) or unchecked.",
               "attribute": "checked",
               "reflects": true
             },
@@ -44735,7 +44713,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is in an indeterminate state.",
+              "description": "Determines whether the checkbox appears in an indeterminate (mixed) state.\nTypically used to represent partial selection in nested checkbox groups.",
               "attribute": "indeterminate",
               "reflects": true
             },
@@ -44746,7 +44724,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is read-only.",
+              "description": "Determines whether the checkbox appears in a read-only state.\nNote: This is purely visual as StaticCheckbox is non-interactive by design.",
               "attribute": "readonly",
               "reflects": true
             },
@@ -44757,7 +44735,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is soft-disabled.",
+              "description": "Determines whether the checkbox appears in a soft-disabled state.\nSoft-disabled provides a less prominent disabled appearance than the standard disabled state.\nNote: This is purely visual as StaticCheckbox is non-interactive by design.",
               "attribute": "soft-disabled",
               "reflects": true
             }
@@ -44769,7 +44747,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
+              "description": "Determines whether the checkbox appears checked (selected) or unchecked.",
               "fieldName": "checked"
             },
             {
@@ -44778,7 +44756,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is in an indeterminate state.",
+              "description": "Determines whether the checkbox appears in an indeterminate (mixed) state.\nTypically used to represent partial selection in nested checkbox groups.",
               "fieldName": "indeterminate"
             },
             {
@@ -44787,7 +44765,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is read-only.",
+              "description": "Determines whether the checkbox appears in a read-only state.\nNote: This is purely visual as StaticCheckbox is non-interactive by design.",
               "fieldName": "readonly"
             },
             {
@@ -44796,7 +44774,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the checkbox is soft-disabled.",
+              "description": "Determines whether the checkbox appears in a soft-disabled state.\nSoft-disabled provides a less prominent disabled appearance than the standard disabled state.\nNote: This is purely visual as StaticCheckbox is non-interactive by design.",
               "fieldName": "softDisabled"
             },
             {
@@ -44824,7 +44802,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-staticcheckbox",
-          "jsDoc": "/**\n * This is a decorative component that is styled to look as a checkbox.\n *\n * It has 5 properties - checked, indeterminate, disabled, readonly and soft-disabled.\n *\n * We are using the same styling that has been created for the `mdc-checkbox` component.\n *\n * @tagname mdc-staticcheckbox\n *\n * @dependency mdc-icon\n *\n * @cssproperty --mdc-checkbox-border-color - Controls the border color of the checkbox.\n * @cssproperty --mdc-checkbox-background-color - Controls the background color of the checkbox.\n * @cssproperty --mdc-checkbox-icon-color - Controls the icon color of the checkbox.\n * @cssproperty --mdc-checkbox-size - Controls the size of the checkbox.\n *\n * @csspart icon-container - The container for the checkbox icon.\n * @csspart checkbox-icon - The checkbox icon.\n *\n * @slot - Default slot for adding label text.\n */",
+          "jsDoc": "/**\n * StaticCheckbox is a decorative component styled as a checkbox for visual presentation.\n * Unlike the interactive `mdc-checkbox`, this component does not handle user interactions or form submissions.\n * It is used purely for displaying checkbox states in read-only scenarios.\n *\n * This component supports five display states: checked, indeterminate, disabled, readonly, and soft-disabled.\n *\n * @tagname mdc-staticcheckbox\n *\n * @dependency mdc-icon\n *\n * @cssproperty --mdc-staticcheckbox-border-color - The border color of the checkbox.\n * @cssproperty --mdc-staticcheckbox-background-color - The background color of the checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-color - The icon color of the checkbox.\n * @cssproperty --mdc-staticcheckbox-size - The size of the checkbox.\n *\n * @csspart icon-container - The container for the checkbox icon\n * @csspart checkbox-icon - The checkbox icon element\n *\n * @slot - Default slot for adding label text\n */",
           "customElement": true
         }
       ],
@@ -44845,7 +44823,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
+          "description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.<br/>\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
           "name": "StaticChip",
           "cssProperties": [
             {
@@ -44865,6 +44843,10 @@
             {
               "description": "The label of the static chip.",
               "name": "label"
+            },
+            {
+              "description": "The icon of the static chip.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -44886,6 +44868,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -44896,10 +44879,10 @@
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "attribute": "label"
             },
             {
@@ -44927,10 +44910,10 @@
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "default": "undefined",
               "fieldName": "label"
             },
             {
@@ -44939,6 +44922,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -44957,7 +44941,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-staticchip",
-          "jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n * @csspart label - The label of the static chip.\n */",
+          "jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.<br/>\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n * @csspart label - The label of the static chip.\n * @csspart icon - The icon of the static chip.\n */",
           "customElement": true
         }
       ],
@@ -46055,6 +46039,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -46414,6 +46399,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "IconNameMixin",
@@ -56482,6 +56468,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "attribute": "icon-name"
             }
           ],
@@ -56492,6 +56479,7 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "default": "undefined",
               "fieldName": "iconName"
             }
           ],