@ds-autonomie/web-components 1.16.2 → 1.17.0

package/dist/custom-elements.json

@@ -302,6 +302,16 @@
               "attribute": "closable",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "headerLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "description": "Optional aria-level of the alert header",
+              "attribute": "header-level",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "variant",
@@ -410,6 +420,14 @@
               "description": "Enables a close button that allows the user to dismiss the alert.",
               "fieldName": "closable"
             },
+            {
+              "name": "header-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "description": "Optional aria-level of the alert header",
+              "fieldName": "headerLevel"
+            },
             {
               "name": "variant",
               "type": {
@@ -2482,6 +2500,97 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/callout/callout.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSACallout",
+          "slots": [
+            {
+              "description": "The callout's main content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The callout's title.",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "headerLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "description": "Optional aria-level of the callout header",
+              "attribute": "header-level",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The callout's title.",
+              "fieldName": "title"
+            },
+            {
+              "name": "header-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "description": "Optional aria-level of the callout header",
+              "fieldName": "headerLevel"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "The callout component is used to highlight important information.",
+          "documentation": "undefined",
+          "tagName": "dsa-callout",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSACallout",
+            "module": "components/callout/callout.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-callout",
+          "declaration": {
+            "name": "DSACallout",
+            "module": "components/callout/callout.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/card/card.js",
@@ -2530,7 +2639,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "When set, the underlying card will be rendered as an `<a>` with this `href` instead of a `<div>`.",
+              "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
               "attribute": "href"
             },
             {
@@ -2574,7 +2683,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "When set, the underlying card will be rendered as an `<a>` with this `href` instead of a `<div>`.",
+              "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
               "fieldName": "href"
             },
             {
@@ -2694,7 +2803,8 @@
               },
               "default": "''",
               "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2703,7 +2813,8 @@
                 "text": "string"
               },
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2777,7 +2888,8 @@
               },
               "default": "false",
               "description": "Indicates whether the checkbox's should be in error state",
-              "attribute": "error"
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2787,7 +2899,8 @@
               },
               "default": "''",
               "description": "An error message that is shown when `error` is set to true",
-              "attribute": "error-message"
+              "attribute": "error-message",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2819,7 +2932,8 @@
               },
               "default": "''",
               "description": "Provides an accessible label for the button element",
-              "attribute": "aria-label"
+              "attribute": "aria-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3157,7 +3271,8 @@
                 "text": "string"
               },
               "description": "The checkbox's value. When selected, the checkbox group will receive this value.",
-              "attribute": "value"
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3188,7 +3303,8 @@
                 "text": "false"
               },
               "description": "Sets the checkbox button in readonly.",
-              "attribute": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3198,7 +3314,8 @@
               },
               "default": "false",
               "description": "Indicates whether the checkbox button should be in error state",
-              "attribute": "error"
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -3397,6 +3514,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "slottedElementsObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "defaultSlot",
@@ -3564,7 +3689,7 @@
             },
             {
               "kind": "method",
-              "name": "observeAttributeChanges",
+              "name": "observeSlottedElements",
               "privacy": "private"
             },
             {
@@ -3603,6 +3728,11 @@
               "name": "handleLabelClick",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleSlottedElementChange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleSlotChange",
@@ -4365,6 +4495,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focusNextTagOrInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "getAllOptions",
@@ -5227,20 +5370,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/download-card/download-card.js",
+      "path": "components/download-link/download-link.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSADownloadCard",
+          "name": "DSADownloadLink",
           "slots": [
             {
-              "description": "The card's label.",
+              "description": "The link's label.",
               "name": ""
-            },
-            {
-              "description": "An optional image to render at the start of the card..",
-              "name": "image"
             }
           ],
           "members": [
@@ -5250,19 +5389,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "The href of the document",
               "attribute": "href"
             },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional description of the file",
-              "attribute": "description"
-            },
             {
               "kind": "field",
               "name": "format",
@@ -5281,6 +5410,26 @@
               "description": "The document size",
               "attribute": "documentsize"
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer' | 'contrasted' | 'floating'"
+              },
+              "default": "'base'",
+              "description": "The link's theme variant.",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
+              },
+              "default": "'medium'",
+              "description": "The link's size.",
+              "attribute": "size"
+            },
             {
               "kind": "method",
               "name": "handleFocus",
@@ -5294,11 +5443,11 @@
           ],
           "events": [
             {
-              "description": "Emitted when the card loses focus.",
+              "description": "Emitted when the link loses focus.",
               "name": "dsa-blur"
             },
             {
-              "description": "Emitted when the card gains focus.",
+              "description": "Emitted when the link gains focus.",
               "name": "dsa-focus"
             }
           ],
