@aurodesignsystem-dev/auro-formkit 0.0.0-pr1397.2 → 0.0.0-pr1397.3

package/custom-elements.json

@@ -248,80 +248,34 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/auro-combobox.js",
+      "path": "components/checkbox/src/auro-checkbox-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
-          "name": "AuroCombobox",
+          "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
+          "name": "AuroCheckboxGroup",
           "slots": [
             {
-              "description": "Default slot for the menu content.",
-              "name": ""
+              "description": "Allows for the legend to be overridden.",
+              "name": "legend"
             },
             {
-              "type": {
-                "text": "HTMLSlotElement"
-              },
               "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
               "name": "optionalLabel"
             },
             {
-              "description": "Sets aria-label on clear button",
-              "name": "ariaLabel.input.clear"
-            },
-            {
-              "description": "Sets aria-label on close button in fullscreen bib",
-              "name": "ariaLabel.bib.close"
-            },
-            {
-              "description": "Defines the headline to display above menu-options",
-              "name": "bib.fullscreen.headline"
-            },
-            {
-              "description": "Defines the content of the label.",
-              "name": "label"
-            },
-            {
-              "description": "Defines the content of the helpText.",
+              "description": "Allows for the helper text to be overridden.",
               "name": "helpText"
             },
             {
-              "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
-              "name": "displayValue"
+              "description": "The default slot for the checkbox items.",
+              "name": "default"
             }
           ],
           "members": [
             {
               "kind": "method",
-              "name": "_initializeDefaults",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inputValue",
-              "description": "Returns the current value of the input element within the combobox.",
-              "return": {
-                "type": {
-                  "text": "string|undefined"
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "isValid",
-              "description": "Checks if the element is valid.",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+              "name": "_initializeDefaults"
             },
             {
               "kind": "method",
@@ -330,7 +284,7 @@
               "parameters": [
                 {
                   "name": "name",
-                  "default": "'auro-combobox'",
+                  "default": "\"auro-checkbox-group\"",
                   "description": "The name of the element that you want to register.",
                   "optional": true,
                   "type": {
@@ -342,40 +296,24 @@
             },
             {
               "kind": "method",
-              "name": "updateFilter",
-              "description": "Updates the filter for the available options based on the input value.",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "syncValuesAndStates",
-              "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateTriggerTextDisplay",
+              "name": "handleValueUpdate",
               "parameters": [
                 {
-                  "name": "label",
-                  "description": "The label of the selected option.",
+                  "name": "value",
+                  "description": "The value of the checkbox.",
                   "type": {
-                    "text": "string"
+                    "text": "String"
+                  }
+                },
+                {
+                  "name": "selected",
+                  "description": "The checked state of the checkbox.",
+                  "type": {
+                    "text": "Boolean"
                   }
                 }
               ],
-              "description": "Update displayValue or input.value, it's called when making a selection.",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleMenuOptions",
-              "description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
+              "description": "Helper method to handle checkbox value changing.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -385,8 +323,8 @@
             },
             {
               "kind": "method",
-              "name": "generateOptionsArray",
-              "description": "Determines the element error state based on the `required` attribute and input value.",
+              "name": "handlePreselectedItems",
+              "description": "Helper method that handles the state of preselected checkboxes.",
               "privacy": "private",
               "return": {
                 "type": {
@@ -396,8 +334,9 @@
             },
             {
               "kind": "method",
-              "name": "hideBib",
-              "description": "Hides the dropdown bib if its open.",
+              "name": "handleItems",
+              "description": "Helper method that handles the state of checkboxes.",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -406,8 +345,8 @@
             },
             {
               "kind": "method",
-              "name": "showBib",
-              "description": "Shows the dropdown bib if there are options to show.",
+              "name": "reset",
+              "description": "Resets component to initial state.",
               "return": {
                 "type": {
                   "text": "void"
@@ -416,942 +355,647 @@
             },
             {
               "kind": "method",
-              "name": "configureDropdown",
-              "description": "Binds all behavior needed to the dropdown after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "validate",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "description": "Whether to force validation.",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
-              }
+              ],
+              "description": "Validates value."
             },
             {
-              "kind": "method",
-              "name": "setClearBtnFocus",
-              "privacy": "private"
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
+              "type": {
+                "text": "'default' | 'inverse'"
+              },
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setInputFocus",
-              "privacy": "private"
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables the checkbox group.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "updateBibDialogRole",
-              "description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
-              "privacy": "private"
+              "kind": "field",
+              "name": "error",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "attribute": "error",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "updateMenuShapeSize",
-              "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
-              "privacy": "private"
+              "kind": "field",
+              "name": "horizontal",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "attribute": "horizontal",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "configureMenu",
-              "description": "Binds all behavior needed to the menu after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "noValidate",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "attribute": "noValidate",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "configureInput",
-              "description": "Binds all behavior needed to the input after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleMenuLoadingChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The event object containing details about the loading state change.",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                },
-                {
-                  "description": "Indicates whether the menu is currently loading.",
-                  "name": "event.detail.loading",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "description": "Indicates if there are loading placeholders present.",
-                  "name": "event.detail.hasLoadingPlaceholder",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleInputValueChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The input event triggered by the input element.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Handle changes to the input value and trigger changes that should result.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "configureCombobox",
-              "description": "Binds all behavior needed to the combobox after rendering.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "description": "Focuses the combobox trigger input.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setMenuValue",
-              "parameters": [
-                {
-                  "name": "value",
-                  "description": "The value to set on the menu.",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the menu value if menu is available.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "clear",
-              "description": "Clears the current value of the combobox.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "description": "Whether to force validation.",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Validates value."
-            },
-            {
-              "kind": "method",
-              "name": "transportAssignedNodes",
-              "parameters": [
-                {
-                  "name": "slot",
-                  "description": "The slot element containing the nodes to apply.",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                },
-                {
-                  "name": "target",
-                  "description": "The target element to apply the nodes to.",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "newSlotName",
-                  "description": "The new slot name for the applied nodes.",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Applies slotted nodes to a target element with a new slot name.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateActiveOption",
-              "parameters": [
-                {
-                  "name": "index",
-                  "description": "Index of the option to make active.",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Updates the active option in the menu."
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "`slotchange` event.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Watch for slot changes and recalculate the menuoptions.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "required",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "attribute": "appearance",
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "autocomplete",
+              "name": "setCustomValidity",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
-              "attribute": "autocomplete",
-              "reflects": true
+              "description": "Sets a custom help text message to display for all validityStates.",
+              "attribute": "setCustomValidity"
             },
             {
               "kind": "field",
-              "name": "autoPlacement",
+              "name": "setCustomValidityCustomError",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "attribute": "autoPlacement",
-              "reflects": true
+              "description": "Custom help text message to display when validity = `customError`.",
+              "attribute": "setCustomValidityCustomError"
             },
             {
               "kind": "field",
-              "name": "availableOptions",
-              "privacy": "private",
+              "name": "setCustomValidityValueMissing",
+              "privacy": "public",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "description": "Array of available options to display in the dropdown.",
-              "attribute": "availableOptions"
+              "description": "Custom help text message to display when validity = `valueMissing`.",
+              "attribute": "setCustomValidityValueMissing"
             },
             {
               "kind": "field",
-              "name": "behavior",
+              "name": "validity",
               "privacy": "public",
               "type": {
-                "text": "'filter' | 'suggestion'"
+                "text": "string"
               },
-              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
-              "default": "'suggestion'",
-              "attribute": "behavior",
+              "description": "Specifies the `validityState` this element is in.",
+              "attribute": "validity",
               "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "CustomEvent"
+              }
             },
             {
-              "kind": "field",
-              "name": "checkmark",
-              "privacy": "public",
+              "description": "Notifies that the `validity` and `errorMessage` values have changed.",
+              "name": "auroFormElement-validated"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'inverse'"
               },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "attribute": "checkmark",
-              "reflects": true
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
               "name": "disabled",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables the combobox.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "If set, disables the checkbox group.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "dropdownId",
-              "privacy": "private",
+              "name": "error",
               "type": {
                 "text": "string"
               },
-              "description": "ID for the dropdown."
+              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "dropdownOpen",
-              "privacy": "private",
+              "name": "horizontal",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether or not the dropdown is open."
-            },
-            {
-              "kind": "field",
-              "name": "dvInputOnly",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
-              "attribute": "dvInputOnly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "attribute": "error",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "format",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the input mask format.",
-              "attribute": "format",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "inputmode",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Exposes inputmode attribute for input.",
-              "attribute": "inputmode",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "attribute": "layout",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "matchWidth",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "attribute": "matchWidth",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "noFilter",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "attribute": "noFilter",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "noFlip",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
-              "attribute": "noFlip",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shift",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "attribute": "shift",
-              "reflects": true
+              "description": "If set, checkboxes will be aligned horizontally.",
+              "fieldName": "horizontal"
             },
             {
-              "kind": "field",
               "name": "noValidate",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "description": "If set, disables auto-validation on blur.",
-              "attribute": "noValidate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "offset",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "attribute": "offset",
-              "reflects": true
+              "fieldName": "noValidate"
             },
             {
-              "kind": "field",
               "name": "onDark",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "onDark",
-              "reflects": true,
               "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "optionSelected",
-              "privacy": "public",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Specifies the current selected option.",
-              "attribute": "optionSelected"
-            },
-            {
-              "kind": "field",
-              "name": "persistInput",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
-              "attribute": "persistInput",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "privacy": "public",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
-              },
-              "description": "Position where the bib should appear relative to the trigger.",
-              "default": "'bottom-start'",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "attribute": "placeholder",
-              "reflects": true
+              "fieldName": "onDark"
             },
             {
-              "kind": "field",
               "name": "required",
-              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "attribute": "required",
-              "reflects": true
+              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "setCustomValidity",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Sets a custom help text message to display for all validityStates.",
-              "attribute": "setCustomValidity"
+              "fieldName": "setCustomValidity"
             },
             {
-              "kind": "field",
               "name": "setCustomValidityCustomError",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Custom help text message to display when validity = `customError`.",
-              "attribute": "setCustomValidityCustomError"
+              "fieldName": "setCustomValidityCustomError"
             },
             {
-              "kind": "field",
               "name": "setCustomValidityValueMissing",
-              "privacy": "public",
               "type": {
                 "text": "string"
               },
               "description": "Custom help text message to display when validity = `valueMissing`.",
-              "attribute": "setCustomValidityValueMissing"
+              "fieldName": "setCustomValidityValueMissing"
             },
             {
-              "kind": "field",
-              "name": "setCustomValidityValueMissingFilter",
-              "privacy": "public",
+              "name": "validity",
               "type": {
                 "text": "string"
               },
-              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
-              "attribute": "setCustomValidityValueMissingFilter"
-            },
+              "description": "Specifies the `validityState` this element is in.",
+              "fieldName": "validity"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "auro-checkbox-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCheckboxGroup",
+          "declaration": {
+            "name": "AuroCheckboxGroup",
+            "module": "components/checkbox/src/auro-checkbox-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox/src/auro-checkbox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
+          "name": "AuroCheckbox",
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "touched",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
+              "description": "apply css to a specific checkbox.",
+              "name": "checkbox"
             },
             {
-              "kind": "field",
-              "name": "triggerIcon",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
-              "attribute": "triggerIcon",
-              "reflects": true
+              "description": "apply css to a specific checkbox's input.",
+              "name": "checkbox-input"
             },
             {
-              "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Applies the defined value as the type attribute on `auro-input`.",
-              "attribute": "type",
-              "reflects": true
+              "description": "apply css to a specific checkbox's label.",
+              "name": "checkbox-label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for the checkbox label.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_initializeDefaults"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "\"auro-checkbox\"",
+                  "description": "The name of element that you want to register to.",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This will register this element with the browser."
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The change event from the checkbox input.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The input event from the checkbox input.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusin",
+              "description": "Function to support",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "generateIconHtml",
+              "description": "Function to generate checkmark svg.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets component to initial state.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateAriaLabel",
+              "description": "Updates the aria-label based on slot content.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The keydown event from the checkbox input.",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handles keydown event to toggle the checkbox with Space key.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "typedValue",
+              "name": "appearance",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "'default' | 'inverse'"
               },
-              "description": "Specifies the value of the input element within the combobox.",
-              "attribute": "typedValue",
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "attribute": "appearance",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "checked",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Specifies the `validityState` this element is in.",
-              "attribute": "validity",
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "disabled",
               "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Value selected for the dropdown menu.",
-              "attribute": "value"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "largeFullscreenHeadline",
+              "name": "error",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "attribute": "largeFullscreenHeadline",
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "attribute": "error",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "fullscreenBreakpoint",
+              "name": "id",
               "privacy": "public",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
+                "text": "string"
               },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "attribute": "fullscreenBreakpoint",
-              "reflects": true
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "optionActive",
+              "name": "inputId",
               "privacy": "private",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "description": "Specifies the currently active option."
+              "description": "The id for input node."
             },
             {
               "kind": "field",
-              "name": "triggerExpandedState",
-              "privacy": "private",
+              "name": "name",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "componentHasFocus",
-              "description": "Returns true if the element has focus.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetShapeClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetLayoutClasses",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateComponentArchitecture",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "attribute": "onDark",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
-              "privacy": "public",
+              "name": "touched",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "shape",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "Indicates whether the checkbox has been interacted with."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "value",
               "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "inputValue",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Notifies that the components internal HTML5 input value has changed."
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Notifies that the component has a new value set."
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "attribute": "value"
             },
             {
-              "name": "auroCombobox-valueSet",
+              "kind": "field",
+              "name": "tabIndex",
+              "privacy": "private",
               "type": {
-                "text": "CustomEvent"
+                "text": "number"
               },
-              "description": "(Deprecated) Notifies that the component has a new value set."
+              "description": "The tabindex attribute for the checkbox.",
+              "attribute": "tabindex",
+              "reflects": true
             },
             {
-              "description": "Notifies that the component value(s) have been validated.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
+              "kind": "field",
+              "name": "ariaChecked",
+              "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
+              "description": "The aria-checked attribute for the checkbox.",
+              "attribute": "aria-checked",
+              "reflects": true
             },
             {
-              "name": "autocomplete",
+              "kind": "field",
+              "name": "ariaDisabled",
+              "privacy": "private",
               "type": {
                 "text": "string"
               },
-              "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
-              "fieldName": "autocomplete"
-            },
-            {
-              "name": "autoPlacement",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, bib's position will be automatically calculated where to appear.",
-              "fieldName": "autoPlacement"
-            },
-            {
-              "name": "availableOptions",
-              "type": {
-                "text": "array"
-              },
-              "description": "Array of available options to display in the dropdown.",
-              "fieldName": "availableOptions"
-            },
-            {
-              "name": "behavior",
-              "type": {
-                "text": "'filter' | 'suggestion'"
-              },
-              "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
-              "default": "'suggestion'",
-              "fieldName": "behavior"
-            },
-            {
-              "name": "checkmark",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When attribute is present auro-menu will apply check marks to selected options.",
-              "fieldName": "checkmark"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "attribute": "aria-disabled",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "role",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables the combobox.",
-              "fieldName": "disabled"
-            },
+              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "events": [
             {
-              "name": "dvInputOnly",
+              "name": "auroCheckbox-input",
               "type": {
-                "text": "boolean"
-              },
-              "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
-              "fieldName": "dvInputOnly"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "error",
+              "name": "auroCheckbox-focusin",
               "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "format",
+              "name": "auroCheckbox-focusout",
               "type": {
-                "text": "string"
-              },
-              "description": "Specifies the input mask format.",
-              "fieldName": "format"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "inputmode",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<any>"
               },
-              "description": "Exposes inputmode attribute for input.",
-              "fieldName": "inputmode"
+              "description": "(Deprecated) Notifies when checked value is changed.",
+              "name": "change"
             },
             {
-              "name": "layout",
               "type": {
-                "text": "string"
+                "text": "InputEvent"
               },
-              "description": "Sets the layout of the combobox.",
-              "default": "'classic'",
-              "fieldName": "layout",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
+              "description": "Notifies when when checked value is changed by user's interface.",
+              "name": "input"
+            }
+          ],
+          "attributes": [
             {
-              "name": "matchWidth",
+              "name": "appearance",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'inverse'"
               },
-              "description": "If declared, the popover and trigger will be set to the same width.",
-              "fieldName": "matchWidth"
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "'default'",
+              "fieldName": "appearance"
             },
             {
-              "name": "noFilter",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, combobox will not filter menuoptions based on input.",
-              "fieldName": "noFilter"
+              "description": "If set to true, the checkbox will be filled with a checkmark.",
+              "fieldName": "checked"
             },
             {
-              "name": "noFlip",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
-              "fieldName": "noFlip"
+              "description": "If set to true, the checkbox will not be clickable.",
+              "fieldName": "disabled"
             },
             {
-              "name": "shift",
+              "name": "error",
               "type": {
                 "text": "boolean"
               },
-              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
-              "fieldName": "shift"
+              "description": "If set to true, the checkbox will be displayed with an error state.",
+              "fieldName": "error"
             },
             {
-              "name": "noValidate",
+              "name": "id",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
+              "fieldName": "id"
             },
             {
-              "name": "offset",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "Gap between the trigger element and bib.",
-              "default": "0",
-              "fieldName": "offset"
+              "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
+              "fieldName": "name"
             },
             {
               "name": "onDark",
@@ -1362,272 +1006,170 @@
               "fieldName": "onDark"
             },
             {
-              "name": "optionSelected",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "Specifies the current selected option.",
-              "fieldName": "optionSelected"
-            },
-            {
-              "name": "persistInput",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
-              "fieldName": "persistInput"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
-              },
-              "description": "Position where the bib should appear relative to the trigger.",
-              "default": "'bottom-start'",
-              "fieldName": "placement"
-            },
-            {
-              "name": "placeholder",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Define custom placeholder text, only supported by date input formats.",
-              "fieldName": "placeholder"
+              "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
+              "fieldName": "value"
             },
             {
-              "name": "required",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Populates the `required` attribute on the input. Used for client-side validation.",
-              "fieldName": "required"
+              "description": "The tabindex attribute for the checkbox.",
+              "fieldName": "tabIndex"
             },
             {
-              "name": "setCustomValidity",
+              "name": "aria-checked",
               "type": {
                 "text": "string"
               },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
+              "description": "The aria-checked attribute for the checkbox.",
+              "fieldName": "ariaChecked"
             },
             {
-              "name": "setCustomValidityCustomError",
+              "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
+              "description": "The aria-disabled attribute for the checkbox.",
+              "fieldName": "ariaDisabled"
             },
             {
-              "name": "setCustomValidityValueMissing",
+              "name": "role",
               "type": {
                 "text": "string"
               },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
-            },
-            {
-              "name": "setCustomValidityValueMissingFilter",
-              "type": {
-                "text": "string"
-              },
-              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
-              "fieldName": "setCustomValidityValueMissingFilter"
-            },
-            {
-              "name": "triggerIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
-              "fieldName": "triggerIcon"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "description": "Applies the defined value as the type attribute on `auro-input`.",
-              "fieldName": "type"
-            },
-            {
-              "name": "typedValue",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the value of the input element within the combobox.",
-              "fieldName": "typedValue"
-            },
-            {
-              "name": "validity",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies the `validityState` this element is in.",
-              "fieldName": "validity"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "Value selected for the dropdown menu.",
-              "fieldName": "value"
-            },
-            {
-              "name": "largeFullscreenHeadline",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
-              "fieldName": "largeFullscreenHeadline"
-            },
-            {
-              "name": "fullscreenBreakpoint",
-              "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
-              },
-              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
-              "default": "'sm'",
-              "fieldName": "fullscreenBreakpoint"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "shape",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
-            },
-            {
-              "name": "ondark",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "onDark",
-              "inheritedFrom": {
-                "name": "AuroElement",
-                "module": "components/layoutElement/src/auroElement.js"
-              }
+              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
+              "fieldName": "role"
             }
           ],
           "superclass": {
-            "name": "AuroElement",
-            "module": "/components/layoutElement/src/auroElement.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "auro-combobox",
+          "tagName": "auro-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AuroCombobox",
+          "name": "AuroCheckbox",
           "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/auro-combobox.js"
+            "name": "AuroCheckbox",
+            "module": "components/checkbox/src/auro-checkbox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/comboboxKeyboardStrategy.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "comboboxKeyboardStrategy",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ async Enter(component, evt, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, _evt, ctx) { if (!ctx.isExpanded) { return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
-        }
-      ],
+      "path": "components/checkbox/src/index.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "comboboxKeyboardStrategy",
+          "name": "AuroCheckbox",
           "declaration": {
-            "name": "comboboxKeyboardStrategy",
-            "module": "components/combobox/src/comboboxKeyboardStrategy.js"
+            "name": "AuroCheckbox",
+            "module": "components/checkbox/src/index.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/combobox/src/index.js",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "AuroCombobox",
+          "name": "AuroCheckboxGroup",
           "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/index.js"
+            "name": "AuroCheckboxGroup",
+            "module": "components/checkbox/src/index.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/combobox/src/registered.js",
+      "path": "components/checkbox/src/registered.js",
       "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroCombobox",
-          "declaration": {
-            "name": "AuroCombobox",
-            "module": "components/combobox/src/registered.js"
-          }
-        }
-      ]
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/src/auro-checkbox-group.js",
+      "path": "components/combobox/src/auro-combobox.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
-          "name": "AuroCheckboxGroup",
+          "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
+          "name": "AuroCombobox",
           "slots": [
             {
-              "description": "Allows for the legend to be overridden.",
-              "name": "legend"
+              "description": "Default slot for the menu content.",
+              "name": ""
             },
             {
+              "type": {
+                "text": "HTMLSlotElement"
+              },
               "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
               "name": "optionalLabel"
             },
             {
-              "description": "Allows for the helper text to be overridden.",
+              "description": "Sets aria-label on clear button",
+              "name": "ariaLabel.input.clear"
+            },
+            {
+              "description": "Sets aria-label on close button in fullscreen bib",
+              "name": "ariaLabel.bib.close"
+            },
+            {
+              "description": "Defines the headline to display above menu-options",
+              "name": "bib.fullscreen.headline"
+            },
+            {
+              "description": "Defines the content of the label.",
+              "name": "label"
+            },
+            {
+              "description": "Defines the content of the helpText.",
               "name": "helpText"
             },
             {
-              "description": "The default slot for the checkbox items.",
-              "name": "default"
+              "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
+              "name": "displayValue"
             }
           ],
           "members": [
             {
               "kind": "method",
-              "name": "_initializeDefaults"
+              "name": "_initializeDefaults",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputValue",
+              "description": "Returns the current value of the input element within the combobox.",
+              "return": {
+                "type": {
+                  "text": "string|undefined"
+                }
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "isValid",
+              "description": "Checks if the element is valid.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "method",
@@ -1636,7 +1178,7 @@
               "parameters": [
                 {
                   "name": "name",
-                  "default": "\"auro-checkbox-group\"",
+                  "default": "'auro-combobox'",
                   "description": "The name of the element that you want to register.",
                   "optional": true,
                   "type": {
@@ -1648,24 +1190,160 @@
             },
             {
               "kind": "method",
-              "name": "handleValueUpdate",
+              "name": "updateFilter",
+              "description": "Updates the filter for the available options based on the input value.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncValuesAndStates",
+              "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateTriggerTextDisplay",
               "parameters": [
                 {
-                  "name": "value",
-                  "description": "The value of the checkbox.",
+                  "name": "label",
+                  "description": "The label of the selected option.",
                   "type": {
-                    "text": "String"
+                    "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"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "generateOptionsArray",
+              "description": "Determines the element error state based on the `required` attribute and input value.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hideBib",
+              "description": "Hides the dropdown bib if its open.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "showBib",
+              "description": "Shows the dropdown bib if there are options to show.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "configureDropdown",
+              "description": "Binds all behavior needed to the dropdown after rendering.",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "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"
+                }
+              }
+            },
+            {
+              "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"
                   }
                 },
                 {
-                  "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,107 @@
             },
             {
               "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": {
+                  "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": {
@@ -1697,42 +1483,105 @@
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
+              "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,35 +1635,166 @@
             },
             {
               "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 declared, the popover and trigger will be set to the same width.",
+              "attribute": "matchWidth",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noFilter",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, combobox will not filter menuoptions based on input.",
+              "attribute": "noFilter",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noFlip",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
+              "attribute": "noFlip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shift",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "attribute": "shift",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set, disables auto-validation on blur.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "offset",
+              "privacy": "public",
+              "type": {
+                "text": "number"
+              },
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "attribute": "offset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "onDark",
+              "reflects": true,
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "optionSelected",
+              "privacy": "public",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "Specifies the current selected option.",
+              "attribute": "optionSelected"
+            },
+            {
+              "kind": "field",
+              "name": "persistInput",
               "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "attribute": "horizontal",
+              "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": "noValidate",
+              "name": "placement",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "attribute": "noValidate",
+              "description": "Position where the bib should appear relative to the trigger.",
+              "default": "'bottom-start'",
+              "attribute": "placement",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "onDark",
+              "name": "placeholder",
               "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "attribute": "onDark",
+              "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": "Notifies that the `validity` and `errorMessage` values have changed.",
-              "name": "auroFormElement-validated"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "type": {
-                "text": "'default' | 'inverse'"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "'default'",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If set, disables the checkbox group.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
-              "fieldName": "error"
+              "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
+              "attribute": "setCustomValidityValueMissingFilter"
             },
             {
-              "name": "horizontal",
+              "kind": "field",
+              "name": "touched",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, checkboxes will be aligned horizontally.",
-              "fieldName": "horizontal"
+              "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
             },
             {
-              "name": "noValidate",
+              "kind": "field",
+              "name": "triggerIcon",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If set, disables auto-validation on blur.",
-              "fieldName": "noValidate"
+              "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
+              "attribute": "triggerIcon",
+              "reflects": true
             },
             {
-              "name": "onDark",
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
-              "fieldName": "onDark"
+              "description": "Applies the defined value as the type attribute on `auro-input`.",
+              "attribute": "type",
+              "reflects": true
             },
             {
-              "name": "required",
+              "kind": "field",
+              "name": "typedValue",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Populates the `required` attribute on the element. Used for client-side validation.",
-              "fieldName": "required"
+              "description": "Specifies the value of the input element within the combobox.",
+              "attribute": "typedValue",
+              "reflects": true
             },
             {
-              "name": "setCustomValidity",
+              "kind": "field",
+              "name": "validity",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Sets a custom help text message to display for all validityStates.",
-              "fieldName": "setCustomValidity"
+              "description": "Specifies the `validityState` this element is in.",
+              "attribute": "validity",
+              "reflects": true
             },
             {
-              "name": "setCustomValidityCustomError",
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "description": "Custom help text message to display when validity = `customError`.",
-              "fieldName": "setCustomValidityCustomError"
+              "description": "Value selected for the dropdown menu.",
+              "attribute": "value"
             },
             {
-              "name": "setCustomValidityValueMissing",
+              "kind": "field",
+              "name": "largeFullscreenHeadline",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Custom help text message to display when validity = `valueMissing`.",
-              "fieldName": "setCustomValidityValueMissing"
+              "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
+              "attribute": "largeFullscreenHeadline",
+              "reflects": true
             },
             {
-              "name": "validity",
+              "kind": "field",
+              "name": "fullscreenBreakpoint",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
               },
-              "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."
+              "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
+              "default": "'sm'",
+              "attribute": "fullscreenBreakpoint",
+              "reflects": true
             },
             {
-              "kind": "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.",
+              "kind": "field",
+              "name": "optionActive",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "type": {
+                "text": "object"
+              },
+              "description": "Specifies the currently active option."
             },
             {
-              "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.",
+              "kind": "field",
+              "name": "triggerExpandedState",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "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": "handleFocusin",
-              "description": "Function to support",
+              "kind": "field",
+              "name": "componentHasFocus",
+              "description": "Returns true if the element has focus.",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "generateIconHtml",
-              "description": "Function to generate checkmark svg.",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement"
-                }
+              "name": "resetShapeClasses",
+              "inheritedFrom": {
+                "name": "AuroElement",
+                "module": "components/layoutElement/src/auroElement.js"
               }
             },
             {
               "kind": "method",
-              "name": "reset",
-              "description": "Resets component to initial state.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "resetLayoutClasses",
+              "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": "updateComponentArchitecture",
+              "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"
-                }
+              "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": "appearance",
+              "name": "size",
               "privacy": "public",
               "type": {
-                "text": "'default' | 'inverse'"
+                "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'",
-              "attribute": "appearance",
-              "reflects": true
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
-              "name": "checked",
-              "privacy": "public",
+              "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"
+            },
+            {
+              "name": "noFlip",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
+              "fieldName": "noFlip"
+            },
+            {
+              "name": "shift",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
+              "fieldName": "shift"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
+              "name": "noValidate",
               "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 set, disables auto-validation on blur.",
+              "fieldName": "noValidate"
             },
             {
-              "kind": "field",
-              "name": "tabIndex",
-              "privacy": "private",
+              "name": "offset",
               "type": {
                 "text": "number"
               },
-              "description": "The tabindex attribute for the checkbox.",
-              "attribute": "tabindex",
-              "reflects": true
+              "description": "Gap between the trigger element and bib.",
+              "default": "0",
+              "fieldName": "offset"
             },
             {
-              "kind": "field",
-              "name": "ariaChecked",
-              "privacy": "private",
+              "name": "onDark",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-checked attribute for the checkbox.",
-              "attribute": "aria-checked",
-              "reflects": true
+              "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
+              "fieldName": "onDark"
             },
             {
-              "kind": "field",
-              "name": "ariaDisabled",
-              "privacy": "private",
+              "name": "optionSelected",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "description": "The aria-disabled attribute for the checkbox.",
-              "attribute": "aria-disabled",
-              "reflects": true
+              "description": "Specifies the current selected option.",
+              "fieldName": "optionSelected"
             },
             {
-              "kind": "field",
-              "name": "role",
-              "privacy": "private",
+              "name": "persistInput",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "events": [
-            {
-              "name": "auroCheckbox-input",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "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, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, _evt, ctx) { if (!ctx.isExpanded) { return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "AuroCheckbox",
+          "name": "comboboxKeyboardStrategy",
           "declaration": {
-            "name": "AuroCheckbox",
-            "module": "components/checkbox/src/index.js"
+            "name": "comboboxKeyboardStrategy",
+            "module": "components/combobox/src/comboboxKeyboardStrategy.js"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/src/index.js",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "AuroCheckboxGroup",
+          "name": "AuroCombobox",
           "declaration": {
-            "name": "AuroCheckboxGroup",
-            "module": "components/checkbox/src/index.js"
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/index.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/src/registered.js",
+      "path": "components/combobox/src/registered.js",
       "declarations": [],
-      "exports": []
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroCombobox",
+          "declaration": {
+            "name": "AuroCombobox",
+            "module": "components/combobox/src/registered.js"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",