uikit-react-public 0.25.0 → 0.25.1

package/dist/index.js

@@ -194,11 +194,11 @@ function Sa(e) {
   return $l(Gt("", null, null, null, [""], e = Xl(e), 0, [0], e));
 }
 function Gt(e, t, o, r, l, i, a, d, s) {
-  for (var c = 0, p = 0, h = a, f = 0, m = 0, b = 0, y = 1, w = 1, x = 1, C = 0, M = "", A = l, v = i, E = r, H = M; w; )
-    switch (b = C, C = Be()) {
+  for (var c = 0, p = 0, h = a, f = 0, m = 0, y = 0, b = 1, w = 1, x = 1, C = 0, M = "", A = l, v = i, E = r, H = M; w; )
+    switch (y = C, C = Be()) {
       // (
       case 40:
-        if (b != 108 && Ce(H, h - 1) == 58) {
+        if (y != 108 && Ce(H, h - 1) == 58) {
           Bo(H += ne(Qt(C), "&", "&\f"), "&\f") != -1 && (x = -1);
           break;
         }
@@ -213,7 +213,7 @@ function Gt(e, t, o, r, l, i, a, d, s) {
       case 10:
       case 13:
       case 32:
-        H += va(b);
+        H += va(y);
         break;
       // \
       case 92:
@@ -231,10 +231,10 @@ function Gt(e, t, o, r, l, i, a, d, s) {
         }
         break;
       // {
-      case 123 * y:
+      case 123 * b:
         d[c++] = Ze(H) * x;
       // } ; \0
-      case 125 * y:
+      case 125 * b:
       case 59:
       case 0:
         switch (C) {
@@ -267,19 +267,19 @@ function Gt(e, t, o, r, l, i, a, d, s) {
                     Gt(H, E, E, E, [""], v, 0, d, v);
                 }
         }
-        c = p = m = 0, y = x = 1, M = H = "", h = a;
+        c = p = m = 0, b = x = 1, M = H = "", h = a;
         break;
       // :
       case 58:
-        h = 1 + Ze(H), m = b;
+        h = 1 + Ze(H), m = y;
       default:
-        if (y < 1) {
+        if (b < 1) {
           if (C == 123)
-            --y;
-          else if (C == 125 && y++ == 0 && ba() == 125)
+            --b;
+          else if (C == 125 && b++ == 0 && ba() == 125)
             continue;
         }
-        switch (H += lo(C), C * y) {
+        switch (H += lo(C), C * b) {
           // &
           case 38:
             x = p > 0 ? 1 : (H += "\f", -1);
@@ -294,15 +294,15 @@ function Gt(e, t, o, r, l, i, a, d, s) {
             break;
           // -
           case 45:
-            b === 45 && Ze(H) == 2 && (y = 0);
+            y === 45 && Ze(H) == 2 && (b = 0);
         }
     }
   return i;
 }
 function dn(e, t, o, r, l, i, a, d, s, c, p) {
-  for (var h = l - 1, f = l === 0 ? i : [""], m = Uo(f), b = 0, y = 0, w = 0; b < r; ++b)
-    for (var x = 0, C = Et(e, h + 1, h = ha(y = a[b])), M = e; x < m; ++x)
-      (M = Gl(y > 0 ? f[x] + " " + C : ne(C, /&\f/g, f[x]))) && (s[w++] = M);
+  for (var h = l - 1, f = l === 0 ? i : [""], m = Uo(f), y = 0, b = 0, w = 0; y < r; ++y)
+    for (var x = 0, C = Et(e, h + 1, h = ha(b = a[y])), M = e; x < m; ++x)
+      (M = Gl(b > 0 ? f[x] + " " + C : ne(C, /&\f/g, f[x]))) && (s[w++] = M);
   return ao(e, t, o, l === 0 ? qo : d, s, c, p);
 }
 function Ca(e, t, o) {
@@ -576,9 +576,9 @@ var za = function(t, o, r, l) {
   var o = t.key;
   if (o === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(r, function(y) {
-      var w = y.getAttribute("data-emotion");
-      w.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(r, function(b) {
+      var w = b.getAttribute("data-emotion");
+      w.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
   var l = t.stylisPlugins || Da, i = {}, a, d = [];
@@ -586,24 +586,24 @@ var za = function(t, o, r, l) {
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + o + ' "]'),
-    function(y) {
-      for (var w = y.getAttribute("data-emotion").split(" "), x = 1; x < w.length; x++)
+    function(b) {
+      for (var w = b.getAttribute("data-emotion").split(" "), x = 1; x < w.length; x++)
         i[w[x]] = !0;
-      d.push(y);
+      d.push(b);
     }
   );
   var s, c = [Fa, Ba];
   {
-    var p, h = [Aa, La(function(y) {
-      p.insert(y);
+    var p, h = [Aa, La(function(b) {
+      p.insert(b);
     })], f = Ma(c.concat(l, h)), m = function(w) {
       return mt(Sa(w), f);
     };
     s = function(w, x, C, M) {
-      p = C, m(w ? w + "{" + x.styles + "}" : x.styles), M && (b.inserted[x.name] = !0);
+      p = C, m(w ? w + "{" + x.styles + "}" : x.styles), M && (y.inserted[x.name] = !0);
     };
   }
-  var b = {
+  var y = {
     key: o,
     sheet: new ca({
       key: o,
@@ -618,7 +618,7 @@ var za = function(t, o, r, l) {
     registered: {},
     insert: s
   };
-  return b.sheet.hydrate(d), b;
+  return y.sheet.hydrate(d), y;
 };
 function Na(e) {
   for (var t = 0, o, r = 0, l = e.length; l >= 4; ++r, l -= 4)
@@ -12562,7 +12562,7 @@ var wn;
 function gm() {
   if (wn) return re;
   wn = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
   function M(v) {
     if (typeof v == "object" && v !== null) {
       var E = v.$$typeof;
@@ -12580,7 +12580,7 @@ function gm() {
               switch (v = v && v.$$typeof, v) {
                 case d:
                 case p:
-                case b:
+                case y:
                 case m:
                 case a:
                   return v;
@@ -12596,7 +12596,7 @@ function gm() {
   function A(v) {
     return M(v) === c;
   }
-  return re.AsyncMode = s, re.ConcurrentMode = c, re.ContextConsumer = d, re.ContextProvider = a, re.Element = t, re.ForwardRef = p, re.Fragment = r, re.Lazy = b, re.Memo = m, re.Portal = o, re.Profiler = i, re.StrictMode = l, re.Suspense = h, re.isAsyncMode = function(v) {
+  return re.AsyncMode = s, re.ConcurrentMode = c, re.ContextConsumer = d, re.ContextProvider = a, re.Element = t, re.ForwardRef = p, re.Fragment = r, re.Lazy = y, re.Memo = m, re.Portal = o, re.Profiler = i, re.StrictMode = l, re.Suspense = h, re.isAsyncMode = function(v) {
     return A(v) || M(v) === s;
   }, re.isConcurrentMode = A, re.isContextConsumer = function(v) {
     return M(v) === d;
@@ -12609,7 +12609,7 @@ function gm() {
   }, re.isFragment = function(v) {
     return M(v) === r;
   }, re.isLazy = function(v) {
-    return M(v) === b;
+    return M(v) === y;
   }, re.isMemo = function(v) {
     return M(v) === m;
   }, re.isPortal = function(v) {
@@ -12621,7 +12621,7 @@ function gm() {
   }, re.isSuspense = function(v) {
     return M(v) === h;
   }, re.isValidElementType = function(v) {
-    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === i || v === l || v === h || v === f || typeof v == "object" && v !== null && (v.$$typeof === b || v.$$typeof === m || v.$$typeof === a || v.$$typeof === d || v.$$typeof === p || v.$$typeof === w || v.$$typeof === x || v.$$typeof === C || v.$$typeof === y);
+    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === i || v === l || v === h || v === f || typeof v == "object" && v !== null && (v.$$typeof === y || v.$$typeof === m || v.$$typeof === a || v.$$typeof === d || v.$$typeof === p || v.$$typeof === w || v.$$typeof === x || v.$$typeof === C || v.$$typeof === b);
   }, re.typeOf = M, re;
 }
 var le = {};
@@ -12636,10 +12636,10 @@ var le = {};
 var xn;
 function mm() {
   return xn || (xn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, s = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
     function M(O) {
       return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      O === r || O === c || O === i || O === l || O === h || O === f || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === m || O.$$typeof === a || O.$$typeof === d || O.$$typeof === p || O.$$typeof === w || O.$$typeof === x || O.$$typeof === C || O.$$typeof === y);
+      O === r || O === c || O === i || O === l || O === h || O === f || typeof O == "object" && O !== null && (O.$$typeof === y || O.$$typeof === m || O.$$typeof === a || O.$$typeof === d || O.$$typeof === p || O.$$typeof === w || O.$$typeof === x || O.$$typeof === C || O.$$typeof === b);
     }
     function A(O) {
       if (typeof O == "object" && O !== null) {
@@ -12660,7 +12660,7 @@ function mm() {
                 switch (Mt) {
                   case d:
                   case p:
-                  case b:
+                  case y:
                   case m:
                   case a:
                     return Mt;
@@ -12673,7 +12673,7 @@ function mm() {
         }
       }
     }
-    var v = s, E = c, H = d, F = a, T = t, U = p, G = r, V = b, j = m, J = o, te = i, X = l, ee = h, Q = !1;
+    var v = s, E = c, H = d, F = a, T = t, U = p, G = r, V = y, j = m, J = o, te = i, X = l, ee = h, Q = !1;
     function ce(O) {
       return Q || (Q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), $(O) || A(O) === s;
     }
@@ -12696,7 +12696,7 @@ function mm() {
       return A(O) === r;
     }
     function ae(O) {
-      return A(O) === b;
+      return A(O) === y;
     }
     function ye(O) {
       return A(O) === m;
@@ -12759,30 +12759,30 @@ function bm() {
     type: !0
   }, i = {};
   i[e.ForwardRef] = r, i[e.Memo] = l;
-  function a(b) {
-    return e.isMemo(b) ? l : i[b.$$typeof] || t;
+  function a(y) {
+    return e.isMemo(y) ? l : i[y.$$typeof] || t;
   }
   var d = Object.defineProperty, s = Object.getOwnPropertyNames, c = Object.getOwnPropertySymbols, p = Object.getOwnPropertyDescriptor, h = Object.getPrototypeOf, f = Object.prototype;
-  function m(b, y, w) {
-    if (typeof y != "string") {
+  function m(y, b, w) {
+    if (typeof b != "string") {
       if (f) {
-        var x = h(y);
-        x && x !== f && m(b, x, w);
+        var x = h(b);
+        x && x !== f && m(y, x, w);
       }
-      var C = s(y);
-      c && (C = C.concat(c(y)));
-      for (var M = a(b), A = a(y), v = 0; v < C.length; ++v) {
+      var C = s(b);
+      c && (C = C.concat(c(b)));
+      for (var M = a(y), A = a(b), v = 0; v < C.length; ++v) {
         var E = C[v];
         if (!o[E] && !(w && w[E]) && !(A && A[E]) && !(M && M[E])) {
-          var H = p(y, E);
+          var H = p(b, E);
           try {
-            d(b, E, H);
+            d(y, E, H);
           } catch {
           }
         }
       }
     }
-    return b;
+    return y;
   }
   return xo = m, xo;
 }
@@ -14244,11 +14244,11 @@ const Bn = "ucl-uikit-input", fy = "ucl-uikit-input__input", py = Se(
       &::placeholder {
         color: ${s.color.text.muted};
       }
-    `, b = u`
+    `, y = u`
       &:focus-visible {
         box-shadow: ${s.boxShadow.focus};
       }
-    `, y = u`
+    `, b = u`
       color: ${s.color.text.disabled};
       border-color: ${s.color.neutral.grey20};
       cursor: not-allowed;
@@ -14259,8 +14259,8 @@ const Bn = "ucl-uikit-input", fy = "ucl-uikit-input__input", py = Se(
     `, C = k(
       fy,
       m,
-      !h && b,
-      h && y,
+      !h && y,
+      h && b,
       t && o === "left" && w,
       (t && o === "right" || r) && x,
       l
@@ -14317,7 +14317,7 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
   to: d,
   ...s
 }, c) {
-  const [p] = I(), h = a || "a", f = yy(s) ? s : {}, { href: m, onClick: b, ...y } = f, w = h === "a", x = Te(
+  const [p] = I(), h = a || "a", f = yy(s) ? s : {}, { href: m, onClick: y, ...b } = f, w = h === "a", x = Te(
     (E) => (E.preventDefault(), E.stopPropagation(), !1),
     []
   ), C = u`
@@ -14354,9 +14354,9 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
       "aria-disabled": i || void 0,
       tabIndex: i ? -1 : s.tabIndex,
       href: w ? i ? void 0 : m ?? d : void 0,
-      onClick: i ? x : b,
+      onClick: i ? x : y,
       ...w ? {} : d ? { to: d } : m ? { href: m } : {},
-      ...y,
+      ...b,
       children: r
     }
   );
@@ -14389,11 +14389,11 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
     &:visited {
       color: ${c.colour.link.visited};
     }
-  `, b = u`
+  `, y = u`
     &:visited {
       color: ${c.colour.link.default};
     }
-  `, y = u`
+  `, b = u`
     &:visited {
       color: ${c.color.link.secondaryDefault};
     }
@@ -14416,11 +14416,11 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
   let M;
   o === "primary" ? M = k(
     h,
-    t && !r && b,
+    t && !r && y,
     !r && w
   ) : o === "secondary" && (M = k(
     f,
-    t && !r && y,
+    t && !r && b,
     !r && x
   ));
   const A = k(
@@ -14462,10 +14462,10 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
     align-items: center;
     gap: 8px;
     text-decoration: none;
-  `, b = u`
+  `, y = u`
     color: ${f.colour.link.brand};
     font-weight: 700;
-  `, y = u`
+  `, b = u`
     color: ${f.colour.link.primary};
   `, w = u`
     color: ${f.colour.link.primary};
@@ -14523,12 +14523,12 @@ const zn = "ucl-uikit-base-link", gi = Se(function({
   `;
   let F;
   t === "primary" ? F = k(
-    b,
+    y,
     l && !i && C,
     !i && v,
     !l && !i && x
   ) : t === "secondary" ? F = k(
-    y,
+    b,
     l && !i && M,
     !i && E,
     !l && !i && x
@@ -14796,7 +14796,7 @@ async function Hy(e, t) {
     elementContext: h = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = so(t, e), b = Iy(m), w = d[f ? h === "floating" ? "reference" : "floating" : h], x = no(await i.getClippingRect({
+  } = so(t, e), y = Iy(m), w = d[f ? h === "floating" ? "reference" : "floating" : h], x = no(await i.getClippingRect({
     element: (o = await (i.isElement == null ? void 0 : i.isElement(w))) == null || o ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(d.floating)),
     boundary: c,
     rootBoundary: p,
@@ -14819,10 +14819,10 @@ async function Hy(e, t) {
     strategy: s
   }) : C);
   return {
-    top: (x.top - v.top + b.top) / A.y,
-    bottom: (v.bottom - x.bottom + b.bottom) / A.y,
-    left: (x.left - v.left + b.left) / A.x,
-    right: (v.right - x.right + b.right) / A.x
+    top: (x.top - v.top + y.top) / A.y,
+    bottom: (v.bottom - x.bottom + y.bottom) / A.y,
+    left: (x.left - v.left + y.left) / A.x,
+    right: (v.right - x.right + y.right) / A.x
   };
 }
 const Wy = 50, Ey = async (e, t, o) => {
@@ -14843,9 +14843,9 @@ const Wy = 50, Ey = async (e, t, o) => {
     x: p,
     y: h
   } = Zn(c, r, s), f = r, m = 0;
-  const b = {};
-  for (let y = 0; y < i.length; y++) {
-    const w = i[y];
+  const y = {};
+  for (let b = 0; b < i.length; b++) {
+    const w = i[b];
     if (!w)
       continue;
     const {
@@ -14862,7 +14862,7 @@ const Wy = 50, Ey = async (e, t, o) => {
       initialPlacement: r,
       placement: f,
       strategy: l,
-      middlewareData: b,
+      middlewareData: y,
       rects: c,
       platform: d,
       elements: {
@@ -14870,8 +14870,8 @@ const Wy = 50, Ey = async (e, t, o) => {
         floating: t
       }
     });
-    p = M ?? p, h = A ?? h, b[x] = {
-      ...b[x],
+    p = M ?? p, h = A ?? h, y[x] = {
+      ...y[x],
       ...v
     }, E && m < Wy && (m++, typeof E == "object" && (E.placement && (f = E.placement), E.rects && (c = E.rects === !0 ? await a.getElementRects({
       reference: e,
@@ -14880,14 +14880,14 @@ const Wy = 50, Ey = async (e, t, o) => {
     }) : E.rects), {
       x: p,
       y: h
-    } = Zn(c, f, s)), y = -1);
+    } = Zn(c, f, s)), b = -1);
   }
   return {
     x: p,
     y: h,
     placement: f,
     strategy: l,
-    middlewareData: b
+    middlewareData: y
   };
 }, Fy = function(e) {
   return e === void 0 && (e = {}), {
@@ -14907,14 +14907,14 @@ const Wy = 50, Ey = async (e, t, o) => {
         crossAxis: h = !0,
         fallbackPlacements: f,
         fallbackStrategy: m = "bestFit",
-        fallbackAxisSideDirection: b = "none",
-        flipAlignment: y = !0,
+        fallbackAxisSideDirection: y = "none",
+        flipAlignment: b = !0,
         ...w
       } = so(e, t);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const x = st(l), C = _e(d), M = st(d) === d, A = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), v = f || (M || !y ? [oo(d)] : ky(d)), E = b !== "none";
-      !f && E && v.push(...My(d, y, b, A));
+      const x = st(l), C = _e(d), M = st(d) === d, A = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), v = f || (M || !b ? [oo(d)] : ky(d)), E = y !== "none";
+      !f && E && v.push(...My(d, b, y, A));
       const H = [d, ...v], F = await s.detectOverflow(t, w), T = [];
       let U = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (p && T.push(F[x]), h) {
@@ -14980,7 +14980,7 @@ async function zy(e, t) {
   let {
     mainAxis: f,
     crossAxis: m,
-    alignmentAxis: b
+    alignmentAxis: y
   } = typeof h == "number" ? {
     mainAxis: h,
     crossAxis: 0,
@@ -14990,7 +14990,7 @@ async function zy(e, t) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return d && typeof b == "number" && (m = d === "end" ? b * -1 : b), s ? {
+  return d && typeof y == "number" && (m = d === "end" ? y * -1 : y), s ? {
     x: m * p,
     y: f * c
   } : {
@@ -15050,19 +15050,19 @@ const Dy = function(e) {
         x: o,
         y: r
       }, h = await i.detectOverflow(t, c), f = _e(st(l)), m = mi(f);
-      let b = p[m], y = p[f];
+      let y = p[m], b = p[f];
       if (a) {
-        const x = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", M = b + h[x], A = b - h[C];
-        b = Rn(M, b, A);
+        const x = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", M = y + h[x], A = y - h[C];
+        y = Rn(M, y, A);
       }
       if (d) {
-        const x = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", M = y + h[x], A = y - h[C];
-        y = Rn(M, y, A);
+        const x = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", M = b + h[x], A = b - h[C];
+        b = Rn(M, b, A);
       }
       const w = s.fn({
         ...t,
-        [m]: b,
-        [f]: y
+        [m]: y,
+        [f]: b
       });
       return {
         ...w,
@@ -15240,10 +15240,10 @@ function ct(e, t, o, r) {
   let s = (l.left + d.x) / a.x, c = (l.top + d.y) / a.y, p = l.width / a.x, h = l.height / a.y;
   if (i) {
     const f = ze(i), m = r && Re(r) ? ze(r) : r;
-    let b = f, y = Ro(b);
-    for (; y && r && m !== b; ) {
-      const w = bt(y), x = y.getBoundingClientRect(), C = Ve(y), M = x.left + (y.clientLeft + parseFloat(C.paddingLeft)) * w.x, A = x.top + (y.clientTop + parseFloat(C.paddingTop)) * w.y;
-      s *= w.x, c *= w.y, p *= w.x, h *= w.y, s += M, c += A, b = ze(y), y = Ro(b);
+    let y = f, b = Ro(y);
+    for (; b && r && m !== y; ) {
+      const w = bt(b), x = b.getBoundingClientRect(), C = Ve(b), M = x.left + (b.clientLeft + parseFloat(C.paddingLeft)) * w.x, A = x.top + (b.clientTop + parseFloat(C.paddingTop)) * w.y;
+      s *= w.x, c *= w.y, p *= w.x, h *= w.y, s += M, c += A, y = ze(b), b = Ro(y);
     }
   }
   return no({
@@ -15316,8 +15316,8 @@ function Jy(e, t) {
   }
   const c = po(r);
   if (c <= 0) {
-    const p = r.ownerDocument, h = p.body, f = getComputedStyle(h), m = p.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, b = Math.abs(r.clientWidth - h.clientWidth - m);
-    b <= Pn && (i -= b);
+    const p = r.ownerDocument, h = p.body, f = getComputedStyle(h), m = p.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, y = Math.abs(r.clientWidth - h.clientWidth - m);
+    y <= Pn && (i -= y);
   } else c <= Pn && (i += c);
   return {
     width: i,
@@ -15501,8 +15501,8 @@ function t3(e, t) {
     } = c;
     if (d || t(), !f || !m)
       return;
-    const b = Ut(h), y = Ut(l.clientWidth - (p + f)), w = Ut(l.clientHeight - (h + m)), x = Ut(p), M = {
-      rootMargin: -b + "px " + -y + "px " + -w + "px " + -x + "px",
+    const y = Ut(h), b = Ut(l.clientWidth - (p + f)), w = Ut(l.clientHeight - (h + m)), x = Ut(p), M = {
+      rootMargin: -y + "px " + -b + "px " + -w + "px " + -x + "px",
       threshold: it(0, eo(1, s)) || 1
     };
     let A = !0;
@@ -15553,17 +15553,17 @@ function o3(e, t, o, r) {
       (M = m) == null || M.observe(t);
     })), o();
   }), c && !s && m.observe(c), t && m.observe(t));
-  let b, y = s ? ct(e) : null;
+  let y, b = s ? ct(e) : null;
   s && w();
   function w() {
     const x = ct(e);
-    y && !Mi(y, x) && o(), y = x, b = requestAnimationFrame(w);
+    b && !Mi(b, x) && o(), b = x, y = requestAnimationFrame(w);
   }
   return o(), () => {
     var x;
     p.forEach((C) => {
       l && C.removeEventListener("scroll", o), i && C.removeEventListener("resize", o);
-    }), h == null || h(), (x = m) == null || x.disconnect(), m = null, s && cancelAnimationFrame(b);
+    }), h == null || h(), (x = m) == null || x.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
 const n3 = Dy, r3 = Ny, l3 = Fy, i3 = (e, t, o) => {
@@ -15741,19 +15741,19 @@ function s3() {
       return "" + h;
     }
     function o(h, f, m) {
-      var b = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+      var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       try {
-        t(b);
-        var y = !1;
+        t(y);
+        var b = !1;
       } catch {
-        y = !0;
+        b = !0;
       }
-      return y && (console.error(
+      return b && (console.error(
         "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-        typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object"
-      ), t(b)), {
+        typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object"
+      ), t(y)), {
         $$typeof: c,
-        key: b == null ? null : "" + b,
+        key: y == null ? null : "" + y,
         children: h,
         containerInfo: f,
         implementation: m
@@ -15856,18 +15856,18 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
         l(h)
       ), typeof h == "string" && f && typeof f.as == "string") {
-        var m = f.as, b = r(m, f.crossOrigin), y = typeof f.integrity == "string" ? f.integrity : void 0, w = typeof f.fetchPriority == "string" ? f.fetchPriority : void 0;
+        var m = f.as, y = r(m, f.crossOrigin), b = typeof f.integrity == "string" ? f.integrity : void 0, w = typeof f.fetchPriority == "string" ? f.fetchPriority : void 0;
         m === "style" ? s.d.S(
           h,
           typeof f.precedence == "string" ? f.precedence : void 0,
           {
-            crossOrigin: b,
-            integrity: y,
+            crossOrigin: y,
+            integrity: b,
             fetchPriority: w
           }
         ) : m === "script" && s.d.X(h, {
-          crossOrigin: b,
-          integrity: y,
+          crossOrigin: y,
+          integrity: b,
           fetchPriority: w,
           nonce: typeof f.nonce == "string" ? f.nonce : void 0
         });
@@ -15905,12 +15905,12 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         m
       ), typeof h == "string" && typeof f == "object" && f !== null && typeof f.as == "string") {
         m = f.as;
-        var b = r(
+        var y = r(
           m,
           f.crossOrigin
         );
         s.d.L(h, m, {
-          crossOrigin: b,
+          crossOrigin: y,
           integrity: typeof f.integrity == "string" ? f.integrity : void 0,
           nonce: typeof f.nonce == "string" ? f.nonce : void 0,
           type: typeof f.type == "string" ? f.type : void 0,
@@ -16030,11 +16030,11 @@ function h3(e) {
     isPositioned: !1
   }), [f, m] = ie.useState(r);
   ro(f, r) || m(r);
-  const [b, y] = ie.useState(null), [w, x] = ie.useState(null), C = ie.useCallback((Q) => {
-    Q !== E.current && (E.current = Q, y(Q));
+  const [y, b] = ie.useState(null), [w, x] = ie.useState(null), C = ie.useCallback((Q) => {
+    Q !== E.current && (E.current = Q, b(Q));
   }, []), M = ie.useCallback((Q) => {
     Q !== H.current && (H.current = Q, x(Q));
-  }, []), A = i || b, v = a || w, E = ie.useRef(null), H = ie.useRef(null), F = ie.useRef(p), T = s != null, U = Ao(s), G = Ao(l), V = Ao(c), j = ie.useCallback(() => {
+  }, []), A = i || y, v = a || w, E = ie.useRef(null), H = ie.useRef(null), F = ie.useRef(p), T = s != null, U = Ao(s), G = Ao(l), V = Ao(c), j = ie.useCallback(() => {
     if (!E.current || !H.current)
       return;
     const Q = {
@@ -16185,13 +16185,13 @@ const f3 = (e, t) => {
     ...h
   }, f) => {
     var j, J;
-    const m = ue(null), b = ue(null);
+    const m = ue(null), y = ue(null);
     la(
       f,
       () => m.current
     );
-    const y = [];
-    r && y.push(g3()), l && y.push(p3()), i && y.push(f3(i));
+    const b = [];
+    r && b.push(g3()), l && b.push(p3()), i && b.push(f3(i));
     const {
       x: w,
       y: x,
@@ -16200,7 +16200,7 @@ const f3 = (e, t) => {
       placement: A
     } = h3({
       open: !0,
-      middleware: y,
+      middleware: b,
       placement: t,
       // strategy: 'absolute',
       whileElementsMounted: o3
@@ -16210,7 +16210,7 @@ const f3 = (e, t) => {
     jl(() => {
       C.setReference(e.current);
     }, [e, C]);
-    const { width: E, height: H } = ((J = (j = b == null ? void 0 : b.current) == null ? void 0 : j.getBoundingClientRect) == null ? void 0 : J.call(j)) || {
+    const { width: E, height: H } = ((J = (j = y == null ? void 0 : y.current) == null ? void 0 : j.getBoundingClientRect) == null ? void 0 : J.call(j)) || {
       width: 0,
       height: 0
     }, F = u`
@@ -16260,7 +16260,7 @@ const f3 = (e, t) => {
       ), V = Wt(te, {
         className: G,
         // @ts-expect-error ref typing - todo
-        ref: b
+        ref: y
       });
     }
     return /* @__PURE__ */ g(Je, { children: [
@@ -16371,10 +16371,10 @@ const f3 = (e, t) => {
     background-color: ${e.colour.fill.inverse};
     color: ${d};
     border-color: ${s};
-  `, b = u`
+  `, y = u`
     background-color: ${e.colour.fill.brandSubtleSelected};
     border-color: ${s};
-  `, y = u`
+  `, b = u`
     cursor: pointer;
 
     &:hover {
@@ -16394,18 +16394,18 @@ const f3 = (e, t) => {
   `;
   return k(
     m,
-    t && b,
-    !o && !r && y,
+    t && y,
+    !o && !r && b,
     o && w
   );
 }, A3 = (e, t, o, r, l) => {
   const {
     colour: { fill: i, text: a }
-  } = e, d = a.brand, s = d, c = i.brandSubtleHover, p = d, h = i.brandSubtleHover, f = i.brandSubtleHover, b = u`
+  } = e, d = a.brand, s = d, c = i.brandSubtleHover, p = d, h = i.brandSubtleHover, f = i.brandSubtleHover, y = u`
     background-color: transparent;
     color: ${d};
     padding: 0 ${l}px;
-  `, y = u`
+  `, b = u`
     border-color: transparent;
     background-color: ${f};
   `, w = u`
@@ -16424,8 +16424,8 @@ const f3 = (e, t) => {
     color: ${e.colour.text.disabled};
   `;
   return k(
-    b,
-    t && y,
+    y,
+    t && b,
     !o && !r && w,
     o && x
   );
@@ -16465,11 +16465,11 @@ const f3 = (e, t) => {
     background-color: ${e.colour.fill.inverse};
     color: ${d};
     border-color: ${s};
-  `, b = u`
+  `, y = u`
     background-color: ${i.criticalSelected};
     color: ${a.inverse};
     border-color: transparent;
-  `, y = u`
+  `, b = u`
     cursor: pointer;
 
     &:hover {
@@ -16489,18 +16489,18 @@ const f3 = (e, t) => {
   `;
   return k(
     m,
-    t && b,
-    !o && !r && y,
+    t && y,
+    !o && !r && b,
     o && w
   );
 }, I3 = (e, t, o, r, l) => {
   const {
     colour: { fill: i, text: a }
-  } = e, d = a.critical, s = i.inverse, c = i.criticalHover, p = a.inverse, h = i.criticalPressed, f = a.inverse, m = i.criticalSelected, b = o ? l + 1 : l + 2, y = u`
+  } = e, d = a.critical, s = i.inverse, c = i.criticalHover, p = a.inverse, h = i.criticalPressed, f = a.inverse, m = i.criticalSelected, y = o ? l + 1 : l + 2, b = u`
     border: none;
     background-color: transparent;
     color: ${d};
-    padding: 0 ${b}px;
+    padding: 0 ${y}px;
   `, w = u`
     color: ${f};
     background-color: ${m};
@@ -16521,7 +16521,7 @@ const f3 = (e, t) => {
     color: ${e.colour.text.disabled};
   `;
   return k(
-    y,
+    b,
     t && w,
     !o && !r && x,
     o && C
@@ -16544,7 +16544,7 @@ const f3 = (e, t) => {
     &:active {
       background-color: ${c};
     }
-  `, b = u`
+  `, y = u`
     border-color: ${e.colour.fill.disabled};
     background-color: ${e.colour.fill.disabled};
     color: ${e.colour.text.onBgFillDisabled};
@@ -16553,20 +16553,20 @@ const f3 = (e, t) => {
     h,
     t && f,
     !o && !r && m,
-    o && b
+    o && y
   );
 }, W3 = (e, t, o, r, l) => {
   const {
     colour: { border: i, fill: a, text: d }
-  } = e, s = a.inverse, c = i.subtle, p = a.hover, h = a.hover, f = a.brandSubtleHover, m = i.brand, b = d.brandHover, y = l + 1, w = u`
+  } = e, s = a.inverse, c = i.subtle, p = a.hover, h = a.hover, f = a.brandSubtleHover, m = i.brand, y = d.brandHover, b = l + 1, w = u`
     background-color: ${s};
     border: 1px solid ${c};
     color: ${e.colour.text.default};
-    padding: 0 ${y}px;
+    padding: 0 ${b}px;
   `, x = u`
     background-color: ${f};
     border-color: ${m};
-    color: ${b};
+    color: ${y};
   `, C = u`
     cursor: pointer;
 
@@ -16590,7 +16590,7 @@ const f3 = (e, t) => {
 }, E3 = (e, t, o, r, l) => {
   const {
     colour: { border: i, fill: a, text: d }
-  } = e, s = d.brand, c = i.subtle, p = d.brandHover, h = a.brandSubtleHover, f = i.brandSubtle, m = d.brandHover, b = a.brandSubtleHover, y = i.brandSubtle, w = a.brandSubtleHover, x = i.brand, C = d.brandHover, M = l + 1, A = u`
+  } = e, s = d.brand, c = i.subtle, p = d.brandHover, h = a.brandSubtleHover, f = i.brandSubtle, m = d.brandHover, y = a.brandSubtleHover, b = i.brandSubtle, w = a.brandSubtleHover, x = i.brand, C = d.brandHover, M = l + 1, A = u`
     background-color: ${e.color.neutral.white};
     color: ${s};
     border: ${e.border.b1} solid ${c};
@@ -16609,9 +16609,9 @@ const f3 = (e, t) => {
     }
 
     &:active {
-      background-color: ${b};
+      background-color: ${y};
       color: ${m};
-      border-color: ${y};
+      border-color: ${b};
     }
   `, H = u`
     border-color: ${i.disabled};
@@ -16675,8 +16675,8 @@ const f3 = (e, t) => {
   testId: h = $n,
   ref: f,
   children: m,
-  className: b,
-  ...y
+  className: y,
+  ...b
 }) => {
   const w = e || "button", x = ue(null), C = f || x, [M, A] = be(!1), [v] = I(), E = D3(t, o), H = z3(r), F = u`
     all: unset;
@@ -16782,7 +16782,7 @@ const f3 = (e, t) => {
   `, $ = k(
     $n,
     F,
-    ke(y, v),
+    ke(b, v),
     H === "xsmall" && V,
     H === "small" && j,
     H === "medium" && J,
@@ -16792,7 +16792,7 @@ const f3 = (e, t) => {
     i && Q,
     c && ce,
     !m && G,
-    b
+    y
   );
   return /* @__PURE__ */ g(Je, { children: [
     /* @__PURE__ */ n(
@@ -16805,8 +16805,8 @@ const f3 = (e, t) => {
         className: $,
         "data-testid": h,
         "aria-disabled": i,
-        ...y,
-        href: w === "a" && i ? void 0 : y.href,
+        ...b,
+        href: w === "a" && i ? void 0 : b.href,
         children: c ? /* @__PURE__ */ n(
           vy,
           {
@@ -16854,11 +16854,11 @@ const f3 = (e, t) => {
       color: ${s.color.neutral.grey90};
       font-family: ${s.font.family.primary};
       font-size: ${s.font.size.f16};
-    `, b = u`
+    `, y = u`
       display: block;
       font-weight: ${s.font.weight.bold};
       line-height: ${s.font.lineHeight.h140};
-    `, y = u`
+    `, b = u`
       display: inline;
       font-weight: ${s.font.weight.regular};
       line-height: ${s.font.lineHeight.h150};
@@ -16868,8 +16868,8 @@ const f3 = (e, t) => {
       _n,
       m,
       ke(a, s),
-      e === "block" && b,
-      e === "inline" && y,
+      e === "block" && y,
+      e === "inline" && b,
       t && w,
       l
     ), C = u`
@@ -17041,9 +17041,9 @@ const f3 = (e, t) => {
     _(() => {
       h(!1);
     }, [t]);
-    const f = r * 2 / 5, m = O3(o), b = (E) => {
+    const f = r * 2 / 5, m = O3(o), y = (E) => {
       console.error("Avatar image failed to load", E), h(!0);
-    }, y = u`
+    }, b = u`
       display: flex;
       justify-content: center;
       align-items: center;
@@ -17082,7 +17082,7 @@ const f3 = (e, t) => {
       padding-top: 0.1em;
     `, v = k(
       or,
-      y,
+      b,
       !l && w,
       l && x,
       a
@@ -17100,7 +17100,7 @@ const f3 = (e, t) => {
           {
             src: t,
             alt: o ?? "Avatar",
-            onError: b,
+            onError: y,
             "data-testid": `${i}-image`,
             className: C
           }
@@ -17176,7 +17176,7 @@ const f3 = (e, t) => {
   children: a,
   ...d
 }) => {
-  const [s] = I(), c = r === "large" ? s.typography.body.sm : s.typography.body.xs, p = r === "large" ? 16 : 14, h = U3(s), { color: f, backgroundColor: m, border: b } = h[o], y = u`
+  const [s] = I(), c = r === "large" ? s.typography.body.sm : s.typography.body.xs, p = r === "large" ? 16 : 14, h = U3(s), { color: f, backgroundColor: m, border: y } = h[o], b = u`
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -17186,7 +17186,7 @@ const f3 = (e, t) => {
 
     color: ${f};
     background-color: ${m};
-    border: ${b ?? "none"};
+    border: ${y ?? "none"};
 
     font-family: ${c.fontFamily};
     font-feature-settings: ${c.fontSettings};
@@ -17198,7 +17198,7 @@ const f3 = (e, t) => {
     white-space: nowrap;
     gap: 4px;
     vertical-align: middle;
-  `, w = k(nr, y, t), x = u`
+  `, w = k(nr, b, t), x = u`
     display: block;
     border-radius: 50%;
     background-color: currentColor;
@@ -17287,17 +17287,17 @@ const f3 = (e, t) => {
       &:focus-visible {
         box-shadow: ${a.boxShadow.focus};
       }
-    `, b = u`
+    `, y = u`
       color: ${a.color.text.disabled};
       border-color: ${a.color.neutral.grey20};
       cursor: not-allowed;
       resize: none;
-    `, y = k(
+    `, b = k(
       rr,
       f,
       ke(l, a),
       !p && m,
-      p && b,
+      p && y,
       r
     );
     return /* @__PURE__ */ n(
@@ -17306,7 +17306,7 @@ const f3 = (e, t) => {
         ref: i,
         value: e,
         id: h,
-        className: y,
+        className: b,
         "data-testid": o,
         disabled: p,
         ...l
@@ -17326,9 +17326,9 @@ const f3 = (e, t) => {
   }) => {
     const [s] = I(), {
       typography: {
-        heading: { xxl: c, xl: p, lg: h, md: f, sm: m, xs: b }
+        heading: { xxl: c, xl: p, lg: h, md: f, sm: m, xs: y }
       }
-    } = s, y = e === 1 ? "xxl" : e === 2 ? "xl" : e === 3 ? "lg" : e === 4 ? "md" : e, w = y === "xxl" ? "h1" : y === "xl" ? "h2" : y === "lg" ? "h3" : y === "md" ? "h4" : y === "sm" ? "h5" : "h6", x = u`
+    } = s, b = e === 1 ? "xxl" : e === 2 ? "xl" : e === 3 ? "lg" : e === 4 ? "md" : e, w = b === "xxl" ? "h1" : b === "xl" ? "h2" : b === "lg" ? "h3" : b === "md" ? "h4" : b === "sm" ? "h5" : "h6", x = u`
       font-family: ${f.md.fontFamily};
       font-feature-settings: ${f.md.fontSettings};
       color: ${s.colour.text.default};
@@ -17379,23 +17379,23 @@ const f3 = (e, t) => {
         line-height: ${m.md.lineHeight}%;
       }
     `, H = u`
-      font-size: ${b.sm.fontSize}px;
-      font-weight: ${b.sm.fontWeight};
-      line-height: ${b.sm.lineHeight}%;
+      font-size: ${y.sm.fontSize}px;
+      font-weight: ${y.sm.fontWeight};
+      line-height: ${y.sm.lineHeight}%;
       @media screen and (min-width: ${s.breakpoints.tablet}px) {
-        font-size: ${b.md.fontSize}px;
-        font-weight: ${b.md.fontWeight};
-        line-height: ${b.md.lineHeight}%;
+        font-size: ${y.md.fontSize}px;
+        font-weight: ${y.md.fontWeight};
+        line-height: ${y.md.lineHeight}%;
       }
     `, F = k(
       lr,
       x,
-      y === "xxl" && C,
-      y === "xl" && M,
-      y === "lg" && A,
-      y === "md" && v,
-      y === "sm" && E,
-      y === "xs" && H,
+      b === "xxl" && C,
+      b === "xl" && M,
+      b === "lg" && A,
+      b === "md" && v,
+      b === "sm" && E,
+      b === "xs" && H,
       ke(
         { ...d, noMargins: a || o === !1 },
         s
@@ -17495,8 +17495,8 @@ const f3 = (e, t) => {
         lg: h,
         lgMedium: f,
         lgSemibold: m,
-        lgBold: b,
-        md: y,
+        lgBold: y,
+        md: b,
         mdMedium: w,
         mdSemibold: x,
         mdMediumNumeric: C,
@@ -17508,8 +17508,8 @@ const f3 = (e, t) => {
       }
     }
   } = p, F = e || (t === "standfirst" ? o === "medium" ? "lg-medium" : "lg" : t === "small" ? o === "medium" ? "sm-medium" : "sm" : o === "medium" ? "md-medium" : "md"), T = u`
-    font-family: ${y.fontFamily};
-    font-feature-settings: ${y.fontSettings};
+    font-family: ${b.fontFamily};
+    font-feature-settings: ${b.fontSettings};
     color: ${o === "medium" ? p.colour.text.secondary : p.colour.text.default};
     margin: 0;
   `, U = u`
@@ -17525,13 +17525,13 @@ const f3 = (e, t) => {
     font-weight: ${m.fontWeight};
     line-height: ${m.lineHeight}%;
   `, j = u`
-    font-size: ${b.fontSize}px;
-    font-weight: ${b.fontWeight};
-    line-height: ${b.lineHeight}%;
-  `, J = u`
     font-size: ${y.fontSize}px;
     font-weight: ${y.fontWeight};
     line-height: ${y.lineHeight}%;
+  `, J = u`
+    font-size: ${b.fontSize}px;
+    font-weight: ${b.fontWeight};
+    line-height: ${b.lineHeight}%;
   `, te = u`
     font-size: ${w.fontSize}px;
     font-weight: ${w.fontWeight};
@@ -17633,8 +17633,8 @@ const f3 = (e, t) => {
         mdMedium: h,
         mdSemibold: f,
         mdMediumNumeric: m,
-        sm: b,
-        smMedium: y,
+        sm: y,
+        smMedium: b,
         smSemibold: w,
         xs: x,
         xsMedium: C
@@ -17678,13 +17678,13 @@ const f3 = (e, t) => {
     font-weight: ${m.fontWeight};
     line-height: ${m.lineHeight}%;
   `, V = u`
-    font-size: ${b.fontSize}px;
-    font-weight: ${b.fontWeight};
-    line-height: ${b.lineHeight}%;
-  `, j = u`
     font-size: ${y.fontSize}px;
     font-weight: ${y.fontWeight};
     line-height: ${y.lineHeight}%;
+  `, j = u`
+    font-size: ${b.fontSize}px;
+    font-weight: ${b.fontWeight};
+    line-height: ${b.lineHeight}%;
   `, J = u`
     font-size: ${w.fontSize}px;
     font-weight: ${w.fontWeight};
@@ -17759,8 +17759,8 @@ const f3 = (e, t) => {
       outline: 0;
       pointer-events: auto;
     `, m = Te(
-      (b) => {
-        b.target === b.currentTarget && o && o();
+      (y) => {
+        y.target === y.currentTarget && o && o();
       },
       [o]
     );
@@ -18094,10 +18094,10 @@ const pr = "ucl-uikit-checkbox", bb = Se(
   }, s) => {
     const [c] = I(), p = t !== void 0, [h, f] = be(
       o ?? !1
-    ), m = p ? t : h, b = (F) => {
+    ), m = p ? t : h, y = (F) => {
       var T;
       p || f(F.target.checked), (T = d.onChange) == null || T.call(d, F);
-    }, y = u`
+    }, b = u`
       position: relative;
       display: inline-block;
       width: 24px;
@@ -18130,7 +18130,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
       cursor: not-allowed;
     `, A = k(
       pr,
-      y,
+      b,
       ke(d, c),
       !r && w,
       m && x,
@@ -18174,7 +18174,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
           "aria-label": i,
           ...p ? { checked: t } : { defaultChecked: o },
           disabled: r,
-          onChange: b,
+          onChange: y,
           ...d
         }
       ),
@@ -18223,19 +18223,19 @@ const pr = "ucl-uikit-checkbox", bb = Se(
     className: h,
     children: f,
     ...m
-  }, b) => {
-    const [y] = I(), w = wt();
+  }, y) => {
+    const [b] = I(), w = wt();
     e = e ?? w;
     const x = u`
-      margin-top: ${y.margin.m16};
-      margin-bottom: ${y.margin.m16};
+      margin-top: ${b.margin.m16};
+      margin-bottom: ${b.margin.m16};
       display: flex;
       align-items: center;
-      gap: ${y.m16};
+      gap: ${b.m16};
       width: fit-content;
     `, C = u`
       &:focus-within {
-        box-shadow: ${y.boxShadow.focus};
+        box-shadow: ${b.boxShadow.focus};
       }
     `, M = k(
       gr,
@@ -18252,7 +18252,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
           mr: c,
           noMargins: p
         },
-        y
+        b
       ),
       h
     ), A = u`
@@ -18269,7 +18269,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
           /* @__PURE__ */ n(
             tn,
             {
-              ref: b,
+              ref: y,
               className: A,
               id: e,
               "data-testid": `${o}__checkbox`,
@@ -18417,23 +18417,23 @@ const pr = "ucl-uikit-checkbox", bb = Se(
         return C.getAttribute("aria-disabled") !== "true" && C.tabIndex >= 0 && C.offsetParent !== null;
       });
       if (m.length === 0) return;
-      const b = m[0], y = m[m.length - 1], w = m.indexOf(
+      const y = m[0], b = m[m.length - 1], w = m.indexOf(
         document.activeElement
       );
       if (f.key === "Tab")
-        f.shiftKey && document.activeElement === b ? (y.focus(), f.preventDefault()) : !f.shiftKey && document.activeElement === y && (b.focus(), f.preventDefault());
+        f.shiftKey && document.activeElement === y ? (b.focus(), f.preventDefault()) : !f.shiftKey && document.activeElement === b && (y.focus(), f.preventDefault());
       else if (f.key === "ArrowDown")
         if (w !== -1) {
           const x = (w + 1) % m.length;
           m[x].focus(), f.preventDefault();
         } else
-          b.focus(), f.preventDefault();
+          y.focus(), f.preventDefault();
       else if (f.key === "ArrowUp")
         if (w !== -1) {
           const x = (w - 1 + m.length) % m.length;
           m[x].focus(), f.preventDefault();
         } else
-          y.focus(), f.preventDefault();
+          b.focus(), f.preventDefault();
     };
     return document.addEventListener("mousedown", p), document.addEventListener("keydown", h), () => {
       document.removeEventListener("mousedown", p), document.removeEventListener("keydown", h);
@@ -18458,9 +18458,9 @@ const pr = "ucl-uikit-checkbox", bb = Se(
   onClick: s,
   ...c
 }) => {
-  const p = !!(s || l || i), [h] = I(), { toggleMenu: f } = on(), m = gt(() => typeof d == "boolean" ? d : typeof window < "u" && l ? window.location.pathname === l : !1, [d, l]), b = (v) => {
+  const p = !!(s || l || i), [h] = I(), { toggleMenu: f } = on(), m = gt(() => typeof d == "boolean" ? d : typeof window < "u" && l ? window.location.pathname === l : !1, [d, l]), y = (v) => {
     m && (v.preventDefault(), f()), s && s(v);
-  }, y = u`
+  }, b = u`
     height: 40px;
     padding: 0 16px;
     display: flex;
@@ -18502,7 +18502,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
     margin-right: 8px;
   `, M = k(
     br,
-    y,
+    b,
     p && w,
     r
   ), A = /* @__PURE__ */ g(Je, { children: [
@@ -18519,7 +18519,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
       role: "menuitem",
       tabIndex: 0,
       "aria-label": m ? `${o} - Currently selected` : void 0,
-      onClick: b,
+      onClick: y,
       children: /* @__PURE__ */ n(
         "li",
         {
@@ -18569,8 +18569,8 @@ const pr = "ucl-uikit-checkbox", bb = Se(
 }) => {
   const { isOpen: l, contentRef: i, toggleMenu: a } = on(), [d] = I(), s = ht(
     `(min-width: ${d.breakpoints.desktop}px)`
-  ), c = (y) => {
-    y.key === "Enter" && a();
+  ), c = (b) => {
+    b.key === "Enter" && a();
   }, p = u`
     z-index: 9999;
     position: absolute;
@@ -18612,10 +18612,10 @@ const pr = "ucl-uikit-checkbox", bb = Se(
     }
   `;
   _(() => {
-    const y = document.getElementById("root");
-    y && (!s && l ? y.style.display = "none" : y.style.display = "");
+    const b = document.getElementById("root");
+    b && (!s && l ? b.style.display = "none" : b.style.display = "");
   }, [l, s]);
-  const m = k(vr, p, l && h, o), b = /* @__PURE__ */ g(
+  const m = k(vr, p, l && h, o), y = /* @__PURE__ */ g(
     "ul",
     {
       id: "app-menu",
@@ -18642,7 +18642,7 @@ const pr = "ucl-uikit-checkbox", bb = Se(
       ]
     }
   );
-  return s ? b : $o.createPortal(b, document.body);
+  return s ? y : $o.createPortal(y, document.body);
 }, wr = "ucl-app-menu__divider", Ab = ({
   testId: e = wr,
   className: t,
@@ -18743,23 +18743,23 @@ const Bi = Qe({}), zi = () => Ne(Bi), Ib = ({
         return C.getAttribute("aria-disabled") !== "true" && C.tabIndex >= 0 && C.offsetParent !== null;
       });
       if (m.length === 0) return;
-      const b = m[0], y = m[m.length - 1], w = m.indexOf(
+      const y = m[0], b = m[m.length - 1], w = m.indexOf(
         document.activeElement
       );
       if (f.key === "Tab")
-        f.shiftKey && document.activeElement === b ? (y.focus(), f.preventDefault()) : !f.shiftKey && document.activeElement === y && (b.focus(), f.preventDefault());
+        f.shiftKey && document.activeElement === y ? (b.focus(), f.preventDefault()) : !f.shiftKey && document.activeElement === b && (y.focus(), f.preventDefault());
       else if (f.key === "ArrowDown")
         if (w !== -1) {
           const x = (w + 1) % m.length;
           m[x].focus(), f.preventDefault();
         } else
-          b.focus(), f.preventDefault();
+          y.focus(), f.preventDefault();
       else if (f.key === "ArrowUp")
         if (w !== -1) {
           const x = (w - 1 + m.length) % m.length;
           m[x].focus(), f.preventDefault();
         } else
-          y.focus(), f.preventDefault();
+          b.focus(), f.preventDefault();
     };
     return document.addEventListener("mousedown", p), document.addEventListener("keydown", h), () => {
       document.removeEventListener("mousedown", p), document.removeEventListener("keydown", h);
@@ -18812,7 +18812,7 @@ const Bi = Qe({}), zi = () => Ne(Bi), Ib = ({
     }
   `, m = u`
     display: block;
-  `, b = k(Sr, f, a && m, l), y = u`
+  `, y = k(Sr, f, a && m, l), b = u`
     display: flex;
     justify-content: space-between;
     padding: ${p.p64} ${p.p24} ${p.p16};
@@ -18842,9 +18842,9 @@ const Bi = Qe({}), zi = () => Ne(Bi), Ib = ({
     "div",
     {
       ref: d,
-      className: b,
+      className: y,
       children: [
-        /* @__PURE__ */ g("header", { className: y, children: [
+        /* @__PURE__ */ g("header", { className: b, children: [
           /* @__PURE__ */ n("h3", { className: w, children: e }),
           /* @__PURE__ */ n(
             De,
@@ -18910,7 +18910,7 @@ const Bi = Qe({}), zi = () => Ne(Bi), Ib = ({
     p,
     s && h,
     r
-  ), b = /* @__PURE__ */ g(Je, { children: [
+  ), y = /* @__PURE__ */ g(Je, { children: [
     at.isValidElement(t) && /* @__PURE__ */ n("span", { className: f, children: t }),
     o
   ] });
@@ -18925,7 +18925,7 @@ const Bi = Qe({}), zi = () => Ne(Bi), Ib = ({
       onClick: l,
       ...d,
       children: [
-        b,
+        y,
         a && /* @__PURE__ */ n(
           D.ExternalLink,
           {
@@ -19023,26 +19023,36 @@ const yo = ({
   iconPosition: t = "left",
   className: o,
   children: r,
-  ...l
+  onClick: l,
+  onKeyDown: i,
+  role: a,
+  tabIndex: d,
+  ...s
 }) => {
-  const [i] = I(), a = u`
+  const [c] = I(), p = typeof l == "function", h = (y) => {
+    i == null || i(y), !(y.defaultPrevented || !p) && (y.key === "Enter" && y.currentTarget.click(), y.key === " " && (y.preventDefault(), y.currentTarget.click()));
+  }, f = u`
     width: 360px;
     box-sizing: border-box;
     min-height: 48px;
     display: flex;
     align-items: center;
-    gap: ${i.margin.m32};
+    gap: ${c.margin.m32};
     cursor: pointer;
 
     &:hover .ucl-uikit-menu__item-text {
       text-decoration: underline;
     }
-  `, d = k(a, o);
+  `, m = k(f, o);
   return /* @__PURE__ */ g(
     "div",
     {
-      className: d,
-      ...l,
+      className: m,
+      onClick: l,
+      onKeyDown: h,
+      role: a ?? (p ? "button" : void 0),
+      tabIndex: d ?? (p ? 0 : void 0),
+      ...s,
       children: [
         t === "left" && e,
         r,
@@ -19108,7 +19118,7 @@ const yo = ({
   className: e,
   children: t,
   asChild: o,
-  badge: r,
+  trailingContent: r,
   ...l
 }) => {
   const [i] = I(), a = u`
@@ -19167,25 +19177,39 @@ const yo = ({
             children: t
           }
         ),
-        r && /* @__PURE__ */ n(D.ExternalLink, { size: 16 })
+        r && /* @__PURE__ */ n(
+          D.ExternalLink,
+          {
+            size: 16,
+            "aria-hidden": "true",
+            focusable: "false"
+          }
+        )
       ] })
     }
   );
-}, Kb = "ucl-uikit-menu", Xb = ({ testId: e = Kb, className: t, children: o, ...r }) => {
-  const [l] = I(), i = u`
-    padding: ${l.padding.p16} ${l.padding.p24};
+}, Kb = "ucl-uikit-menu", Xb = ({
+  testId: e = Kb,
+  className: t,
+  children: o,
+  border: r = !1,
+  ...l
+}) => {
+  const [i] = I(), a = u`
+    padding: ${i.padding.p16} ${i.padding.p24};
 
-    @media screen and (min-width: ${l.breakpoints.tablet}px) {
-      padding: ${l.padding.p48} ${l.padding.p64};
-      border: 1px solid ${l.colour.border.subtle};
+    @media screen and (min-width: ${i.breakpoints.tablet}px) {
+      padding: ${i.padding.p48} ${i.padding.p64};
     }
-  `, a = k(i, t);
+  `, d = u`
+    border: 1px solid ${i.colour.border.subtle};
+  `, s = k(a, r && d, t);
   return /* @__PURE__ */ n(
     "nav",
     {
-      className: a,
+      className: s,
       "data-testid": e,
-      ...r,
+      ...l,
       children: o
     }
   );
@@ -19221,8 +19245,8 @@ const yo = ({
   className: h,
   panelClassName: f,
   filterable: m = !1,
-  ref: b,
-  ...y
+  ref: y,
+  ...b
 }) => {
   c !== void 0 && console.warn(
     "Select width prop is deprecated; it has no effect. Use className instead."
@@ -19241,12 +19265,12 @@ const yo = ({
     );
   }, [x]);
   const C = ue(null), M = C, A = ue(!1), v = ue(!1), E = (z) => {
-    C.current = z, typeof b == "function" ? b(z) : b && "current" in b && (b.current = z);
+    C.current = z, typeof y == "function" ? y(z) : y && "current" in y && (y.current = z);
   }, [H] = I(), [F, T] = be(!1), [U, G] = be(""), [V, j] = be(
     null
   ), [J, te] = be(
     null
-  ), X = ue(null), ee = ue(null), Q = wt(), ce = y.id ?? `${p}-${Q.replace(/[:]/g, "")}`, $ = `${ce}-listbox`, me = gt(() => {
+  ), X = ue(null), ee = ue(null), Q = wt(), ce = b.id ?? `${p}-${Q.replace(/[:]/g, "")}`, $ = `${ce}-listbox`, me = gt(() => {
     const z = U.toLowerCase();
     return m ? o.reduce((K, se, ve) => (se.label.toLowerCase().includes(z) && K.push(ve), K), []) : o.map((K, se) => se);
   }, [m, o, U]), P = gt(
@@ -19456,7 +19480,7 @@ const yo = ({
       "aria-expanded": F,
       "aria-controls": F ? $ : void 0,
       "aria-activedescendant": cn,
-      ...y,
+      ...b,
       children: [
         /* @__PURE__ */ n(
           iv,
@@ -19583,7 +19607,7 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     &:hover {
       background-color: ${d.colour.fill.inverse};
     }
-  `, b = k(
+  `, y = k(
     Mr,
     p,
     !!t && h,
@@ -19594,7 +19618,7 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
   return /* @__PURE__ */ g(
     "select",
     {
-      className: b,
+      className: y,
       "data-testid": l,
       disabled: o,
       ...a,
@@ -19608,13 +19632,13 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
             children: r
           }
         ),
-        e ? e.map((y) => /* @__PURE__ */ n(
+        e ? e.map((b) => /* @__PURE__ */ n(
           "option",
           {
-            value: y.value,
-            children: y.label
+            value: b.value,
+            children: b.label
           },
-          y.value
+          b.value
         )) : null
       ]
     }
@@ -19655,18 +19679,18 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     &:hover {
       background-color: ${c.colour.fill.brandSubtleHover};
     }
-  `, b = u`
+  `, y = u`
     white-space: nowrap;
     text-overflow: ellipsis;
-  `, y = u`
+  `, b = u`
     word-break: break-all;
   `, w = u`
     background-color: ${c.colour.fill.brandSubtleSelected};
   `, x = k(
     Lr,
     m,
-    !l && b,
-    l && y,
+    !l && y,
+    l && b,
     o && w,
     a
   );
@@ -19736,14 +19760,14 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     flex-shrink: 0;
     margin-left: auto;
     color: ${c.colour.icon.default};
-  `, b = u`
-    transform: rotate(180deg);
   `, y = u`
+    transform: rotate(180deg);
+  `, b = u`
     color: ${c.colour.icon.disabled};
   `, w = k(
     m,
-    t && b,
-    r && y
+    t && y,
+    r && b
   ), x = u`
     display: flex;
     align-items: center;
@@ -19802,13 +19826,13 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
   ariaActiveDescendant: p,
   ...h
 }) => {
-  const [f] = I(), m = (y) => {
-    if (y.key === "Tab") {
-      r == null || r(y);
+  const [f] = I(), m = (b) => {
+    if (b.key === "Tab") {
+      r == null || r(b);
       return;
     }
-    y.key === "Escape" || y.key === "Enter" || y.key === "ArrowUp" || y.key === "ArrowDown" || y.stopPropagation();
-  }, b = u`
+    b.key === "Escape" || b.key === "Enter" || b.key === "ArrowUp" || b.key === "ArrowDown" || b.stopPropagation();
+  }, y = u`
     flex: 1;
     border: none;
     outline: none;
@@ -19827,14 +19851,14 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     "input",
     {
       ref: a,
-      className: k(b, d),
+      className: k(y, d),
       value: e,
       placeholder: l,
       disabled: i,
-      onChange: (y) => t(y.target.value),
+      onChange: (b) => t(b.target.value),
       onBlur: o,
-      onClick: (y) => y.stopPropagation(),
-      onKeyDown: (y) => m(y),
+      onClick: (b) => b.stopPropagation(),
+      onKeyDown: (b) => m(b),
       "aria-label": "Filter options",
       "aria-autocomplete": "list",
       role: "searchbox",
@@ -20046,11 +20070,11 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     font-family: ${h.font.family.primary};
     font-weight: 300;
     padding: ${h.padding.p40} 0 ${h.padding.p40};
-  `, m = k(Fr, f, t), b = u`
+  `, m = k(Fr, f, t), y = u`
     max-width: 1080px;
     margin: 0 auto;
     padding: 0 ${h.padding.p24};
-  `, y = u`
+  `, b = u`
     @media screen and (min-width: ${h.breakpoints.tablet}px) {
       margin-right: 10%;
       display: flex;
@@ -20152,8 +20176,8 @@ const tv = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
       className: m,
       "data-testid": e,
       ...c,
-      children: /* @__PURE__ */ g("div", { className: b, children: [
-        /* @__PURE__ */ n("nav", { className: y, children: s }),
+      children: /* @__PURE__ */ g("div", { className: y, children: [
+        /* @__PURE__ */ n("nav", { className: b, children: s }),
         /* @__PURE__ */ g("div", { className: w, children: [
           /* @__PURE__ */ n(go, { className: x }),
           /* @__PURE__ */ g("div", { className: C, children: [
@@ -20462,7 +20486,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
     line-height: ${a.typography.body.md.lineHeight}%; // todo: change foundations lib to use non-percent number
   `, m = u`
     margin-top: ${a.margin.m4};
-  `, b = u`
+  `, y = u`
     color: ${a.colour.text.inverse};
     opacity: 0.6; // todo: use alpha white colour from theme
     font-family: ${a.typography.body.md.fontFamily};
@@ -20482,7 +20506,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
     &:hover {
       text-decoration: underline;
     }
-  `, y = u`
+  `, b = u`
     margin-top: ${a.margin.m24};
     display: flex;
     flex-wrap: wrap;
@@ -20513,13 +20537,13 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n("div", { className: m, children: /* @__PURE__ */ n(
             "a",
             {
-              className: b,
+              className: y,
               href: "tel:+4402076792000",
               children: "Tel: +44 (0) 20 7679 2000"
             }
           ) })
         ] }),
-        o && /* @__PURE__ */ g("div", { className: y, children: [
+        o && /* @__PURE__ */ g("div", { className: b, children: [
           /* @__PURE__ */ n($e, { socialNetwork: "instagram" }),
           /* @__PURE__ */ n($e, { socialNetwork: "linkedin" }),
           /* @__PURE__ */ n($e, { socialNetwork: "youtube" }),
@@ -20556,7 +20580,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
     @media screen and (min-width: ${h.breakpoints.desktopLarge}px) {
       display: flex;
     }
-  `, m = k(Tr, f, s), b = u`
+  `, m = k(Tr, f, s), y = u`
     color: ${h.colour.text.brandInverseSecondary};
     font-family: ${h.typography.body.md.fontFamily};
     font-size: 14px;
@@ -20568,7 +20592,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
     @media screen and (min-width: ${h.breakpoints.desktop}px) {
       gap: 32px;
     }
-  `, y = u`
+  `, b = u`
     text-decoration: none;
     color: inherit;
     transition: color 0.2s ease-out;
@@ -20601,11 +20625,11 @@ const Br = "ucl-uikit-footer__column", gv = ({
       "data-testid": d,
       ...c,
       children: [
-        /* @__PURE__ */ g("div", { className: b, children: [
+        /* @__PURE__ */ g("div", { className: y, children: [
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: e,
               children: "Disclaimer"
             }
@@ -20613,7 +20637,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: t,
               children: "Freedom of Information"
             }
@@ -20621,7 +20645,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: o,
               children: "Accessibility"
             }
@@ -20629,7 +20653,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: r,
               children: "Cookies"
             }
@@ -20637,7 +20661,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: l,
               children: "Privacy"
             }
@@ -20645,7 +20669,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: i,
               children: "Slavery statement"
             }
@@ -20653,7 +20677,7 @@ const Br = "ucl-uikit-footer__column", gv = ({
           a && /* @__PURE__ */ n(
             "a",
             {
-              className: y,
+              className: b,
               href: a,
               children: "Login"
             }
@@ -20771,21 +20795,21 @@ const Br = "ucl-uikit-footer__column", gv = ({
   children: h,
   ...f
 }) => {
-  const m = !!h, b = !m, [y] = I(), w = u`
-    background-color: ${y.colour.surface.inverseBrandPrimary};
-    color: ${y.colour.text.brandInverse};
-    padding: ${y.padding.p40} ${y.padding.p16};
+  const m = !!h, y = !m, [b] = I(), w = u`
+    background-color: ${b.colour.surface.inverseBrandPrimary};
+    color: ${b.colour.text.brandInverse};
+    padding: ${b.padding.p40} ${b.padding.p16};
     box-sizing: border-box;
 
-    @media screen and (min-width: ${y.breakpoints.tablet}px) {
-      padding: ${y.padding.p64} ${y.padding.p32};
+    @media screen and (min-width: ${b.breakpoints.tablet}px) {
+      padding: ${b.padding.p64} ${b.padding.p32};
     }
 
-    @media screen and (min-width: ${y.breakpoints.desktop}px) {
-      padding: ${y.padding.p64} ${y.padding.p64} ${y.padding.p48};
+    @media screen and (min-width: ${b.breakpoints.desktop}px) {
+      padding: ${b.padding.p64} ${b.padding.p64} ${b.padding.p48};
     }
   `, x = k(Or, w, t), C = u`
-    @media screen and (min-width: ${y.breakpoints.desktopLarge}px) {
+    @media screen and (min-width: ${b.breakpoints.desktopLarge}px) {
       display: flex;
     }
   `;
@@ -20801,13 +20825,13 @@ const Br = "ucl-uikit-footer__column", gv = ({
           /* @__PURE__ */ n(
             wv,
             {
-              compact: b,
+              compact: y,
               addressFormat: o,
               showSocialLinks: r
             }
           )
         ] }),
-        /* @__PURE__ */ n(Sv, { compact: b }),
+        /* @__PURE__ */ n(Sv, { compact: y }),
         /* @__PURE__ */ n(
           xv,
           {
@@ -20897,13 +20921,13 @@ const Zr = "ucl-divider", Lv = ({ testId: e = Zr, className: t, ...o }) => {
     @media (min-width: ${f.breakpoints.desktop}px) {
       height: ${Hv}px;
     }
-  `, b = u`
+  `, y = u`
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: ${Ev};
-  `, y = k(Pr, m, t && b, c), w = u`
+  `, b = k(Pr, m, t && y, c), w = u`
     position: absolute;
     left: 16px;
     bottom: -0.5px;
@@ -20957,7 +20981,7 @@ const Zr = "ucl-divider", Lv = ({ testId: e = Zr, className: t, ...o }) => {
   return /* @__PURE__ */ g(
     "header",
     {
-      className: y,
+      className: b,
       "data-testid": s,
       ...h,
       children: [
@@ -21274,7 +21298,7 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
     font-size: ${s.font.size.f16};
     font-weight: 400;
     line-height: 16px;
-  `, b = u`
+  `, y = u`
     margin-top: -4px;
     margin-bottom: -4px;
     margin-right: -${s.padding.p8}; // subtract padding-right
@@ -21289,7 +21313,7 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
     &:hover {
       background-color: ${s.color.neutral.grey5};
     }
-  `, y = u`
+  `, b = u`
     margin-right: ${s.margin.m16};
     width: 40px;
     height: 40px;
@@ -21319,8 +21343,8 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
           /* @__PURE__ */ n("h1", { className: f, children: e }),
           /* @__PURE__ */ n("h2", { className: m, children: t })
         ] }),
-        /* @__PURE__ */ g("div", { className: b, children: [
-          /* @__PURE__ */ n("div", { className: y, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ g("div", { className: y, children: [
+          /* @__PURE__ */ n("div", { className: b, children: /* @__PURE__ */ n(
             "img",
             {
               className: w,
@@ -21420,13 +21444,13 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
   children: f,
   ...m
 }) => {
-  const [b] = I(), y = [], w = [];
+  const [y] = I(), b = [], w = [];
   at.Children.forEach(f, (T) => {
-    at.isValidElement(T) && T.type === Vi ? y.push(T) : w.push(T);
+    at.isValidElement(T) && T.type === Vi ? b.push(T) : w.push(T);
   });
   const x = u`
-    background-color: ${b.color.neutral.white};
-    font-family: ${b.font.family.primary};
+    background-color: ${y.color.neutral.white};
+    font-family: ${y.font.family.primary};
     font-synthesis: none;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
@@ -21449,8 +21473,8 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
   ), v = u`
     position: relative;
     height: ${el}px;
-    background-color: ${b.color.neutral.grey90};
-    color: ${b.color.text.inverted};
+    background-color: ${y.color.neutral.grey90};
+    color: ${y.color.text.inverted};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -21462,17 +21486,17 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
   `, H = u`
     display: block;
     margin: 0;
-    font-size: ${b.font.size.f18};
+    font-size: ${y.font.size.f18};
     font-weight: 700;
     text-align: center;
   `, F = u`
     position: absolute;
     right: 60px;
     height: 40px;
-    padding: 0 ${b.padding.p16};
-    background-color: ${b.color.neutral.white};
-    color: ${b.color.text.primary};
-    font-size: ${b.font.size.f16};
+    padding: 0 ${y.padding.p16};
+    background-color: ${y.color.neutral.white};
+    color: ${y.color.text.primary};
+    font-size: ${y.font.size.f16};
     font-weight: 700;
     border: none;
     display: flex;
@@ -21483,8 +21507,8 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
       color 0.15s ease-out;
 
     &:hover {
-      color: ${b.color.text.primary};
-      background-color: ${b.color.neutral.grey5};
+      color: ${y.color.text.primary};
+      background-color: ${y.color.neutral.grey5};
     }
   `;
   return /* @__PURE__ */ g(
@@ -21497,7 +21521,7 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Uv = ({
         /* @__PURE__ */ g("div", { className: v, children: [
           /* @__PURE__ */ n(go, { className: E }),
           t && /* @__PURE__ */ n("h1", { className: H, children: t }),
-          d && /* @__PURE__ */ n("div", { className: F, children: y })
+          d && /* @__PURE__ */ n("div", { className: F, children: b })
         ] }),
         e === "breadcrumbs" && /* @__PURE__ */ n(jv, { children: w }),
         e === "avatar" && /* @__PURE__ */ n(
@@ -21642,12 +21666,12 @@ const tl = "ucl-uikit-table__head", e6 = ({ className: e, children: t, ...o }) =
   checkboxAriaLabel: p = "Select all rows",
   ...h
 }) => {
-  const [f] = I(), m = e !== "checkbox" && r && t, b = (A) => {
+  const [f] = I(), m = e !== "checkbox" && r && t, y = (A) => {
     r && !t ? console.warn(`${Ho}: onSortChange requires an accessor to be defined.`) : m && (o === "asc" ? r(t, "desc", A) : o === "desc" ? r(t, null, A) : r(t, "asc", A));
-  }, y = (A) => {
-    b(A);
+  }, b = (A) => {
+    y(A);
   }, w = (A) => {
-    (A.key === "Enter" || A.key === " ") && (A.preventDefault(), b(A));
+    (A.key === "Enter" || A.key === " ") && (A.preventDefault(), y(A));
   }, x = (A) => {
     e === "checkbox" && a && a(A.target.checked, A);
   }, C = u`
@@ -21662,7 +21686,7 @@ const tl = "ucl-uikit-table__head", e6 = ({ className: e, children: t, ...o }) =
   return /* @__PURE__ */ n(
     "th",
     {
-      onClick: y,
+      onClick: b,
       onKeyDown: w,
       scope: "col",
       className: M,
@@ -21816,17 +21840,17 @@ const tl = "ucl-uikit-table__head", e6 = ({ className: e, children: t, ...o }) =
     e === "checkbox" && o && o(w.target.checked, w);
   }, m = (w) => {
     e === "button" && l && l(w);
-  }, b = u`
+  }, y = u`
     box-sizing: border-box;
     padding: 0 ${h.padding.p16};
     height: 40px;
     font-family: ${h.font.family.primary};
     font-size: ${h.font.size.f14};
-  `, y = k(b, a, Wo);
+  `, b = k(y, a, Wo);
   return /* @__PURE__ */ n(
     "td",
     {
-      className: y,
+      className: b,
       "data-testid": i,
       ...p,
       children: /* @__PURE__ */ n(
@@ -21948,7 +21972,7 @@ const il = "ucl-uikit-alert__message", c6 = ({
     e === "warning" && h,
     e === "error" && f,
     r
-  ), b = k(
+  ), y = k(
     e === "info" && u`
         color: ${a.colour.icon.brand};
       `,
@@ -21961,7 +21985,7 @@ const il = "ucl-uikit-alert__message", c6 = ({
     e === "error" && u`
         color: ${a.colour.icon.critical};
       `
-  ), y = {
+  ), b = {
     info: D.Info,
     success: D.CheckCircle,
     warning: D.AlertTriangle,
@@ -21976,9 +22000,9 @@ const il = "ucl-uikit-alert__message", c6 = ({
       ...l,
       children: [
         /* @__PURE__ */ n(
-          y,
+          b,
           {
-            className: b,
+            className: y,
             "aria-label": i
           }
         ),
@@ -22027,7 +22051,7 @@ const Zi = Qe(void 0), p6 = () => {
     &:hover {
       text-decoration: underline;
     }
-  `, b = u`
+  `, y = u`
     border-bottom: 4px solid ${h || d.colour.border.brand};
     color: ${d.colour.text.default};
     margin-bottom: -1px;
@@ -22036,12 +22060,12 @@ const Zi = Qe(void 0), p6 = () => {
     &:hover {
       text-decoration: none;
     }
-  `, y = k(sl, m, f && b, t);
+  `, b = k(sl, m, f && y, t);
   return /* @__PURE__ */ g(
     "button",
     {
       ref: i,
-      className: y,
+      className: b,
       "data-testid": e,
       role: "tab",
       "aria-selected": f,
@@ -22145,9 +22169,9 @@ const dl = "ucl-uikit-accordion__heading", ul = "ucl-uikit-accordion__heading__i
     transform: rotate(${i ? "180deg" : "0deg"});
     transition: transform 0.15s ease;
     color: ${l.colour.icon.brand};
-  `, b = u`
+  `, y = u`
     color: ${l.colour.icon.disabled};
-  `, y = k(ul, m, d && b);
+  `, b = k(ul, m, d && y);
   return /* @__PURE__ */ g(
     t,
     {
@@ -22164,7 +22188,7 @@ const dl = "ucl-uikit-accordion__heading", ul = "ucl-uikit-accordion__heading__i
           D.ChevronDown,
           {
             size: s === "medium" ? 32 : 24,
-            className: y
+            className: b
           }
         )
       ]
@@ -22220,7 +22244,7 @@ const dl = "ucl-uikit-accordion__heading", ul = "ucl-uikit-accordion__heading__i
   testId: i = fl
 }) => {
   const [a, d] = be(o), [s] = I(), c = () => {
-    t || d((y) => !y);
+    t || d((b) => !b);
   }, p = u`
     width: 660px;
     min-width: 288px;
@@ -22241,7 +22265,7 @@ const dl = "ucl-uikit-accordion__heading", ul = "ucl-uikit-accordion__heading__i
     pointer-events: none;
     background-color: ${s.colour.fill.inverse};
     color: ${s.colour.text.disabled};
-  `, b = k(
+  `, y = k(
     fl,
     p,
     e === "small" && h,
@@ -22261,7 +22285,7 @@ const dl = "ucl-uikit-accordion__heading", ul = "ucl-uikit-accordion__heading__i
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: b,
+          className: y,
           "aria-disabled": t,
           "data-testid": i,
           children: r
@@ -22317,7 +22341,7 @@ const x6 = (e, t, o) => {
     return Array.from(c);
   }, [t]), s = Te(
     (c) => {
-      var b, y;
+      var y, b;
       if (!e || c.key !== "Tab") return;
       const p = d();
       if (p.length === 0) {
@@ -22325,7 +22349,7 @@ const x6 = (e, t, o) => {
         return;
       }
       const h = p[0], f = p[p.length - 1], m = document.activeElement;
-      c.shiftKey ? (m === h || !((b = t.current) != null && b.contains(m))) && (c.preventDefault(), f.focus()) : (m === f || !((y = t.current) != null && y.contains(m))) && (c.preventDefault(), h.focus());
+      c.shiftKey ? (m === h || !((y = t.current) != null && y.contains(m))) && (c.preventDefault(), f.focus()) : (m === f || !((b = t.current) != null && b.contains(m))) && (c.preventDefault(), h.focus());
     },
     [e, d, t]
   );
@@ -22378,7 +22402,7 @@ const x6 = (e, t, o) => {
     h,
     p,
     l ? e : 5
-  ), m = u``, b = k(pl, m, o), y = u`
+  ), m = u``, y = k(pl, m, o), b = u`
     margin: 0;
     padding: 0;
     display: flex;
@@ -22445,10 +22469,10 @@ const x6 = (e, t, o) => {
   return /* @__PURE__ */ n(
     "nav",
     {
-      className: b,
+      className: y,
       "aria-label": `Pagination, ${p} pages total`,
       "data-testid": t,
-      children: /* @__PURE__ */ g("ul", { className: y, children: [
+      children: /* @__PURE__ */ g("ul", { className: b, children: [
         /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
           Pe,
           {
@@ -22511,10 +22535,10 @@ const x6 = (e, t, o) => {
   const [i] = I(), a = Ne(ln);
   if (!a)
     return null;
-  const { offset: d, limit: s, total: c } = a, p = Math.ceil(c / s), h = Math.floor(d / s) + 1, f = d + 1, m = Math.min(d + s, c), b = {
+  const { offset: d, limit: s, total: c } = a, p = Math.ceil(c / s), h = Math.floor(d / s) + 1, f = d + 1, m = Math.min(d + s, c), y = {
     pages: `Page ${h} of ${p}`,
     items: `${f}-${m} of ${c}${t ? ` ${t}` : ""}`
-  }[e], y = u`
+  }[e], b = u`
     margin: ${i.margin.m16} 0;
     text-align: center;
     color: ${i.colour.text.secondary};
@@ -22524,16 +22548,16 @@ const x6 = (e, t, o) => {
     @media (min-width: ${i.breakpoints.tablet}px) {
       margin: ${i.margin.m24} 0;
     }
-  `, w = k(M6, y, r);
+  `, w = k(M6, b, r);
   return /* @__PURE__ */ n(
     "div",
     {
       className: w,
       "data-testid": o,
       "aria-live": "polite",
-      "aria-label": `Pagination info: ${b}`,
+      "aria-label": `Pagination info: ${y}`,
       ...l,
-      children: b
+      children: y
     }
   );
 }, I6 = N(L6), H6 = "ucl-uikit-pagination", ln = Qe(void 0), W6 = ({
@@ -22653,17 +22677,17 @@ const gl = "ucl-uikit-dialog__header", E6 = ({
     display: flex;
     align-items: center;
     margin: ${f.margin.m24} ${f.margin.m32} ${f.margin.m32};
-  `, b = u`
-    justify-content: flex-end;
   `, y = u`
+    justify-content: flex-end;
+  `, b = u`
     justify-content: flex-start;
   `, w = u`
     justify-content: space-between;
   `, x = k(
     z6,
     m,
-    d && b,
-    s && y,
+    d && y,
+    s && b,
     c && w,
     i
   );
@@ -22744,8 +22768,8 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
   disableFocusTrap: h = !1,
   restoreFocus: f = !0,
   skipCloseOnInitialFocus: m = !1,
-  testId: b = bl,
-  ...y
+  testId: y = bl,
+  ...b
 }) => {
   const w = {
     small: T6,
@@ -22826,13 +22850,13 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
     {
       ref: C,
       className: G,
-      "data-testid": b,
+      "data-testid": y,
       onClick: F,
       onClose: T,
       "aria-modal": o ? "true" : "false",
       "aria-labelledby": v,
       "aria-describedby": E,
-      ...y,
+      ...b,
       children: s
     }
   ) : null;
@@ -22888,7 +22912,7 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
         className: f
       }
     )
-  }[e], b = u``, y = k(vl, b, a), w = u`
+  }[e], y = u``, b = k(vl, y, a), w = u`
     text-align: center;
   `, x = u`
     margin-left: ${c.margin.m32};
@@ -22903,7 +22927,7 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
     vt,
     {
       testId: i,
-      className: y,
+      className: b,
       ...s,
       children: [
         /* @__PURE__ */ n(
@@ -22954,11 +22978,11 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
         background-color 0.15s ease-out,
         border-color 0.15s ease-out;
       cursor: pointer;
-    `, b = u`
+    `, y = u`
       &:focus-within {
         box-shadow: ${d.boxShadow.focus};
       }
-    `, y = u`
+    `, b = u`
       background-color: ${d.colour.icon.brand};
       border-color: ${d.colour.icon.brand};
       color: ${d.colour.icon.inverse};
@@ -22973,8 +22997,8 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
       wl,
       m,
       ke(i, d),
-      !o && b,
-      h && y,
+      !o && y,
+      h && b,
       !h && w,
       o && x,
       l
@@ -23034,19 +23058,19 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
     className: h,
     children: f,
     ...m
-  }, b) => {
-    const [y] = I(), w = wt();
+  }, y) => {
+    const [b] = I(), w = wt();
     e = e ?? w;
     const x = u`
-      margin-top: ${y.margin.m16};
-      margin-bottom: ${y.margin.m16};
+      margin-top: ${b.margin.m16};
+      margin-bottom: ${b.margin.m16};
       display: flex;
       align-items: center;
-      gap: ${y.m16};
+      gap: ${b.m16};
       width: fit-content;
     `, C = u`
       &:focus-within {
-        box-shadow: ${y.boxShadow.focus};
+        box-shadow: ${b.boxShadow.focus};
       }
     `, M = k(
       xl,
@@ -23063,7 +23087,7 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
           mr: c,
           noMargins: p
         },
-        y
+        b
       ),
       h
     ), A = u`
@@ -23080,7 +23104,7 @@ const bl = "ucl-uikit-base-dialog", T6 = 495, R6 = 495, V6 = 740, O6 = ({
           /* @__PURE__ */ n(
             P6,
             {
-              ref: b,
+              ref: y,
               className: A,
               id: e,
               "data-testid": `${o}__radio`,
@@ -23143,10 +23167,10 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
   ref: h,
   inputRef: f,
   inputProps: m = {},
-  ...b
+  ...y
 }) => {
   e && isNaN(e.getTime()) && (console.warn("CustomDatepicker: value is invalid, defaulting to null"), e = null);
-  const y = ue(null), w = h || y, x = ue(null), C = f || x, M = ue(!1), [A, v] = be(!1), E = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", H = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", F = (e == null ? void 0 : e.getFullYear().toString()) ?? "", T = e ? `${E}/${H}/${F}` : "", [U, G] = be(T), V = Te(() => {
+  const b = ue(null), w = h || b, x = ue(null), C = f || x, M = ue(!1), [A, v] = be(!1), E = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", H = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", F = (e == null ? void 0 : e.getFullYear().toString()) ?? "", T = e ? `${E}/${H}/${F}` : "", [U, G] = be(T), V = Te(() => {
     G(T);
   }, [G, T]);
   _(() => {
@@ -23214,7 +23238,7 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
       className: me,
       "data-testid": c,
       ref: w,
-      ...b,
+      ...y,
       children: [
         /* @__PURE__ */ n(
           G6,
@@ -23283,7 +23307,7 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
     & * {
       cursor: not-allowed;
     }
-  `, b = u`
+  `, y = u`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -23298,7 +23322,7 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
       outline: none;
       box-shadow: ${h.boxShadow.focus};
     }
-  `, y = u`
+  `, b = u`
     min-width: 24px;
     color: ${a ? h.color.text.disabled : "#8C8C8C"}; // TODO: Needs a design token
   `, w = d && s && !a, x = k(Jt, f, a && m);
@@ -23325,22 +23349,22 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
           {
             type: "button",
             onClick: i,
-            className: b,
+            className: y,
             "aria-label": "Clear date",
             "data-testid": `${Jt}-icon-button`,
-            children: /* @__PURE__ */ n(D.X, { className: y })
+            children: /* @__PURE__ */ n(D.X, { className: b })
           }
         ) : /* @__PURE__ */ n(
           De,
           {
             type: "button",
             onClick: l,
-            className: b,
+            className: y,
             "aria-label": "Open calendar",
             "data-testid": `${Jt}-icon-button`,
             tabIndex: -1,
             disabled: a,
-            children: /* @__PURE__ */ n(D.Calendar, { className: y })
+            children: /* @__PURE__ */ n(D.Calendar, { className: b })
           }
         )
       ]
@@ -23572,16 +23596,16 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
     t + 1,
     0
   ).getDate(), r = [];
-  for (let b = 1; b <= o; b++) {
-    const y = new Date(
+  for (let y = 1; y <= o; y++) {
+    const b = new Date(
       e.getFullYear(),
       t,
-      b
+      y
     );
-    if (y.getMonth() !== t) break;
-    r.push(y);
+    if (b.getMonth() !== t) break;
+    r.push(b);
   }
-  const l = (b) => b === 0 ? 6 : b - 1, i = [], a = new Date(
+  const l = (y) => y === 0 ? 6 : y - 1, i = [], a = new Date(
     e.getFullYear(),
     t - 1,
     1
@@ -23594,12 +23618,12 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
     t,
     0
   ).getDate();
-  for (let b = s; b > 0; b--)
+  for (let y = s; y > 0; y--)
     i.push(
       new Date(
         a.getFullYear(),
         a.getMonth(),
-        c - b + 1
+        c - y + 1
       )
     );
   const p = [], h = new Date(
@@ -23611,12 +23635,12 @@ const j6 = 100, J6 = 1e3, Y6 = () => {
     t,
     o
   ).getDay(), m = 6 - l(f);
-  for (let b = 1; b <= m; b++)
+  for (let y = 1; y <= m; y++)
     p.push(
       new Date(
         h.getFullYear(),
         h.getMonth(),
-        b
+        y
       )
     );
   return r.unshift(...i), r.push(...p), r;
@@ -23713,7 +23737,7 @@ const iw = ({
           m
         )),
         s.map((f) => {
-          const m = Ki(f), b = c.get(m) || [];
+          const m = Ki(f), y = c.get(m) || [];
           return /* @__PURE__ */ n(
             sw,
             {
@@ -23723,7 +23747,7 @@ const iw = ({
               isInCurrentMonth: e.getMonth() === f.getMonth(),
               isDisabled: r !== null && f < r || l !== null && f > l,
               onPick: o,
-              events: b
+              events: y
             },
             f.toISOString()
           );
@@ -23759,8 +23783,8 @@ const iw = ({
   isDisabled: i = !1,
   events: a = []
 }) => {
-  const [d] = I(), s = a.slice(0, 3), c = (b) => {
-    e && !i && t && t(e, b);
+  const [d] = I(), s = a.slice(0, 3), c = (y) => {
+    e && !i && t && t(e, y);
   }, p = u`
     display: flex;
     justify-content: center;
@@ -23823,13 +23847,13 @@ const iw = ({
       "data-testid": Bl,
       children: [
         /* @__PURE__ */ n("div", { className: h, children: e.getDate() }),
-        /* @__PURE__ */ n("div", { className: f, children: s.map((b, y) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: f, children: s.map((y, b) => /* @__PURE__ */ n(
           cw,
           {
             inverted: o,
             inCurrentMonth: l
           },
-          y
+          b
         )) })
       ]
     }
@@ -23864,14 +23888,14 @@ const iw = ({
   const p = ue(e ?? null), [h, f] = be(
     // Display month initialises as either the picked date's month or the current month
     Fo(e ?? /* @__PURE__ */ new Date())
-  ), m = o ? Il(o) : null, b = r ? Il(r) : null;
+  ), m = o ? Il(o) : null, y = r ? Il(r) : null;
   _(() => {
     var A;
     // If the picked date is valid
     e && !isNaN(e.getTime()) && // If the picked date has changed
     ((A = p.current) == null ? void 0 : A.getTime()) !== e.getTime() && (e.getMonth() !== h.getMonth() || e.getFullYear() !== h.getFullYear()) && f(Fo(e)), p.current = e;
   }, [e, h]);
-  const y = (A) => {
+  const b = (A) => {
     const v = new Date(h);
     v.setMonth(v.getMonth() + A), f(Fo(v));
   }, x = u`
@@ -23900,7 +23924,7 @@ const iw = ({
           $6,
           {
             month: h,
-            changeMonth: y
+            changeMonth: b
           }
         ),
         /* @__PURE__ */ g("div", { className: C, children: [
@@ -23918,7 +23942,7 @@ const iw = ({
               pickedDate: e,
               onDatePick: t,
               minDate: m,
-              maxDate: b,
+              maxDate: y,
               events: l
             }
           )
@@ -23950,7 +23974,7 @@ const iw = ({
     const ye = parseInt(ae[0]), we = parseInt(ae[1]) - 1, Ae = parseInt(ae[2]), We = new Date(Ae, we, ye);
     return isNaN(We.getTime()) ? null : We;
   }
-  function b(Y, ae = !0) {
+  function y(Y, ae = !0) {
     const ye = new Date(Y);
     ye.setHours(0, 0, 0, 0);
     const we = ye.getDay(), Ae = ae ? we === 0 ? -6 : 1 - we : -we, We = new Date(ye);
@@ -23958,7 +23982,7 @@ const iw = ({
     const Ke = new Date(We);
     return Ke.setDate(We.getDate() + 6), { start: We, end: Ke };
   }
-  const y = ue(null), w = p || y, x = ue(null), C = h || x, [M, A] = be(!1), v = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", E = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", H = (e == null ? void 0 : e.getFullYear().toString()) ?? "", F = e ? `${v}/${E}/${H}` : "", [T, U] = be(F), G = Te(() => {
+  const b = ue(null), w = p || b, x = ue(null), C = h || x, [M, A] = be(!1), v = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", E = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", H = (e == null ? void 0 : e.getFullYear().toString()) ?? "", F = e ? `${v}/${E}/${H}` : "", [T, U] = be(F), G = Te(() => {
     U(F);
   }, [U, F]);
   _(() => {
@@ -24002,7 +24026,7 @@ const iw = ({
     align-items: center;
     justify-content: space-between;
     gap: 16px;
-  `, ce = k(Dl, c, Q), $ = m(T), me = $ ? b($) : null;
+  `, ce = k(Dl, c, Q), $ = m(T), me = $ ? y($) : null;
   let P = null;
   if ($)
     for (let Y = 0; Y < d.length; Y++) {
@@ -24120,14 +24144,14 @@ const iw = ({
     height: 100%;
     cursor: pointer;
     padding-right: 8px;
-  `, b = u`
+  `, y = u`
     min-width: 16px;
     color: ${i ? p.color.text.disabled : p.color.text.primary}; // TODO: Needs a design token
-  `, y = k(Nl, h, i && f);
+  `, b = k(Nl, h, i && f);
   return /* @__PURE__ */ g(
     "div",
     {
-      className: y,
+      className: b,
       "data-testid": Nl,
       children: [
         /* @__PURE__ */ n(
@@ -24138,7 +24162,7 @@ const iw = ({
             children: /* @__PURE__ */ n(
               D.Calendar,
               {
-                className: b,
+                className: y,
                 size: 16
               }
             )
@@ -24209,14 +24233,14 @@ const iw = ({
     &::placeholder {
       color: ${c.color.text.disabled};
     }
-  `, b = k(Tl, f, l && m), y = (M) => new Date(M).toLocaleDateString("en-GB", {
+  `, y = k(Tl, f, l && m), b = (M) => new Date(M).toLocaleDateString("en-GB", {
     day: "2-digit",
     month: "short"
   }), w = (M) => new Date(M).toLocaleDateString("en-GB", {
     day: "2-digit",
     month: "short",
     year: "numeric"
-  }), x = i && a ? `${y(i)} - ${w(a)}` : "";
+  }), x = i && a ? `${b(i)} - ${w(a)}` : "";
   return /* @__PURE__ */ n(
     "input",
     {
@@ -24231,7 +24255,7 @@ const iw = ({
       type: "text",
       inputMode: "numeric",
       placeholder: "DD/MM/YYYY",
-      className: b,
+      className: y,
       "data-testid": Tl,
       ref: s,
       "aria-label": `Currently selected date: ${e} - Week from ${x}. ${d ? `(Academic Week ${d})` : ""}`
@@ -24337,13 +24361,13 @@ const iw = ({
       console.error("Invalid time format:", p);
       return;
     }
-    const [f, m] = h, b = Number(f), y = Number(m);
-    if (Number.isNaN(b) || Number.isNaN(y) || b < 0 || b > 23 || y < 0 || y > 59) {
-      console.error("Invalid time values:", { hours: b, minutes: y });
+    const [f, m] = h, y = Number(f), b = Number(m);
+    if (Number.isNaN(y) || Number.isNaN(b) || y < 0 || y > 23 || b < 0 || b > 59) {
+      console.error("Invalid time values:", { hours: y, minutes: b });
       return;
     }
     const w = t ? new Date(t) : /* @__PURE__ */ new Date();
-    w.setHours(b, y, 0, 0), r && r(w, c);
+    w.setHours(y, b, 0, 0), r && r(w, c);
   };
   return /* @__PURE__ */ n(
     "input",
@@ -24392,7 +24416,7 @@ const iw = ({
     &:visited {
       color: ${s.color.text.primary};
     }
-  `, b = u`
+  `, y = u`
     margin-top: -1px;
     margin-left: ${s.margin.m4};
   `;
@@ -24431,7 +24455,7 @@ const iw = ({
               target: "_blank",
               children: [
                 "Cookies policy ",
-                /* @__PURE__ */ n(D.ExternalLink, { className: b })
+                /* @__PURE__ */ n(D.ExternalLink, { className: y })
               ]
             }
           )
@@ -24454,8 +24478,8 @@ const iw = ({
   noMargins: h,
   inputProps: f,
   clearButtonProps: m,
-  submitButtonProps: b,
-  className: y,
+  submitButtonProps: y,
+  className: b,
   ...w
 }) => {
   const [x, C] = be(""), M = ue(null), [A] = I(), v = (ee) => {
@@ -24484,7 +24508,7 @@ const iw = ({
       },
       A
     ),
-    y
+    b
   ), U = u`
     width: 100%;
     box-sizing: border-box;
@@ -24555,7 +24579,7 @@ const iw = ({
               onClick: H,
               "aria-label": "Search",
               "data-testid": `${t}-search-btn`,
-              ...b,
+              ...y,
               children: /* @__PURE__ */ n(D.Search, {})
             }
           )
@@ -24654,9 +24678,9 @@ const iw = ({
   const [l] = I(), { setIsOpen: i, triggerRef: a, contentRef: d } = an();
   _(() => {
     const p = (f) => {
-      var b, y;
+      var y, b;
       const m = f.target;
-      (b = a.current) != null && b.contains(m) || (y = d.current) != null && y.contains(m) || i(!1);
+      (y = a.current) != null && y.contains(m) || (b = d.current) != null && b.contains(m) || i(!1);
     }, h = (f) => {
       f.key === "Escape" && i(!1);
     };
@@ -24747,9 +24771,9 @@ const Aw = "ucl-uikit-dropdown-menu", t5 = ({
   className: h,
   ...f
 }) => {
-  const [m] = I(), b = ht(
+  const [m] = I(), y = ht(
     `(min-width: ${m.breakpoints.desktop}px)`
-  ), y = u`
+  ), b = u`
     display: inline-flex;
     align-items: center;
     gap: ${m.padding.p8};
@@ -24777,7 +24801,7 @@ const Aw = "ucl-uikit-dropdown-menu", t5 = ({
   `, x = u`
     pointer-events: none;
   `, C = k(Mw, a), M = k(
-    y,
+    b,
     h,
     d
   ), A = k(w, p), v = k(x, c);
@@ -24795,7 +24819,7 @@ const Aw = "ucl-uikit-dropdown-menu", t5 = ({
             "aria-label": i,
             className: M,
             children: [
-              b ? /* @__PURE__ */ n("span", { className: A, children: t }) : null,
+              y ? /* @__PURE__ */ n("span", { className: A, children: t }) : null,
               /* @__PURE__ */ n(
                 q3,
                 {