@@ -5308,18 +5457,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "The href of the document",
               "fieldName": "href"
             },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional description of the file",
-              "fieldName": "description"
-            },
             {
               "name": "format",
               "type": {
@@ -5335,18 +5475,36 @@
               },
               "description": "The document size",
               "fieldName": "documentSize"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer' | 'contrasted' | 'floating'"
+              },
+              "default": "'base'",
+              "description": "The link's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
+              },
+              "default": "'medium'",
+              "description": "The link's size.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element"
           },
-          "summary": "Download cards allow user to download a document.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/telechargement-de-fichier-s-file-download/carte-de-telechargement-download-card/web-JsBAkuby",
+          "summary": "Download links allow user to download a document.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/telechargement-de-fichier-s-file-download/lien-de-telechargement-download-link/web-VPKTnMc2",
           "dependencies": [
             "dsa-icon"
           ],
-          "tagName": "dsa-download-card",
+          "tagName": "dsa-download-link",
           "customElement": true
         }
       ],
@@ -5355,32 +5513,36 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSADownloadCard",
-            "module": "components/download-card/download-card.js"
+            "name": "DSADownloadLink",
+            "module": "components/download-link/download-link.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-download-card",
+          "name": "dsa-download-link",
           "declaration": {
-            "name": "DSADownloadCard",
-            "module": "components/download-card/download-card.js"
+            "name": "DSADownloadLink",
+            "module": "components/download-link/download-link.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/download-link/download-link.js",
+      "path": "components/download-card/download-card.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSADownloadLink",
+          "name": "DSADownloadCard",
           "slots": [
             {
-              "description": "The link's label.",
+              "description": "The card's label.",
               "name": ""
+            },
+            {
+              "description": "An optional image to render at the start of the card..",
+              "name": "image"
             }
           ],
           "members": [
@@ -5390,9 +5552,19 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "The href of the document",
               "attribute": "href"
             },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional description of the file",
+              "attribute": "description"
+            },
             {
               "kind": "field",
               "name": "format",
@@ -5412,29 +5584,9 @@
               "attribute": "documentsize"
             },
             {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'base' | 'layer' | 'contrasted' | 'floating'"
-              },
-              "default": "'base'",
-              "description": "The link's theme variant.",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
-              },
-              "default": "'medium'",
-              "description": "The link's size.",
-              "attribute": "size"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -5444,11 +5596,11 @@
           ],
           "events": [
             {
-              "description": "Emitted when the link loses focus.",
+              "description": "Emitted when the card loses focus.",
               "name": "dsa-blur"
             },
             {
-              "description": "Emitted when the link gains focus.",
+              "description": "Emitted when the card gains focus.",
               "name": "dsa-focus"
             }
           ],
@@ -5458,9 +5610,18 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "The href of the document",
               "fieldName": "href"
             },
+            {
+              "name": "description",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional description of the file",
+              "fieldName": "description"
+            },
             {
               "name": "format",
               "type": {
@@ -5476,36 +5637,18 @@
               },
               "description": "The document size",
               "fieldName": "documentSize"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'base' | 'layer' | 'contrasted' | 'floating'"
-              },
-              "default": "'base'",
-              "description": "The link's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
-              },
-              "default": "'medium'",
-              "description": "The link's size.",
-              "fieldName": "size"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element"
           },
-          "summary": "Download links allow user to download a document.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/telechargement-de-fichier-s-file-download/lien-de-telechargement-download-link/web-VPKTnMc2",
+          "summary": "Download cards allow user to download a document.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/telechargement-de-fichier-s-file-download/carte-de-telechargement-download-card/web-JsBAkuby",
           "dependencies": [
             "dsa-icon"
           ],
