@aurodesignsystem-dev/auro-formkit 0.0.0-pr1346.13 → 0.0.0-pr1346.14

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,1256 +355,995 @@
             },
             {
               "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"
-            },
-            {
-              "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
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "kind": "field",
               "name": "validity",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Specifies the `validityState` this element is in.",
-              "attribute": "validity",
-              "reflects": true
-            },
+              "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": "value",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Value selected for the dropdown menu.",
-              "attribute": "value"
+              "description": "apply css to a specific checkbox.",
+              "name": "checkbox"
             },
             {
-              "kind": "field",
-              "name": "largeFullscreenHeadline",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "attribute": "largeFullscreenHeadline",
-              "reflects": true
+              "description": "apply css to a specific checkbox's input.",
+              "name": "checkbox-input"
             },
             {
-              "kind": "field",
-              "name": "fullscreenBreakpoint",
-              "privacy": "public",
-              "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
-              },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "attribute": "fullscreenBreakpoint",
-              "reflects": true
-            },
+              "description": "apply css to a specific checkbox's label.",
+              "name": "checkbox-label"
+            }
+          ],
+          "slots": [
             {
-              "kind": "field",
-              "name": "optionActive",
-              "privacy": "private",
-              "type": {
-                "text": "object"
-              },
-              "description": "Specifies the currently active option."
+              "description": "The default slot for the checkbox label.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_initializeDefaults"
             },
             {
-              "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": "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": "field",
-              "name": "componentHasFocus",
-              "description": "Returns true if the element has focus.",
+              "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": "boolean"
+                  "text": "void"
                 }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "resetShapeClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
+              "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": "resetLayoutClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
+              "name": "handleFocusin",
+              "description": "Function to support",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "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"
+              "name": "generateIconHtml",
+              "description": "Function to generate checkmark svg.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
               }
-            }
-          ],
-          "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"
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets component to initial state.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "name": "autoPlacement",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "fieldName": "autoPlacement"
+              "kind": "method",
+              "name": "updateAriaLabel",
+              "description": "Updates the aria-label based on slot content.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "name": "availableOptions",
-              "type": {
-                "text": "array"
-              },
-              "description": "Array of available options to display in the dropdown.",
-              "fieldName": "availableOptions"
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The keydown event from the checkbox input.",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handles keydown event to toggle the checkbox with Space key.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "name": "behavior",
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
               "type": {
-                "text": "'filter' | 'suggestion'"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
-              "default": "'suggestion'",
-              "fieldName": "behavior"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
+              "reflects": true
             },
             {
-              "name": "checkmark",
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "fieldName": "checkmark"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "attribute": "checked",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "disabled",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the combobox.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "dvInputOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
-              "fieldName": "dvInputOnly"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "error",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "attribute": "error",
+              "reflects": true
             },
             {
-              "name": "format",
+              "kind": "field",
+              "name": "id",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the input mask format.",
-              "fieldName": "format"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "attribute": "id"
             },
             {
-              "name": "inputmode",
+              "kind": "field",
+              "name": "inputId",
+              "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "Exposes inputmode attribute for input.",
-              "fieldName": "inputmode"
+              "description": "The id for input node."
             },
             {
-              "name": "layout",
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "fieldName": "layout",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "name": "matchWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "fieldName": "matchWidth"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "attribute": "name"
             },
             {
-              "name": "noFilter",
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "fieldName": "noFilter"
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
-              "name": "noFlip",
+              "kind": "field",
+              "name": "touched",
+              "privacy": "private",
               "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": "Indicates whether the checkbox has been interacted with."
             },
             {
-              "name": "shift",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "fieldName": "shift"
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "attribute": "value"
             },
             {
-              "name": "noValidate",
+              "kind": "field",
+              "name": "tabIndex",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "The tabindex attribute for the checkbox.",
+              "attribute": "tabindex",
+              "reflects": true
             },
             {
-              "name": "offset",
+              "kind": "field",
+              "name": "ariaChecked",
+              "privacy": "private",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "fieldName": "offset"
+              "description": "The aria-checked attribute for the checkbox.",
+              "attribute": "aria-checked",
+              "reflects": true
             },
             {
-              "name": "onDark",
+              "kind": "field",
+              "name": "ariaDisabled",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "attribute": "aria-disabled",
+              "reflects": true
             },
             {
-              "name": "optionSelected",
+              "kind": "field",
+              "name": "role",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
-              "description": "Specifies the current selected option.",
-              "fieldName": "optionSelected"
-            },
+              "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": "persistInput",
+              "name": "auroCheckbox-input",
               "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"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "placement",
