@agregio-solutions/design-system 1.45.0 → 1.45.2

package/dist/design-system.js

@@ -22027,42 +22027,103 @@ function uC({
 }
 const QB = y.forwardRef(
   ({ children: e, ...t }, n) => /* @__PURE__ */ m(bv, { ...t, ref: n, children: e })
-), aC = F.div`
+), aC = F.span`
+  align-items: center;
+  background-color: var(--color-content-neutral-secondary);
+  border-radius: var(--spacing-xxs);
+  color: var(--color-content-neutral-primary-reversed);
+  display: inline-flex;
+  font-weight: 700;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs)
+    var(--spacing-xs);
+
+  &[data-size="small"] {
+    font-size: ${Q.xxSmall};
+    line-height: ${le.xxSmall};
+  }
+
+  &[data-size="medium"] {
+    font-size: ${Q.extraSmall};
+    line-height: ${le.extraSmall};
+  }
+`, iC = F.button`
+  all: unset;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+
+  &:focus-visible {
+    outline: 2px solid var(--color-background-highlight-focus);
+    border-radius: var(--radius-rounded);
+  }
+`, oC = F(De)`
+  color: var(--color-content-neutral-primary-reversed);
+
+  &[data-size="small"] {
+    width: ${Q.small};
+  }
+
+  &[data-size="medium"] {
+    width: ${Q.large};
+  }
+`, lC = ({ value: e, size: t = "medium", onClose: n }) => {
+  const r = it(sC);
+  return /* @__PURE__ */ q(aC, { "data-size": t, children: [
+    /* @__PURE__ */ m("span", { children: e }),
+    /* @__PURE__ */ m(
+      iC,
+      {
+        type: "button",
+        onClick: n,
+        "aria-label": `${r.close} ${e}`,
+        children: /* @__PURE__ */ m(oC, { name: "close", "data-size": t })
+      }
+    )
+  ] });
+}, sC = {
+  en: {
+    close: "Close"
+  },
+  fr: {
+    close: "Fermer"
+  }
+}, dC = F.div`
   display: flex;
   column-gap: var(--spacing-xxs);
   font-size: ${Q.small};
   line-height: ${le.small};
   font-weight: 700;
   color: var(--color-content-neutral-primary);
-`, iC = F.span`
+`, cC = F.span`
   color: var(--color-content-message-negative-darker);
-`, oC = F.label``, lC = F(De)`
+`, fC = F.label``, pC = F(De)`
   font-size: ${le.small};
 `;
-function sC({
+function mC({
   htmlForId: e,
   required: t,
   label: n,
   labelIconRight: r,
   ...u
 }) {
-  return /* @__PURE__ */ q(aC, { ...u, className: Nl("Label", u.className), children: [
-    !!t && /* @__PURE__ */ m(iC, { title: "Required", "aria-hidden": "true", children: "*" }),
-    /* @__PURE__ */ m(oC, { htmlFor: e, children: n }),
-    !!r && /* @__PURE__ */ m(lC, { name: r })
+  return /* @__PURE__ */ q(dC, { ...u, className: Nl("Label", u.className), children: [
+    !!t && /* @__PURE__ */ m(cC, { title: "Required", "aria-hidden": "true", children: "*" }),
+    /* @__PURE__ */ m(fC, { htmlFor: e, children: n }),
+    !!r && /* @__PURE__ */ m(pC, { name: r })
   ] });
 }
-const dC = F.div`
+const hC = F.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   row-gap: var(--spacing-xs);
-`, cC = F.div`
+`, gC = F.div`
   font-size: ${Q.extraSmall};
   line-height: ${le.extraSmall};
   font-weight: 400;
   color: var(--color-content-neutral-secondary);
-`, fC = F.div`
+`, bC = F.div`
   display: flex;
   align-items: center;
   column-gap: var(--spacing-xxs);