-          "tagName": "dsa-download-link",
+          "tagName": "dsa-download-card",
           "customElement": true
         }
       ],
@@ -5514,16 +5657,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSADownloadLink",
-            "module": "components/download-link/download-link.js"
+            "name": "DSADownloadCard",
+            "module": "components/download-card/download-card.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-download-link",
+          "name": "dsa-download-card",
           "declaration": {
-            "name": "DSADownloadLink",
-            "module": "components/download-link/download-link.js"
+            "name": "DSADownloadCard",
+            "module": "components/download-card/download-card.js"
           }
         }
       ]
@@ -7310,262 +7453,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/format-date/format-date.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSAFormatDate",
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "date",
-              "type": {
-                "text": "Date | string"
-              },
-              "default": "new Date()",
-              "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
-              "attribute": "date"
-            },
-            {
-              "kind": "field",
-              "name": "weekday",
-              "type": {
-                "text": "'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the weekday.",
-              "attribute": "weekday"
-            },
-            {
-              "kind": "field",
-              "name": "era",
-              "type": {
-                "text": "'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the era.",
-              "attribute": "era"
-            },
-            {
-              "kind": "field",
-              "name": "year",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the year.",
-              "attribute": "year"
-            },
-            {
-              "kind": "field",
-              "name": "month",
-              "type": {
-                "text": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the month.",
-              "attribute": "month"
-            },
-            {
-              "kind": "field",
-              "name": "day",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the day.",
-              "attribute": "day"
-            },
-            {
-              "kind": "field",
-              "name": "hour",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the hour.",
-              "attribute": "hour"
-            },
-            {
-              "kind": "field",
-              "name": "minute",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the minute.",
-              "attribute": "minute"
-            },
-            {
-              "kind": "field",
-              "name": "second",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the second.",
-              "attribute": "second"
-            },
-            {
-              "kind": "field",
-              "name": "timeZoneName",
-              "type": {
-                "text": "'short' | 'long'"
-              },
-              "description": "The format for displaying the time.",
-              "attribute": "time-zone-name"
-            },
-            {
-              "kind": "field",
-              "name": "timeZone",
-              "type": {
-                "text": "string"
-              },
-              "description": "The time zone to express the time in.",
-              "attribute": "time-zone"
-            },
-            {
-              "kind": "field",
-              "name": "hourFormat",
-              "type": {
-                "text": "'auto' | '12' | '24'"
-              },
-              "default": "'auto'",
-              "description": "The format for displaying the hour.",
-              "attribute": "hour-format"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "date",
-              "type": {
-                "text": "Date | string"
-              },
-              "default": "new Date()",
-              "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
-              "fieldName": "date"
-            },
-            {
-              "name": "weekday",
-              "type": {
-                "text": "'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the weekday.",
-              "fieldName": "weekday"
-            },
-            {
-              "name": "era",
-              "type": {
-                "text": "'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the era.",
-              "fieldName": "era"
-            },
-            {
-              "name": "year",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the year.",
-              "fieldName": "year"
-            },
-            {
-              "name": "month",
-              "type": {
-                "text": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
-              },
-              "description": "The format for displaying the month.",
-              "fieldName": "month"
-            },
-            {
-              "name": "day",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the day.",
-              "fieldName": "day"
-            },
-            {
-              "name": "hour",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the hour.",
-              "fieldName": "hour"
-            },
-            {
-              "name": "minute",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the minute.",
-              "fieldName": "minute"
-            },
-            {
-              "name": "second",
-              "type": {
-                "text": "'numeric' | '2-digit'"
-              },
-              "description": "The format for displaying the second.",
-              "fieldName": "second"
-            },
-            {
-              "name": "time-zone-name",
-              "type": {
-                "text": "'short' | 'long'"
-              },
-              "description": "The format for displaying the time.",
-              "fieldName": "timeZoneName"
-            },
-            {
-              "name": "time-zone",
-              "type": {
-                "text": "string"
-              },
-              "description": "The time zone to express the time in.",
-              "fieldName": "timeZone"
-            },
-            {
-              "name": "hour-format",
-              "type": {
-                "text": "'auto' | '12' | '24'"
-              },
-              "default": "'auto'",
-              "description": "The format for displaying the hour.",
-              "fieldName": "hourFormat"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element"
-          },
-          "summary": "Formats a date/time using the specified locale and options.",
-          "documentation": "https://shoelace.style/components/format-date",
-          "tagName": "dsa-format-date",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSAFormatDate",
-            "module": "components/format-date/format-date.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-format-date",
-          "declaration": {
-            "name": "DSAFormatDate",
-            "module": "components/format-date/format-date.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/format-number/format-number.js",
@@ -7850,136 +7737,392 @@
           "name": "DSAHeader",
           "slots": [
             {
-              "description": "External links that will be displayed in the very top on desktop.",
-              "name": "external-links"
+              "description": "External links that will be displayed in the very top on desktop.",
+              "name": "external-links"
+            },
+            {
+              "description": "Optional second logo.",
+              "name": "second-logo"
+            },
+            {
+              "description": "Website / service name.",
+              "name": "site-name"
+            },
+            {
+              "description": "Baseline / precisions on the service.",
+              "name": "baseline"
+            },
+            {
+              "description": "Search component (dsa-header-search).",
+              "name": "search"
+            },
+            {
+              "description": "Right section of the header, used for action buttons.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n    this,\n    'external-links',\n    'second-logo',\n    'site-name',\n    'baseline',\n    'search'\n  )"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "externalLinks",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "firstLogo",
+              "type": {
+                "text": "| 'public'\n    | 'pro'"
+              },
+              "default": "'public'",
+              "description": "Choice bewteen public or pro for the first logo",
+              "attribute": "first-logo",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "logoHref",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The url of the first logo link",
+              "attribute": "logo-href",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "searchExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands the search",
+              "attribute": "search-expanded",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchExpandEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchCollapseEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchExpanded"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "first-logo",
+              "type": {
+                "text": "| 'public'\n    | 'pro'"
+              },
+              "default": "'public'",
+              "description": "Choice bewteen public or pro for the first logo",
+              "fieldName": "firstLogo"
+            },
+            {
+              "name": "logo-href",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The url of the first logo link",
+              "fieldName": "logoHref"
+            },
+            {
+              "name": "search-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands the search",
+              "fieldName": "searchExpanded"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "The header offers elements of information on the site (logos, title, etc.), a search field and a set of links and actions for the user.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/en-tete-header/en-tete-header/web-580agKvE",
+          "tagName": "dsa-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAHeader",
+            "module": "components/header/header.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-header",
+          "declaration": {
+            "name": "DSAHeader",
+            "module": "components/header/header.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/format-date/format-date.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAFormatDate",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string"
+              },
+              "default": "new Date()",
+              "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
+              "attribute": "date"
             },
             {
-              "description": "Optional second logo.",
-              "name": "second-logo"
+              "kind": "field",
+              "name": "weekday",
+              "type": {
+                "text": "'narrow' | 'short' | 'long'"
+              },
+              "description": "The format for displaying the weekday.",
+              "attribute": "weekday"
             },
             {
-              "description": "Website / service name.",
-              "name": "site-name"
+              "kind": "field",
+              "name": "era",
+              "type": {
+                "text": "'narrow' | 'short' | 'long'"
+              },
+              "description": "The format for displaying the era.",
+              "attribute": "era"
             },
             {
-              "description": "Baseline / precisions on the service.",
-              "name": "baseline"
+              "kind": "field",
+              "name": "year",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the year.",
+              "attribute": "year"
             },
             {
-              "description": "Search component (dsa-header-search).",
-              "name": "search"
+              "kind": "field",
+              "name": "month",
+              "type": {
+                "text": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
+              },
+              "description": "The format for displaying the month.",
+              "attribute": "month"
             },
             {
-              "description": "Right section of the header, used for action buttons.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "day",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the day.",
+              "attribute": "day"
+            },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(\n    this,\n    'external-links',\n    'second-logo',\n    'site-name',\n    'baseline',\n    'search'\n  )"
+              "name": "hour",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the hour.",
+              "attribute": "hour"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "minute",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the minute.",
+              "attribute": "minute"
             },
             {
               "kind": "field",
-              "name": "externalLinks",
+              "name": "second",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the second.",
+              "attribute": "second"
             },
             {
               "kind": "field",
-              "name": "firstLogo",
+              "name": "timeZoneName",
               "type": {
-                "text": "| 'public'\n    | 'pro'"
+                "text": "'short' | 'long'"
               },
-              "default": "'public'",
-              "description": "Choice bewteen public or pro for the first logo",
-              "attribute": "first-logo",
-              "reflects": true
+              "description": "The format for displaying the time.",
+              "attribute": "time-zone-name"
             },
             {
               "kind": "field",
-              "name": "logoHref",
+              "name": "timeZone",
               "type": {
                 "text": "string"
               },
-              "default": "'/'",
-              "description": "The url of the first logo link",
-              "attribute": "logo-href",
-              "reflects": true
+              "description": "The time zone to express the time in.",
+              "attribute": "time-zone"
             },
             {
               "kind": "field",
-              "name": "searchExpanded",
+              "name": "hourFormat",
               "type": {
-                "text": "boolean"
+                "text": "'auto' | '12' | '24'"
               },
-              "default": "false",
-              "description": "Expands the search",
-              "attribute": "search-expanded",
-              "reflects": true
+              "default": "'auto'",
+              "description": "The format for displaying the hour.",
+              "attribute": "hour-format"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date | string"
+              },
+              "default": "new Date()",
+              "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
+              "fieldName": "date"
             },
             {
-              "kind": "method",
-              "name": "handleSearchExpandEvent",
-              "privacy": "private"
+              "name": "weekday",
+              "type": {
+                "text": "'narrow' | 'short' | 'long'"
+              },
+              "description": "The format for displaying the weekday.",
+              "fieldName": "weekday"
             },
             {
-              "kind": "method",
-              "name": "handleSearchCollapseEvent",
-              "privacy": "private"
+              "name": "era",
+              "type": {
+                "text": "'narrow' | 'short' | 'long'"
+              },
+              "description": "The format for displaying the era.",
+              "fieldName": "era"
             },
             {
-              "kind": "method",
-              "name": "handleSearchExpanded"
-            }
-          ],
-          "attributes": [
+              "name": "year",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the year.",
+              "fieldName": "year"
+            },
             {
-              "name": "first-logo",
+              "name": "month",
               "type": {
-                "text": "| 'public'\n    | 'pro'"
+                "text": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
               },
-              "default": "'public'",
-              "description": "Choice bewteen public or pro for the first logo",
-              "fieldName": "firstLogo"
+              "description": "The format for displaying the month.",
+              "fieldName": "month"
             },
             {
-              "name": "logo-href",
+              "name": "day",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the day.",
+              "fieldName": "day"
+            },
+            {
+              "name": "hour",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the hour.",
+              "fieldName": "hour"
+            },
+            {
+              "name": "minute",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the minute.",
+              "fieldName": "minute"
+            },
+            {
+              "name": "second",
+              "type": {
+                "text": "'numeric' | '2-digit'"
+              },
+              "description": "The format for displaying the second.",
+              "fieldName": "second"
+            },
+            {
+              "name": "time-zone-name",
+              "type": {
+                "text": "'short' | 'long'"
+              },
+              "description": "The format for displaying the time.",
+              "fieldName": "timeZoneName"
+            },
+            {
+              "name": "time-zone",
               "type": {
                 "text": "string"
               },
-              "default": "'/'",
-              "description": "The url of the first logo link",
-              "fieldName": "logoHref"
+              "description": "The time zone to express the time in.",
+              "fieldName": "timeZone"
             },
             {
-              "name": "search-expanded",
+              "name": "hour-format",
               "type": {
-                "text": "boolean"
+                "text": "'auto' | '12' | '24'"
               },
-              "default": "false",
-              "description": "Expands the search",
-              "fieldName": "searchExpanded"
+              "default": "'auto'",
+              "description": "The format for displaying the hour.",
+              "fieldName": "hourFormat"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element"
           },
-          "summary": "The header offers elements of information on the site (logos, title, etc.), a search field and a set of links and actions for the user.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/en-tete-header/en-tete-header/web-580agKvE",
-          "tagName": "dsa-header",
+          "summary": "Formats a date/time using the specified locale and options.",
+          "documentation": "https://shoelace.style/components/format-date",
+          "tagName": "dsa-format-date",
           "customElement": true
         }
       ],
@@ -7988,16 +8131,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAHeader",
-            "module": "components/header/header.js"
+            "name": "DSAFormatDate",
+            "module": "components/format-date/format-date.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-header",
+          "name": "dsa-format-date",
           "declaration": {
-            "name": "DSAHeader",
-            "module": "components/header/header.js"
+            "name": "DSAFormatDate",
+            "module": "components/format-date/format-date.js"
           }
         }
       ]
