@aurodesignsystem-dev/auro-formkit 0.0.0-pr1408.8 → 0.0.0-pr1411.0

package/custom-elements.json

@@ -248,34 +248,80 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/src/auro-checkbox-group.js",
+      "path": "components/combobox/src/auro-combobox.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
-          "name": "AuroCheckboxGroup",
+          "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
+          "name": "AuroCombobox",
           "slots": [
             {
-              "description": "Allows for the legend to be overridden.",
-              "name": "legend"
+              "description": "Default slot for the menu content.",
+              "name": ""
             },
             {
+              "type": {
+                "text": "HTMLSlotElement"
+              },
               "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
               "name": "optionalLabel"
             },
             {
-              "description": "Allows for the helper text to be overridden.",
+              "description": "Sets aria-label on clear button",
+              "name": "ariaLabel.input.clear"
+            },
+            {
+              "description": "Sets aria-label on close button in fullscreen bib",
+              "name": "ariaLabel.bib.close"
+            },
+            {
+              "description": "Defines the headline to display above menu-options",
+              "name": "bib.fullscreen.headline"
+            },
+            {
+              "description": "Defines the content of the label.",
+              "name": "label"
+            },
+            {
+              "description": "Defines the content of the helpText.",
               "name": "helpText"
             },
             {
-              "description": "The default slot for the checkbox items.",
-              "name": "default"
+              "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
+              "name": "displayValue"
             }
           ],
           "members": [
             {
               "kind": "method",
-              "name": "_initializeDefaults"
+              "name": "_initializeDefaults",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputValue",
+              "description": "Returns the current value of the input element within the combobox.",
+              "return": {
+                "type": {
+                  "text": "string|undefined"
+                }
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "isValid",
+              "description": "Checks if the element is valid.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "method",
@@ -284,7 +330,7 @@
               "parameters": [
                 {
                   "name": "name",
-                  "default": "\"auro-checkbox-group\"",
+                  "default": "'auro-combobox'",
                   "description": "The name of the element that you want to register.",
                   "optional": true,
                   "type": {
@@ -296,24 +342,40 @@
             },
             {
               "kind": "method",
-              "name": "handleValueUpdate",
+              "name": "updateFilter",
+              "description": "Updates the filter for the available options based on the input value.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncValuesAndStates",
+              "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateTriggerTextDisplay",
               "parameters": [
                 {
-                  "name": "value",
-                  "description": "The value of the checkbox.",
-                  "type": {
-                    "text": "String"
-                  }
-                },
-                {
-                  "name": "selected",
-                  "description": "The checked state of the checkbox.",
+                  "name": "label",
+                  "description": "The label of the selected option.",
                   "type": {
-                    "text": "Boolean"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Helper method to handle checkbox value changing.",
+              "description": "Update displayValue or input.value, it's called when making a selection.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleMenuOptions",
+              "description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -323,8 +385,8 @@
             },
             {
               "kind": "method",
-              "name": "handlePreselectedItems",
-              "description": "Helper method that handles the state of preselected checkboxes.",
+              "name": "generateOptionsArray",
+              "description": "Determines the element error state based on the `required` attribute and input value.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -334,9 +396,8 @@
             },
             {
               "kind": "method",
-              "name": "handleItems",
-              "description": "Helper method that handles the state of checkboxes.",
-              "privacy": "private",
+              "name": "hideBib",
+              "description": "Hides the dropdown bib if its open.",
               "return": {
                 "type": {
                   "text": "void"
@@ -345,8 +406,8 @@
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
+              "name": "showBib",
+              "description": "Shows the dropdown bib if there are options to show.",
               "return": {
                 "type": {
                   "text": "void"
@@ -355,325 +416,86 @@
             },
             {
               "kind": "method",
-              "name": "validate",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
+              "name": "configureDropdown",
+              "description": "Binds all behavior needed to the dropdown after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Validates value."
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
-              "type": {
-                "text": "'default' | 'inverse'"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables the checkbox group.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "attribute": "error",
-              "reflects": true
+              }
             },
             {
-              "kind": "field",
-              "name": "horizontal",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "attribute": "horizontal",
-              "reflects": true
+              "kind": "method",
+              "name": "setClearBtnFocus",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "noValidate",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables auto-validation on blur.",
-              "attribute": "noValidate",
-              "reflects": true
+              "kind": "method",
+              "name": "setInputFocus",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "onDark",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "attribute": "onDark",
-              "reflects": true
+              "kind": "method",
+              "name": "updateBibDialogRole",
+              "description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "required",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
-              "attribute": "required",
-              "reflects": true
+              "kind": "method",
+              "name": "updateMenuShapeSize",
+              "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "setCustomValidity",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "attribute": "setCustomValidity"
+              "kind": "method",
+              "name": "configureMenu",
+              "description": "Binds all behavior needed to the menu after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "setCustomValidityCustomError",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "attribute": "setCustomValidityCustomError"
-            },
-            {
-              "kind": "field",
-              "name": "setCustomValidityValueMissing",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "attribute": "setCustomValidityValueMissing"
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the `validityState` this element is in.",
-              "attribute": "validity",
-              "reflects": true
-            }
-          ],
-          "events": [
-            {
-              "name": "input",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "description": "Notifies that the `validity` and `errorMessage` values have changed.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "type": {
-                "text": "'default' | 'inverse'"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables the checkbox group.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
-            },
-            {
-              "name": "horizontal",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "fieldName": "horizontal"
-            },
-            {
-              "name": "noValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
-            },
-            {
-              "name": "onDark",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
-              "fieldName": "required"
-            },
-            {
-              "name": "setCustomValidity",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
-            },
-            {
-              "name": "setCustomValidityCustomError",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
-            },
-            {
-              "name": "setCustomValidityValueMissing",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
-            },
-            {
-              "name": "validity",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the `validityState` this element is in.",
-              "fieldName": "validity"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "auro-checkbox-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCheckboxGroup",
-          "declaration": {
-            "name": "AuroCheckboxGroup",
-            "module": "components/checkbox/src/auro-checkbox-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/src/auro-checkbox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
-          "name": "AuroCheckbox",
-          "cssParts": [
-            {
-              "description": "apply css to a specific checkbox.",
-              "name": "checkbox"
-            },
-            {
-              "description": "apply css to a specific checkbox's input.",
-              "name": "checkbox-input"
-            },
-            {
-              "description": "apply css to a specific checkbox's label.",
-              "name": "checkbox-label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot for the checkbox label.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "_initializeDefaults"
+              "kind": "method",
+              "name": "configureInput",
+              "description": "Binds all behavior needed to the input after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "register",
-              "static": true,
+              "name": "handleMenuLoadingChange",
               "parameters": [
                 {
-                  "name": "name",
-                  "default": "\"auro-checkbox\"",
-                  "description": "The name of element that you want to register to.",
-                  "optional": true,
+                  "name": "event",
+                  "description": "The event object containing details about the loading state change.",
                   "type": {
-                    "text": "string"
+                    "text": "CustomEvent"
                   }
-                }
-              ],
-              "description": "This will register this element with the browser."
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "parameters": [
+                },
                 {
-                  "name": "event",
-                  "description": "The change event from the checkbox input.",
+                  "description": "Indicates whether the menu is currently loading.",
+                  "name": "event.detail.loading",
                   "type": {
-                    "text": "Event"
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "description": "Indicates if there are loading placeholders present.",
+                  "name": "event.detail.hasLoadingPlaceholder",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
+              "description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -683,17 +505,17 @@
             },
             {
               "kind": "method",
-              "name": "handleInput",
+              "name": "handleInputValueChange",
               "parameters": [
                 {
                   "name": "event",
-                  "description": "The input event from the checkbox input.",
+                  "description": "The input event triggered by the input element.",
                   "type": {
                     "text": "Event"
                   }
                 }
               ],
-              "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
+              "description": "Handle changes to the input value and trigger changes that should result.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -703,8 +525,8 @@
             },
             {
               "kind": "method",
-              "name": "handleFocusin",
-              "description": "Function to support",
+              "name": "configureCombobox",
+              "description": "Binds all behavior needed to the combobox after rendering.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -714,12 +536,30 @@
             },
             {
               "kind": "method",
-              "name": "generateIconHtml",
-              "description": "Function to generate checkmark svg.",
-              "privacy": "private",
+              "name": "focus",
+              "description": "Focuses the combobox trigger input.",
               "return": {
                 "type": {
-                  "text": "HTMLElement"
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setMenuValue",
+              "parameters": [
+                {
+                  "name": "value",
+                  "description": "The value to set on the menu.",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the menu value if menu is available.",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               }
             },
@@ -735,9 +575,8 @@
             },
             {
               "kind": "method",
-              "name": "updateAriaLabel",
-              "description": "Updates the aria-label based on slot content.",
-              "privacy": "private",
+              "name": "clear",
+              "description": "Clears the current value of the combobox.",
               "return": {
                 "type": {
                   "text": "void"
@@ -746,17 +585,81 @@
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "validate",
               "parameters": [
                 {
-                  "name": "event",
-                  "description": "The keydown event from the checkbox input.",
+                  "name": "force",
+                  "default": "false",
+                  "description": "Whether to force validation.",
+                  "optional": true,
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Handles keydown event to toggle the checkbox with Space key.",
+              "description": "Validates value."
+            },
+            {
+              "kind": "method",
+              "name": "transportAssignedNodes",
+              "parameters": [
+                {
+                  "name": "slot",
+                  "description": "The slot element containing the nodes to apply.",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                },
+                {
+                  "name": "target",
+                  "description": "The target element to apply the nodes to.",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "newSlotName",
+                  "description": "The new slot name for the applied nodes.",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Applies slotted nodes to a target element with a new slot name.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateActiveOption",
+              "parameters": [
+                {
+                  "name": "index",
+                  "description": "Index of the option to make active.",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Updates the active option in the menu."
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "`slotchange` event.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Watch for slot changes and recalculate the menuoptions.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -769,7 +672,7 @@
               "name": "appearance",
               "privacy": "public",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "string"
               },
               "description": "Defines whether the component will be on lighter or darker backgrounds.",
               "default": "'default'",
@@ -778,702 +681,991 @@
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "autocomplete",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set to true, the checkbox will be filled with a checkmark.",
-              "attribute": "checked",
+              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
+              "attribute": "autocomplete",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "autoPlacement",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will not be clickable.",
-              "attribute": "disabled",
+              "description": "If declared, bib's position will be automatically calculated where to appear.",
+              "attribute": "autoPlacement",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "availableOptions",
+              "privacy": "private",
+              "type": {
+                "text": "array"
+              },
+              "description": "Array of available options to display in the dropdown.",
+              "attribute": "availableOptions"
+            },
+            {
+              "kind": "field",
+              "name": "behavior",
+              "privacy": "public",
+              "type": {
+                "text": "'filter' | 'suggestion'"
+              },
+              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
+              "default": "'suggestion'",
+              "attribute": "behavior",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checkmark",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be displayed with an error state.",
-              "attribute": "error",
+              "description": "When attribute is present auro-menu will apply check marks to selected options.",
+              "attribute": "checkmark",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "disabled",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "description": "If set, disables the combobox.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "inputId",
+              "name": "dropdownId",
               "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "The id for input node."
+              "description": "ID for the dropdown."
             },
             {
               "kind": "field",
-              "name": "name",
-              "privacy": "public",
+              "name": "dropdownOpen",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
-              "attribute": "name"
+              "description": "Whether or not the dropdown is open."
             },
             {
               "kind": "field",
-              "name": "onDark",
+              "name": "dvInputOnly",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "attribute": "onDark",
+              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
+              "attribute": "dvInputOnly",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "touched",
-              "privacy": "private",
+              "name": "error",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Indicates whether the checkbox has been interacted with."
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "format",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
-              "attribute": "value"
+              "description": "Specifies the input mask format.",
+              "attribute": "format",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tabIndex",
-              "privacy": "private",
+              "name": "inputmode",
+              "privacy": "public",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "attribute": "tabindex",
+              "description": "Exposes inputmode attribute for input.",
+              "attribute": "inputmode",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "ariaChecked",
-              "privacy": "private",
+              "name": "layout",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "attribute": "aria-checked",
-              "reflects": true
+              "description": "Sets the layout of the combobox.",
+              "default": "'classic'",
+              "attribute": "layout",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
               "kind": "field",
-              "name": "ariaDisabled",
+              "name": "matchWidth",
               "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "attribute": "aria-disabled",
+              "description": "If declared, the popover and trigger will be set to the same width.",
+              "attribute": "matchWidth",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "role",
-              "privacy": "private",
+              "name": "noFilter",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
-              "attribute": "role",
+              "description": "If set, combobox will not filter menuoptions based on input.",
+              "attribute": "noFilter",
               "reflects": true
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "auroCheckbox-input",
+              "kind": "field",
+              "name": "noFlip",
+              "privacy": "public",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "boolean"
+              },
+              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
+              "attribute": "noFlip",
+              "reflects": true
             },
             {
-              "name": "auroCheckbox-focusin",
+              "kind": "field",
+              "name": "shift",
+              "privacy": "public",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "boolean"
+              },
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "attribute": "shift",
+              "reflects": true
             },
             {
-              "name": "auroCheckbox-focusout",
+              "kind": "field",
+              "name": "noValidate",
+              "privacy": "public",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "attribute": "noValidate",
+              "reflects": true
             },
             {
+              "kind": "field",
+              "name": "offset",
+              "privacy": "public",
               "type": {
-                "text": "CustomEvent<any>"
+                "text": "number"
               },
-              "description": "(Deprecated) Notifies when checked value is changed.",
-              "name": "change"
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "attribute": "offset",
+              "reflects": true
             },
             {
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
               "type": {
-                "text": "InputEvent"
+                "text": "boolean"
               },
-              "description": "Notifies when when checked value is changed by user's interface.",
-              "name": "input"
-            }
-          ],
-          "attributes": [
+              "attribute": "onDark",
+              "reflects": true,
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
+            },
             {
-              "name": "appearance",
+              "kind": "field",
+              "name": "optionSelected",
+              "privacy": "public",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "HTMLElement"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "Specifies the current selected option.",
+              "attribute": "optionSelected"
             },
             {
-              "name": "checked",
+              "kind": "field",
+              "name": "persistInput",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be filled with a checkmark.",
-              "fieldName": "checked"
+              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
+              "attribute": "persistInput",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "placement",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
               },
-              "description": "If set to true, the checkbox will not be clickable.",
-              "fieldName": "disabled"
+              "description": "Position where the bib should appear relative to the trigger.",
+              "default": "'bottom-start'",
+              "attribute": "placement",
+              "reflects": true
             },
             {
-              "name": "error",
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define custom placeholder text, only supported by date input formats.",
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be displayed with an error state.",
-              "fieldName": "error"
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "name": "id",
+              "kind": "field",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "fieldName": "id"
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "attribute": "setCustomValidity"
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "setCustomValidityCustomError",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
-              "fieldName": "name"
+              "description": "Custom help text message to display when validity = `customError`.",
+              "attribute": "setCustomValidityCustomError"
             },
             {
-              "name": "onDark",
+              "kind": "field",
+              "name": "setCustomValidityValueMissing",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "attribute": "setCustomValidityValueMissing"
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "setCustomValidityValueMissingFilter",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
-              "fieldName": "value"
+              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
+              "attribute": "setCustomValidityValueMissingFilter"
             },
             {
-              "name": "tabindex",
+              "kind": "field",
+              "name": "touched",
+              "privacy": "private",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "fieldName": "tabIndex"
+              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
             },
             {
-              "name": "aria-checked",
+              "kind": "field",
+              "name": "triggerIcon",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "fieldName": "ariaChecked"
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "attribute": "triggerIcon",
+              "reflects": true
             },
             {
-              "name": "aria-disabled",
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "fieldName": "ariaDisabled"
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "attribute": "type",
+              "reflects": true
             },
             {
-              "name": "role",
+              "kind": "field",
+              "name": "typedValue",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "auro-checkbox",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCheckbox",
-          "declaration": {
-            "name": "AuroCheckbox",
-            "module": "components/checkbox/src/auro-checkbox.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/src/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCheckbox",
-          "declaration": {
-            "name": "AuroCheckbox",
-            "module": "components/checkbox/src/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AuroCheckboxGroup",
-          "declaration": {
-            "name": "AuroCheckboxGroup",
-            "module": "components/checkbox/src/index.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/src/registered.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/combobox/src/auro-combobox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
-          "name": "AuroCombobox",
-          "slots": [
-            {
-              "description": "Default slot for the menu content.",
-              "name": ""
+              "description": "Specifies the value of the input element within the combobox.",
+              "attribute": "typedValue",
+              "reflects": true
             },
             {
+              "kind": "field",
+              "name": "validity",
+              "privacy": "public",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "string"
               },
-              "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
-              "name": "optionalLabel"
-            },
-            {
-              "description": "Sets aria-label on clear button",
-              "name": "ariaLabel.input.clear"
+              "description": "Specifies the `validityState` this element is in.",
+              "attribute": "validity",
+              "reflects": true
             },
             {
-              "description": "Sets aria-label on close button in fullscreen bib",
-              "name": "ariaLabel.bib.close"
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Value selected for the dropdown menu.",
+              "attribute": "value"
             },
             {
-              "description": "Defines the headline to display above menu-options",
-              "name": "bib.fullscreen.headline"
+              "kind": "field",
+              "name": "largeFullscreenHeadline",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "attribute": "largeFullscreenHeadline",
+              "reflects": true
             },
             {
-              "description": "Defines the content of the label.",
-              "name": "label"
+              "kind": "field",
+              "name": "fullscreenBreakpoint",
+              "privacy": "public",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+              },
+              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
+              "default": "'sm'",
+              "attribute": "fullscreenBreakpoint",
+              "reflects": true
             },
             {
-              "description": "Defines the content of the helpText.",
-              "name": "helpText"
-            },
-            {
-              "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
-              "name": "displayValue"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "_initializeDefaults",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "optionActive",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "description": "Specifies the currently active option."
             },
             {
               "kind": "field",
-              "name": "inputValue",
-              "description": "Returns the current value of the input element within the combobox.",
-              "return": {
-                "type": {
-                  "text": "string|undefined"
-                }
+              "name": "triggerExpandedState",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
               },
-              "readonly": true
+              "description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
             },
             {
-              "kind": "method",
-              "name": "isValid",
-              "description": "Checks if the element is valid.",
+              "kind": "field",
+              "name": "componentHasFocus",
+              "description": "Returns true if the element has focus.",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "'auro-combobox'",
-                  "description": "The name of the element that you want to register.",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "This will register this element with the browser."
-            },
-            {
-              "kind": "method",
-              "name": "updateFilter",
-              "description": "Updates the filter for the available options based on the input value.",
-              "privacy": "private"
+              "name": "resetShapeClasses",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
               "kind": "method",
-              "name": "syncValuesAndStates",
-              "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "resetLayoutClasses",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "updateTriggerTextDisplay",
-              "parameters": [
-                {
-                  "name": "label",
-                  "description": "The label of the selected option.",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Update displayValue or input.value, it's called when making a selection.",
-              "privacy": "private"
+              "name": "updateComponentArchitecture",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleMenuOptions",
-              "description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "shape",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "shape",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
-              "kind": "method",
-              "name": "generateOptionsArray",
-              "description": "Determines the element error state based on the `required` attribute and input value.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "size",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
+            }
+          ],
+          "events": [
+            {
+              "name": "inputValue",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Notifies that the components internal HTML5 input value has changed."
             },
             {
-              "kind": "method",
-              "name": "hideBib",
-              "description": "Hides the dropdown bib if its open.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "input",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Notifies that the component has a new value set."
             },
             {
-              "kind": "method",
-              "name": "showBib",
-              "description": "Shows the dropdown bib if there are options to show.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "auroCombobox-valueSet",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "(Deprecated) Notifies that the component has a new value set."
             },
             {
-              "kind": "method",
-              "name": "configureDropdown",
-              "description": "Binds all behavior needed to the dropdown after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "Notifies that the component value(s) have been validated.",
+              "name": "auroFormElement-validated"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "kind": "method",
-              "name": "setClearBtnFocus",
-              "privacy": "private"
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
+              "fieldName": "autocomplete"
             },
             {
-              "kind": "method",
-              "name": "setInputFocus",
-              "privacy": "private"
+              "name": "autoPlacement",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, bib's position will be automatically calculated where to appear.",
+              "fieldName": "autoPlacement"
             },
             {
-              "kind": "method",
-              "name": "updateBibDialogRole",
-              "description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
-              "privacy": "private"
+              "name": "availableOptions",
+              "type": {
+                "text": "array"
+              },
+              "description": "Array of available options to display in the dropdown.",
+              "fieldName": "availableOptions"
             },
             {
-              "kind": "method",
-              "name": "updateMenuShapeSize",
-              "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
-              "privacy": "private"
+              "name": "behavior",
+              "type": {
+                "text": "'filter' | 'suggestion'"
+              },
+              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
+              "default": "'suggestion'",
+              "fieldName": "behavior"
             },
             {
-              "kind": "method",
-              "name": "configureMenu",
-              "description": "Binds all behavior needed to the menu after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "checkmark",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When attribute is present auro-menu will apply check marks to selected options.",
+              "fieldName": "checkmark"
             },
             {
-              "kind": "method",
-              "name": "configureInput",
-              "description": "Binds all behavior needed to the input after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables the combobox.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "method",
-              "name": "handleMenuLoadingChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The event object containing details about the loading state change.",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                },
-                {
-                  "description": "Indicates whether the menu is currently loading.",
-                  "name": "event.detail.loading",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "description": "Indicates if there are loading placeholders present.",
-                  "name": "event.detail.hasLoadingPlaceholder",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "dvInputOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
+              "fieldName": "dvInputOnly"
             },
             {
-              "kind": "method",
-              "name": "handleInputValueChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The input event triggered by the input element.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Handle changes to the input value and trigger changes that should result.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "fieldName": "error"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              },
+              "description": "Specifies the input mask format.",
+              "fieldName": "format"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "string"
+              },
+              "description": "Exposes inputmode attribute for input.",
+              "fieldName": "inputmode"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the layout of the combobox.",
+              "default": "'classic'",
+              "fieldName": "layout",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
-              "kind": "method",
-              "name": "configureCombobox",
-              "description": "Binds all behavior needed to the combobox after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "matchWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the popover and trigger will be set to the same width.",
+              "fieldName": "matchWidth"
+            },
+            {
+              "name": "noFilter",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, combobox will not filter menuoptions based on input.",
+              "fieldName": "noFilter"
+            },
+            {
+              "name": "noFlip",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
+              "fieldName": "noFlip"
+            },
+            {
+              "name": "shift",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "fieldName": "shift"
+            },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "fieldName": "noValidate"
+            },
+            {
+              "name": "offset",
+              "type": {
+                "text": "number"
+              },
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "fieldName": "offset"
+            },
+            {
+              "name": "onDark",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
+            },
+            {
+              "name": "optionSelected",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "Specifies the current selected option.",
+              "fieldName": "optionSelected"
+            },
+            {
+              "name": "persistInput",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
+              "fieldName": "persistInput"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
+              },
+              "description": "Position where the bib should appear relative to the trigger.",
+              "default": "'bottom-start'",
+              "fieldName": "placement"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define custom placeholder text, only supported by date input formats.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "fieldName": "required"
+            },
+            {
+              "name": "setCustomValidity",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "fieldName": "setCustomValidity"
+            },
+            {
+              "name": "setCustomValidityCustomError",
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom help text message to display when validity = `customError`.",
+              "fieldName": "setCustomValidityCustomError"
+            },
+            {
+              "name": "setCustomValidityValueMissing",
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "fieldName": "setCustomValidityValueMissing"
+            },
+            {
+              "name": "setCustomValidityValueMissingFilter",
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
+              "fieldName": "setCustomValidityValueMissingFilter"
+            },
+            {
+              "name": "triggerIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "fieldName": "triggerIcon"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "fieldName": "type"
+            },
+            {
+              "name": "typedValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "Specifies the value of the input element within the combobox.",
+              "fieldName": "typedValue"
+            },
+            {
+              "name": "validity",
+              "type": {
+                "text": "string"
+              },
+              "description": "Specifies the `validityState` this element is in.",
+              "fieldName": "validity"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "Value selected for the dropdown menu.",
+              "fieldName": "value"
+            },
+            {
+              "name": "largeFullscreenHeadline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "fieldName": "largeFullscreenHeadline"
+            },
+            {
+              "name": "fullscreenBreakpoint",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+              },
+              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
+              "default": "'sm'",
+              "fieldName": "fullscreenBreakpoint"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "description": "Focuses the combobox trigger input.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
-              "kind": "method",
-              "name": "setMenuValue",
-              "parameters": [
-                {
-                  "name": "value",
-                  "description": "The value to set on the menu.",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the menu value if menu is available.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "ondark",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "onDark",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
+            }
+          ],
+          "superclass": {
+            "name": "AuroElement",
+            "module": "/components/layoutElement/src/auroElement.js"
+          },
+          "tagName": "auro-combobox",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCombobox",
+          "declaration": {
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/auro-combobox.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/src/comboboxKeyboardStrategy.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "comboboxKeyboardStrategy",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ async Enter(component, evt, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "comboboxKeyboardStrategy",
+          "declaration": {
+            "name": "comboboxKeyboardStrategy",
+            "module": "components/combobox/src/comboboxKeyboardStrategy.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/src/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCombobox",
+          "declaration": {
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/src/registered.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCombobox",
+          "declaration": {
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/registered.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox/src/auro-checkbox-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
+          "name": "AuroCheckboxGroup",
+          "slots": [
+            {
+              "description": "Allows for the legend to be overridden.",
+              "name": "legend"
             },
             {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
+              "name": "optionalLabel"
+            },
+            {
+              "description": "Allows for the helper text to be overridden.",
+              "name": "helpText"
             },
+            {
+              "description": "The default slot for the checkbox items.",
+              "name": "default"
+            }
+          ],
+          "members": [
             {
               "kind": "method",
-              "name": "clear",
-              "description": "Clears the current value of the combobox.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "_initializeDefaults"
             },
             {
               "kind": "method",
-              "name": "validate",
+              "name": "register",
+              "static": true,
               "parameters": [
                 {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
+                  "name": "name",
+                  "default": "\"auro-checkbox-group\"",
+                  "description": "The name of the element that you want to register.",
                   "optional": true,
                   "type": {
-                    "text": "boolean"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Validates value."
+              "description": "This will register this element with the browser."
             },
             {
               "kind": "method",
-              "name": "transportAssignedNodes",
+              "name": "handleValueUpdate",
               "parameters": [
                 {
-                  "name": "slot",
-                  "description": "The slot element containing the nodes to apply.",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                },
-                {
-                  "name": "target",
-                  "description": "The target element to apply the nodes to.",
+                  "name": "value",
+                  "description": "The value of the checkbox.",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "String"
                   }
                 },
                 {
-                  "name": "newSlotName",
-                  "description": "The new slot name for the applied nodes.",
+                  "name": "selected",
+                  "description": "The checked state of the checkbox.",
                   "type": {
-                    "text": "string"
+                    "text": "Boolean"
                   }
                 }
               ],
-              "description": "Applies slotted nodes to a target element with a new slot name.",
+              "description": "Helper method to handle checkbox value changing.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -1483,31 +1675,19 @@
             },
             {
               "kind": "method",
-              "name": "updateActiveOption",
-              "parameters": [
-                {
-                  "name": "index",
-                  "description": "Index of the option to make active.",
-                  "type": {
-                    "text": "number"
-                  }
+              "name": "handlePreselectedItems",
+              "description": "Helper method that handles the state of preselected checkboxes.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Updates the active option in the menu."
+              }
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "`slotchange` event.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Watch for slot changes and recalculate the menuoptions.",
+              "name": "handleItems",
+              "description": "Helper method that handles the state of checkboxes.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -1516,203 +1696,74 @@
               }
             },
             {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "autocomplete",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
-              "attribute": "autocomplete",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "autoPlacement",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "attribute": "autoPlacement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "availableOptions",
-              "privacy": "private",
-              "type": {
-                "text": "array"
-              },
-              "description": "Array of available options to display in the dropdown.",
-              "attribute": "availableOptions"
-            },
-            {
-              "kind": "field",
-              "name": "behavior",
-              "privacy": "public",
-              "type": {
-                "text": "'filter' | 'suggestion'"
-              },
-              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
-              "default": "'suggestion'",
-              "attribute": "behavior",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "checkmark",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "attribute": "checkmark",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables the combobox.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "dropdownId",
-              "privacy": "private",
-              "type": {
-                "text": "string"
-              },
-              "description": "ID for the dropdown."
-            },
-            {
-              "kind": "field",
-              "name": "dropdownOpen",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether or not the dropdown is open."
-            },
-            {
-              "kind": "field",
-              "name": "dvInputOnly",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
-              "attribute": "dvInputOnly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "attribute": "error",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "format",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the input mask format.",
-              "attribute": "format",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "inputmode",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Exposes inputmode attribute for input.",
-              "attribute": "inputmode",
-              "reflects": true
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets component to initial state.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "layout",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "attribute": "layout",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "kind": "method",
+              "name": "validate",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "description": "Whether to force validation.",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Validates value."
             },
             {
               "kind": "field",
-              "name": "matchWidth",
-              "privacy": "private",
+              "name": "appearance",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'inverse'"
               },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "attribute": "matchWidth",
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "noFilter",
+              "name": "disabled",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "attribute": "noFilter",
+              "description": "If set, disables the checkbox group.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "noFlip",
+              "name": "error",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
-              "attribute": "noFlip",
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "attribute": "error",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "shift",
+              "name": "horizontal",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "attribute": "shift",
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "attribute": "horizontal",
               "reflects": true
             },
             {
@@ -1726,18 +1777,6 @@
               "attribute": "noValidate",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "offset",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "attribute": "offset",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "onDark",
@@ -1745,56 +1784,8 @@
               "type": {
                 "text": "boolean"
               },
-              "attribute": "onDark",
-              "reflects": true,
               "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "optionSelected",
-              "privacy": "public",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Specifies the current selected option.",
-              "attribute": "optionSelected"
-            },
-            {
-              "kind": "field",
-              "name": "persistInput",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
-              "attribute": "persistInput",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "privacy": "public",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
-              },
-              "description": "Position where the bib should appear relative to the trigger.",
-              "default": "'bottom-start'",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "attribute": "placeholder",
+              "attribute": "onDark",
               "reflects": true
             },
             {
@@ -1804,7 +1795,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
               "attribute": "required",
               "reflects": true
             },
@@ -1838,58 +1829,6 @@
               "description": "Custom help text message to display when validity = `valueMissing`.",
               "attribute": "setCustomValidityValueMissing"
             },
-            {
-              "kind": "field",
-              "name": "setCustomValidityValueMissingFilter",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
-              "attribute": "setCustomValidityValueMissingFilter"
-            },
-            {
-              "kind": "field",
-              "name": "touched",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
-            },
-            {
-              "kind": "field",
-              "name": "triggerIcon",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
-              "attribute": "triggerIcon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Applies the defined value as the type attribute on `auro-input`.",
-              "attribute": "type",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "typedValue",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the value of the input element within the combobox.",
-              "attribute": "typedValue",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "validity",
@@ -1900,551 +1839,612 @@
               "description": "Specifies the `validityState` this element is in.",
               "attribute": "validity",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Value selected for the dropdown menu.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "largeFullscreenHeadline",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "attribute": "largeFullscreenHeadline",
-              "reflects": true
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "fullscreenBreakpoint",
-              "privacy": "public",
+              "name": "input",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
-              },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "attribute": "fullscreenBreakpoint",
-              "reflects": true
+                "text": "CustomEvent"
+              }
             },
             {
-              "kind": "field",
-              "name": "optionActive",
-              "privacy": "private",
-              "type": {
-                "text": "object"
-              },
-              "description": "Specifies the currently active option."
-            },
+              "description": "Notifies that the `validity` and `errorMessage` values have changed.",
+              "name": "auroFormElement-validated"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "triggerExpandedState",
-              "privacy": "private",
+              "name": "appearance",
               "type": {
-                "text": "boolean"
-              },
-              "description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
-            },
-            {
-              "kind": "field",
-              "name": "componentHasFocus",
-              "description": "Returns true if the element has focus.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+                "text": "'default' | 'inverse'"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetShapeClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetLayoutClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateComponentArchitecture",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
-              "name": "shape",
-              "privacy": "public",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "shape",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "If set, disables the checkbox group.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
+              "name": "error",
               "type": {
                 "text": "string"
               },
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            }
-          ],
-          "events": [
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "fieldName": "error"
+            },
             {
-              "name": "inputValue",
+              "name": "horizontal",
               "type": {
-                "text": "CustomEvent"
+                "text": "boolean"
               },
-              "description": "Notifies that the components internal HTML5 input value has changed."
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "fieldName": "horizontal"
             },
             {
-              "name": "input",
+              "name": "noValidate",
               "type": {
-                "text": "CustomEvent"
+                "text": "boolean"
               },
-              "description": "Notifies that the component has a new value set."
+              "description": "If set, disables auto-validation on blur.",
+              "fieldName": "noValidate"
             },
             {
-              "name": "auroCombobox-valueSet",
+              "name": "onDark",
               "type": {
-                "text": "CustomEvent"
+                "text": "boolean"
               },
-              "description": "(Deprecated) Notifies that the component has a new value set."
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
-              "description": "Notifies that the component value(s) have been validated.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "fieldName": "required"
+            },
             {
-              "name": "appearance",
+              "name": "setCustomValidity",
               "type": {
                 "text": "string"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "fieldName": "setCustomValidity"
             },
             {
-              "name": "autocomplete",
+              "name": "setCustomValidityCustomError",
               "type": {
                 "text": "string"
               },
-              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
-              "fieldName": "autocomplete"
+              "description": "Custom help text message to display when validity = `customError`.",
+              "fieldName": "setCustomValidityCustomError"
             },
             {
-              "name": "autoPlacement",
+              "name": "setCustomValidityValueMissing",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "fieldName": "autoPlacement"
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "name": "availableOptions",
+              "name": "validity",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "description": "Array of available options to display in the dropdown.",
-              "fieldName": "availableOptions"
+              "description": "Specifies the `validityState` this element is in.",
+              "fieldName": "validity"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "auro-checkbox-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCheckboxGroup",
+          "declaration": {
+            "name": "AuroCheckboxGroup",
+            "module": "components/checkbox/src/auro-checkbox-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox/src/auro-checkbox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
+          "name": "AuroCheckbox",
+          "cssParts": [
+            {
+              "description": "apply css to a specific checkbox.",
+              "name": "checkbox"
+            },
+            {
+              "description": "apply css to a specific checkbox's input.",
+              "name": "checkbox-input"
+            },
+            {
+              "description": "apply css to a specific checkbox's label.",
+              "name": "checkbox-label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for the checkbox label.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_initializeDefaults"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "\"auro-checkbox\"",
+                  "description": "The name of element that you want to register to.",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This will register this element with the browser."
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The change event from the checkbox input.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The input event from the checkbox input.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusin",
+              "description": "Function to support",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "generateIconHtml",
+              "description": "Function to generate checkmark svg.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets component to initial state.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateAriaLabel",
+              "description": "Updates the aria-label based on slot content.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The keydown event from the checkbox input.",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handles keydown event to toggle the checkbox with Space key.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "name": "behavior",
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
               "type": {
-                "text": "'filter' | 'suggestion'"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
-              "default": "'suggestion'",
-              "fieldName": "behavior"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
+              "reflects": true
             },
             {
-              "name": "checkmark",
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "fieldName": "checkmark"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "attribute": "checked",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "disabled",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the combobox.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "dvInputOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
-              "fieldName": "dvInputOnly"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "error",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "attribute": "error",
+              "reflects": true
             },
             {
-              "name": "format",
+              "kind": "field",
+              "name": "id",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the input mask format.",
-              "fieldName": "format"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "attribute": "id"
             },
             {
-              "name": "inputmode",
+              "kind": "field",
+              "name": "inputId",
+              "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "Exposes inputmode attribute for input.",
-              "fieldName": "inputmode"
+              "description": "The id for input node."
             },
             {
-              "name": "layout",
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "fieldName": "layout",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "name": "matchWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "fieldName": "matchWidth"
-            },
-            {
-              "name": "noFilter",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "fieldName": "noFilter"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "attribute": "name"
             },
             {
-              "name": "noFlip",
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
-              "fieldName": "noFlip"
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
-              "name": "shift",
+              "kind": "field",
+              "name": "touched",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "fieldName": "shift"
+              "description": "Indicates whether the checkbox has been interacted with."
             },
             {
-              "name": "noValidate",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "attribute": "value"
             },
             {
-              "name": "offset",
+              "kind": "field",
+              "name": "tabIndex",
+              "privacy": "private",
               "type": {
                 "text": "number"
               },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "fieldName": "offset"
+              "description": "The tabindex attribute for the checkbox.",
+              "attribute": "tabindex",
+              "reflects": true
             },
             {
-              "name": "onDark",
+              "kind": "field",
+              "name": "ariaChecked",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "The aria-checked attribute for the checkbox.",
+              "attribute": "aria-checked",
+              "reflects": true
             },
             {
-              "name": "optionSelected",
+              "kind": "field",
+              "name": "ariaDisabled",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
-              "description": "Specifies the current selected option.",
-              "fieldName": "optionSelected"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "attribute": "aria-disabled",
+              "reflects": true
             },
             {
-              "name": "persistInput",
+              "kind": "field",
+              "name": "role",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
-              "fieldName": "persistInput"
-            },
+              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "events": [
             {
-              "name": "placement",
+              "name": "auroCheckbox-input",
               "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
-              },
-              "description": "Position where the bib should appear relative to the trigger.",
-              "default": "'bottom-start'",
-              "fieldName": "placement"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "placeholder",
+              "name": "auroCheckbox-focusin",
               "type": {
-                "text": "string"
-              },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "fieldName": "placeholder"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "required",
+              "name": "auroCheckbox-focusout",
               "type": {
-                "text": "boolean"
-              },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "fieldName": "required"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "setCustomValidity",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<any>"
               },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
+              "description": "(Deprecated) Notifies when checked value is changed.",
+              "name": "change"
             },
             {
-              "name": "setCustomValidityCustomError",
               "type": {
-                "text": "string"
+                "text": "InputEvent"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
-            },
+              "description": "Notifies when when checked value is changed by user's interface.",
+              "name": "input"
+            }
+          ],
+          "attributes": [
             {
-              "name": "setCustomValidityValueMissing",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "name": "setCustomValidityValueMissingFilter",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
-              "fieldName": "setCustomValidityValueMissingFilter"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "fieldName": "checked"
             },
             {
-              "name": "triggerIcon",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
-              "fieldName": "triggerIcon"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "fieldName": "disabled"
             },
             {
-              "name": "type",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Applies the defined value as the type attribute on `auro-input`.",
-              "fieldName": "type"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "fieldName": "error"
             },
             {
-              "name": "typedValue",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the value of the input element within the combobox.",
-              "fieldName": "typedValue"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "fieldName": "id"
             },
             {
-              "name": "validity",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "fieldName": "validity"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "fieldName": "name"
             },
             {
-              "name": "value",
+              "name": "onDark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Value selected for the dropdown menu.",
-              "fieldName": "value"
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
-              "name": "largeFullscreenHeadline",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "fieldName": "largeFullscreenHeadline"
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "fieldName": "value"
             },
             {
-              "name": "fullscreenBreakpoint",
+              "name": "tabindex",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+                "text": "number"
               },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "fieldName": "fullscreenBreakpoint"
+              "description": "The tabindex attribute for the checkbox.",
+              "fieldName": "tabIndex"
             },
             {
-              "name": "shape",
+              "name": "aria-checked",
               "type": {
                 "text": "string"
               },
-              "fieldName": "shape",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The aria-checked attribute for the checkbox.",
+              "fieldName": "ariaChecked"
             },
             {
-              "name": "size",
+              "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The aria-disabled attribute for the checkbox.",
+              "fieldName": "ariaDisabled"
             },
             {
-              "name": "ondark",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "onDark",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
+              "fieldName": "role"
             }
           ],
           "superclass": {
-            "name": "AuroElement",
-            "module": "/components/layoutElement/src/auroElement.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "auro-combobox",
+          "tagName": "auro-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AuroCombobox",
+          "name": "AuroCheckbox",
           "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/auro-combobox.js"
+            "name": "AuroCheckbox",
+            "module": "components/checkbox/src/auro-checkbox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/comboboxKeyboardStrategy.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "comboboxKeyboardStrategy",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ async Enter(component, evt, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
-        }
-      ],
+      "path": "components/checkbox/src/index.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "comboboxKeyboardStrategy",
+          "name": "AuroCheckbox",
           "declaration": {
-            "name": "comboboxKeyboardStrategy",
-            "module": "components/combobox/src/comboboxKeyboardStrategy.js"
+            "name": "AuroCheckbox",
+            "module": "components/checkbox/src/index.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/combobox/src/index.js",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "AuroCombobox",
+          "name": "AuroCheckboxGroup",
           "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/index.js"
+            "name": "AuroCheckboxGroup",
+            "module": "components/checkbox/src/index.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/registered.js",
+      "path": "components/checkbox/src/registered.js",
       "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCombobox",
-          "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/registered.js"
-          }
-        }
-      ]
+      "exports": []
     },
     {
       "kind": "javascript-module",
@@ -3584,6 +3584,30 @@
               "kind": "method",
               "name": "_initializeDefaults"
             },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "type": {
+                "text": "number"
+              },
+              "description": "Sets the value of the counter. If the provided value is undefined, null, or cannot be converted to a number, the internal value will be set to undefined.",
+              "return": {
+                "type": {
+                  "text": "number|undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "description": "The value to set for the counter. Can be a number, a string that can be converted to a number, undefined, or null.",
+                  "name": "val",
+                  "type": {
+                    "text": "number|string|undefined|null"
+                  }
+                }
+              ],
+              "attribute": "value"
+            },
             {
               "kind": "method",
               "name": "register",
@@ -3683,26 +3707,6 @@
               ],
               "description": "Validates value."
             },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The keyboard event object.",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handles the keydown event for the counter component.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "setTagAttribute",
@@ -3865,16 +3869,6 @@
               "description": "The validity state of the counter.",
               "attribute": "validity",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "description": "The current value of the counter.",
-              "attribute": "value"
             }
           ],
           "events": [
@@ -3972,7 +3966,21 @@
               "type": {
                 "text": "number"
               },
-              "description": "The current value of the counter.",
+              "description": "Sets the value of the counter. If the provided value is undefined, null, or cannot be converted to a number, the internal value will be set to undefined.",
+              "return": {
+                "type": {
+                  "text": "number|undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "description": "The value to set for the counter. Can be a number, a string that can be converted to a number, undefined, or null.",
+                  "name": "val",
+                  "type": {
+                    "text": "number|string|undefined|null"
+                  }
+                }
+              ],
               "fieldName": "value"
             }
           ],
@@ -4048,6 +4056,30 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/counter/src/keyboardStrategy.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "keyboardStrategy",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ ArrowUp(component, _evt) { if (component.disabled) { return; } _evt.preventDefault(); component.increment(); }, ArrowDown(component, _evt) { if (component.disabled) { return; } _evt.preventDefault(); component.decrement(); } }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "keyboardStrategy",
+          "declaration": {
+            "name": "keyboardStrategy",
+            "module": "components/counter/src/keyboardStrategy.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/counter/src/registered.js",
@@ -8253,17 +8285,6 @@
               "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "disableFocusTrap",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the focus trap inside of bib will be turned off.",
-              "attribute": "disableFocusTrap",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "dropdownWidth",
@@ -8547,14 +8568,6 @@
               "description": "If declared, the dropdown is not interactive.",
               "fieldName": "disabled"
             },
-            {
-              "name": "disableFocusTrap",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the focus trap inside of bib will be turned off.",
-              "fieldName": "disableFocusTrap"
-            },
             {
               "name": "dropdownWidth",
               "type": {
@@ -8821,21 +8834,6 @@
               "description": "Forwards the dialog's native `cancel` event (fired on ESC) as\nan `auro-bib-cancel` custom event so parent components can close.",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "_setupKeyboardBridge",
-              "parameters": [
-                {
-                  "name": "dialog",
-                  "description": "The dialog element to attach the keyboard bridge to.",
-                  "type": {
-                    "text": "HTMLDialogElement"
-                  }
-                }
-              ],
-              "description": "showModal() creates a closed focus scope — keyboard events inside\nthe dialog's shadow DOM do NOT bubble out to the combobox/select\nkeydown handlers in the parent shadow DOM. This handler bridges\nthat gap by re-dispatching navigation keys so they cross the\nshadow boundary and reach the menu navigation logic in the parent\ncomponent.\n\nThe trade-off: intercepting these keys means native keyboard\nbehaviors that would normally \"just work\" must be manually\nre-implemented here:\n\n- Enter on buttons: Custom elements (auro-button) don't get the\n  native Enter→click that <button> provides, so we call .click()\n  directly when Enter is pressed on a button-like element.\n\n- Tab: Intercepted and re-dispatched so parent components\n  (select/combobox) can select the active option and close the\n  dialog. The <dialog> provides containment and isolation\n  (inert background, VoiceOver focus trapping, top layer), while\n  the content inside is a role=\"listbox\" navigated via\n  aria-activedescendant (options are not focusable). Tab keyboard\n  behavior follows listbox conventions (select + close) because\n  the dialog's native Tab trap only cycles between the close\n  button and browser chrome.\n\n- Escape: The native <dialog> fires a `cancel` event on ESC\n  (handled by _setupCancelHandler), so the re-dispatched Escape\n  is a secondary path for parent components that also listen for\n  Escape keydown.",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_lockTouchScroll",
@@ -8899,7 +8897,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set by auro-dropdown when a menu option is highlighted via\naria-activedescendant. The dialog keyboard bridge checks this\nflag so that Enter selects the highlighted option instead of\nactivating the focused interactive element (e.g. the trigger\nbutton, or the bibtemplate close button in fullscreen).",
+              "description": "Tracks whether a menu option is currently highlighted.",
               "default": "false",
               "attribute": "hasActiveDescendant"
             },
@@ -9079,7 +9077,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set by auro-dropdown when a menu option is highlighted via\naria-activedescendant. The dialog keyboard bridge checks this\nflag so that Enter selects the highlighted option instead of\nactivating the focused interactive element (e.g. the trigger\nbutton, or the bibtemplate close button in fullscreen).",
+              "description": "Tracks whether a menu option is currently highlighted.",
               "default": "false",
               "fieldName": "hasActiveDescendant"
             }
@@ -9102,6 +9100,41 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/dropdown/src/dropdownBibKeyboardStrategy.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createDropdownBibKeyboardStrategy",
+          "parameters": [
+            {
+              "name": "bib",
+              "description": "The dropdown bib element.",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "description": "Creates a keyboard strategy for dialog-specific key handling.\nAll other keydown behavior is left to the browser's native bubbling path.",
+          "return": {
+            "type": {
+              "text": "Object"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createDropdownBibKeyboardStrategy",
+          "declaration": {
+            "name": "createDropdownBibKeyboardStrategy",
+            "module": "components/dropdown/src/dropdownBibKeyboardStrategy.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/dropdown/src/iconVersion.js",
@@ -15086,21 +15119,6 @@
               "description": "Handles nested menu structure.",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "Event object from the browser.",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handles keyboard navigation.",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "navigateOptions",
@@ -18674,7 +18692,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ ArrowUp(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowDown(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, Enter(component, evt) { evt.preventDefault(); component.menu.makeSelection(); }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive && !component.multiSelect) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt) { component.updateActiveOptionBasedOnKey(evt.key); }, }"
+          "default": "{ ArrowUp(component, evt, ctx) { // Navigate menu only if the bib is open, otherwise open the bib evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option } else if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); } else { component.dropdown.show(); } }, ArrowDown(component, evt, ctx) { // Navigate menu only if the bib is open, otherwise open the bib evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option } else if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); } else { component.dropdown.show(); } }, Enter(component, evt, ctx) { if (!ctx.isExpanded && ctx.isPopover) { component.menu.makeSelection(); } else if (ctx.isModal && !evt.defaultPrevented) { // for modal, isExpanded is always true // defaultPrevented will be true if Floating UI has already handled the event to open the dropdown component.menu.makeSelection(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive && !component.multiSelect) { component.menu.makeSelection(); } component.dropdown.hide(); }, Home(component, evt) { evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, End(component, evt) { evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, default(component, evt) { component.updateActiveOptionBasedOnKey(evt.key); }, }"
         }
       ],
       "exports": [