@aurodesignsystem-dev/auro-formkit 0.0.0-pr1408.16 → 0.0.0-pr1408.18

package/custom-elements.json

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