@ds-autonomie/web-components 1.0.1 → 1.1.0

package/dist/custom-elements.json

@@ -958,7 +958,7 @@
             "module": "/src/internal/shoelace-element.js"
           },
           "summary": "Avatars are used to represent a person or object.",
-          "documentation": "https://shoelace.style/components/avatar",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/05ef77-avatar",
           "dependencies": [
             "dsa-icon"
           ],
@@ -1013,7 +1013,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "The avatar-group displays avatars in a grouped style",
-          "documentation": "https://shoelace.style/components/avatar",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/90e4fd-avatar-group",
           "tagName": "dsa-avatar-group",
           "customElement": true
         }
@@ -1120,7 +1120,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Badges are used to draw attention and display statuses or counts.",
-          "documentation": "https://shoelace.style/components/badge",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/700cd3-badge",
           "tagName": "dsa-badge",
           "customElement": true
         }
@@ -2668,6 +2668,10 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -2898,11 +2902,868 @@
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleErrorChange"
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "default": "''"
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the checkbox group's selected value changes.",
+              "name": "dsa-change"
+            },
+            {
+              "description": "Emitted when the checkbox group receives user input.",
+              "name": "dsa-input"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "dsa-invalid"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'option'",
+              "description": "The name of the checkbox group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "fieldName": "value"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child checkbox is checked before allowing the containing form to submit.",
+              "fieldName": "required"
+            },
+            {
+              "name": "horizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the orientation of the checkbox options",
+              "fieldName": "horizontal"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the group should be in error state",
+              "fieldName": "error"
+            },
+            {
+              "name": "error-message",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "An error message that is shown when `error` is set to true",
+              "fieldName": "errorMessage"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox) or [checkbox buttons](/components/checkbox-button) so they function as a single form control.",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/262df4-checkbox-group",
+          "dependencies": [
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-checkbox-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSACheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-checkbox-group",
+          "declaration": {
+            "name": "DSACheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/combobox/combobox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSACombobox",
+          "slots": [
+            {
+              "description": "The listbox options. Must be `<dsa-option>` elements. Alternatively, you can use the `items` property.",
+              "name": ""
+            },
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Used to prepend a presentational icon or similar element to the combobox.",
+              "name": "prefix"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['dsa-blur', 'dsa-input'],\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  )"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "DSAPopup"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "combobox",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "displayInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "listbox",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasVisualFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "displayLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "currentOption",
+              "type": {
+                "text": "DSAOption | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedOptions",
+              "type": {
+                "text": "DSAOption[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "allOptions",
+              "type": {
+                "text": "DSAOption[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "filteredOptions",
+              "type": {
+                "text": "DSAOption[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the combobox, submitted as a name/value pair with form data.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The title contains a text representing advisory information related to the element it belongs to.",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The combobox's size.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the combobox is empty.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer'"
+              },
+              "default": "'base'",
+              "description": "The combobox's variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "attribute": "hoist"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the combobox control.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "attribute": "clearable"
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The combobox's required attribute.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the input should be in error state",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "errorMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "An error message that is shown when `error` is set to true",
+              "attribute": "error-message"
+            },
+            {
+              "kind": "field",
+              "name": "noSyncWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+              "attribute": "no-sync-width"
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "DSAOption[] | undefined"
+              },
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "attribute": "multiple"
+            },
+            {
+              "kind": "field",
+              "name": "maxOptionsVisible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "attribute": "max-options-visible"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private",
+              "description": "Input events"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleComboboxMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleComboboxKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClearClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "filterOptions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "filter",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleOptionSelection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleTagRemove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DSARemoveEvent"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getAllOptions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "clearSelectedOptions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setCurrentOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption | undefined"
+                  }
+                },
+                {
+                  "name": "focus",
+                  "default": "false"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectedOptions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption | DSAOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClearMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectionChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private",
+              "description": "Listeners"
+            },
+            {
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleEscapeAndTabKeys",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleEnterKey",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleArrowKeys",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleNavigationKeys",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleItemsChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the listbox."
             },
             {
               "kind": "method",
-              "name": "handleErrorChange"
+              "name": "hide",
+              "description": "Hides the listbox."
             },
             {
               "kind": "method",
@@ -2922,11 +3783,6 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
@@ -2935,62 +3791,188 @@
               "parameters": [
                 {
                   "name": "message",
-                  "default": "''"
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the control."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the control."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the checkbox group's selected value changes.",
+              "description": "Emitted when the control's value changes.",
               "name": "dsa-change"
             },
             {
-              "description": "Emitted when the checkbox group receives user input.",
+              "description": "Emitted when the control receives input.",
               "name": "dsa-input"
             },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "dsa-focus"
+            },
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "dsa-blur"
+            },
+            {
+              "description": "Emitted when the combobox's menu opens.",
+              "name": "dsa-show"
+            },
+            {
+              "description": "Emitted after the combobox's menu opens and all animations are complete.",
+              "name": "dsa-after-show"
+            },
+            {
+              "description": "Emitted when the combobox's menu closes.",
+              "name": "dsa-hide"
+            },
+            {
+              "description": "Emitted after the combobox's menu closes and all animations are complete.",
+              "name": "dsa-after-hide"
+            },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "dsa-invalid"
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the combobox, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The title contains a text representing advisory information related to the element it belongs to.",
+              "fieldName": "title"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The combobox's size.",
+              "fieldName": "size"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the combobox is empty.",
+              "fieldName": "placeholder"
+            },
             {
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
               "fieldName": "label"
             },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer'"
+              },
+              "default": "'base'",
+              "description": "The combobox's variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "fieldName": "placement"
+            },
             {
               "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
               "fieldName": "helpText"
             },
             {
-              "name": "name",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'option'",
-              "description": "The name of the checkbox group, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "default": "false",
+              "description": "Disables the combobox control.",
+              "fieldName": "disabled"
             },
             {
-              "name": "value",
+              "name": "clearable",
               "type": {
-                "text": "string[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "fieldName": "clearable"
             },
             {
               "name": "form",
@@ -3007,25 +3989,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Ensures a child checkbox is checked before allowing the containing form to submit.",
+              "description": "The combobox's required attribute.",
               "fieldName": "required"
             },
-            {
-              "name": "horizontal",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Sets the orientation of the checkbox options",
-              "fieldName": "horizontal"
-            },
             {
               "name": "error",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the group should be in error state",
+              "description": "Indicates whether the input should be in error state",
               "fieldName": "error"
             },
             {
@@ -3036,18 +4009,48 @@
               "default": "''",
               "description": "An error message that is shown when `error` is set to true",
               "fieldName": "errorMessage"
+            },
+            {
+              "name": "no-sync-width",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+              "fieldName": "noSyncWidth"
+            },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "fieldName": "multiple"
+            },
+            {
+              "name": "max-options-visible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "fieldName": "maxOptionsVisible"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element"
           },
