@aurodesignsystem-dev/auro-formkit 0.0.0-pr1398.1 → 0.0.0-pr1398.3

package/custom-elements.json

@@ -248,80 +248,34 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/auro-combobox.js",
+      "path": "components/checkbox/src/auro-checkbox-group.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",
+          "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
+          "name": "AuroCheckboxGroup",
           "slots": [
             {
-              "description": "Default slot for the menu content.",
-              "name": ""
+              "description": "Allows for the legend to be overridden.",
+              "name": "legend"
             },
             {
-              "type": {
-                "text": "HTMLSlotElement"
-              },
               "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": "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.",
+              "description": "Allows for the helper text to be overridden.",
               "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"
+              "description": "The default slot for the checkbox items.",
+              "name": "default"
             }
           ],
           "members": [
             {
               "kind": "method",
-              "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"
-                }
-              }
+              "name": "_initializeDefaults"
             },
             {
               "kind": "method",
@@ -330,7 +284,7 @@
               "parameters": [
                 {
                   "name": "name",
-                  "default": "'auro-combobox'",
+                  "default": "\"auro-checkbox-group\"",
                   "description": "The name of the element that you want to register.",
                   "optional": true,
                   "type": {
@@ -342,40 +296,24 @@
             },
             {
               "kind": "method",
-              "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",
+              "name": "handleValueUpdate",
               "parameters": [
                 {
-                  "name": "label",
-                  "description": "The label of the selected option.",
+                  "name": "value",
+                  "description": "The value of the checkbox.",
                   "type": {
-                    "text": "string"
+                    "text": "String"
+                  }
+                },
+                {
+                  "name": "selected",
+                  "description": "The checked state of the checkbox.",
+                  "type": {
+                    "text": "Boolean"
                   }
                 }
               ],
-              "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.",
+              "description": "Helper method to handle checkbox value changing.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -385,8 +323,8 @@
             },
             {
               "kind": "method",
-              "name": "generateOptionsArray",
-              "description": "Determines the element error state based on the `required` attribute and input value.",
+              "name": "handlePreselectedItems",
+              "description": "Helper method that handles the state of preselected checkboxes.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -396,8 +334,9 @@
             },
             {
               "kind": "method",
-              "name": "hideBib",
-              "description": "Hides the dropdown bib if its open.",
+              "name": "handleItems",
+              "description": "Helper method that handles the state of checkboxes.",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -406,8 +345,8 @@
             },
             {
               "kind": "method",
-              "name": "showBib",
-              "description": "Shows the dropdown bib if there are options to show.",
+              "name": "reset",
+              "description": "Resets component to initial state.",
               "return": {
                 "type": {
                   "text": "void"
@@ -416,942 +355,647 @@
             },
             {
               "kind": "method",
-              "name": "configureDropdown",
-              "description": "Binds all behavior needed to the dropdown after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "validate",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "description": "Whether to force validation.",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
-              }
+              ],
+              "description": "Validates value."
             },
             {
-              "kind": "method",
-              "name": "setClearBtnFocus",
-              "privacy": "private"
+              "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": "method",
-              "name": "setInputFocus",
-              "privacy": "private"
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables the checkbox group.",
+              "attribute": "disabled",
+              "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": "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": "method",
-              "name": "updateMenuShapeSize",
-              "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
-              "privacy": "private"
+              "kind": "field",
+              "name": "horizontal",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "attribute": "horizontal",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "configureMenu",
-              "description": "Binds all behavior needed to the menu after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "noValidate",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "attribute": "noValidate",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "configureInput",
-              "description": "Binds all behavior needed to the input after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "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"
-                }
-              }
-            },
-            {
-              "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"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "configureCombobox",
-              "description": "Binds all behavior needed to the combobox after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "description": "Focuses the combobox trigger input.",
-              "return": {
-                "type": {
-                  "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"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "clear",
-              "description": "Clears the current value of the combobox.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "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": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "required",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "autocomplete",
+              "name": "setCustomValidity",
               "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
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "attribute": "setCustomValidity"
             },
             {
               "kind": "field",
-              "name": "autoPlacement",
+              "name": "setCustomValidityCustomError",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "attribute": "autoPlacement",
-              "reflects": true
+              "description": "Custom help text message to display when validity = `customError`.",
+              "attribute": "setCustomValidityCustomError"
             },
             {
               "kind": "field",
-              "name": "availableOptions",
-              "privacy": "private",
+              "name": "setCustomValidityValueMissing",
+              "privacy": "public",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "description": "Array of available options to display in the dropdown.",
-              "attribute": "availableOptions"
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "attribute": "setCustomValidityValueMissing"
             },
             {
               "kind": "field",
-              "name": "behavior",
+              "name": "validity",
               "privacy": "public",
               "type": {
-                "text": "'filter' | 'suggestion'"
+                "text": "string"
               },
-              "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",
+              "description": "Specifies the `validityState` this element is in.",
+              "attribute": "validity",
               "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "CustomEvent"
+              }
             },
             {
-              "kind": "field",
-              "name": "checkmark",
-              "privacy": "public",
+              "description": "Notifies that the `validity` and `errorMessage` values have changed.",
+              "name": "auroFormElement-validated"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'inverse'"
               },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "attribute": "checkmark",
-              "reflects": true
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
               "name": "disabled",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the combobox.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "If set, disables the checkbox group.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "dropdownId",
-              "privacy": "private",
+              "name": "error",
               "type": {
                 "text": "string"
               },
-              "description": "ID for the dropdown."
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "dropdownOpen",
-              "privacy": "private",
+              "name": "horizontal",
               "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": "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": "field",
-              "name": "matchWidth",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "attribute": "matchWidth",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "noFilter",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "attribute": "noFilter",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "noFlip",
-              "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`.",
-              "attribute": "noFlip",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shift",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "attribute": "shift",
-              "reflects": true
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "fieldName": "horizontal"
             },
             {
-              "kind": "field",
               "name": "noValidate",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "description": "If set, disables auto-validation on blur.",
-              "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
+              "fieldName": "noValidate"
             },
             {
-              "kind": "field",
               "name": "onDark",
-              "privacy": "public",
               "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",
-              "reflects": true
+              "fieldName": "onDark"
             },
             {
-              "kind": "field",
               "name": "required",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "attribute": "required",
-              "reflects": true
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "setCustomValidity",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Sets a custom help text message to display for all validityStates.",
-              "attribute": "setCustomValidity"
+              "fieldName": "setCustomValidity"
             },
             {
-              "kind": "field",
               "name": "setCustomValidityCustomError",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Custom help text message to display when validity = `customError`.",
-              "attribute": "setCustomValidityCustomError"
+              "fieldName": "setCustomValidityCustomError"
             },
             {
-              "kind": "field",
               "name": "setCustomValidityValueMissing",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Custom help text message to display when validity = `valueMissing`.",
-              "attribute": "setCustomValidityValueMissing"
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "kind": "field",
-              "name": "setCustomValidityValueMissingFilter",
-              "privacy": "public",
+              "name": "validity",
               "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"
-            },
+              "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": [
             {
-              "kind": "field",
-              "name": "touched",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
+              "description": "apply css to a specific checkbox.",
+              "name": "checkbox"
             },
             {
-              "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
+              "description": "apply css to a specific checkbox's input.",
+              "name": "checkbox-input"
             },
             {
-              "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
+              "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"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "typedValue",
+              "name": "appearance",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Specifies the value of the input element within the combobox.",
-              "attribute": "typedValue",
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "checked",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "attribute": "validity",
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "disabled",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Value selected for the dropdown menu.",
-              "attribute": "value"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "largeFullscreenHeadline",
+              "name": "error",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "attribute": "largeFullscreenHeadline",
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "attribute": "error",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "fullscreenBreakpoint",
+              "name": "id",
               "privacy": "public",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+                "text": "string"
               },
-              "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": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "optionActive",
+              "name": "inputId",
               "privacy": "private",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "Specifies the currently active option."
+              "description": "The id for input node."
             },
             {
               "kind": "field",
-              "name": "triggerExpandedState",
-              "privacy": "private",
+              "name": "name",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "componentHasFocus",
-              "description": "Returns true if the element has focus.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
               },
-              "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": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
-              "privacy": "public",
+              "name": "touched",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "shape",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "Indicates whether the checkbox has been interacted with."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "value",
               "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."
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Notifies that the component has a new value set."
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "attribute": "value"
             },
             {
-              "name": "auroCombobox-valueSet",
+              "kind": "field",
+              "name": "tabIndex",
+              "privacy": "private",
               "type": {
-                "text": "CustomEvent"
+                "text": "number"
               },
-              "description": "(Deprecated) Notifies that the component has a new value set."
+              "description": "The tabindex attribute for the checkbox.",
+              "attribute": "tabindex",
+              "reflects": true
             },
             {
-              "description": "Notifies that the component value(s) have been validated.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
+              "kind": "field",
+              "name": "ariaChecked",
+              "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "The aria-checked attribute for the checkbox.",
+              "attribute": "aria-checked",
+              "reflects": true
             },
             {
-              "name": "autocomplete",
+              "kind": "field",
+              "name": "ariaDisabled",
+              "privacy": "private",
               "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"
-            },
-            {
-              "name": "autoPlacement",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "fieldName": "autoPlacement"
-            },
-            {
-              "name": "availableOptions",
-              "type": {
-                "text": "array"
-              },
-              "description": "Array of available options to display in the dropdown.",
-              "fieldName": "availableOptions"
-            },
-            {
-              "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"
-            },
-            {
-              "name": "checkmark",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "fieldName": "checkmark"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "attribute": "aria-disabled",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "role",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables the combobox.",
-              "fieldName": "disabled"
-            },
+              "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": "dvInputOnly",
+              "name": "auroCheckbox-input",
               "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"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "error",