@@ -11607,28 +11750,20 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "handlePhonePrefixChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DSAChangeEvent"
-                  }
-                }
-              ]
+            {
+              "kind": "method",
+              "name": "updateValue",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handlePhonePrefixKeydown",
+              "name": "handlePhonePrefixChange",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "DSAChangeEvent"
                   }
                 }
               ]
@@ -11707,6 +11842,10 @@
               "kind": "method",
               "name": "handleValueChange"
             },
+            {
+              "kind": "method",
+              "name": "handlePhoneChange"
+            },
             {
               "kind": "method",
               "name": "focus",
@@ -14012,6 +14151,16 @@
               "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
               "attribute": "auto-size-padding"
             },
+            {
+              "kind": "field",
+              "name": "hoverBridge",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+              "attribute": "hover-bridge"
+            },
             {
               "kind": "method",
               "name": "handleAnchorChange",
@@ -14036,6 +14185,11 @@
               "kind": "method",
               "name": "reposition",
               "description": "Forces the popup to recalculate and reposition itself."
+            },
+            {
+              "kind": "field",
+              "name": "updateHoverBridge",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -14227,6 +14381,15 @@
               "default": "0",
               "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
               "fieldName": "autoSizePadding"
+            },
+            {
+              "name": "hover-bridge",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+              "fieldName": "hoverBridge"
             }
           ],
           "superclass": {
@@ -16585,6 +16748,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focusNextTagOrInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "getAllOptions",
@@ -20085,7 +20261,7 @@
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleDocumentKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -22470,6 +22646,14 @@
               "kind": "method",
               "name": "handleOpenChange"
             },