-          "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox) or [checkbox buttons](/components/checkbox-button) so they function as a single form control.",
-          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/262df4-checkbox-group",
+          "summary": "Comboboxes allow you to type a value directly or select a value from a menu of predefined options. Values are filtered by checking the presence of the search term.",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/678522-combobox-beta",
           "dependencies": [
+            "dsa-icon",
+            "dsa-popup",
+            "dsa-tag",
             "dsa-error-text"
           ],
-          "tagName": "dsa-checkbox-group",
+          "tagName": "dsa-combobox",
           "customElement": true
         }
       ],
@@ -3056,16 +4059,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSACheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
+            "name": "DSACombobox",
+            "module": "components/combobox/combobox.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-checkbox-group",
+          "name": "dsa-combobox",
           "declaration": {
-            "name": "DSACheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
+            "name": "DSACombobox",
+            "module": "components/combobox/combobox.js"
           }
         }
       ]
@@ -3376,7 +4379,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Dividers are used to visually separate or group elements.",
-          "documentation": "https://shoelace.style/components/divider",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/49023f-divider",
           "tagName": "dsa-divider",
           "customElement": true
         }
@@ -5271,7 +6274,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
-          "documentation": "https://shoelace.style/components/icon-button",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/840b81-icon-button",
           "dependencies": [
             "dsa-icon"
           ],