+              "name": "auroCheckbox-focusin",
               "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "format",
+              "name": "auroCheckbox-focusout",
               "type": {
-                "text": "string"
-              },
-              "description": "Specifies the input mask format.",
-              "fieldName": "format"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "inputmode",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<any>"
               },
-              "description": "Exposes inputmode attribute for input.",
-              "fieldName": "inputmode"
+              "description": "(Deprecated) Notifies when checked value is changed.",
+              "name": "change"
             },
             {
-              "name": "layout",
               "type": {
-                "text": "string"
+                "text": "InputEvent"
               },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "fieldName": "layout",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
+              "description": "Notifies when when checked value is changed by user's interface.",
+              "name": "input"
+            }
+          ],
+          "attributes": [
             {
-              "name": "matchWidth",
+              "name": "appearance",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'inverse'"
               },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "fieldName": "matchWidth"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "name": "noFilter",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "fieldName": "noFilter"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "fieldName": "checked"
             },
             {
-              "name": "noFlip",
+              "name": "disabled",
               "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": "If set to true, the checkbox will not be clickable.",
+              "fieldName": "disabled"
             },
             {
-              "name": "shift",
+              "name": "error",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "fieldName": "shift"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "fieldName": "error"
             },
             {
-              "name": "noValidate",
+              "name": "id",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "fieldName": "id"
             },
             {
-              "name": "offset",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "fieldName": "offset"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "fieldName": "name"
             },
             {
               "name": "onDark",
@@ -1362,272 +1006,170 @@
               "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",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "fieldName": "placeholder"
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "fieldName": "value"
             },
             {
-              "name": "required",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "fieldName": "required"
+              "description": "The tabindex attribute for the checkbox.",
+              "fieldName": "tabIndex"
             },
             {
-              "name": "setCustomValidity",
+              "name": "aria-checked",
               "type": {
                 "text": "string"
               },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
+              "description": "The aria-checked attribute for the checkbox.",
+              "fieldName": "ariaChecked"
             },
             {
-              "name": "setCustomValidityCustomError",
+              "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "fieldName": "ariaDisabled"
             },
             {
-              "name": "setCustomValidityValueMissing",
+              "name": "role",
               "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"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "name": "ondark",
-              "type": {
-                "text": "boolean"
-              },
-              "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",
-      "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",
@@ -1636,7 +1178,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": {
@@ -1648,35 +1190,14 @@
             },
             {
               "kind": "method",
-              "name": "handleValueUpdate",
-              "parameters": [
-                {
-                  "name": "value",
-                  "description": "The value of the checkbox.",
-                  "type": {
-                    "text": "String"
-                  }
-                },
-                {
-                  "name": "selected",
-                  "description": "The checked state of the checkbox.",
-                  "type": {
-                    "text": "Boolean"
-                  }
-                }
-              ],
-              "description": "Helper method to handle checkbox value changing.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "updateFilter",
+              "description": "Updates the filter for the available options based on the input value.",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handlePreselectedItems",
-              "description": "Helper method that handles the state of preselected checkboxes.",
+              "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": {
@@ -1686,9 +1207,24 @@
             },
             {
               "kind": "method",
-              "name": "handleItems",
-              "description": "Helper method that handles the state of checkboxes.",
-              "privacy": "private",
+              "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"
+            },
+            {
+              "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"
@@ -1697,8 +1233,9 @@
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
+              "name": "generateOptionsArray",
+              "description": "Determines the element error state based on the `required` attribute and input value.",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -1707,326 +1244,148 @@
             },
             {
               "kind": "method",
-              "name": "validate",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
+              "name": "hideBib",
+              "description": "Hides the dropdown bib if its open.",
+              "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": "method",
+              "name": "showBib",
+              "description": "Shows the dropdown bib if there are options to show.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables the checkbox group.",
-              "attribute": "disabled",
-              "reflects": true
+              "kind": "method",
+              "name": "configureDropdown",
+              "description": "Binds all behavior needed to the dropdown after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "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": "method",
+              "name": "setClearBtnFocus",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "horizontal",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "attribute": "horizontal",
-              "reflects": true
+              "kind": "method",
+              "name": "setInputFocus",
+              "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": "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": "onDark",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "attribute": "onDark",
-              "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": "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": "configureMenu",
+              "description": "Binds all behavior needed to the menu after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "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": "configureInput",
+              "description": "Binds all behavior needed to the input 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": "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"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "setCustomValidityValueMissing",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "attribute": "setCustomValidityValueMissing"
+              "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"
+                }
+              }
             },
             {
-              "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"
+              "kind": "method",
+              "name": "configureCombobox",
+              "description": "Binds all behavior needed to the combobox after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
-            {
-              "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": "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",
+              "name": "focus",
+              "description": "Focuses the combobox trigger input.",
               "return": {
                 "type": {
                   "text": "void"
@@ -2035,18 +1394,17 @@
             },
             {
               "kind": "method",
-              "name": "handleInput",
+              "name": "setMenuValue",
               "parameters": [
                 {
-                  "name": "event",
-                  "description": "The input event from the checkbox input.",
+                  "name": "value",
+                  "description": "The value to set on the menu.",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
-              "privacy": "private",
+              "description": "Sets the menu value if menu is available.",
               "return": {
                 "type": {
                   "text": "void"
@@ -2055,9 +1413,8 @@
             },
             {
               "kind": "method",
-              "name": "handleFocusin",
-              "description": "Function to support",
-              "privacy": "private",
+              "name": "reset",
+              "description": "Resets component to initial state.",
               "return": {
                 "type": {
                   "text": "void"
@@ -2066,29 +1423,57 @@
             },
             {
               "kind": "method",
-              "name": "generateIconHtml",
-              "description": "Function to generate checkmark svg.",
-              "privacy": "private",
+              "name": "clear",
+              "description": "Clears the current value of the combobox.",
               "return": {
                 "type": {
-                  "text": "HTMLElement"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "validate",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "description": "Whether to force validation.",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
-              }
+              ],
+              "description": "Validates value."
             },
             {
               "kind": "method",
-              "name": "updateAriaLabel",
-              "description": "Updates the aria-label based on slot content.",
+              "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": {
@@ -2098,353 +1483,968 @@
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "updateActiveOption",
               "parameters": [
                 {
-                  "name": "event",
-                  "description": "The keydown event from the checkbox input.",
+                  "name": "index",
+                  "description": "Index of the option to make active.",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "number"
                   }
                 }
               ],
-              "description": "Handles keydown event to toggle the checkbox with Space key.",
-              "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.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "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": "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": "field",
+              "name": "matchWidth",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the popover and trigger will be set to the same width.",
+              "attribute": "matchWidth",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noFilter",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, combobox will not filter menuoptions based on input.",
+              "attribute": "noFilter",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noFlip",
+              "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`.",
+              "attribute": "noFlip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shift",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "attribute": "shift",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "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",
+              "privacy": "public",
+              "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",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "attribute": "setCustomValidity"
+            },
+            {
+              "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": "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",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "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
+            },
+            {
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "optionActive",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "description": "Specifies the currently active option."
+            },
+            {
+              "kind": "field",
+              "name": "triggerExpandedState",
+              "privacy": "private",
+              "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"
                 }
+              },
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "shape",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
+            },
+            {
+              "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."
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Notifies that the component has a new value set."
+            },
+            {
+              "name": "auroCombobox-valueSet",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "(Deprecated) Notifies that the component has a new value set."
+            },
+            {
+              "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"
+            },
+            {
+              "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"
+            },
+            {
+              "name": "autoPlacement",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, bib's position will be automatically calculated where to appear.",
+              "fieldName": "autoPlacement"
+            },
+            {
+              "name": "availableOptions",
+              "type": {
+                "text": "array"
+              },
+              "description": "Array of available options to display in the dropdown.",
+              "fieldName": "availableOptions"
             },
             {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
+              "name": "behavior",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "'filter' | 'suggestion'"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
-              "reflects": true
+              "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": "field",
-              "name": "checked",
-              "privacy": "public",
+              "name": "checkmark",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be filled with a checkmark.",
-              "attribute": "checked",
-              "reflects": true
+              "description": "When attribute is present auro-menu will apply check marks to selected options.",
+              "fieldName": "checkmark"
             },
             {
-              "kind": "field",
               "name": "disabled",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will not be clickable.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "If set, disables the combobox.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "error",
-              "privacy": "public",
+              "name": "dvInputOnly",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be displayed with an error state.",
-              "attribute": "error",
-              "reflects": true
+              "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": "field",
-              "name": "id",
-              "privacy": "public",
+              "name": "error",
               "type": {
                 "text": "string"
               },
-              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "inputId",
-              "privacy": "private",
+              "name": "format",
               "type": {
                 "text": "string"
               },
-              "description": "The id for input node."
+              "description": "Specifies the input mask format.",
+              "fieldName": "format"
             },
             {
-              "kind": "field",
-              "name": "name",
-              "privacy": "public",
+              "name": "inputmode",
               "type": {
                 "text": "string"
               },
-              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
-              "attribute": "name"
+              "description": "Exposes inputmode attribute for input.",
+              "fieldName": "inputmode"
             },
             {
-              "kind": "field",
-              "name": "onDark",
-              "privacy": "public",
+              "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"
+              }
+            },
+            {
+              "name": "matchWidth",
               "type": {
                 "text": "boolean"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "attribute": "onDark",
-              "reflects": true
+              "description": "If declared, the popover and trigger will be set to the same width.",
+              "fieldName": "matchWidth"
             },
             {
-              "kind": "field",
-              "name": "touched",
-              "privacy": "private",
+              "name": "noFilter",
               "type": {
                 "text": "boolean"
               },
-              "description": "Indicates whether the checkbox has been interacted with."
+              "description": "If set, combobox will not filter menuoptions based on input.",
+              "fieldName": "noFilter"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
+              "name": "noFlip",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
-              "attribute": "value"
+              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
+              "fieldName": "noFlip"
             },
             {
-              "kind": "field",
-              "name": "tabIndex",
-              "privacy": "private",
+              "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": "The tabindex attribute for the checkbox.",
-              "attribute": "tabindex",
-              "reflects": true
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "fieldName": "offset"
             },
             {
-              "kind": "field",
-              "name": "ariaChecked",
-              "privacy": "private",
+              "name": "onDark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "attribute": "aria-checked",
-              "reflects": true
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
-              "kind": "field",
-              "name": "ariaDisabled",
-              "privacy": "private",
+              "name": "optionSelected",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "attribute": "aria-disabled",
-              "reflects": true
+              "description": "Specifies the current selected option.",
+              "fieldName": "optionSelected"
             },
             {
-              "kind": "field",
-              "name": "role",
-              "privacy": "private",
+              "name": "persistInput",
               "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",
-              "reflects": true
-            }
-          ],
-          "events": [
+              "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": "auroCheckbox-input",
+              "name": "placement",
               "type": {
-                "text": "CustomEvent"
-              }
+                "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": "auroCheckbox-focusin",
+              "name": "placeholder",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "string"
+              },
+              "description": "Define custom placeholder text, only supported by date input formats.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "auroCheckbox-focusout",
+              "name": "required",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "boolean"
+              },
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "fieldName": "required"
             },
             {
+              "name": "setCustomValidity",
               "type": {
-                "text": "CustomEvent<any>"
+                "text": "string"
               },
-              "description": "(Deprecated) Notifies when checked value is changed.",
-              "name": "change"
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "fieldName": "setCustomValidity"
             },
             {
+              "name": "setCustomValidityCustomError",
               "type": {
-                "text": "InputEvent"
+                "text": "string"
               },
-              "description": "Notifies when when checked value is changed by user's interface.",
-              "name": "input"
-            }
-          ],
-          "attributes": [
+              "description": "Custom help text message to display when validity = `customError`.",
+              "fieldName": "setCustomValidityCustomError"
+            },
             {
-              "name": "appearance",
+              "name": "setCustomValidityValueMissing",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "string"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "name": "checked",
+              "name": "setCustomValidityValueMissingFilter",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set to true, the checkbox will be filled with a checkmark.",
-              "fieldName": "checked"
+              "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": "disabled",
+              "name": "triggerIcon",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will not be clickable.",
-              "fieldName": "disabled"
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "fieldName": "triggerIcon"
             },
             {
-              "name": "error",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set to true, the checkbox will be displayed with an error state.",
-              "fieldName": "error"
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "fieldName": "type"
             },
             {
-              "name": "id",
+              "name": "typedValue",
               "type": {
                 "text": "string"
               },
-              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "fieldName": "id"
+              "description": "Specifies the value of the input element within the combobox.",
+              "fieldName": "typedValue"
             },
             {
-              "name": "name",
+              "name": "validity",
               "type": {
                 "text": "string"
               },
-              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
-              "fieldName": "name"
+              "description": "Specifies the `validityState` this element is in.",
+              "fieldName": "validity"
             },
             {
-              "name": "onDark",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "Value selected for the dropdown menu.",
+              "fieldName": "value"
             },
             {
-              "name": "value",
+              "name": "largeFullscreenHeadline",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
-              "fieldName": "value"
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "fieldName": "largeFullscreenHeadline"
             },
             {
-              "name": "tabindex",
+              "name": "fullscreenBreakpoint",
               "type": {
-                "text": "number"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "fieldName": "tabIndex"
+              "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": "aria-checked",
+              "name": "shape",
               "type": {
                 "text": "string"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "fieldName": "ariaChecked"
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
-              "name": "aria-disabled",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "fieldName": "ariaDisabled"
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
-              "name": "role",
+              "name": "ondark",
               "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.",
-              "fieldName": "role"
+              "fieldName": "onDark",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "AuroElement",
+            "module": "/components/layoutElement/src/auroElement.js"
           },
-          "tagName": "auro-checkbox",
+          "tagName": "auro-combobox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AuroCheckbox",
+          "name": "AuroCombobox",
           "declaration": {
-            "name": "AuroCheckbox",
-            "module": "components/checkbox/src/auro-checkbox.js"
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/auro-combobox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/src/index.js",
-      "declarations": [],
+      "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": "AuroCheckbox",
+          "name": "comboboxKeyboardStrategy",
           "declaration": {
-            "name": "AuroCheckbox",
-            "module": "components/checkbox/src/index.js"
+            "name": "comboboxKeyboardStrategy",
+            "module": "components/combobox/src/comboboxKeyboardStrategy.js"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/src/index.js",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "AuroCheckboxGroup",
+          "name": "AuroCombobox",
           "declaration": {
-            "name": "AuroCheckboxGroup",
-            "module": "components/checkbox/src/index.js"
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/index.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/src/registered.js",
+      "path": "components/combobox/src/registered.js",
       "declarations": [],
-      "exports": []
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCombobox",
+          "declaration": {
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/registered.js"
+          }
+        }
+      ]
     },
     {
       "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"
             },
@@ -8984,16 +8982,6 @@
               },
               "description": "Overrides the native role of the dialog element.\nFor example, set to `\"presentation\"` on desktop combobox to prevent\nVoiceOver from announcing \"listbox inside of a dialog\".\nWhen `undefined`, the dialog keeps its native role.",
               "attribute": "dialogRole"
-            },
-            {
-              "kind": "field",
-              "name": "nativeFocusableContent",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the keyboard bridge allows native Tab behavior\ninstead of intercepting it. Set this for bib consumers\n(e.g. counter) whose content contains real focusable elements\nthat need native Tab navigation.",
-              "attribute": "nativeFocusableContent"
             }
           ],
           "events": [
@@ -9089,17 +9077,9 @@
               "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"
-            },
-            {
-              "name": "nativeFocusableContent",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the keyboard bridge allows native Tab behavior\ninstead of intercepting it. Set this for bib consumers\n(e.g. counter) whose content contains real focusable elements\nthat need native Tab navigation.",
-              "fieldName": "nativeFocusableContent"
             }
           ],
           "superclass": {
@@ -9120,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",
@@ -15104,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",