+            {
+              "kind": "method",
+              "name": "handleStartPropChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleEndPropChange"
+            },
             {
               "kind": "method",
               "name": "focus",
@@ -23620,111 +23804,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/table/table-action/table-action.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSATableAction",
-          "slots": [
-            {
-              "description": "Used to indicate the number of selected items.",
-              "name": "label"
-            },
-            {
-              "description": "Used to contain the actions.",
-              "name": "action"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "closeButton",
-              "type": {
-                "text": "DSAButton"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleShowChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the close button is activated.",
-              "name": "dsa-table-actions-close"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "fieldName": "show"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element"
-          },
-          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
-          "dependencies": [
-            "dsa-button",
-            "dsa-divider",
-            "dsa-icon"
-          ],
-          "tagName": "dsa-table-action",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table/table-action/table-action.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-table-action",
-          "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table/table-action/table-action.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/navbar/navbar-menu/navbar-menu.js",
@@ -23985,6 +24064,111 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/table/table-action/table-action.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSATableAction",
+          "slots": [
+            {
+              "description": "Used to indicate the number of selected items.",
+              "name": "label"
+            },
+            {
+              "description": "Used to contain the actions.",
+              "name": "action"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "type": {
+                "text": "DSAButton"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`true` if it should be visible.",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleShowChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the close button is activated.",
+              "name": "dsa-table-actions-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`true` if it should be visible.",
+              "fieldName": "show"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
+          "dependencies": [
+            "dsa-button",
+            "dsa-divider",
+            "dsa-icon"
+          ],
+          "tagName": "dsa-table-action",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSATableAction",
+            "module": "components/table/table-action/table-action.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-table-action",
+          "declaration": {
+            "name": "DSATableAction",
+            "module": "components/table/table-action/table-action.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/table/table-body/table-body.js",
@@ -25574,7 +25758,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "1.16.2",
+    "version": "1.17.0",
     "author": "CNSA",
     "license": "MIT"
   }