+              "name": "auroCheckbox-focusin",
               "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
-              },
-              "description": "Position where the bib should appear relative to the trigger.",
-              "default": "'bottom-start'",
-              "fieldName": "placement"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "placeholder",
+              "name": "auroCheckbox-focusout",
               "type": {
-                "text": "string"
-              },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "fieldName": "placeholder"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "required",
               "type": {
-                "text": "boolean"
+                "text": "CustomEvent<any>"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "fieldName": "required"
+              "description": "(Deprecated) Notifies when checked value is changed.",
+              "name": "change"
             },
             {
-              "name": "setCustomValidity",
               "type": {
-                "text": "string"
+                "text": "InputEvent"
               },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
-            },
+              "description": "Notifies when when checked value is changed by user's interface.",
+              "name": "input"
+            }
+          ],
+          "attributes": [
             {
-              "name": "setCustomValidityCustomError",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "name": "setCustomValidityValueMissing",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "fieldName": "checked"
             },
             {
-              "name": "setCustomValidityValueMissingFilter",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
-              "fieldName": "setCustomValidityValueMissingFilter"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "fieldName": "disabled"
             },
             {
-              "name": "triggerIcon",
+              "name": "error",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
-              "fieldName": "triggerIcon"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "fieldName": "error"
             },
             {
-              "name": "type",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "description": "Applies the defined value as the type attribute on `auro-input`.",
-              "fieldName": "type"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "fieldName": "id"
             },
             {
-              "name": "typedValue",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the value of the input element within the combobox.",
-              "fieldName": "typedValue"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "fieldName": "name"
             },
             {
-              "name": "validity",
+              "name": "onDark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "fieldName": "validity"
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Value selected for the dropdown menu.",
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
               "fieldName": "value"
             },
             {
-              "name": "largeFullscreenHeadline",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "fieldName": "largeFullscreenHeadline"
-            },
-            {
-              "name": "fullscreenBreakpoint",
+              "name": "tabindex",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+                "text": "number"
               },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "fieldName": "fullscreenBreakpoint"
+              "description": "The tabindex attribute for the checkbox.",
+              "fieldName": "tabIndex"
             },
             {
-              "name": "shape",
+              "name": "aria-checked",
               "type": {
                 "text": "string"
               },
-              "fieldName": "shape",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The aria-checked attribute for the checkbox.",
+              "fieldName": "ariaChecked"
             },
             {
-              "name": "size",
+              "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The aria-disabled attribute for the checkbox.",
+              "fieldName": "ariaDisabled"
             },
             {
-              "name": "ondark",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "onDark",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
+              "fieldName": "role"
             }
           ],
           "superclass": {
-            "name": "AuroElement",
-            "module": "/components/layoutElement/src/auroElement.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "auro-combobox",
+          "tagName": "auro-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AuroCombobox",
+          "name": "AuroCheckbox",
           "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/auro-combobox.js"
+            "name": "AuroCheckbox",
+            "module": "components/checkbox/src/auro-checkbox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/comboboxKeyboardStrategy.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "comboboxKeyboardStrategy",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ async Enter(component, evt) { // If the clear button has focus, let the browser activate it normally. const clearBtn = component.input.shadowRoot.querySelector('.clearBtn'); if (clearBtn && clearBtn.shadowRoot && clearBtn.shadowRoot.activeElement !== null) { return; } if (component.dropdown.isPopoverVisible && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { component.showBib(); } }, Tab(component) { if (!component.dropdown.isPopoverVisible) { return; } if (component.dropdown.isBibFullscreen) { const clearBtn = component.inputInBib.shadowRoot.querySelector('.clearBtn'); // Use shadowRoot.activeElement to detect focus inside auro-button, // since Safari does not propagate :focus-within through shadow DOM. const clearBtnHasFocus = clearBtn && clearBtn.shadowRoot && clearBtn.shadowRoot.activeElement !== null; // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && component.inputInBib.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) { if (component.availableOptions.length > 0) { component.showBib(); } if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt) { if (component.availableOptions.length > 0) { component.showBib(); } 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": "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": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
+              "name": "displayValue"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_initializeDefaults",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "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",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "'auro-combobox'",
+                  "description": "The name of the element that you want to register.",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This will register this element with the browser."
+            },
+            {
+              "kind": "method",
+              "name": "updateFilter",
+              "description": "Updates the filter for the available options based on the input value.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncValuesAndStates",
+              "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateTriggerTextDisplay",
+              "parameters": [
+                {
+                  "name": "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"
+                }
+              }
             },
             {
-              "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
-              "name": "optionalLabel"
+              "kind": "method",
+              "name": "generateOptionsArray",
+              "description": "Determines the element error state based on the `required` attribute and input value.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "Allows for the helper text to be overridden.",
-              "name": "helpText"
+              "kind": "method",
+              "name": "hideBib",
+              "description": "Hides the dropdown bib if its open.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "The default slot for the checkbox items.",
-              "name": "default"
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "showBib",
+              "description": "Shows the dropdown bib if there are options to show.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
-              "name": "_initializeDefaults"
+              "name": "configureDropdown",
+              "description": "Binds all behavior needed to the dropdown after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "\"auro-checkbox-group\"",
-                  "description": "The name of the element that you want to register.",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
+              "name": "setClearBtnFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setInputFocus",
+              "privacy": "private"
+            },
+            {
+              "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": "method",
+              "name": "updateMenuShapeSize",
+              "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "configureMenu",
+              "description": "Binds all behavior needed to the menu after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "This will register this element with the browser."
+              }
             },
             {
               "kind": "method",
-              "name": "handleValueUpdate",
+              "name": "configureInput",
+              "description": "Binds all behavior needed to the input after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleMenuLoadingChange",
               "parameters": [
                 {
-                  "name": "value",
-                  "description": "The value of the checkbox.",
+                  "name": "event",
+                  "description": "The event object containing details about the loading state change.",
                   "type": {
-                    "text": "String"
+                    "text": "CustomEvent"
                   }
                 },
                 {
-                  "name": "selected",
-                  "description": "The checked state of the checkbox.",
+                  "description": "Indicates whether the menu is currently loading.",
+                  "name": "event.detail.loading",
                   "type": {
-                    "text": "Boolean"
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "description": "Indicates if there are loading placeholders present.",
+                  "name": "event.detail.hasLoadingPlaceholder",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Helper method to handle checkbox value changing.",
+              "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": {
@@ -1675,8 +1353,17 @@
             },
             {
               "kind": "method",
-              "name": "handlePreselectedItems",
-              "description": "Helper method that handles the state of preselected checkboxes.",
+              "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": {
@@ -1686,8 +1373,8 @@
             },
             {
               "kind": "method",
-              "name": "handleItems",
-              "description": "Helper method that handles the state of checkboxes.",
+              "name": "configureCombobox",
+              "description": "Binds all behavior needed to the combobox after rendering.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -1695,6 +1382,35 @@
                 }
               }
             },
+            {
+              "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",
@@ -1703,36 +1419,169 @@
                 "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": "validate",
+              "name": "handleSlotChange",
               "parameters": [
                 {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
-                  "optional": true,
+                  "name": "event",
+                  "description": "`slotchange` event.",
                   "type": {
-                    "text": "boolean"
+                    "text": "Event"
                   }
                 }
               ],
-              "description": "Validates value."
+              "description": "Watch for slot changes and recalculate the menuoptions.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
               "name": "appearance",
               "privacy": "public",
               "type": {
-                "text": "'default' | 'inverse'"
+                "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",
@@ -1740,10 +1589,39 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the checkbox group.",
+              "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",
@@ -1757,13 +1635,84 @@
             },
             {
               "kind": "field",
-              "name": "horizontal",
+              "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 set, checkboxes will be aligned horizontally.",
-              "attribute": "horizontal",
+              "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
             },
             {
@@ -1777,6 +1726,18 @@
               "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",
@@ -1784,8 +1745,56 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
               "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
             },
             {
@@ -1795,7 +1804,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
               "attribute": "required",
               "reflects": true
             },
@@ -1831,620 +1840,611 @@
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "setCustomValidityValueMissingFilter",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "attribute": "validity",
-              "reflects": true
-            }
-          ],
-          "events": [
-            {
-              "name": "input",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "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": "Notifies that the `validity` and `errorMessage` values have changed.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
+              "kind": "field",
+              "name": "touched",
+              "privacy": "private",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "boolean"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "triggerIcon",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the checkbox group.",
-              "fieldName": "disabled"
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "attribute": "triggerIcon",
+              "reflects": true
             },
             {
-              "name": "error",
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "attribute": "type",
+              "reflects": true
             },
             {
-              "name": "horizontal",
+              "kind": "field",
+              "name": "typedValue",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "fieldName": "horizontal"
+              "description": "Specifies the value of the input element within the combobox.",
+              "attribute": "typedValue",
+              "reflects": true
             },
             {
-              "name": "noValidate",
+              "kind": "field",
+              "name": "validity",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "Specifies the `validityState` this element is in.",
+              "attribute": "validity",
+              "reflects": true
             },
             {
-              "name": "onDark",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "Value selected for the dropdown menu.",
+              "attribute": "value"
             },
             {
-              "name": "required",
+              "kind": "field",
+              "name": "largeFullscreenHeadline",
+              "privacy": "public",
               "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"
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "attribute": "largeFullscreenHeadline",
+              "reflects": true
             },
             {
-              "name": "setCustomValidityCustomError",
+              "kind": "field",
+              "name": "fullscreenBreakpoint",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
+              "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
             },
             {
-              "name": "setCustomValidityValueMissing",
+              "kind": "field",
+              "name": "optionActive",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
+              "description": "Specifies the currently active option."
             },
             {
-              "name": "validity",
+              "kind": "field",
+              "name": "triggerExpandedState",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "fieldName": "validity"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "auro-checkbox-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCheckboxGroup",
-          "declaration": {
-            "name": "AuroCheckboxGroup",
-            "module": "components/checkbox/src/auro-checkbox-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/src/auro-checkbox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
-          "name": "AuroCheckbox",
-          "cssParts": [
-            {
-              "description": "apply css to a specific checkbox.",
-              "name": "checkbox"
-            },
-            {
-              "description": "apply css to a specific checkbox's input.",
-              "name": "checkbox-input"
-            },
-            {
-              "description": "apply css to a specific checkbox's label.",
-              "name": "checkbox-label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot for the checkbox label.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "_initializeDefaults"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "\"auro-checkbox\"",
-                  "description": "The name of element that you want to register to.",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "This will register this element with the browser."
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The change event from the checkbox input.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleInput",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The input event from the checkbox input.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleFocusin",
-              "description": "Function to support",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
             },
             {
-              "kind": "method",
-              "name": "generateIconHtml",
-              "description": "Function to generate checkmark svg.",
+              "kind": "field",
+              "name": "componentHasFocus",
+              "description": "Returns true if the element has focus.",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "HTMLElement"
+                  "text": "boolean"
                 }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "resetShapeClasses",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "updateAriaLabel",
-              "description": "Updates the aria-label based on slot content.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "resetLayoutClasses",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The keydown event from the checkbox input.",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handles keydown event to toggle the checkbox with Space key.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "updateComponentArchitecture",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "shape",
               "privacy": "public",
               "type": {
-                "text": "'default' | 'inverse'"
+                "text": "string"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
-              "reflects": true
+              "attribute": "shape",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "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 set to true, the checkbox will be filled with a checkmark.",
-              "attribute": "checked",
-              "reflects": true
+              "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"
             },
             {
-              "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": "number"
+                "text": "boolean"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "attribute": "tabindex",
-              "reflects": true
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "fieldName": "shift"
             },
             {
-              "kind": "field",
-              "name": "ariaChecked",
-              "privacy": "private",
+              "name": "noValidate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "attribute": "aria-checked",
-              "reflects": true
+              "description": "If set, disables auto-validation on blur.",
+              "fieldName": "noValidate"
+            },
+            {
+              "name": "offset",
+              "type": {
+                "text": "number"
+              },
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "fieldName": "offset"
             },
             {
-              "kind": "field",
-              "name": "ariaDisabled",
-              "privacy": "private",
+              "name": "onDark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "attribute": "aria-disabled",
-              "reflects": true
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
-              "kind": "field",
-              "name": "role",
-              "privacy": "private",
+              "name": "optionSelected",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "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": "Specifies the current selected option.",
+              "fieldName": "optionSelected"
+            },
             {
-              "name": "auroCheckbox-input",
+              "name": "persistInput",
               "type": {
-                "text": "CustomEvent"
-              }
+                "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": "auroCheckbox-focusin",
+              "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-focusout",
+              "name": "placeholder",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "string"
+              },
+              "description": "Define custom placeholder text, only supported by date input formats.",
+              "fieldName": "placeholder"
             },
             {
+              "name": "required",
               "type": {
-                "text": "CustomEvent<any>"
+                "text": "boolean"
               },
-              "description": "(Deprecated) Notifies when checked value is changed.",
-              "name": "change"
+              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
+              "fieldName": "required"
             },
             {
+              "name": "setCustomValidity",
               "type": {
-                "text": "InputEvent"
+                "text": "string"
               },
-              "description": "Notifies when when checked value is changed by user's interface.",
-              "name": "input"
-            }
-          ],
-          "attributes": [
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "fieldName": "setCustomValidity"
+            },
             {
-              "name": "appearance",
+              "name": "setCustomValidityCustomError",
               "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 = `customError`.",
+              "fieldName": "setCustomValidityCustomError"
             },
             {
-              "name": "checked",
+              "name": "setCustomValidityValueMissing",
               "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`.",
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "name": "disabled",
+              "name": "setCustomValidityValueMissingFilter",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set to true, the checkbox will not be clickable.",
-              "fieldName": "disabled"
+              "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": "error",
+              "name": "triggerIcon",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set to true, the checkbox will be displayed with an error state.",
-              "fieldName": "error"
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "fieldName": "triggerIcon"
             },
             {
-              "name": "id",
+              "name": "type",
               "type": {
                 "text": "string"
               },
-              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "fieldName": "id"
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "fieldName": "type"
             },
             {
-              "name": "name",
+              "name": "typedValue",
               "type": {
                 "text": "string"
               },
-              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
-              "fieldName": "name"
+              "description": "Specifies the value of the input element within the combobox.",
+              "fieldName": "typedValue"
             },
             {
-              "name": "onDark",
+              "name": "validity",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "Specifies the `validityState` this element is in.",
+              "fieldName": "validity"
             },
             {
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "description": "Value selected for the dropdown menu.",
               "fieldName": "value"
             },
             {
-              "name": "tabindex",
+              "name": "largeFullscreenHeadline",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "fieldName": "tabIndex"
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "fieldName": "largeFullscreenHeadline"
             },
             {
-              "name": "aria-checked",
+              "name": "fullscreenBreakpoint",
               "type": {
-                "text": "string"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "fieldName": "ariaChecked"
+              "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-disabled",
+              "name": "shape",
               "type": {
                 "text": "string"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "fieldName": "ariaDisabled"
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
             },
             {
-              "name": "role",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
-              "fieldName": "role"
+              "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"
+              }
             }
           ],
           "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) { // If the clear button has focus, let the browser activate it normally. const clearBtn = component.input.shadowRoot.querySelector('.clearBtn'); if (clearBtn && clearBtn.shadowRoot && clearBtn.shadowRoot.activeElement !== null) { return; } if (component.dropdown.isPopoverVisible && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { component.showBib(); } }, Tab(component) { if (!component.dropdown.isPopoverVisible) { return; } if (component.dropdown.isBibFullscreen) { const clearBtn = component.inputInBib.shadowRoot.querySelector('.clearBtn'); // Use shadowRoot.activeElement to detect focus inside auro-button, // since Safari does not propagate :focus-within through shadow DOM. const clearBtnHasFocus = clearBtn && clearBtn.shadowRoot && clearBtn.shadowRoot.activeElement !== null; // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && component.inputInBib.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) { if (component.availableOptions.length > 0) { component.showBib(); } if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt) { if (component.availableOptions.length > 0) { component.showBib(); } 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",
@@ -8770,6 +8770,34 @@
               "kind": "field",
               "name": "mobileFullscreenBreakpoint"
             },
+            {
+              "kind": "method",
+              "name": "_setupCancelHandler",
+              "parameters": [
+                {
+                  "name": "dialog",
+                  "type": {
+                    "text": "HTMLDialogElement"
+                  }
+                }
+              ],
+              "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",
+                  "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",
@@ -8901,13 +8929,13 @@
           ],
           "events": [
             {
-              "name": "auro-bib-cancel",
+              "name": "auro-dropdownbib-connected",
               "type": {
                 "text": "CustomEvent"
               }
             },
             {
-              "name": "auro-dropdownbib-connected",
+              "name": "auro-bib-cancel",
               "type": {
                 "text": "CustomEvent"
               }