@@ -5485,6 +6488,10 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -5915,11 +6922,6 @@
               "name": "handlePasswordToggle",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "getPickerIcon",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleErrorChange"
@@ -6520,6 +7522,10 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -7440,13 +8446,13 @@
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
               "name": "label"
             },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the input.",
-              "name": "prefix"
-            },
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -8393,7 +9399,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Menus provide a list of options for the user to choose from.",
-          "documentation": "https://shoelace.style/components/menu",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/691d41-menu",
           "tagName": "dsa-menu",
           "customElement": true
         }
@@ -8603,7 +9609,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Menu items provide options for the user to pick from in a menu.",
-          "documentation": "https://shoelace.style/components/menu-item",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/033eea-menu-item",
           "dependencies": [
             "dsa-icon"
           ],
@@ -8650,7 +9656,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Menu labels are used to describe a group of menu items.",
-          "documentation": "https://shoelace.style/components/menu-label",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/409314-menu-label",
           "tagName": "dsa-menu-label",
           "customElement": true
         }
@@ -9694,7 +10700,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Progress bars are used to show the status of an ongoing operation.",
-          "documentation": "https://shoelace.style/components/progress-bar",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/37d331-progress-bar",
           "tagName": "dsa-progress-bar",
           "customElement": true
         }
@@ -9727,13 +10733,6 @@
           "description": "",
           "name": "DSAProgressRing",
           "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
             {
               "kind": "field",
               "name": "indicator",
@@ -9815,7 +10814,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Progress rings are used to show the progress of a determinate operation in a circular fashion.",
-          "documentation": "https://shoelace.style/components/progress-ring",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/3228f9-progress-ring",
           "tagName": "dsa-progress-ring",
           "customElement": true
         }
@@ -11007,6 +12006,10 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -11217,6 +12220,16 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the select readonly",
+              "attribute": "readonly"
+            },
             {
               "kind": "field",
               "name": "clearable",
@@ -11584,6 +12597,10 @@
               "kind": "method",
               "name": "handleDisabledChange"
             },
+            {
+              "kind": "method",
+              "name": "handleReadonlyChange"
+            },
             {
               "kind": "method",
               "name": "handleValueChange"
@@ -11779,6 +12796,15 @@
               "description": "Disables the select control.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the select readonly",
+              "fieldName": "readonly"
+            },
             {
               "name": "clearable",
               "type": {
@@ -11973,7 +12999,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Skeletons are used to provide a visual representation of where content will eventually be drawn.",
-          "documentation": "https://shoelace.style/components/skeleton",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/25df58-skeleton",
           "tagName": "dsa-skeleton",
           "customElement": true
         }
@@ -12257,7 +13283,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).",
-          "documentation": "https://shoelace.style/components/tab",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/84e25f-tab",
           "dependencies": [
             "dsa-icon-button"
           ],
@@ -12558,7 +13584,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Tab groups organize content into a container that shows one section at a time.",
-          "documentation": "https://shoelace.style/components/tab-group",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/60c052-tab-group",
           "dependencies": [
             "dsa-icon-button"
           ],
@@ -12669,7 +13695,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "documentation": "https://shoelace.style/components/tab-panel",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/59253a-tab-panel",
           "tagName": "dsa-tab-panel",
           "customElement": true
         }
@@ -12857,6 +13883,10 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
             }
           ],
           "members": [
@@ -14237,7 +15267,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.",
-          "documentation": "https://shoelace.style/components/tree",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/226aa4-tree",
           "tagName": "dsa-tree",
           "customElement": true
         }
@@ -14545,7 +15575,7 @@
             "module": "/src/internal/shoelace-element"
           },
           "summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
-          "documentation": "https://shoelace.style/components/tree-item",
+          "documentation": "https://dsa.service-public-autonomie.fr/062dac5f6/p/19ca87-tree-item",
           "dependencies": [
             "dsa-checkbox",
             "dsa-icon",
@@ -14621,7 +15651,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "author": "CNSA",
     "license": "MIT"
   }