@@ -22081,7 +22142,7 @@ const dC = F.div`
   &[data-nature="positive"] {
     color: var(--color-content-message-positive-darker);
   }
-`, pC = F(De)`
+`, vC = F(De)`
   font-size: ${le.xxSmall};
 `;
 function Ao({
@@ -22090,12 +22151,12 @@ function Ao({
   nature: n = "default"
 }) {
   return /* @__PURE__ */ q(
-    fC,
+    bC,
     {
       "data-nature": n,
       role: n === "negative" ? "alert" : void 0,
       children: [
-        !!e && /* @__PURE__ */ m(pC, { name: e }),
+        !!e && /* @__PURE__ */ m(vC, { name: e }),
         t
       ]
     }
@@ -22116,9 +22177,9 @@ const on = y.forwardRef(
     successHelperText: d,
     errorHelperText: f,
     ...p
-  }, c) => /* @__PURE__ */ q(dC, { ref: c, ...p, children: [
+  }, c) => /* @__PURE__ */ q(hC, { ref: c, ...p, children: [
     !!n && /* @__PURE__ */ m(
-      sC,
+      mC,
       {
         htmlForId: e,
         label: n,
@@ -22126,7 +22187,7 @@ const on = y.forwardRef(
         required: t
       }
     ),
-    !!u && /* @__PURE__ */ m(cC, { children: u }),
+    !!u && /* @__PURE__ */ m(gC, { children: u }),
     o,
     !!f && /* @__PURE__ */ m(
       Ao,
@@ -22153,13 +22214,13 @@ const on = y.forwardRef(
       }
     )
   ] })
-), mC = F(Lv)`
+), yC = F(Lv)`
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, hC = F.div`
+`, $C = F.div`
   position: relative;
-`, gC = F(Le)`
+`, CC = F(Le)`
   position: absolute;
   top: 0;
   right: 0;
@@ -22168,7 +22229,7 @@ const on = y.forwardRef(
   background-color: transparent !important;
   outline: none !important;
   box-shadow: none !important;
-`, bC = F(nr)``, vC = F(Pi)`
+`, DC = F(nr)``, xC = F(Pi)`
   ${Nu};
   z-index: var(--z-index-dropdown);
   outline: none;
@@ -22288,7 +22349,7 @@ const fp = F(Ts).withConfig({
     required: e.required
   };
   return /* @__PURE__ */ m(on, { ...u, children: /* @__PURE__ */ q(
-    mC,
+    yC,
     {
       id: e.id,
       isDisabled: e.disabled,
@@ -22308,7 +22369,7 @@ const fp = F(Ts).withConfig({
       items: e.items,
       defaultItems: e.defaultItems,
       children: [
-        /* @__PURE__ */ q(hC, { children: [
+        /* @__PURE__ */ q($C, { children: [
           /* @__PURE__ */ m(
             fp,
             {
@@ -22319,9 +22380,9 @@ const fp = F(Ts).withConfig({
               hasIcon: !0
             }
           ),
-          /* @__PURE__ */ m(gC, { iconLeft: "expand_more", mode: "tertiary" })
+          /* @__PURE__ */ m(CC, { iconLeft: "expand_more", mode: "tertiary" })
         ] }),
-        /* @__PURE__ */ m(bC, { offset: 4, placement: "bottom", children: /* @__PURE__ */ m(vC, { children: (a) => /* @__PURE__ */ m(Mr, { ...a }) }) })
+        /* @__PURE__ */ m(DC, { offset: 4, placement: "bottom", children: /* @__PURE__ */ m(xC, { children: (a) => /* @__PURE__ */ m(Mr, { ...a }) }) })
       ]
     }
   ) });
@@ -22337,21 +22398,21 @@ const fp = F(Ts).withConfig({
    * @license MIT
    */
 function Vc(e, t) {
-  return e ? yC(e) ? /* @__PURE__ */ Fl.createElement(e, t) : e : null;
+  return e ? EC(e) ? /* @__PURE__ */ Fl.createElement(e, t) : e : null;
 }
-function yC(e) {
-  return $C(e) || typeof e == "function" || CC(e);
+function EC(e) {
+  return wC(e) || typeof e == "function" || BC(e);
 }
-function $C(e) {
+function wC(e) {
   return typeof e == "function" && (() => {
     const t = Object.getPrototypeOf(e);
     return t.prototype && t.prototype.isReactComponent;
   })();
 }
-function CC(e) {
+function BC(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-const DC = F.tr`
+const kC = F.tr`
   background-color: var(--color-content-neutral-primary-reversed);
 
   &[data-depth="1"] {
@@ -22362,14 +22423,14 @@ const DC = F.tr`
     background-color: var(--color-content-action-action-lighter);
   }
 `;
-function xC({
+function SC({
   children: e,
   depth: t = 0,
   ...n
 }) {
-  return /* @__PURE__ */ m(DC, { ...n, "data-depth": t, children: e });
+  return /* @__PURE__ */ m(kC, { ...n, "data-depth": t, children: e });
 }
-const EC = F(tp)`
+const PC = F(tp)`
   &[data-fullwidth="true"] {
     width: 100%;
   }
@@ -22438,7 +22499,7 @@ const EC = F(tp)`
   &[data-nature="positive"] {
     outline-color: var(--color-content-message-positive-darker);
   }
-`, wC = dy, Oc = F(De)`
+`, AC = dy, Oc = F(De)`
   flex: none;
   font-size: ${Q.large};
   color: var(--color-content-neutral-tertiary);
@@ -22451,12 +22512,12 @@ const EC = F(tp)`
   z-index: var(--z-index-dropdown);
   outline: none;
   width: var(--trigger-width);
-`, BC = F.span`
+`, FC = F.span`
   display: flex;
   align-items: center;
   column-gap: var(--spacing-xs);
 `;
-function kC() {
+function TC() {
   return typeof window.ResizeObserver < "u";
 }
 function pp(e) {
@@ -22464,7 +22525,7 @@ function pp(e) {
   ie(() => {
     const r = t == null ? void 0 : t.current;
     if (r)
-      if (kC()) {
+      if (TC()) {
         const u = new window.ResizeObserver((a) => {
           a.length && n();
         });
@@ -22479,7 +22540,7 @@ function pp(e) {
 }
 const Nc = y.forwardRef((e, t) => {
   var d, f;
-  const n = it(SC), r = e["aria-label"] ?? String(e.label), u = rr({
+  const n = it(IC), r = e["aria-label"] ?? String(e.label), u = rr({
     nature: e.nature,
     successHelperText: e.successHelperText,
     errorHelperText: e.errorHelperText
@@ -22518,7 +22579,7 @@ const Nc = y.forwardRef((e, t) => {
             isDisabled: e.disabled,
             children: [
               !((d = e.selectedKeys) != null && d.length) && /* @__PURE__ */ m("span", { children: e.placeholder || "" }),
-              !!((f = e.selectedKeys) != null && f.length) && /* @__PURE__ */ q(BC, { children: [
+              !!((f = e.selectedKeys) != null && f.length) && /* @__PURE__ */ q(FC, { children: [
                 /* @__PURE__ */ m(op, { value: e.selectedKeys.length, nature: "informative" }),
                 e.selectedKeys.length === 1 ? ` ${n.itemSelected}` : ` ${n.itemsSelected}`
               ] }),
@@ -22543,7 +22604,7 @@ const Nc = y.forwardRef((e, t) => {
       ]
     }
   ) }) : /* @__PURE__ */ m(on, { ...a, children: /* @__PURE__ */ q(
-    EC,
+    PC,
     {
       ref: t,
       id: e.id,
@@ -22570,7 +22631,7 @@ const Nc = y.forwardRef((e, t) => {
             "data-nature": u,
             "data-fullwidth": e.fullWidth,
             children: [
-              /* @__PURE__ */ m(wC, { children: (p) => p.isPlaceholder ? e.placeholder || "" : p.selectedText }),
+              /* @__PURE__ */ m(AC, { children: (p) => p.isPlaceholder ? e.placeholder || "" : p.selectedText }),
               /* @__PURE__ */ m(Oc, { name: "expand_more", "data-disabled": e.disabled })
             ]
           }
@@ -22579,7 +22640,7 @@ const Nc = y.forwardRef((e, t) => {
       ]
     }
   ) });
-}), SC = {
+}), IC = {
   en: {
     itemsSelected: " items selected",
     itemSelected: " item selected",
@@ -22591,10 +22652,10 @@ const Nc = y.forwardRef((e, t) => {
     selectionFor: " sélection pour"
   }
 };
-function PC(e, t) {
+function RC(e, t) {
   return Array.from({ length: e }, (n, r) => r + 0);
 }
-const AC = F.div`
+const MC = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -22603,36 +22664,36 @@ const AC = F.div`
   .Label {
     display: none;
   }
-`, FC = F.div`
+`, VC = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-`, TC = F.div`
+`, KC = F.div`
   margin-right: var(--spacing-xs);
   color: var(--color-content-neutral-secondary);
   font-size: ${Q.extraSmall};
   font-style: normal;
   font-weight: 400;
   line-height: ${le.extraSmall};
-`, IC = F.div`
+`, OC = F.div`
   margin-left: var(--spacing-sm);
   color: var(--color-content-neutral-secondary);
   font-size: ${Q.xxSmall};
   font-style: normal;
   font-weight: 400;
   line-height: ${le.xxSmall};
-`, RC = F.div`
+`, LC = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   column-gap: var(--spacing-sm);
-`, MC = F.div`
+`, zC = F.div`
   color: var(--color-content-neutral-secondary);
   font-size: ${Q.xxSmall};
   font-style: normal;
   font-weight: 400;
   line-height: ${le.xxSmall};
-`, VC = y.forwardRef(
+`, NC = y.forwardRef(
   ({
     count: e,
     onPageChange: t,
@@ -22642,7 +22703,7 @@ const AC = F.div`
     onItemsPerPageChange: a,
     ...i
   }, o) => {
-    const l = it(KC), s = Z(
+    const l = it(jC), s = Z(
       () => n * u + 1,
       [u, n]
     ), d = Z(
@@ -22655,9 +22716,9 @@ const AC = F.div`
       () => Math.max(f - 1, 0),
       [f]
     );
-    return /* @__PURE__ */ q(AC, { ...i, ref: o, children: [
-      /* @__PURE__ */ q(FC, { children: [
-        /* @__PURE__ */ m(TC, { children: l.itemsPerPage }),
+    return /* @__PURE__ */ q(MC, { ...i, ref: o, children: [
+      /* @__PURE__ */ q(VC, { children: [
+        /* @__PURE__ */ m(KC, { children: l.itemsPerPage }),
         /* @__PURE__ */ m(
           Nc,
           {
@@ -22677,7 +22738,7 @@ const AC = F.div`
             ))
           }
         ),
-        /* @__PURE__ */ q(IC, { "data-testid": "table-pagination-items-range", children: [
+        /* @__PURE__ */ q(OC, { "data-testid": "table-pagination-items-range", children: [
           /* @__PURE__ */ m("b", { children: s }),
           " - ",
           /* @__PURE__ */ m("b", { children: d }),
@@ -22689,7 +22750,7 @@ const AC = F.div`
           l.items
         ] })
       ] }),
-      /* @__PURE__ */ q(RC, { children: [
+      /* @__PURE__ */ q(LC, { children: [
         /* @__PURE__ */ m(
           Nc,
           {
@@ -22699,7 +22760,7 @@ const AC = F.div`
             value: String(n),
             onChange: (c) => t(Number(c)),
             fullWidth: !0,
-            children: PC(f).map((c) => /* @__PURE__ */ m(
+            children: RC(f).map((c) => /* @__PURE__ */ m(
               Mr,
               {
                 id: String(c),
@@ -22709,7 +22770,7 @@ const AC = F.div`
             ))
           }
         ),
-        /* @__PURE__ */ q(MC, { "data-testid": "table-pagination-pages-range", children: [
+        /* @__PURE__ */ q(zC, { "data-testid": "table-pagination-pages-range", children: [
           l.on,
           " ",
           /* @__PURE__ */ m("b", { children: f }),
@@ -22761,7 +22822,7 @@ const AC = F.div`
       ] })
     ] });
   }
-), KC = {
+), jC = {
   en: {
     itemsPerPage: "Item per page",
     selectItemsPerPage: "Select the number of items per page",
@@ -22788,7 +22849,7 @@ const AC = F.div`
     goToNextPage: "Aller à la page suivante",
     goToLastPage: "Aller à la dernière page"
   }
-}, OC = F.table`
+}, HC = F.table`
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
@@ -22802,21 +22863,21 @@ const AC = F.div`
     }
   }
 `;
-function LC({
+function _C({
   children: e,
   ...t
 }) {
-  return /* @__PURE__ */ m(OC, { ...t, children: e });
+  return /* @__PURE__ */ m(HC, { ...t, children: e });
 }
-const zC = F.div`
+const ZC = F.div`
   padding: var(--spacing-md);
   text-align: center;
   color: var(--color-content-message-warning);
   background-color: var(--color-content-neutral-primary-reversed);
 `;
-function NC({ withFilters: e }) {
-  const t = it(jC);
-  return /* @__PURE__ */ q(zC, { children: [
+function UC({ withFilters: e }) {
+  const t = it(WC);
+  return /* @__PURE__ */ q(ZC, { children: [
     t.noData,
     e && /* @__PURE__ */ q("b", { children: [
       " ",
@@ -22825,7 +22886,7 @@ function NC({ withFilters: e }) {
     "."
   ] });
 }
-const jC = {
+const WC = {
   en: {
     noData: "Sorry, there is currently no data to display",
     withFilters: "with the active filters"
@@ -22834,10 +22895,10 @@ const jC = {
     noData: "Désolé, il n'y a actuellement aucune donnée à afficher",
     withFilters: "avec les filtres actifs"
   }
-}, HC = F.div`
+}, GC = F.div`
   overflow-x: auto;
   width: 100%;
-`, _C = F.td`
+`, qC = F.td`
   padding: var(--spacing-sm);
 `;
 function tk({
@@ -22849,18 +22910,18 @@ function tk({
   var a;
   const u = e.getState().columnFilters.length > 0 || ((a = e.getState().globalFilter) == null ? void 0 : a.length) > 0;
   return /* @__PURE__ */ q("div", { ...r, children: [
-    /* @__PURE__ */ m(HC, { children: /* @__PURE__ */ q(LC, { children: [
+    /* @__PURE__ */ m(GC, { children: /* @__PURE__ */ q(_C, { children: [
       /* @__PURE__ */ m("thead", { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ m("tr", { children: i.headers.map((o) => /* @__PURE__ */ m(y.Fragment, { children: Vc(
         o.column.columnDef.header,
         o.getContext()
       ) }, o.id)) }, i.id)) }),
       /* @__PURE__ */ m("tbody", { children: e.getRowModel().rows.map((i) => /* @__PURE__ */ q(Wp, { children: [
-        /* @__PURE__ */ m(xC, { depth: i.depth, children: i.getVisibleCells().map((o) => /* @__PURE__ */ m(y.Fragment, { children: Vc(
+        /* @__PURE__ */ m(SC, { depth: i.depth, children: i.getVisibleCells().map((o) => /* @__PURE__ */ m(y.Fragment, { children: Vc(
           o.column.columnDef.cell,
           o.getContext()
         ) }, o.id)) }),
         i.getIsExpanded() && !!n && /* @__PURE__ */ m("tr", { children: /* @__PURE__ */ m(
-          _C,
+          qC,
           {
             colSpan: i.getVisibleCells().length,
             children: n({ row: i })
@@ -22868,9 +22929,9 @@ function tk({
         ) })
       ] }, i.id)) })
     ] }) }),
-    e.getRowCount() === 0 && /* @__PURE__ */ m(NC, { withFilters: u }),
+    e.getRowCount() === 0 && /* @__PURE__ */ m(UC, { withFilters: u }),
     !!t && /* @__PURE__ */ m(
-      VC,
+      NC,
       {
         count: e.getRowCount(),
         onPageChange: e.setPageIndex,
@@ -22882,7 +22943,7 @@ function tk({
     )
   ] });
 }
-const ZC = F.td`
+const YC = F.td`
   padding: 0;
 
   &[data-border="left"],
@@ -22894,7 +22955,7 @@ const ZC = F.td`
   &[data-border="both"] {
     border-right: 1px solid var(--color-content-neutral-stroke);
   }
-`, UC = F.div`
+`, JC = F.div`
   display: flex;
   align-items: center;
   column-gap: var(--spacing-xxs);
@@ -22921,7 +22982,7 @@ const ZC = F.td`
   > [data-design-system-component="Checkbox"] {
     padding: 0 !important;
   }
-`, WC = F(De)`
+`, XC = F(De)`
   display: inline-block;
   font-size: ${Q.large};
 `;
@@ -22932,12 +22993,12 @@ function nk({
   align: r = "left",
   ...u
 }) {
-  return /* @__PURE__ */ m(ZC, { ...u, "data-border": n, children: /* @__PURE__ */ q(UC, { "data-align": r, children: [
-    !!t && /* @__PURE__ */ m(WC, { name: t }),
+  return /* @__PURE__ */ m(YC, { ...u, "data-border": n, children: /* @__PURE__ */ q(JC, { "data-align": r, children: [
+    !!t && /* @__PURE__ */ m(XC, { name: t }),
     e
   ] }) });
 }
-const GC = F.th`
+const QC = F.th`
   padding: 0;
   vertical-align: bottom;
   background: var(--color-background-neutral-underground-1);
@@ -22951,7 +23012,7 @@ const GC = F.th`
   &[data-border="both"] {
     border-right: 1px solid var(--color-content-neutral-stroke);
   }
-`, qC = F.div`
+`, eD = F.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -22990,7 +23051,7 @@ const GC = F.th`
   ${Bl} {
     color: var(--color-content-neutral-primary);
   }
-`, YC = F(mp)`
+`, tD = F(mp)`
   height: ${Q.large};
 `;
 function rk({
@@ -23002,11 +23063,11 @@ function rk({
   align: a = "left",
   ...i
 }) {
-  return /* @__PURE__ */ m(GC, { ...i, "data-border": u, children: /* @__PURE__ */ q(qC, { "data-align": a, children: [
+  return /* @__PURE__ */ m(QC, { ...i, "data-border": u, children: /* @__PURE__ */ q(eD, { "data-align": a, children: [
     !!t && /* @__PURE__ */ m(Bl, { name: t }),
     /* @__PURE__ */ m(mp, { type: "button", onClick: r, disabled: !r, children: e }),
     !!r && n !== "none" && /* @__PURE__ */ m(
-      YC,
+      tD,
       {
         type: "button",
         onClick: r,
@@ -23021,20 +23082,20 @@ function rk({
     )
   ] }) });
 }
-const JC = F(Gv)`
+const nD = F(Gv)`
   display: flex;
 
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, XC = F(Fs)`
+`, rD = F(Fs)`
   display: flex;
   column-gap: var(--spacing-xxs);
 
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, QC = F(Ks)`
+`, uD = F(Ks)`
   position: relative;
   display: inline-flex;
   justify-content: flex-start;
@@ -23094,11 +23155,11 @@ const hp = Or`
   table {
     border-collapse: separate;
   }
-`, eD = F(ov)`
+`, aD = F(ov)`
   ${hp}
-`, tD = F(iv)`
+`, iD = F(iv)`
   ${hp}
-`, nD = F(lv)`
+`, oD = F(lv)`
   margin-left: auto;
   margin-right: auto;
   border-spacing: 0 var(--spacing-xs);
@@ -23148,17 +23209,17 @@ const hp = Or`
       );
     }
   }
-`, rD = F.header`
+`, lD = F.header`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: var(--spacing-xs);
-`, uD = F(Ri)`
+`, sD = F(Ri)`
   font-size: ${Q.small};
   line-height: ${le.small};
   color: var(--color-content-neutral-secondary);
   font-weight: bold;
-`, aD = F(hv)`
+`, dD = F(hv)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -23202,13 +23263,13 @@ const hp = Or`
   }
 `;
 function gp({ mode: e }) {
-  return /* @__PURE__ */ q(e === "single" ? tD : eD, { children: [
-    /* @__PURE__ */ q(rD, { children: [
+  return /* @__PURE__ */ q(e === "single" ? iD : aD, { children: [
+    /* @__PURE__ */ q(lD, { children: [
       /* @__PURE__ */ m(Le, { iconLeft: "chevron_left", slot: "previous", mode: "tertiary" }),
-      /* @__PURE__ */ m(uD, {}),
+      /* @__PURE__ */ m(sD, {}),
       /* @__PURE__ */ m(Le, { iconLeft: "chevron_right", slot: "next", mode: "tertiary" })
     ] }),
-    /* @__PURE__ */ m(nD, { "data-mode": e, children: (n) => /* @__PURE__ */ m(aD, { date: n, "data-mode": e }) })
+    /* @__PURE__ */ m(oD, { "data-mode": e, children: (n) => /* @__PURE__ */ m(dD, { date: n, "data-mode": e }) })
   ] });
 }
 const uk = y.forwardRef(
@@ -23238,7 +23299,7 @@ const uk = y.forwardRef(
     ampm: B,
     ...P
   }, b) => {
-    const I = it(iD), T = P["aria-label"] ?? String(n), k = rr({
+    const I = it(cD), T = P["aria-label"] ?? String(n), k = rr({
       nature: p,
       successHelperText: s,
       errorHelperText: o
@@ -23258,7 +23319,7 @@ const uk = y.forwardRef(
     }, x = D ? zt("2000-01-01T00:00:00", D) : void 0;
     let A;
     return B === !0 && (A = 12), B === !1 && (A = 24), /* @__PURE__ */ m(on, { ...z, ref: b, children: /* @__PURE__ */ q(
-      JC,
+      nD,
       {
         ...P,
         id: t,
@@ -23275,9 +23336,9 @@ const uk = y.forwardRef(
         maxValue: zt(C, D) ?? void 0,
         isDateUnavailable: w ? (j) => w(mu(j)) : void 0,
         children: [
-          /* @__PURE__ */ q(XC, { "data-fullwidth": c, children: [
+          /* @__PURE__ */ q(rD, { "data-fullwidth": c, children: [
             /* @__PURE__ */ m(
-              QC,
+              uD,
               {
                 "data-fullwidth": c,
                 "aria-disabled": h,
@@ -23299,27 +23360,27 @@ const uk = y.forwardRef(
       }
     ) });
   }
-), iD = {
+), cD = {
   en: {
     openCalendar: "Open calendar "
   },
   fr: {
     openCalendar: "Ouvrir le calendrier "
   }
-}, oD = F(qv)`
+}, fD = F(qv)`
   display: flex;
 
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, lD = F(Fs)`
+`, pD = F(Fs)`
   display: flex;
   column-gap: var(--spacing-xxs);
 
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, sD = F.div`
+`, mD = F.div`
   display: flex;
   align-items: center;
   outline: 1px solid var(--color-content-neutral-stroke);
@@ -23344,7 +23405,7 @@ const uk = y.forwardRef(
   &[data-nature="positive"] {
     outline-color: var(--color-content-message-positive-darker);
   }
-`, dD = F.span`
+`, hD = F.span`
   display: inline-block;
   margin: 0 var(--spacing-xxs);
 `, jc = F(Ks)`
@@ -23401,7 +23462,7 @@ const uk = y.forwardRef(
     ampm: B,
     ...P
   }, b) => {
-    const I = it(cD), T = P["aria-label"] ?? String(n), k = rr({
+    const I = it(gD), T = P["aria-label"] ?? String(n), k = rr({
       nature: p,
       successHelperText: s,
       errorHelperText: o
@@ -23421,7 +23482,7 @@ const uk = y.forwardRef(
     }, x = D && zt("2000-01-01T00:00:00", D) || void 0;
     let A;
     return B === !0 && (A = 12), B === !1 && (A = 24), /* @__PURE__ */ m(on, { ...z, ref: b, children: /* @__PURE__ */ q(
-      oD,
+      fD,
       {
         ...P,
         id: t,
@@ -23441,16 +23502,16 @@ const uk = y.forwardRef(
         maxValue: C ? zt(C, D) : void 0,
         isDateUnavailable: w ? (j) => w(mu(j)) : void 0,
         children: [
-          /* @__PURE__ */ q(lD, { "data-fullwidth": c, children: [
+          /* @__PURE__ */ q(pD, { "data-fullwidth": c, children: [
             /* @__PURE__ */ q(
-              sD,
+              mD,
               {
                 "data-disabled": h,
                 "data-nature": k,
                 "data-fullwidth": c,
                 children: [
                   /* @__PURE__ */ m(jc, { slot: "start", "aria-disabled": h, children: (j) => /* @__PURE__ */ m(Ya, { segment: j }) }),
-                  /* @__PURE__ */ m(dD, { "aria-hidden": "true", children: "–" }),
+                  /* @__PURE__ */ m(hD, { "aria-hidden": "true", children: "–" }),
                   /* @__PURE__ */ m(jc, { slot: "end", "aria-disabled": h, children: (j) => /* @__PURE__ */ m(Ya, { segment: j }) })
                 ]
               }
@@ -23469,7 +23530,7 @@ const uk = y.forwardRef(
       }
     ) });
   }
-), cD = {
+), gD = {
   en: {
     openCalendar: "Open calendar "
   },
@@ -23490,7 +23551,7 @@ const _c = Iu`
 `, Zc = Iu`
   from { background: rgba(0 0 0 / 0); }
   to { background: rgba(0 12 51 / 0.7); }
-`, fD = F(Ls)`
+`, bD = F(Ls)`
   position: fixed;
   z-index: var(--z-index-modal);
   top: 0;
@@ -23513,7 +23574,7 @@ const _c = Iu`
       animation: none;
     }
   }
-`, pD = F(Q7)`
+`, vD = F(Q7)`
   position: fixed;
   top: 0;
   right: 0;
@@ -23536,12 +23597,12 @@ const _c = Iu`
       animation: none;
     }
   }
-`, mD = F(Fi)`
+`, yD = F(Fi)`
   outline: none;
   height: 100%;
   display: flex;
   flex-direction: column;
-`, hD = F.header`
+`, $D = F.header`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -23549,20 +23610,20 @@ const _c = Iu`
     var(--spacing-sm);
   gap: var(--spacing-xs);
   background: var(--color-content-action-action-darker);
-`, gD = F(Ri)`
+`, CD = F(Ri)`
   margin: 0;
   font-size: ${Q.small};
   font-style: normal;
   font-weight: 700;
   line-height: ${le.small};
   color: var(--color-content-neutral-primary-reversed);
-`, bD = F(Le)`
+`, DD = F(Le)`
   color: var(--color-content-neutral-primary-reversed);
-`, vD = F.section`
+`, xD = F.section`
   padding: var(--spacing-lg);
   flex: 1;
   overflow-y: auto;
-`, yD = F.footer`
+`, ED = F.footer`
   display: flex;
   justify-content: flex-end;
   align-items: center;
@@ -23570,7 +23631,7 @@ const _c = Iu`
   gap: var(--spacing-sm);
   border-top: 1px solid var(--color-content-neutral-stroke);
 `;
-function $D({
+function wD({
   children: e,
   onPrimaryClick: t,
   primaryLabel: n,
@@ -23582,17 +23643,17 @@ function $D({
   isDismissable: l = !0
 }) {
   return /* @__PURE__ */ m(
-    fD,
+    bD,
     {
       isOpen: a,
       onOpenChange: i,
       isDismissable: l,
       isKeyboardDismissDisabled: !l,
-      children: /* @__PURE__ */ m(pD, { children: /* @__PURE__ */ m(mD, { "aria-label": o, children: ({ close: s }) => /* @__PURE__ */ q(Sr, { children: [
-        /* @__PURE__ */ q(hD, { children: [
-          /* @__PURE__ */ m(gD, { slot: "title", children: o }),
+      children: /* @__PURE__ */ m(vD, { children: /* @__PURE__ */ m(yD, { "aria-label": o, children: ({ close: s }) => /* @__PURE__ */ q(Sr, { children: [
+        /* @__PURE__ */ q($D, { children: [
+          /* @__PURE__ */ m(CD, { slot: "title", children: o }),
           /* @__PURE__ */ m(
-            bD,
+            DD,
             {
               type: "button",
               onClick: s,
@@ -23602,8 +23663,8 @@ function $D({
             }
           )
         ] }),
-        /* @__PURE__ */ m(vD, { children: e }),
-        /* @__PURE__ */ q(yD, { children: [
+        /* @__PURE__ */ m(xD, { children: e }),
+        /* @__PURE__ */ q(ED, { children: [
           r && u && /* @__PURE__ */ m(
             Le,
             {
@@ -23618,13 +23679,13 @@ function $D({
     }
   );
 }
-const CD = F.li`
+const BD = F.li`
   display: flex;
   align-items: center;
   column-gap: var(--spacing-sm);
   padding: var(--spacing-xs) 0;
   list-style: none;
-`, DD = F(De)`
+`, kD = F(De)`
   flex: none;
   font-size: ${Q.large};
   color: var(--color-content-brand-brand-2);
@@ -23632,12 +23693,12 @@ const CD = F.li`
   &[data-is-uploading="true"] {
     color: var(--color-content-neutral-tertiary);
   }
-`, xD = F.div`
+`, SD = F.div`
   flex: 1;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
-`, ED = F.div`
+`, PD = F.div`
   color: var(--color-content-neutral-primary);
   font-size: ${Q.extraSmall};
   font-style: normal;
@@ -23646,7 +23707,7 @@ const CD = F.li`
   max-width: 100%;
   text-overflow: ellipsis;
   overflow: hidden;
-`, wD = F.div`
+`, AD = F.div`
   color: var(--color-content-neutral-secondary);
   font-size: ${Q.xxSmall};
   font-style: normal;
@@ -23656,19 +23717,19 @@ const CD = F.li`
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-function BD({
+function FD({
   id: e,
   fileName: t,
   fileSize: n,
   isUploading: r,
   onDelete: u
 }) {
-  const a = it(kD);
-  return /* @__PURE__ */ q(CD, { id: e, children: [
-    /* @__PURE__ */ m(DD, { name: "text_snippet", "data-is-uploading": r }),
-    /* @__PURE__ */ q(xD, { children: [
-      /* @__PURE__ */ m(ED, { title: t, children: t }),
-      /* @__PURE__ */ m(wD, { title: n, children: n })
+  const a = it(TD);
+  return /* @__PURE__ */ q(BD, { id: e, children: [
+    /* @__PURE__ */ m(kD, { name: "text_snippet", "data-is-uploading": r }),
+    /* @__PURE__ */ q(SD, { children: [
+      /* @__PURE__ */ m(PD, { title: t, children: t }),
+      /* @__PURE__ */ m(AD, { title: n, children: n })
     ] }),
     /* @__PURE__ */ m(
       Le,
@@ -23682,7 +23743,7 @@ function BD({
     )
   ] });
 }
-const kD = {
+const TD = {
   en: {
     isLoading: "Loading in progress...",
     delete: "Delete"
@@ -23691,14 +23752,14 @@ const kD = {
     isLoading: "Chargement en cours...",
     delete: "Supprimer"
   }
-}, SD = F.div`
+}, ID = F.div`
   width: 100%;
   min-width: 313px;
-`, PD = F.ul`
+`, RD = F.ul`
   list-style: none;
   margin: var(--spacing-xs) 0 0 0;
   padding: 0;
-`, AD = F(ry)`
+`, MD = F(ry)`
   padding: var(--spacing-xs);
   display: flex;
   align-items: center;
@@ -23725,7 +23786,7 @@ const kD = {
     cursor: not-allowed;
   }
 `;
-function FD(...e) {
+function VD(...e) {
   return e.length === 2 ? Wc(e[0], e[1]) || null : e.slice(1).reduce(
     (n, r) => Wc(n, r),
     e[0]
@@ -23757,7 +23818,7 @@ const ik = y.forwardRef(
     style: i,
     isDisabled: o = !1
   }, l) => {
-    const s = it(TD), d = _(null), f = !!(r != null && r.length) && !n;
+    const s = it(KD), d = _(null), f = !!(r != null && r.length) && !n;
     ie(() => {
       var c;
       u.htmlForId && ((c = d.current) == null || c.setAttribute("id", u.htmlForId));
@@ -23768,12 +23829,12 @@ const ik = y.forwardRef(
       },
       [n, f, e]
     );
-    return /* @__PURE__ */ q(SD, { className: a, style: i, children: [
+    return /* @__PURE__ */ q(ID, { className: a, style: i, children: [
       /* @__PURE__ */ m(on, { ...u, children: /* @__PURE__ */ q(
-        AD,
+        MD,
         {
           isDisabled: o,
-          getDropOperation: (c) => f ? "cancel" : ID(c, t),
+          getDropOperation: (c) => f ? "cancel" : OD(c, t),
           onDrop: async (c) => {
             const h = [], g = c.items.filter((v) => v.kind === "file");
             for (const v of g) h.push(await v.getFile());
@@ -23784,7 +23845,7 @@ const ik = y.forwardRef(
               uy,
               {
                 "aria-label": u.label,
-                ref: FD(l, d),
+                ref: VD(l, d),
                 onSelect: (c) => {
                   if (!c)
                     return console.error("No file selected");
@@ -23807,10 +23868,10 @@ const ik = y.forwardRef(
           ]
         }
       ) }),
-      !!(r != null && r.length) && /* @__PURE__ */ m(PD, { children: r.map((c) => /* @__PURE__ */ m(BD, { ...c }, c.id)) })
+      !!(r != null && r.length) && /* @__PURE__ */ m(RD, { children: r.map((c) => /* @__PURE__ */ m(FD, { ...c }, c.id)) })
     ] });
   }
-), TD = {
+), KD = {
   en: {
     trigger: "Browse",
     dropHere: "Or drop your file here",
@@ -23822,14 +23883,14 @@ const ik = y.forwardRef(
     dropHerePlural: "Ou déposer vos fichiers ici"
   }
 };
-function ID(e, t) {
+function OD(e, t) {
   if (!(t != null && t.length)) return "copy";
   let n = !1;
   return t.forEach((r) => {
     e.has(r) && (n = !0);
   }), n ? "copy" : "cancel";
 }
-const RD = F.div`
+const LD = F.div`
   display: inline-flex;
   flex-direction: column;
   row-gap: var(--spacing-xs);
@@ -23837,14 +23898,14 @@ const RD = F.div`
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, MD = F.div`
+`, zD = F.div`
   display: inline-block;
   position: relative;
 
   &[data-fullwidth="true"] {
     width: 100%;
   }
-`, VD = F(De)`
+`, ND = F(De)`
   position: absolute;
   color: var(--color);
   inset-block-end: var(--spacing-xs);
@@ -23867,7 +23928,7 @@ const RD = F.div`
     cursor: not-allowed;
     --color: var(--color-content-neutral-primary);
   }
-`, KD = F.div`
+`, jD = F.div`
   align-self: flex-end;
   color: var(--color);
   column-gap: var(--spacing-xxs);
@@ -23894,7 +23955,7 @@ const RD = F.div`
   &[data-nature="positive"] {
     --color: var(--color-content-neutral-secondary);
   }
-`, OD = y.forwardRef(
+`, HD = y.forwardRef(
   ({
     nature: e,
     inputIcon: t,
@@ -23923,7 +23984,7 @@ const RD = F.div`
       nature: e,
       successHelperText: E,
       errorHelperText: C
-    }), T = it(LD);
+    }), T = it(_D);
     return /* @__PURE__ */ m(
       on,
       {
@@ -23939,8 +24000,8 @@ const RD = F.div`
         successHelperText: E,
         successHelperTextIcon: $,
         required: l,
-        children: /* @__PURE__ */ q(RD, { "data-fullwidth": h, children: [
-          /* @__PURE__ */ q(MD, { "data-fullwidth": h, children: [
+        children: /* @__PURE__ */ q(LD, { "data-fullwidth": h, children: [
+          /* @__PURE__ */ q(zD, { "data-fullwidth": h, children: [
             /* @__PURE__ */ m(
               fp,
               {
@@ -23961,7 +24022,7 @@ const RD = F.div`
               }
             ),
             !!t && /* @__PURE__ */ m(
-              VD,
+              ND,
               {
                 name: t,
                 "data-nature": I,
@@ -23970,7 +24031,7 @@ const RD = F.div`
             )
           ] }),
           !!a && typeof s == "string" && /* @__PURE__ */ q(
-            KD,
+            jD,
             {
               "data-nature": f ? "disabled" : I,
               children: [
@@ -23986,92 +24047,31 @@ const RD = F.div`
       }
     );
   }
-), LD = {
+), _D = {
   en: {
     characterCounter: "Character counter"
   },
   fr: {
     characterCounter: "Nombre de caractères"
   }
-}, zD = F.div`
+}, ZD = F.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   margin-bottom: var(--spacing-sm);
-`, ND = F.div`
+`, UD = F.div`
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   gap: var(--spacing-sm);
-`, jD = F.div`
+`, WD = F.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: var(--spacing-xs);
-`, HD = F(OD)`
+`, GD = F(HD)`
   width: 284px;
-`, _D = F.span`
-  align-items: center;
-  background-color: var(--color-content-neutral-secondary);
-  border-radius: var(--spacing-xxs);
-  color: var(--color-content-neutral-primary-reversed);
-  display: inline-flex;
-  font-weight: 700;
-  gap: var(--spacing-xs);
-  padding: var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs)
-    var(--spacing-xs);
-
-  &[data-size="small"] {
-    font-size: ${Q.xxSmall};
-    line-height: ${le.xxSmall};
-  }
-
-  &[data-size="medium"] {
-    font-size: ${Q.extraSmall};
-    line-height: ${le.extraSmall};
-  }
-`, ZD = F.button`
-  all: unset;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-
-  &:focus-visible {
-    outline: 2px solid var(--color-background-highlight-focus);
-    border-radius: var(--radius-rounded);
-  }
-`, UD = F(De)`
-  color: var(--color-content-neutral-primary-reversed);
-
-  &[data-size="small"] {
-    width: ${Q.small};
-  }
-
-  &[data-size="medium"] {
-    width: ${Q.large};
-  }
-`, WD = ({ value: e, size: t = "medium", onClose: n }) => {
-  const r = it(GD);
-  return /* @__PURE__ */ q(_D, { "data-size": t, children: [
-    /* @__PURE__ */ m("span", { children: e }),
-    /* @__PURE__ */ m(
-      ZD,
-      {
-        type: "button",
-        onClick: n,
-        "aria-label": `${r.close} ${e}`,
-        children: /* @__PURE__ */ m(UD, { name: "close", "data-size": t })
-      }
-    )
-  ] });
-}, GD = {
-  en: {
-    close: "Close"
-  },
-  fr: {
-    close: "Fermer"
-  }
-};
+`;
 function ok({
   extraLeftContent: e,
   extraRightContent: t,
@@ -24101,11 +24101,11 @@ function ok({
         });
       });
     }
-  }), /* @__PURE__ */ q(zD, { ...n, children: [
-    /* @__PURE__ */ q(ND, { children: [
+  }), /* @__PURE__ */ q(ZD, { ...n, children: [
+    /* @__PURE__ */ q(UD, { children: [
       e,
       !!p && /* @__PURE__ */ m(
-        HD,
+        GD,
         {
           "aria-label": i,
           placeholder: o,
@@ -24143,8 +24143,8 @@ function ok({
       ),
       t
     ] }),
-    g.length > 0 && /* @__PURE__ */ q(jD, { children: [
-      g == null ? void 0 : g.map((v) => /* @__PURE__ */ m(WD, { ...v }, v.value)),
+    g.length > 0 && /* @__PURE__ */ q(WD, { children: [
+      g == null ? void 0 : g.map((v) => /* @__PURE__ */ m(lC, { ...v }, v.value)),
       /* @__PURE__ */ m(
         Le,
         {
@@ -24155,7 +24155,7 @@ function ok({
       )
     ] }),
     /* @__PURE__ */ m(
-      $D,
+      wD,
       {
         isOpen: s,
         onOpenChange: d,
@@ -25516,7 +25516,7 @@ const Ux = {
     &[data-navigation-overlay-collapsed="false"] {
       display: block;
       position: fixed;
-      width: 100vh;
+      width: 100vw;
       height: 100vh;
       z-index: calc(var(--z-index-fixed) - 1);
       background: rgba(0 12 51 / 0.7);
@@ -29118,22 +29118,23 @@ export {
   Le as Button,
   G$ as Checkbox,
   QB as CheckboxGroup,
+  lC as Chip,
   ek as Combobox,
   tk as DataTable,
   nk as DataTableCell,
   rk as DataTableHeader,
-  LC as DataTableRoot,
-  xC as DataTableRow,
+  _C as DataTableRoot,
+  SC as DataTableRow,
   uk as DatePicker,
   ak as DateRangePicker,
-  $D as Drawer,
+  wD as Drawer,
   q$ as Dropdown,
   ik as FileUpload,
   ok as Filter,
   lk as Header,
   YB as I18nProvider,
   De as Icon,
-  sC as Label,
+  mC as Label,
   sk as Link,
   cp as Loader,
   dk as Menu,
@@ -29146,7 +29147,7 @@ export {
   bk as Navigation,
   kl as NavigationItem,
   vk as PageLayout,
-  VC as Pagination,
+  NC as Pagination,
   yk as Radio,
   Rk as RouterProvider,
   $k as SegmentedControl,
@@ -29161,7 +29162,7 @@ export {
   kk as TabPanel,
   Sk as Tabs,
   Pk as Tag,
-  OD as TextInput,
+  HD as TextInput,
   Ak as TimeField,
   Tk as Toaster,
   Ik as YearMonthPicker,