uikit-react-public 0.32.3 → 0.32.4

package/dist/index.js

@@ -194,7 +194,7 @@ function xs(e) {
   return Nl(ho("", null, null, null, [""], e = zl(e), 0, [0], e));
 }
 function ho(e, t, o, r, i, l, a, c, d) {
-  for (var s = 0, p = 0, f = a, h = 0, g = 0, y = 0, b = 1, w = 1, x = 1, S = 0, C = "", A = i, v = l, I = r, E = C; w; )
+  for (var s = 0, p = 0, f = a, h = 0, g = 0, y = 0, b = 1, v = 1, x = 1, S = 0, C = "", A = i, w = l, I = r, E = C; v; )
     switch (y = S, S = Pe()) {
       // (
       case 40:
@@ -241,7 +241,7 @@ function ho(e, t, o, r, i, l, a, c, d) {
           // \0 }
           case 0:
           case 125:
-            w = 0;
+            v = 0;
           // ;
           case 59 + p:
             x == -1 && (E = he(E, /\f/g, "")), g > 0 && tt(E) - f && oo(g > 32 ? Fn(E + ";", r, o, f - 1) : Fn(he(E, " ", "") + ";", r, o, f - 2), d);
@@ -251,9 +251,9 @@ function ho(e, t, o, r, i, l, a, c, d) {
             E += ";";
           // { rule/at-rule
           default:
-            if (oo(I = Hn(E, t, o, s, p, i, c, C, A = [], v = [], f), l), S === 123)
+            if (oo(I = Hn(E, t, o, s, p, i, c, C, A = [], w = [], f), l), S === 123)
               if (p === 0)
-                ho(E, t, I, I, A, l, f, c, v);
+                ho(E, t, I, I, A, l, f, c, w);
               else
                 switch (h === 99 && Fe(E, 3) === 110 ? 100 : h) {
                   // d l m s
@@ -261,10 +261,10 @@ function ho(e, t, o, r, i, l, a, c, d) {
                   case 108:
                   case 109:
                   case 115:
-                    ho(e, I, I, r && oo(Hn(e, I, I, 0, 0, i, c, C, i, A = [], f), v), i, v, f, c, r ? A : v);
+                    ho(e, I, I, r && oo(Hn(e, I, I, 0, 0, i, c, C, i, A = [], f), w), i, w, f, c, r ? A : w);
                     break;
                   default:
-                    ho(E, I, I, I, [""], v, 0, c, v);
+                    ho(E, I, I, I, [""], w, 0, c, w);
                 }
         }
         s = p = g = 0, b = x = 1, C = E = "", f = a;
@@ -300,9 +300,9 @@ function ho(e, t, o, r, i, l, a, c, d) {
   return l;
 }
 function Hn(e, t, o, r, i, l, a, c, d, s, p) {
-  for (var f = i - 1, h = i === 0 ? l : [""], g = sn(h), y = 0, b = 0, w = 0; y < r; ++y)
+  for (var f = i - 1, h = i === 0 ? l : [""], g = sn(h), y = 0, b = 0, v = 0; y < r; ++y)
     for (var x = 0, S = Rt(e, f + 1, f = ds(b = a[y])), C = e; x < g; ++x)
-      (C = Fl(b > 0 ? h[x] + " " + S : he(S, /&\f/g, h[x]))) && (d[w++] = C);
+      (C = Fl(b > 0 ? h[x] + " " + S : he(S, /&\f/g, h[x]))) && (d[v++] = C);
   return Co(e, t, o, i === 0 ? ln : c, d, s, p);
 }
 function ks(e, t, o) {
@@ -577,8 +577,8 @@ var Fs = function(t, o, r, i) {
   if (o === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([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 v = b.getAttribute("data-emotion");
+      v.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
   var i = t.stylisPlugins || Bs, l = {}, a, c = [];
@@ -587,8 +587,8 @@ var Fs = function(t, o, r, i) {
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + o + ' "]'),
     function(b) {
-      for (var w = b.getAttribute("data-emotion").split(" "), x = 1; x < w.length; x++)
-        l[w[x]] = !0;
+      for (var v = b.getAttribute("data-emotion").split(" "), x = 1; x < v.length; x++)
+        l[v[x]] = !0;
       c.push(b);
     }
   );
@@ -596,11 +596,11 @@ var Fs = function(t, o, r, i) {
   {
     var p, f = [Ss, Cs(function(b) {
       p.insert(b);
-    })], h = As(s.concat(i, f)), g = function(w) {
-      return Mt(xs(w), h);
+    })], h = As(s.concat(i, f)), g = function(v) {
+      return Mt(xs(v), h);
     };
-    d = function(w, x, S, C) {
-      p = S, g(w ? w + "{" + x.styles + "}" : x.styles), C && (y.inserted[x.name] = !0);
+    d = function(v, x, S, C) {
+      p = S, g(v ? v + "{" + x.styles + "}" : x.styles), C && (y.inserted[x.name] = !0);
     };
   }
   var y = {
@@ -12543,12 +12543,12 @@ for (const e in On)
       ...t
     }
   );
-const yo = ql, fy = P(Zl), V = fy;
-Object.assign(V, yo);
-V.getIconNames = () => Object.keys(yo);
+const yo = ql, fy = P(Zl), T = fy;
+Object.assign(T, yo);
+T.getIconNames = () => Object.keys(yo);
 let To;
 for (To in yo)
-  V[To] = yo[To];
+  T[To] = yo[To];
 var no = { exports: {} }, pe = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -12562,28 +12562,28 @@ var Zn;
 function py() {
   if (Zn) return pe;
   Zn = 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, i = e ? Symbol.for("react.strict_mode") : 60108, l = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, s = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = 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, S = e ? Symbol.for("react.scope") : 60119;
-  function C(v) {
-    if (typeof v == "object" && v !== null) {
-      var I = v.$$typeof;
+  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, i = e ? Symbol.for("react.strict_mode") : 60108, l = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, s = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  function C(w) {
+    if (typeof w == "object" && w !== null) {
+      var I = w.$$typeof;
       switch (I) {
         case t:
-          switch (v = v.type, v) {
+          switch (w = w.type, w) {
             case d:
             case s:
             case r:
             case l:
             case i:
             case f:
-              return v;
+              return w;
             default:
-              switch (v = v && v.$$typeof, v) {
+              switch (w = w && w.$$typeof, w) {
                 case c:
                 case p:
                 case y:
                 case g:
                 case a:
-                  return v;
+                  return w;
                 default:
                   return I;
               }
@@ -12593,35 +12593,35 @@ function py() {
       }
     }
   }
-  function A(v) {
-    return C(v) === s;
-  }
-  return pe.AsyncMode = d, pe.ConcurrentMode = s, pe.ContextConsumer = c, pe.ContextProvider = a, pe.Element = t, pe.ForwardRef = p, pe.Fragment = r, pe.Lazy = y, pe.Memo = g, pe.Portal = o, pe.Profiler = l, pe.StrictMode = i, pe.Suspense = f, pe.isAsyncMode = function(v) {
-    return A(v) || C(v) === d;
-  }, pe.isConcurrentMode = A, pe.isContextConsumer = function(v) {
-    return C(v) === c;
-  }, pe.isContextProvider = function(v) {
-    return C(v) === a;
-  }, pe.isElement = function(v) {
-    return typeof v == "object" && v !== null && v.$$typeof === t;
-  }, pe.isForwardRef = function(v) {
-    return C(v) === p;
-  }, pe.isFragment = function(v) {
-    return C(v) === r;
-  }, pe.isLazy = function(v) {
-    return C(v) === y;
-  }, pe.isMemo = function(v) {
-    return C(v) === g;
-  }, pe.isPortal = function(v) {
-    return C(v) === o;
-  }, pe.isProfiler = function(v) {
-    return C(v) === l;
-  }, pe.isStrictMode = function(v) {
-    return C(v) === i;
-  }, pe.isSuspense = function(v) {
-    return C(v) === f;
-  }, pe.isValidElementType = function(v) {
-    return typeof v == "string" || typeof v == "function" || v === r || v === s || v === l || v === i || v === f || v === h || typeof v == "object" && v !== null && (v.$$typeof === y || v.$$typeof === g || v.$$typeof === a || v.$$typeof === c || v.$$typeof === p || v.$$typeof === w || v.$$typeof === x || v.$$typeof === S || v.$$typeof === b);
+  function A(w) {
+    return C(w) === s;
+  }
+  return pe.AsyncMode = d, pe.ConcurrentMode = s, pe.ContextConsumer = c, pe.ContextProvider = a, pe.Element = t, pe.ForwardRef = p, pe.Fragment = r, pe.Lazy = y, pe.Memo = g, pe.Portal = o, pe.Profiler = l, pe.StrictMode = i, pe.Suspense = f, pe.isAsyncMode = function(w) {
+    return A(w) || C(w) === d;
+  }, pe.isConcurrentMode = A, pe.isContextConsumer = function(w) {
+    return C(w) === c;
+  }, pe.isContextProvider = function(w) {
+    return C(w) === a;
+  }, pe.isElement = function(w) {
+    return typeof w == "object" && w !== null && w.$$typeof === t;
+  }, pe.isForwardRef = function(w) {
+    return C(w) === p;
+  }, pe.isFragment = function(w) {
+    return C(w) === r;
+  }, pe.isLazy = function(w) {
+    return C(w) === y;
+  }, pe.isMemo = function(w) {
+    return C(w) === g;
+  }, pe.isPortal = function(w) {
+    return C(w) === o;
+  }, pe.isProfiler = function(w) {
+    return C(w) === l;
+  }, pe.isStrictMode = function(w) {
+    return C(w) === i;
+  }, pe.isSuspense = function(w) {
+    return C(w) === f;
+  }, pe.isValidElementType = function(w) {
+    return typeof w == "string" || typeof w == "function" || w === r || w === s || w === l || w === i || w === f || w === h || typeof w == "object" && w !== null && (w.$$typeof === y || w.$$typeof === g || w.$$typeof === a || w.$$typeof === c || w.$$typeof === p || w.$$typeof === v || w.$$typeof === x || w.$$typeof === S || w.$$typeof === b);
   }, pe.typeOf = C, pe;
 }
 var me = {};
@@ -12636,17 +12636,17 @@ var me = {};
 var qn;
 function my() {
   return qn || (qn = 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, i = e ? Symbol.for("react.strict_mode") : 60108, l = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, s = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = 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, S = e ? Symbol.for("react.scope") : 60119;
-    function C(T) {
-      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      T === r || T === s || T === l || T === i || T === f || T === h || typeof T == "object" && T !== null && (T.$$typeof === y || T.$$typeof === g || T.$$typeof === a || T.$$typeof === c || T.$$typeof === p || T.$$typeof === w || T.$$typeof === x || T.$$typeof === S || T.$$typeof === b);
-    }
-    function A(T) {
-      if (typeof T == "object" && T !== null) {
-        var te = T.$$typeof;
+    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, i = e ? Symbol.for("react.strict_mode") : 60108, l = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, s = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    function C(R) {
+      return typeof R == "string" || typeof R == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      R === r || R === s || R === l || R === i || R === f || R === h || typeof R == "object" && R !== null && (R.$$typeof === y || R.$$typeof === g || R.$$typeof === a || R.$$typeof === c || R.$$typeof === p || R.$$typeof === v || R.$$typeof === x || R.$$typeof === S || R.$$typeof === b);
+    }
+    function A(R) {
+      if (typeof R == "object" && R !== null) {
+        var te = R.$$typeof;
         switch (te) {
           case t:
-            var He = T.type;
+            var He = R.type;
             switch (He) {
               case d:
               case s:
@@ -12673,47 +12673,47 @@ function my() {
         }
       }
     }
-    var v = d, I = s, E = c, H = a, z = t, D = p, G = r, j = y, X = g, oe = o, Z = l, Y = i, ne = f, U = !1;
-    function F(T) {
-      return U || (U = !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.")), N(T) || A(T) === d;
+    var w = d, I = s, E = c, H = a, z = t, D = p, J = r, j = y, X = g, oe = o, Z = l, Y = i, ne = f, U = !1;
+    function F(R) {
+      return U || (U = !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.")), N(R) || A(R) === d;
     }
-    function N(T) {
-      return A(T) === s;
+    function N(R) {
+      return A(R) === s;
     }
-    function ie(T) {
-      return A(T) === c;
+    function ie(R) {
+      return A(R) === c;
     }
-    function _(T) {
-      return A(T) === a;
+    function _(R) {
+      return A(R) === a;
     }
-    function se(T) {
-      return typeof T == "object" && T !== null && T.$$typeof === t;
+    function se(R) {
+      return typeof R == "object" && R !== null && R.$$typeof === t;
     }
-    function Se(T) {
-      return A(T) === p;
+    function Se(R) {
+      return A(R) === p;
     }
-    function q(T) {
-      return A(T) === r;
+    function q(R) {
+      return A(R) === r;
     }
-    function Q(T) {
-      return A(T) === y;
+    function G(R) {
+      return A(R) === y;
     }
-    function le(T) {
-      return A(T) === g;
+    function le(R) {
+      return A(R) === g;
     }
-    function de(T) {
-      return A(T) === o;
+    function de(R) {
+      return A(R) === o;
     }
-    function be(T) {
-      return A(T) === l;
+    function be(R) {
+      return A(R) === l;
     }
-    function ke(T) {
-      return A(T) === i;
+    function ke(R) {
+      return A(R) === i;
     }
-    function fe(T) {
-      return A(T) === f;
+    function fe(R) {
+      return A(R) === f;
     }
-    me.AsyncMode = v, me.ConcurrentMode = I, me.ContextConsumer = E, me.ContextProvider = H, me.Element = z, me.ForwardRef = D, me.Fragment = G, me.Lazy = j, me.Memo = X, me.Portal = oe, me.Profiler = Z, me.StrictMode = Y, me.Suspense = ne, me.isAsyncMode = F, me.isConcurrentMode = N, me.isContextConsumer = ie, me.isContextProvider = _, me.isElement = se, me.isForwardRef = Se, me.isFragment = q, me.isLazy = Q, me.isMemo = le, me.isPortal = de, me.isProfiler = be, me.isStrictMode = ke, me.isSuspense = fe, me.isValidElementType = C, me.typeOf = A;
+    me.AsyncMode = w, me.ConcurrentMode = I, me.ContextConsumer = E, me.ContextProvider = H, me.Element = z, me.ForwardRef = D, me.Fragment = J, me.Lazy = j, me.Memo = X, me.Portal = oe, me.Profiler = Z, me.StrictMode = Y, me.Suspense = ne, me.isAsyncMode = F, me.isConcurrentMode = N, me.isContextConsumer = ie, me.isContextProvider = _, me.isElement = se, me.isForwardRef = Se, me.isFragment = q, me.isLazy = G, me.isMemo = le, me.isPortal = de, me.isProfiler = be, me.isStrictMode = ke, me.isSuspense = fe, me.isValidElementType = C, me.typeOf = A;
   })()), me;
 }
 var Pn;
@@ -12763,17 +12763,17 @@ function yy() {
     return e.isMemo(y) ? i : l[y.$$typeof] || t;
   }
   var c = Object.defineProperty, d = Object.getOwnPropertyNames, s = Object.getOwnPropertySymbols, p = Object.getOwnPropertyDescriptor, f = Object.getPrototypeOf, h = Object.prototype;
-  function g(y, b, w) {
+  function g(y, b, v) {
     if (typeof b != "string") {
       if (h) {
         var x = f(b);
-        x && x !== h && g(y, x, w);
+        x && x !== h && g(y, x, v);
       }
       var S = d(b);
       s && (S = S.concat(s(b)));
-      for (var C = a(y), A = a(b), v = 0; v < S.length; ++v) {
-        var I = S[v];
-        if (!o[I] && !(w && w[I]) && !(A && A[I]) && !(C && C[I])) {
+      for (var C = a(y), A = a(b), w = 0; w < S.length; ++w) {
+        var I = S[w];
+        if (!o[I] && !(v && v[I]) && !(A && A[I]) && !(C && C[I])) {
           var E = p(b, I);
           try {
             c(y, I, E);
@@ -13290,7 +13290,7 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   white: en.white
 }, W4 = {
   blanket: "rgba(0, 0, 0, 0.5)"
-}, J = {
+}, Q = {
   base: O,
   text: A4,
   interaction: C4,
@@ -13311,17 +13311,17 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
 }, { light: K } = Pt, H4 = {
   default: M(K.colour.bg.default.$value),
   brand: M(K.colour.bg.brand.$value),
-  inverse: J.interaction.blue70,
+  inverse: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.bg.inverse.$value),
-  inversePrimary: J.interaction.blue100
+  inversePrimary: Q.interaction.blue100
   // tokenToHex(lightThemeTokens.colour.bg['inverse-primary'].$value),
 }, F4 = {
   default: M(K.colour.border.default.$value),
-  brand: J.interaction.blue70,
+  brand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.border.brand.$value),
-  brandHover: J.interaction.blue80,
+  brandHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.border['brand-hover'].$value),
-  brandSubtle: J.base.blue20Alt,
+  brandSubtle: Q.base.blue20Alt,
   // tokenToHex(lightThemeTokens.colour.border['brand-subtle'].$value),
   primary: M(K.colour.border.primary.$value),
   secondary: M(K.colour.border.secondary.$value),
@@ -13332,44 +13332,44 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   brandInverse: M(
     K.colour.border["brand-inverse"].$value
   ),
-  brandInverseSecondary: J.base.blue40,
+  brandInverseSecondary: Q.base.blue40,
   // tokenToHex(lightThemeTokens.colour.border['brand-inverse-secondary'].$value),
-  focus: J.interaction.blue80,
+  focus: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.border.focus.$value),
-  success: J.system.green70,
+  success: Q.system.green70,
   // tokenToHex(lightThemeTokens.colour.border.success.$value),
-  critical: J.system.red70,
+  critical: Q.system.red70,
   // tokenToHex(lightThemeTokens.colour.border.critical.$value),
-  warning: J.system.orange70
+  warning: Q.system.orange70
   // tokenToHex(lightThemeTokens.colour.border.warning.$value),
 }, B4 = {
   default: M(K.colour.fill.default.$value),
   hover: M(K.colour.fill.hover.$value),
-  brand: J.interaction.blue70,
+  brand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.fill.brand.$value),
-  brandHover: J.interaction.blue80,
+  brandHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.fill['brand-hover'].$value),
-  brandPressed: J.interaction.blue80,
+  brandPressed: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.fill['brand-pressed'].$value),
-  brandSubtleSelected: J.interaction.blue10,
+  brandSubtleSelected: Q.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.fill['brand-subtle-selected'].$value),
-  brandSubtleHover: J.interaction.blue10,
+  brandSubtleHover: Q.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.fill['brand-subtle-hover'].$value),
-  brandPrimary: J.interaction.blue100,
+  brandPrimary: Q.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.fill['brand-primary'].$value),
   disabled: M(K.colour.fill.disabled.$value),
   inverse: M(K.colour.fill.inverse.$value),
-  brandInverseSecondary: J.base.blue40,
+  brandInverseSecondary: Q.base.blue40,
   // tokenToHex(lightThemeTokens.colour.fill['brand-inverse-secondary'].$value),
-  inverseHover: J.base.blue20Alt,
+  inverseHover: Q.base.blue20Alt,
   // tokenToHex(lightThemeTokens.colour.fill['inverse-hover'].$value),
-  critical: J.system.red70,
+  critical: Q.system.red70,
   // tokenToHex(lightThemeTokens.colour.fill.critical.$value),
-  criticalHover: J.base.red80,
+  criticalHover: Q.base.red80,
   // tokenToHex(lightThemeTokens.colour.fill['critical-hover'].$value),
-  criticalSelected: J.base.red80,
+  criticalSelected: Q.base.red80,
   // tokenToHex(lightThemeTokens.colour.fill['critical-selected'].$value),
-  criticalPressed: J.base.red90,
+  criticalPressed: Q.base.red90,
   // tokenToHex(lightThemeTokens.colour.fill['critical-pressed'].$value),
   warning: M(K.colour.fill.warning.$value),
   warningHover: M(
@@ -13381,7 +13381,7 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   warningPressed: M(
     K.colour.fill["warning-pressed"].$value
   ),
-  success: J.system.green70
+  success: Q.system.green70
   // tokenToHex(lightThemeTokens.colour.fill.success.$value),
 }, z4 = {
   default: M(K.colour.icon.default.$value),
@@ -13392,15 +13392,15 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   disabledOnBgFill: M(
     K.colour.icon["disabled-on-bg-fill"].$value
   ),
-  brand: J.interaction.blue70,
+  brand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.icon.brand.$value),
-  brandHover: J.interaction.blue80,
+  brandHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon['brand-hover'].$value),
-  brandSelectedOnBgFill: J.interaction.blue80,
+  brandSelectedOnBgFill: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon['brand-selected-on-bg-fill'].$value),
-  visited: J.interaction.blue80,
+  visited: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon.visited.$value),
-  brandPrimary: J.interaction.blue100,
+  brandPrimary: Q.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.icon['brand-primary'].$value),
   brandInverted: M(
     K.colour.icon["brand-inverted"].$value
@@ -13409,7 +13409,7 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   inverseHover: M(
     K.colour.icon["inverse-hover"].$value
   ),
-  brandInverseSecondary: J.base.blue40,
+  brandInverseSecondary: Q.base.blue40,
   // tokenToHex(lightThemeTokens.colour.icon['brand-inverse-secondary'].$value),
   inverseTertiary: M(
     K.colour.icon["inverse-tertiary"].$value
@@ -13417,11 +13417,11 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   inverseDisabled: M(
     K.colour.icon["inverse-disabled"].$value
   ),
-  critical: J.system.red70,
+  critical: Q.system.red70,
   // tokenToHex(lightThemeTokens.colour.icon.critical.$value),
-  criticalOnBgFill: J.base.red80,
+  criticalOnBgFill: Q.base.red80,
   // tokenToHex(lightThemeTokens.colour.icon['critical-on-bg-fill'].$value),
-  success: J.system.green70,
+  success: Q.system.green70,
   // tokenToHex(lightThemeTokens.colour.icon.success.$value),
   successOnBgFill: M(
     K.colour.icon["success-on-bg-fill"].$value
@@ -13434,25 +13434,25 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   default: M(K.colour.surface.default.$value),
   primary: M(K.colour.surface.primary.$value),
   secondary: M(K.colour.surface.secondary.$value),
-  brand: J.base.blue15,
+  brand: Q.base.blue15,
   // tokenToHex(lightThemeTokens.colour.surface.brand.$value),
-  brandHover: J.interaction.blue10,
+  brandHover: Q.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.surface['brand-hover'].$value),
-  brandSelected: J.interaction.blue10,
+  brandSelected: Q.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.surface['brand-selected'].$value),
-  warning: J.system.orange10,
+  warning: Q.system.orange10,
   // tokenToHex(lightThemeTokens.colour.surface.warning.$value),
-  success: J.system.green10,
+  success: Q.system.green10,
   // tokenToHex(lightThemeTokens.colour.surface.success.$value),
-  critical: J.system.red10,
+  critical: Q.system.red10,
   // tokenToHex(lightThemeTokens.colour.surface.critical.$value),
   hover: M(K.colour.surface.hover.$value),
   selected: M(K.colour.surface.selected.$value),
   disabled: M(K.colour.surface.disabled.$value),
   tertiary: M(K.colour.surface.tertiary.$value),
-  inverseBrand: J.interaction.blue70,
+  inverseBrand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.surface['inverse-brand'].$value),
-  inverseBrandPrimary: J.interaction.blue100,
+  inverseBrandPrimary: Q.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.surface['inverse-brand-primary'].$value),
   backdrop: M(K.colour.surface.backdrop.$value)
 }, D4 = {
@@ -13464,43 +13464,43 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   onBgFillDisabled: M(
     K.colour.text["on-bg-fill-disabled"].$value
   ),
-  brand: J.interaction.blue70,
+  brand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.text.brand.$value),
   brandAccent: M(K.colour.text["brand-accent"].$value),
-  brandHover: J.interaction.blue80,
+  brandHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.text['brand-hover'].$value),
   brandInverse: M(
     K.colour.text["brand-inverse"].$value
   ),
-  brandInverseSecondary: J.base.blue40,
+  brandInverseSecondary: Q.base.blue40,
   // tokenToHex(lightThemeTokens.colour.text['brand-inverse-secondary'].$value),
-  brandPrimary: J.interaction.blue100,
+  brandPrimary: Q.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.text['brand-primary'].$value),
-  critical: J.system.red70,
+  critical: Q.system.red70,
   // tokenToHex(lightThemeTokens.colour.text.critical.$value),
   warningOnBgFill: M(
     K.colour.text["warning-on-bg-fill"].$value
   )
 }, T4 = {
   default: M(K.colour.link.default.$value),
-  brand: J.interaction.blue70,
+  brand: Q.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.link.brand.$value),
-  brandHover: J.interaction.blue80,
+  brandHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link['brand-hover'].$value),
-  visited: J.interaction.blue80,
+  visited: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link.visited.$value),
-  primary: J.interaction.blue100,
+  primary: Q.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.link.primary.$value),
-  primaryHover: J.interaction.blue80,
+  primaryHover: Q.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link['primary-hover'].$value),
   disabled: M(K.colour.link.disabled.$value),
   inverse: M(K.colour.link.inverse.$value),
-  inverseVisited: J.base.blue15,
+  inverseVisited: Q.base.blue15,
   // tokenToHex(lightThemeTokens.colour.link['inverse-visited'].$value),
   inverseDisabled: M(
     K.colour.link["inverse-disabled"].$value
   ),
-  inverseSecondary: J.base.blue40,
+  inverseSecondary: Q.base.blue40,
   // tokenToHex(lightThemeTokens.colour.link['inverse-secondary'].$value),
   inverseTertiary: M(
     K.colour.link["inverse-tertiary"].$value
@@ -13593,7 +13593,7 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
   colour: V4,
   typography: Gl,
   // to deprecate
-  color: J,
+  color: Q,
   thickness: {
     t1: ee.s1,
     t2: ee.s2
@@ -13674,9 +13674,9 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
     y1: "0 1px 4px 1px rgba(0, 0, 0, 0.1)",
     y2: "0 2px 4px 1px rgba(0, 0, 0, 0.1)",
     x2y4: "2px 4px 8px 4px rgba(0, 0, 0, 0.1)",
-    focus: `0px 0px 0px 2px ${J.neutral.white}, 0px 0px 0px 4px ${J.neutral.black}, 0px 0px 0px 6px ${J.system.orange70}`,
-    active: `0px 6px 0px 0px ${J.interaction.blue80} inset`,
-    destructiveActive: `0px 6px 0px 0px ${J.system.red100} inset`
+    focus: `0px 0px 0px 2px ${Q.neutral.white}, 0px 0px 0px 4px ${Q.neutral.black}, 0px 0px 0px 6px ${Q.system.orange70}`,
+    active: `0px 6px 0px 0px ${Q.interaction.blue80} inset`,
+    destructiveActive: `0px 6px 0px 0px ${Q.system.red100} inset`
   },
   breakpoints: Dt,
   mq: Z4,
@@ -14139,7 +14139,7 @@ const { light: W, primitives: et } = Pt, { sans: Jl, mono: My } = et.font.family
       ...r,
       role: "alert",
       children: [
-        /* @__PURE__ */ n(V.Info, { className: d }),
+        /* @__PURE__ */ n(T.Info, { className: d }),
         t
       ]
     }
@@ -14265,7 +14265,7 @@ const er = "ucl-uikit-input", pb = "ucl-uikit-input__input", mb = Le(
       color: ${d.color.text.disabled};
       border-color: ${d.color.neutral.grey20};
       cursor: not-allowed;
-    `, w = u`
+    `, v = u`
       padding-left: ${d.padding.p48};
     `, x = u`
       padding-right: ${d.padding.p48};
@@ -14274,7 +14274,7 @@ const er = "ucl-uikit-input", pb = "ucl-uikit-input__input", mb = Le(
       g,
       !f && y,
       f && b,
-      t && o === "left" && w,
+      t && o === "left" && v,
       (t && o === "right" || r) && x,
       i
     ), C = u`
@@ -14286,7 +14286,7 @@ const er = "ucl-uikit-input", pb = "ucl-uikit-input__input", mb = Le(
       C,
       Ie(a, d),
       l
-    ), v = u`
+    ), w = u`
       position: absolute;
       display: flex;
       align-items: center;
@@ -14296,10 +14296,10 @@ const er = "ucl-uikit-input", pb = "ucl-uikit-input__input", mb = Le(
     `, E = u`
       right: ${d.padding.p16};
     `, H = k(
-      v,
+      w,
       o === "left" && I,
       o === "right" && E
-    ), z = k(v, E);
+    ), z = k(w, E);
     return /* @__PURE__ */ m("span", { className: A, children: [
       /* @__PURE__ */ n(
         "input",
@@ -14331,7 +14331,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
   asChild: d = !1,
   ...s
 }, p) {
-  const [f] = L(), h = a || "a", g = bb(s) ? s : {}, { href: y, onClick: b, ...w } = g, x = h === "a", S = We(
+  const [f] = L(), h = a || "a", g = bb(s) ? s : {}, { href: y, onClick: b, ...v } = g, x = h === "a", S = We(
     (E) => (E.preventDefault(), E.stopPropagation(), !1),
     []
   ), C = u`
@@ -14344,7 +14344,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     }
   `, A = u`
     font-size: ${f.font.size.f14};
-  `, v = u`
+  `, w = u`
     cursor: not-allowed;
     color: ${f.colour.link.disabled};
     pointer-events: none;
@@ -14356,7 +14356,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     tr,
     C,
     i === "small" && A,
-    l && v,
+    l && w,
     o
   );
   if (d) {
@@ -14383,7 +14383,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
       tabIndex: l ? -1 : s.tabIndex,
       onClick: l ? S : b,
       ...x ? { href: l ? void 0 : y ?? c } : c ? { to: c } : y ? { href: y } : {},
-      ...w,
+      ...v,
       children: r
     }
   );
@@ -14424,7 +14424,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     &:visited {
       color: ${s.color.link.secondaryDefault};
     }
-  `, w = u`
+  `, v = u`
     &:hover {
       color: ${s.colour.link.brandHover};
     }
@@ -14444,7 +14444,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
   o === "primary" ? C = k(
     f,
     t && !r && y,
-    !r && w
+    !r && v
   ) : o === "secondary" && (C = k(
     h,
     t && !r && b,
@@ -14488,9 +14488,9 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     tertiary: 16
   }[t], [y] = L(), {
     typography: {
-      body: { md: b, sm: w }
+      body: { md: b, sm: v }
     }
-  } = y, x = p === "small" ? w : b, S = u`
+  } = y, x = p === "small" ? v : b, S = u`
     display: inline-flex;
     align-items: center;
     gap: 8px;
@@ -14505,7 +14505,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     font-weight: 700;
   `, A = u`
     color: ${y.colour.link.primary};
-  `, v = u`
+  `, w = u`
     color: ${y.colour.link.primary};
   `, I = u`
     &:visited {
@@ -14535,7 +14535,7 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
     &:active {
       color: ${y.colour.link.brandHover};
     }
-  `, G = u`
+  `, J = u`
     &:hover {
       color: ${y.colour.link.primaryHover};
       text-decoration: underline;
@@ -14568,10 +14568,10 @@ const tr = "ucl-uikit-base-link", Xl = Le(function({
   ) : t === "secondary" ? X = k(
     A,
     i && !l && H,
-    !l && G,
+    !l && J,
     !i && !l && I
   ) : t === "tertiary" && (X = k(
-    v,
+    w,
     !l && z,
     !l && j
   ));
@@ -14839,8 +14839,8 @@ async function Hb(e, t) {
     elementContext: f = "floating",
     altBoundary: h = !1,
     padding: g = 0
-  } = Ut(t, e), y = Wb(g), w = c[h ? f === "floating" ? "reference" : "floating" : f], x = wo(await l.getClippingRect({
-    element: (o = await (l.isElement == null ? void 0 : l.isElement(w))) == null || o ? w : w.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(c.floating)),
+  } = Ut(t, e), y = Wb(g), v = c[h ? f === "floating" ? "reference" : "floating" : f], x = wo(await l.getClippingRect({
+    element: (o = await (l.isElement == null ? void 0 : l.isElement(v))) == null || o ? v : v.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(c.floating)),
     boundary: s,
     rootBoundary: p,
     strategy: d
@@ -14855,17 +14855,17 @@ async function Hb(e, t) {
   } : {
     x: 1,
     y: 1
-  }, v = wo(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, w = wo(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: S,
     offsetParent: C,
     strategy: d
   }) : S);
   return {
-    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
+    top: (x.top - w.top + y.top) / A.y,
+    bottom: (w.bottom - x.bottom + y.bottom) / A.y,
+    left: (x.left - w.left + y.left) / A.x,
+    right: (w.right - x.right + y.right) / A.x
   };
 }
 const Fb = 50, Bb = async (e, t, o) => {
@@ -14888,16 +14888,16 @@ const Fb = 50, Bb = async (e, t, o) => {
   } = sr(s, r, d), h = r, g = 0;
   const y = {};
   for (let b = 0; b < l.length; b++) {
-    const w = l[b];
-    if (!w)
+    const v = l[b];
+    if (!v)
       continue;
     const {
       name: x,
       fn: S
-    } = w, {
+    } = v, {
       x: C,
       y: A,
-      data: v,
+      data: w,
       reset: I
     } = await S({
       x: p,
@@ -14915,7 +14915,7 @@ const Fb = 50, Bb = async (e, t, o) => {
     });
     p = C ?? p, f = A ?? f, y[x] = {
       ...y[x],
-      ...v
+      ...w
     }, I && g < Fb && (g++, typeof I == "object" && (I.placement && (h = I.placement), I.rects && (s = I.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
@@ -14952,13 +14952,13 @@ const Fb = 50, Bb = async (e, t, o) => {
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: y = "none",
         flipAlignment: b = !0,
-        ...w
+        ...v
       } = Ut(e, t);
       if ((o = l.arrow) != null && o.alignmentOffset)
         return {};
-      const x = mt(i), S = at(c), C = mt(c) === c, A = await (d.isRTL == null ? void 0 : d.isRTL(s.floating)), v = h || (C || !b ? [vo(c)] : Ab(c)), I = y !== "none";
-      !h && I && v.push(...Ib(c, b, y, A));
-      const E = [c, ...v], H = await d.detectOverflow(t, w), z = [];
+      const x = mt(i), S = at(c), C = mt(c) === c, A = await (d.isRTL == null ? void 0 : d.isRTL(s.floating)), w = h || (C || !b ? [vo(c)] : Ab(c)), I = y !== "none";
+      !h && I && w.push(...Ib(c, b, y, A));
+      const E = [c, ...w], H = await d.detectOverflow(t, v), z = [];
       let D = ((r = l.flip) == null ? void 0 : r.overflows) || [];
       if (p && z.push(H[x]), f) {
         const oe = Sb(i, a, A);
@@ -14968,8 +14968,8 @@ const Fb = 50, Bb = async (e, t, o) => {
         placement: i,
         overflows: z
       }], !z.every((oe) => oe <= 0)) {
-        var G, j;
-        const oe = (((G = l.flip) == null ? void 0 : G.index) || 0) + 1, Z = E[oe];
+        var J, j;
+        const oe = (((J = l.flip) == null ? void 0 : J.index) || 0) + 1, Z = E[oe];
         if (Z && (!(f === "alignment" ? S !== at(Z) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         D.every((U) => at(U.placement) === S ? U.overflows[0] > 0 : !0)))
@@ -15102,16 +15102,16 @@ const Tb = function(e) {
         const x = h === "y" ? "top" : "left", S = h === "y" ? "bottom" : "right", C = b + f[x], A = b - f[S];
         b = ir(C, b, A);
       }
-      const w = d.fn({
+      const v = d.fn({
         ...t,
         [g]: y,
         [h]: b
       });
       return {
-        ...w,
+        ...v,
         data: {
-          x: w.x - o,
-          y: w.y - r,
+          x: v.x - o,
+          y: v.y - r,
           enabled: {
             [g]: a,
             [h]: c
@@ -15139,13 +15139,13 @@ const Tb = function(e) {
         width: y,
         height: b
       } = l.floating;
-      let w, x;
-      f === "top" || f === "bottom" ? (w = f, x = h === (await (a.isRTL == null ? void 0 : a.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (x = f, w = h === "end" ? "top" : "bottom");
-      const S = b - p.top - p.bottom, C = y - p.left - p.right, A = Ht(b - p[w], S), v = Ht(y - p[x], C), I = !t.middlewareData.shift;
-      let E = A, H = v;
+      let v, x;
+      f === "top" || f === "bottom" ? (v = f, x = h === (await (a.isRTL == null ? void 0 : a.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (x = f, v = h === "end" ? "top" : "bottom");
+      const S = b - p.top - p.bottom, C = y - p.left - p.right, A = Ht(b - p[v], S), w = Ht(y - p[x], C), I = !t.middlewareData.shift;
+      let E = A, H = w;
       if ((o = t.middlewareData.shift) != null && o.enabled.x && (H = C), (r = t.middlewareData.shift) != null && r.enabled.y && (E = S), I && !h) {
-        const D = qe(p.left, 0), G = qe(p.right, 0), j = qe(p.top, 0), X = qe(p.bottom, 0);
-        g ? H = y - 2 * (D !== 0 || G !== 0 ? D + G : qe(p.left, p.right)) : E = b - 2 * (j !== 0 || X !== 0 ? j + X : qe(p.top, p.bottom));
+        const D = qe(p.left, 0), J = qe(p.right, 0), j = qe(p.top, 0), X = qe(p.bottom, 0);
+        g ? H = y - 2 * (D !== 0 || J !== 0 ? D + J : qe(p.left, p.right)) : E = b - 2 * (j !== 0 || X !== 0 ? j + X : qe(p.top, p.bottom));
       }
       await d({
         ...t,
@@ -15325,8 +15325,8 @@ function kt(e, t, o, r) {
     const h = Ue(l), g = r && Xe(r) ? Ue(r) : r;
     let y = h, b = on(y);
     for (; b && r && g !== y; ) {
-      const w = It(b), x = b.getBoundingClientRect(), S = $e(b), C = x.left + (b.clientLeft + parseFloat(S.paddingLeft)) * w.x, A = x.top + (b.clientTop + parseFloat(S.paddingTop)) * w.y;
-      d *= w.x, s *= w.y, p *= w.x, f *= w.y, d += C, s += A, y = Ue(b), b = on(y);
+      const v = It(b), x = b.getBoundingClientRect(), S = $e(b), C = x.left + (b.clientLeft + parseFloat(S.paddingLeft)) * v.x, A = x.top + (b.clientTop + parseFloat(S.paddingTop)) * v.y;
+      d *= v.x, s *= v.y, p *= v.x, f *= v.y, d += C, s += A, y = Ue(b), b = on(y);
     }
   }
   return wo({
@@ -15584,12 +15584,12 @@ function r3(e, t) {
     } = s;
     if (c || t(), !h || !g)
       return;
-    const y = ro(f), b = ro(i.clientWidth - (p + h)), w = ro(i.clientHeight - (f + g)), x = ro(p), C = {
-      rootMargin: -y + "px " + -b + "px " + -w + "px " + -x + "px",
+    const y = ro(f), b = ro(i.clientWidth - (p + h)), v = ro(i.clientHeight - (f + g)), x = ro(p), C = {
+      rootMargin: -y + "px " + -b + "px " + -v + "px " + -x + "px",
       threshold: qe(0, Ht(1, d)) || 1
     };
     let A = !0;
-    function v(I) {
+    function w(I) {
       const E = I[0].intersectionRatio;
       if (E !== d) {
         if (!A)
@@ -15601,13 +15601,13 @@ function r3(e, t) {
       E === 1 && !sa(s, e.getBoundingClientRect()) && a(), A = !1;
     }
     try {
-      o = new IntersectionObserver(v, {
+      o = new IntersectionObserver(w, {
         ...C,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(v, C);
+      o = new IntersectionObserver(w, C);
     }
     o.observe(e);
   }
@@ -15637,10 +15637,10 @@ function i3(e, t, o, r) {
     })), o();
   }), s && !d && g.observe(s), t && g.observe(t));
   let y, b = d ? kt(e) : null;
-  d && w();
-  function w() {
+  d && v();
+  function v() {
     const x = kt(e);
-    b && !sa(b, x) && o(), b = x, y = requestAnimationFrame(w);
+    b && !sa(b, x) && o(), b = x, y = requestAnimationFrame(v);
   }
   return o(), () => {
     var x;
@@ -15939,19 +15939,19 @@ 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.",
         i(f)
       ), typeof f == "string" && h && typeof h.as == "string") {
-        var g = h.as, y = r(g, h.crossOrigin), b = typeof h.integrity == "string" ? h.integrity : void 0, w = typeof h.fetchPriority == "string" ? h.fetchPriority : void 0;
+        var g = h.as, y = r(g, h.crossOrigin), b = typeof h.integrity == "string" ? h.integrity : void 0, v = typeof h.fetchPriority == "string" ? h.fetchPriority : void 0;
         g === "style" ? d.d.S(
           f,
           typeof h.precedence == "string" ? h.precedence : void 0,
           {
             crossOrigin: y,
             integrity: b,
-            fetchPriority: w
+            fetchPriority: v
           }
         ) : g === "script" && d.d.X(f, {
           crossOrigin: y,
           integrity: b,
-          fetchPriority: w,
+          fetchPriority: v,
           nonce: typeof h.nonce == "string" ? h.nonce : void 0
         });
       }
@@ -16113,11 +16113,11 @@ function g3(e) {
     isPositioned: !1
   }), [h, g] = ge.useState(r);
   xo(h, r) || g(r);
-  const [y, b] = ge.useState(null), [w, x] = ge.useState(null), S = ge.useCallback((U) => {
+  const [y, b] = ge.useState(null), [v, x] = ge.useState(null), S = ge.useCallback((U) => {
     U !== I.current && (I.current = U, b(U));
   }, []), C = ge.useCallback((U) => {
     U !== E.current && (E.current = U, x(U));
-  }, []), A = l || y, v = a || w, I = ge.useRef(null), E = ge.useRef(null), H = ge.useRef(p), z = d != null, D = qo(d), G = qo(i), j = qo(s), X = ge.useCallback(() => {
+  }, []), A = l || y, w = a || v, I = ge.useRef(null), E = ge.useRef(null), H = ge.useRef(p), z = d != null, D = qo(d), J = qo(i), j = qo(s), X = ge.useCallback(() => {
     if (!I.current || !E.current)
       return;
     const U = {
@@ -16125,7 +16125,7 @@ function g3(e) {
       strategy: o,
       middleware: h
     };
-    G.current && (U.platform = G.current), d3(I.current, E.current, U).then((F) => {
+    J.current && (U.platform = J.current), d3(I.current, E.current, U).then((F) => {
       const N = {
         ...F,
         // The floating element's position may be recomputed while it's closed
@@ -16138,7 +16138,7 @@ function g3(e) {
         f(N);
       }));
     });
-  }, [h, t, o, G, j]);
+  }, [h, t, o, J, j]);
   po(() => {
     s === !1 && H.current.isPositioned && (H.current.isPositioned = !1, f((U) => ({
       ...U,
@@ -16149,12 +16149,12 @@ function g3(e) {
   po(() => (oe.current = !0, () => {
     oe.current = !1;
   }), []), po(() => {
-    if (A && (I.current = A), v && (E.current = v), A && v) {
+    if (A && (I.current = A), w && (E.current = w), A && w) {
       if (D.current)
-        return D.current(A, v, X);
+        return D.current(A, w, X);
       X();
     }
-  }, [A, v, X, D, z]);
+  }, [A, w, X, D, z]);
   const Z = ge.useMemo(() => ({
     reference: I,
     floating: E,
@@ -16162,8 +16162,8 @@ function g3(e) {
     setFloating: C
   }), [S, C]), Y = ge.useMemo(() => ({
     reference: A,
-    floating: v
-  }), [A, v]), ne = ge.useMemo(() => {
+    floating: w
+  }), [A, w]), ne = ge.useMemo(() => {
     const U = {
       position: o,
       left: 0,
@@ -16278,8 +16278,8 @@ const y3 = (e, t) => {
     ...y
   }, b) => {
     var Y, ne;
-    const w = ae(null), x = ae(null);
-    rs(b, () => w.current);
+    const v = ae(null), x = ae(null);
+    rs(b, () => v.current);
     const S = [];
     if (r && S.push(v3(typeof r == "object" ? r : {})), i && S.push(b3(typeof i == "object" ? i : {})), l && S.push(y3(l)), a) {
       const U = typeof a == "object" ? a : {}, { padding: F = 0, matchReferenceWidth: N = !1 } = U;
@@ -16300,7 +16300,7 @@ const y3 = (e, t) => {
     const {
       x: C,
       y: A,
-      refs: v,
+      refs: w,
       strategy: I,
       placement: E
     } = g3({
@@ -16311,14 +16311,14 @@ const y3 = (e, t) => {
       whileElementsMounted: i3
     }), H = E.split("-")[0];
     rn(() => {
-      v.setReference(e.current);
-    }, [e, v]);
+      w.setReference(e.current);
+    }, [e, w]);
     const { width: z, height: D } = ((ne = (Y = x == null ? void 0 : x.current) == null ? void 0 : Y.getBoundingClientRect) == null ? void 0 : ne.call(Y)) || {
       width: 0,
       height: 0
-    }, G = u`
+    }, J = u`
       z-index: 1000;
-    `, j = k(k3, G, d), X = k(
+    `, j = k(k3, J, d), X = k(
       u`
         position: absolute;
       `,
@@ -16372,7 +16372,7 @@ const y3 = (e, t) => {
         "div",
         {
           ref: (U) => {
-            w.current = U, v.setFloating(U);
+            v.current = U, w.setFloating(U);
           },
           className: j,
           style: {
@@ -16495,7 +16495,7 @@ const y3 = (e, t) => {
       color: ${f};
       border-color: ${h};
     }
-  `, w = u`
+  `, v = u`
     border-color: ${e.colour.border.disabled};
     color: ${e.colour.text.disabled};
   `;
@@ -16503,7 +16503,7 @@ const y3 = (e, t) => {
     g,
     t && y,
     !o && !r && b,
-    o && w
+    o && v
   );
 }, E3 = (e, t, o, r, i) => {
   const {
@@ -16515,7 +16515,7 @@ const y3 = (e, t) => {
   `, b = u`
     border-color: transparent;
     background-color: ${h};
-  `, w = u`
+  `, v = u`
     cursor: pointer;
 
     &:hover {
@@ -16533,7 +16533,7 @@ const y3 = (e, t) => {
   return k(
     y,
     t && b,
-    !o && !r && w,
+    !o && !r && v,
     o && x
   );
 }, W3 = (e, t, o, r) => {
@@ -16590,7 +16590,7 @@ const y3 = (e, t) => {
       color: ${f};
       border-color: ${h};
     }
-  `, w = u`
+  `, v = u`
     border-color: ${e.colour.border.disabled};
     color: ${e.colour.text.disabled};
   `;
@@ -16598,7 +16598,7 @@ const y3 = (e, t) => {
     g,
     t && y,
     !o && !r && b,
-    o && w
+    o && v
   );
 }, F3 = (e, t, o, r, i) => {
   const {
@@ -16608,7 +16608,7 @@ const y3 = (e, t) => {
     background-color: transparent;
     color: ${c};
     padding: 0 ${y}px;
-  `, w = u`
+  `, v = u`
     color: ${h};
     background-color: ${g};
   `, x = u`
@@ -16629,7 +16629,7 @@ const y3 = (e, t) => {
   `;
   return k(
     b,
-    t && w,
+    t && v,
     !o && !r && x,
     o && S
   );
@@ -16665,7 +16665,7 @@ const y3 = (e, t) => {
 }, z3 = (e, t, o, r, i) => {
   const {
     colour: { border: l, fill: a, text: c }
-  } = e, d = a.inverse, s = l.subtle, p = a.hover, f = a.hover, h = a.brandSubtleHover, g = l.brand, y = c.brandHover, b = i + 1, w = u`
+  } = e, d = a.inverse, s = l.subtle, p = a.hover, f = a.hover, h = a.brandSubtleHover, g = l.brand, y = c.brandHover, b = i + 1, v = u`
     background-color: ${d};
     border: 1px solid ${s};
     color: ${e.colour.text.default};
@@ -16689,7 +16689,7 @@ const y3 = (e, t) => {
     color: ${c.disabled};
   `;
   return k(
-    w,
+    v,
     t && x,
     !t && !o && !r && S,
     o && C
@@ -16697,13 +16697,13 @@ const y3 = (e, t) => {
 }, N3 = (e, t, o, r, i) => {
   const {
     colour: { border: l, fill: a, text: c }
-  } = e, d = c.brand, s = l.subtle, p = c.brandHover, f = a.brandSubtleHover, h = l.brandSubtle, g = c.brandHover, y = a.brandSubtleHover, b = l.brandSubtle, w = a.brandSubtleHover, x = l.brand, S = c.brandHover, C = i + 1, A = u`
+  } = e, d = c.brand, s = l.subtle, p = c.brandHover, f = a.brandSubtleHover, h = l.brandSubtle, g = c.brandHover, y = a.brandSubtleHover, b = l.brandSubtle, v = a.brandSubtleHover, x = l.brand, S = c.brandHover, C = i + 1, A = u`
     background-color: ${e.color.neutral.white};
     color: ${d};
     border: ${e.border.b1} solid ${s};
     padding: 0 ${C}px;
-  `, v = u`
-    background-color: ${w};
+  `, w = u`
+    background-color: ${v};
     border-color: ${x};
     color: ${S};
   `, I = u`
@@ -16726,7 +16726,7 @@ const y3 = (e, t) => {
   `;
   return k(
     A,
-    t && v,
+    t && w,
     !t && !o && !r && I,
     o && E
   );
@@ -16785,18 +16785,18 @@ const y3 = (e, t) => {
   className: y,
   ...b
 }) => {
-  const w = e || "button", x = ae(null), S = h || x, [C, A] = ce(!1), [v] = L(), I = V3(t, o), E = R3(r), H = u`
+  const v = e || "button", x = ae(null), S = h || x, [C, A] = ce(!1), [w] = L(), I = V3(t, o), E = R3(r), H = u`
     all: unset;
     border: 2px solid transparent;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    gap: ${v.padding.p8};
+    gap: ${w.padding.p8};
     position: relative;
     box-sizing: border-box;
-    border-radius: ${v.radius.r4};
-    font-family: ${v.typography.body.md.fontFamily};
-    font-feature-settings: ${v.typography.body.md.fontSettings};
+    border-radius: ${w.radius.r4};
+    font-family: ${w.typography.body.md.fontFamily};
+    font-feature-settings: ${w.typography.body.md.fontSettings};
     font-weight: 500;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -16805,9 +16805,9 @@ const y3 = (e, t) => {
     user-select: none;
 
     &:focus-visible {
-      box-shadow: ${v.boxShadow.focus};
+      box-shadow: ${w.boxShadow.focus};
     }
-  `, z = E === "xsmall" ? 20 : 24, D = E === "xsmall" ? 8 : 16, G = u`
+  `, z = E === "xsmall" ? 20 : 24, D = E === "xsmall" ? 8 : 16, J = u`
     width: 48px;
     padding: 0;
     justify-content: center;
@@ -16830,57 +16830,57 @@ const y3 = (e, t) => {
   `, Y = u`
     width: 100%;
   `, ne = {
-    accent: M3(v, i, l, s),
-    primary: L3(v, i, l, s),
-    secondary: I3(v, i, l, s),
+    accent: M3(w, i, l, s),
+    primary: L3(w, i, l, s),
+    secondary: I3(w, i, l, s),
     tertiary: E3(
-      v,
+      w,
       i,
       l,
       s,
       D
     ),
     "primary-subtle": z3(
-      v,
+      w,
       i,
       l,
       s,
       D
     ),
     "secondary-subtle": N3(
-      v,
+      w,
       i,
       l,
       s,
       D
     ),
     "tertiary-no-padding": D3(
-      v,
+      w,
       l,
       s,
       D
     ),
     "primary-destructive": W3(
-      v,
+      w,
       i,
       l,
       s
     ),
     "secondary-destructive": H3(
-      v,
+      w,
       i,
       l,
       s
     ),
     "tertiary-destructive": F3(
-      v,
+      w,
       i,
       l,
       s,
       D
     ),
     "primary-warning": B3(
-      v,
+      w,
       i,
       l,
       s
@@ -16892,7 +16892,7 @@ const y3 = (e, t) => {
   `, N = k(
     vr,
     H,
-    Ie(b, v),
+    Ie(b, w),
     E === "xsmall" && j,
     E === "small" && X,
     E === "medium" && oe,
@@ -16901,12 +16901,12 @@ const y3 = (e, t) => {
     ne,
     l && U,
     s && F,
-    !g && G,
+    !g && J,
     y
   );
   return /* @__PURE__ */ m(Re, { children: [
     /* @__PURE__ */ n(
-      w,
+      v,
       {
         ref: S,
         disabled: s || l,
@@ -16916,7 +16916,7 @@ const y3 = (e, t) => {
         "data-testid": f,
         "aria-disabled": l,
         ...b,
-        href: w === "a" && l ? void 0 : b.href,
+        href: v === "a" && l ? void 0 : b.href,
         children: s ? /* @__PURE__ */ n(
           xb,
           {
@@ -16972,7 +16972,7 @@ const y3 = (e, t) => {
       display: inline;
       font-weight: ${d.font.weight.regular};
       line-height: ${d.font.lineHeight.h150};
-    `, w = u`
+    `, v = u`
       color: ${d.color.neutral.grey20};
     `, x = k(
       wr,
@@ -16980,7 +16980,7 @@ const y3 = (e, t) => {
       Ie(a, d),
       e === "block" && y,
       e === "inline" && b,
-      t && w,
+      t && v,
       i
     ), S = u`
       font-weight: ${d.font.weight.regular};
@@ -17059,7 +17059,15 @@ const y3 = (e, t) => {
   ref: p,
   ...f
 }) => {
-  const [h] = L(), g = s === "error" ? V.AlertTriangle : V.CheckCircle, y = s === "error" ? "alert" : "status", b = a === "small" ? 20 : 32, w = a === "small" ? h.padding.p16 : h.padding.p24, x = a === "small" ? "md" : "lg-medium", S = a === "small" ? "56px" : h.height.h80, C = u`
+  const [h] = L(), g = {
+    default: T.Info,
+    error: T.AlertTriangle,
+    success: T.CheckCircle
+  }[s], y = {
+    default: h.colour.fill.brandPrimary,
+    error: h.colour.fill.critical,
+    success: h.colour.fill.success
+  }[s], b = s === "error" ? "alert" : "status", v = a === "small" ? 20 : 32, x = a === "small" ? h.padding.p16 : h.padding.p24, S = a === "small" ? "md" : "lg-medium", C = a === "small" ? "56px" : h.height.h80, A = u`
     display: flex;
     justify-content: start;
     align-items: center;
@@ -17068,28 +17076,28 @@ const y3 = (e, t) => {
     position: fixed;
     width: 375px;
     max-width: calc(100vw - ${h.margin.m48});
-    min-height: ${S};
+    min-height: ${C};
     z-index: 9999;
-    padding: ${w};
+    padding: ${x};
     color: ${h.colour.text.inverse};
-    background-color: ${s === "error" ? h.primitiveColour.red[10].$value.hex : h.colour.bg.inversePrimary};
-  `, A = k(kr, C, Ie(f, h), d), v = u`
-    min-width: ${b}px;
-    min-height: ${b}px;
+    background-color: ${y};
+  `, w = k(kr, A, Ie(f, h), d), I = u`
+    min-width: ${v}px;
+    min-height: ${v}px;
     flex-shrink: 0;
-  `, I = u`
+  `, E = u`
     flex: 1;
     min-width: 0;
     color: inherit;
     overflow-wrap: anywhere;
-  `, E = u`
+  `, H = u`
     margin-left: auto;
     flex-shrink: 0;
-  `, H = u`
+  `, z = u`
     &:hover {
       color: ${h.colour.icon.inverseHover};
     }
-  `, z = u`
+  `, D = u`
     padding: ${h.padding.p4};
     border: none;
     background-color: transparent;
@@ -17104,14 +17112,14 @@ const y3 = (e, t) => {
       outline: none;
       box-shadow: ${h.boxShadow.focus};
     }
-  `, D = u`
+  `, J = u`
     color: inherit;
   `;
   return /* @__PURE__ */ m(
     "div",
     {
       ref: p,
-      className: A,
+      className: w,
       "data-testid": c,
       ...f,
       children: [
@@ -17119,20 +17127,20 @@ const y3 = (e, t) => {
           g,
           {
             "aria-hidden": "true",
-            className: v,
-            size: b
+            className: I,
+            size: v
           }
         ),
         /* @__PURE__ */ n(
           Qe,
           {
-            level: x,
-            className: I,
-            role: y,
+            level: S,
+            className: E,
+            role: b,
             children: l
           }
         ),
-        /* @__PURE__ */ m("span", { className: E, children: [
+        /* @__PURE__ */ m("span", { className: H, children: [
           e === "close" && /* @__PURE__ */ n(
             Ze,
             {
@@ -17141,10 +17149,10 @@ const y3 = (e, t) => {
                 "<Snackbar> close action triggered but unassigned"
               )),
               "data-testid": `${c}-close-button`,
-              className: H,
+              className: z,
               disabled: t,
               children: /* @__PURE__ */ n(
-                V.X,
+                T.X,
                 {
                   "aria-hidden": "true",
                   size: 24
@@ -17156,15 +17164,15 @@ const y3 = (e, t) => {
             "button",
             {
               onClick: i ?? (() => console.warn("<Snackbar> undo action triggered but unassigned")),
-              className: z,
+              className: D,
               "data-testid": `${c}-undo-button`,
               disabled: t,
               children: /* @__PURE__ */ n(
                 Qe,
                 {
                   level: "lg-semibold",
-                  className: D,
-                  children: "UNDO"
+                  className: J,
+                  children: "Undo"
                 }
               )
             }
@@ -17184,9 +17192,9 @@ const y3 = (e, t) => {
   className: c,
   ...d
 }) => {
-  const [s] = L(), [p, f] = ce(/* @__PURE__ */ new Set()), h = ae({}), g = ae({}), y = ae({}), b = ae({}), w = ae(t), x = ae(/* @__PURE__ */ new Set());
+  const [s] = L(), [p, f] = ce(/* @__PURE__ */ new Set()), h = ae({}), g = ae({}), y = ae({}), b = ae({}), v = ae(t), x = ae(/* @__PURE__ */ new Set());
   re(() => {
-    w.current = t;
+    v.current = t;
   }, [t]);
   const S = st(
     () => e.slice(0, i),
@@ -17194,11 +17202,11 @@ const y3 = (e, t) => {
   ), C = st(
     () => new Set(S.map((F) => F.id)),
     [S]
-  ), A = st(() => new Set(e.map((F) => F.id)), [e]), v = We((F) => {
+  ), A = st(() => new Set(e.map((F) => F.id)), [e]), w = We((F) => {
     h.current[F] !== void 0 && (window.clearTimeout(h.current[F]), delete h.current[F], delete g.current[F]);
   }, []), I = We(
     (F) => {
-      v(F), delete y.current[F], x.current.delete(F), f((N) => {
+      w(F), delete y.current[F], x.current.delete(F), f((N) => {
         if (N.has(F)) return N;
         const ie = new Set(N);
         return ie.add(F), ie;
@@ -17206,10 +17214,10 @@ const y3 = (e, t) => {
         delete b.current[F], f((N) => {
           const ie = new Set(N);
           return ie.delete(F), ie;
-        }), w.current(F);
+        }), v.current(F);
       }, r));
     },
-    [v, r]
+    [w, r]
   ), E = We(
     (F, N) => {
       g.current[F] = Date.now(), h.current[F] = window.setTimeout(() => {
@@ -17224,9 +17232,9 @@ const y3 = (e, t) => {
       N !== void 0 && ie !== void 0 && (y.current[F] = Math.max(
         0,
         ie - (Date.now() - N)
-      )), v(F);
+      )), w(F);
     },
-    [v]
+    [w]
   ), z = We(
     (F) => {
       if (x.current.has(F) || h.current[F] !== void 0) return;
@@ -17256,7 +17264,7 @@ const y3 = (e, t) => {
       y.current[F.id] = ie, !x.current.has(F.id) && E(F.id, ie);
     });
   }, [
-    v,
+    w,
     p,
     D,
     E,
@@ -17282,11 +17290,11 @@ const y3 = (e, t) => {
       );
     };
   }, []);
-  const G = l.startsWith("bottom"), j = l.endsWith("right"), X = G ? [...S].reverse() : S, oe = qs`
+  const J = l.startsWith("bottom"), j = l.endsWith("right"), X = J ? [...S].reverse() : S, oe = qs`
     from {
       opacity: 0;
       transform: translateY(
-        ${G ? s.margin.m8 : `-${s.margin.m8}`}
+        ${J ? s.margin.m8 : `-${s.margin.m8}`}
       );
     }
 
@@ -17301,7 +17309,7 @@ const y3 = (e, t) => {
     flex-direction: column;
     gap: ${s.margin.m8};
     pointer-events: none;
-    ${G ? `bottom: ${s.margin.m24};` : `top: ${s.margin.m24};`}
+    ${J ? `bottom: ${s.margin.m24};` : `top: ${s.margin.m24};`}
     right: ${s.margin.m16};
     left: ${s.margin.m16};
 
@@ -17326,7 +17334,7 @@ const y3 = (e, t) => {
     animation: none;
     opacity: 0;
     transform: translateY(
-      ${G ? s.margin.m8 : `-${s.margin.m8}`}
+      ${J ? s.margin.m8 : `-${s.margin.m8}`}
     );
   `, U = k(Sr, Z, c);
   return /* @__PURE__ */ n(
@@ -17414,7 +17422,7 @@ const y3 = (e, t) => {
       font-family: ${s.font.family.primary};
       font-size: ${h}px;
       cursor: pointer;
-    `, w = u`
+    `, v = u`
       &:focus-visible {
         box-shadow: ${s.boxShadow.focus};
       }
@@ -17435,10 +17443,10 @@ const y3 = (e, t) => {
       width: 100%;
       height: 100%;
       padding-top: 0.1em;
-    `, v = k(
+    `, w = k(
       Cr,
       b,
-      !i && w,
+      !i && v,
       i && x,
       a
     );
@@ -17448,7 +17456,7 @@ const y3 = (e, t) => {
         ref: d,
         disabled: i,
         "data-testid": l,
-        className: v,
+        className: w,
         ...c,
         children: e === "image" && t && !p ? /* @__PURE__ */ n(
           "img",
@@ -17459,23 +17467,23 @@ const y3 = (e, t) => {
             "data-testid": `${l}-image`,
             className: S
           }
-        ) : (e === "initials" || e === "image") && g ? /* @__PURE__ */ n("span", { className: C, children: g }) : /* @__PURE__ */ n(V.Avatar, { className: A })
+        ) : (e === "initials" || e === "image") && g ? /* @__PURE__ */ n("span", { className: C, children: g }) : /* @__PURE__ */ n(T.Avatar, { className: A })
       }
     );
   }
 ), Q3 = P(J3), G3 = {
-  info: V.Info,
-  "info-subtle": V.Info,
-  neutral: V.Info,
-  "neutral-subtle": V.Info,
-  critical: V.XCircle,
-  "critical-subtle": V.XCircle,
-  caution: V.AlertCircle,
-  "caution-subtle": V.AlertCircle,
-  success: V.CheckCircle,
-  "success-subtle": V.CheckCircle,
-  warning: V.AlertTriangle,
-  "warning-subtle": V.AlertTriangle,
+  info: T.Info,
+  "info-subtle": T.Info,
+  neutral: T.Info,
+  "neutral-subtle": T.Info,
+  critical: T.XCircle,
+  "critical-subtle": T.XCircle,
+  caution: T.AlertCircle,
+  "caution-subtle": T.AlertCircle,
+  success: T.CheckCircle,
+  "success-subtle": T.CheckCircle,
+  warning: T.AlertTriangle,
+  "warning-subtle": T.AlertTriangle,
   disabled: null
 }, K3 = (e) => ({
   info: {
@@ -17563,7 +17571,7 @@ const y3 = (e, t) => {
     white-space: nowrap;
     gap: 4px;
     vertical-align: middle;
-  `, w = k(Mr, b, t), x = u`
+  `, v = k(Mr, b, t), x = u`
     display: block;
     border-radius: 50%;
     background-color: currentColor;
@@ -17588,7 +17596,7 @@ const y3 = (e, t) => {
     "span",
     {
       "data-testid": e,
-      className: w,
+      className: v,
       ...c,
       children: [
         i && /* @__PURE__ */ n(
@@ -17625,7 +17633,7 @@ const y3 = (e, t) => {
   ref: f,
   ...h
 }) => {
-  const g = ae(null), y = i !== void 0, [b, w] = ce(
+  const g = ae(null), y = i !== void 0, [b, v] = ce(
     l ?? !1
   ), x = y ? i : b;
   re(() => {
@@ -17637,12 +17645,12 @@ const y3 = (e, t) => {
     },
     [f]
   ), C = (D) => {
-    y || w(D.target.checked), p == null || p(D);
+    y || v(D.target.checked), p == null || p(D);
   }, A = u`
     position: relative;
     display: inline-grid;
     cursor: ${c ? "not-allowed" : "pointer"};
-  `, v = u`
+  `, w = u`
     position: absolute;
     inset: 0;
     width: 100%;
@@ -17673,7 +17681,7 @@ const y3 = (e, t) => {
           {
             ref: S,
             type: "checkbox",
-            className: v,
+            className: w,
             ...h,
             checked: y ? i : void 0,
             defaultChecked: y ? void 0 : l,
@@ -17776,7 +17784,7 @@ const y3 = (e, t) => {
       typography: {
         heading: { xxl: s, xl: p, lg: f, md: h, sm: g, xs: y }
       }
-    } = d, 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`
+    } = d, b = e === 1 ? "xxl" : e === 2 ? "xl" : e === 3 ? "lg" : e === 4 ? "md" : e, v = b === "xxl" ? "h1" : b === "xl" ? "h2" : b === "lg" ? "h3" : b === "md" ? "h4" : b === "sm" ? "h5" : "h6", x = u`
       font-family: ${h.md.fontFamily};
       font-feature-settings: ${h.md.fontSettings};
       color: ${d.colour.text.default};
@@ -17808,7 +17816,7 @@ const y3 = (e, t) => {
         font-weight: ${f.md.fontWeight};
         line-height: ${f.md.lineHeight}%;
       }
-    `, v = u`
+    `, w = u`
       font-size: ${h.sm.fontSize}px;
       font-weight: ${h.sm.fontWeight};
       line-height: ${h.sm.lineHeight}%;
@@ -17841,7 +17849,7 @@ const y3 = (e, t) => {
       b === "xxl" && S,
       b === "xl" && C,
       b === "lg" && A,
-      b === "md" && v,
+      b === "md" && w,
       b === "sm" && I,
       b === "xs" && E,
       Ie(
@@ -17849,7 +17857,7 @@ const y3 = (e, t) => {
         d
       ),
       i
-    ), z = t || w;
+    ), z = t || v;
     return /* @__PURE__ */ m(Re, { children: [
       z === "h1" && /* @__PURE__ */ n(
         "h1",
@@ -17945,12 +17953,12 @@ const y3 = (e, t) => {
         lgSemibold: g,
         lgBold: y,
         md: b,
-        mdMedium: w,
+        mdMedium: v,
         mdSemibold: x,
         mdMediumNumeric: S,
         sm: C,
         smMedium: A,
-        smSemibold: v,
+        smSemibold: w,
         xs: I,
         xsMedium: E
       }
@@ -17964,7 +17972,7 @@ const y3 = (e, t) => {
     font-size: ${f.fontSize}px;
     font-weight: ${f.fontWeight};
     line-height: ${f.lineHeight}%;
-  `, G = u`
+  `, J = u`
     font-size: ${h.fontSize}px;
     font-weight: ${h.fontWeight};
     line-height: ${h.lineHeight}%;
@@ -17981,9 +17989,9 @@ const y3 = (e, t) => {
     font-weight: ${b.fontWeight};
     line-height: ${b.lineHeight}%;
   `, Z = u`
-    font-size: ${w.fontSize}px;
-    font-weight: ${w.fontWeight};
-    line-height: ${w.lineHeight}%;
+    font-size: ${v.fontSize}px;
+    font-weight: ${v.fontWeight};
+    line-height: ${v.lineHeight}%;
   `, Y = u`
     font-size: ${x.fontSize}px;
     font-weight: ${x.fontWeight};
@@ -18001,9 +18009,9 @@ const y3 = (e, t) => {
     font-weight: ${A.fontWeight};
     line-height: ${A.lineHeight}%;
   `, N = u`
-    font-size: ${v.fontSize}px;
-    font-weight: ${v.fontWeight};
-    line-height: ${v.lineHeight}%;
+    font-size: ${w.fontSize}px;
+    font-weight: ${w.fontWeight};
+    line-height: ${w.lineHeight}%;
   `, ie = u`
     font-size: ${I.fontSize}px;
     font-weight: ${I.fontWeight};
@@ -18016,7 +18024,7 @@ const y3 = (e, t) => {
     Wr,
     z,
     H === "lg" && D,
-    H === "lg-medium" && G,
+    H === "lg-medium" && J,
     H === "lg-semibold" && j,
     H === "lg-bold" && X,
     H === "md" && oe,
@@ -18083,7 +18091,7 @@ const y3 = (e, t) => {
         mdMediumNumeric: g,
         sm: y,
         smMedium: b,
-        smSemibold: w,
+        smSemibold: v,
         xs: x,
         xsMedium: S
       }
@@ -18097,7 +18105,7 @@ const y3 = (e, t) => {
     font-size: ${a.fontSize}px;
     font-weight: ${a.fontWeight};
     line-height: ${a.lineHeight}%;
-  `, v = u`
+  `, w = u`
     font-size: ${c.fontSize}px;
     font-weight: ${c.fontWeight};
     line-height: ${c.lineHeight}%;
@@ -18121,7 +18129,7 @@ const y3 = (e, t) => {
     font-size: ${h.fontSize}px;
     font-weight: ${h.fontWeight};
     line-height: ${h.lineHeight}%;
-  `, G = u`
+  `, J = u`
     font-size: ${g.fontSize}px;
     font-weight: ${g.fontWeight};
     line-height: ${g.lineHeight}%;
@@ -18134,9 +18142,9 @@ const y3 = (e, t) => {
     font-weight: ${b.fontWeight};
     line-height: ${b.lineHeight}%;
   `, oe = u`
-    font-size: ${w.fontSize}px;
-    font-weight: ${w.fontWeight};
-    line-height: ${w.lineHeight}%;
+    font-size: ${v.fontSize}px;
+    font-weight: ${v.fontWeight};
+    line-height: ${v.lineHeight}%;
   `, Z = u`
     font-size: ${x.fontSize}px;
     font-weight: ${x.fontWeight};
@@ -18149,13 +18157,13 @@ const y3 = (e, t) => {
     Hr,
     C,
     e === "lg" && A,
-    e === "lg-medium" && v,
+    e === "lg-medium" && w,
     e === "lg-semibold" && I,
     e === "lg-bold" && E,
     e === "md" && H,
     e === "md-medium" && z,
     e === "md-semibold" && D,
-    e === "md-medium-numeric" && G,
+    e === "md-medium-numeric" && J,
     e === "sm" && j,
     e === "sm-medium" && X,
     e === "sm-semibold" && oe,
@@ -18506,7 +18514,7 @@ const Po = "ucl-uikit-breadcrumb", vv = "ucl-uikit-breadcrumb--active", wv = "uc
         children: [
           s,
           p < f.length - 1 && /* @__PURE__ */ n(
-            V.ChevronRight,
+            T.ChevronRight,
             {
               size: 24,
               className: a
@@ -18558,7 +18566,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
       ...a,
       children: [
         t && /* @__PURE__ */ n(
-          V.ArrowLeft,
+          T.ArrowLeft,
           {
             "aria-hidden": !0,
             className: s,
@@ -18567,7 +18575,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
         ),
         l,
         e && /* @__PURE__ */ n(
-          V.ChevronRight,
+          T.ChevronRight,
           {
             "aria-hidden": !0,
             className: s,
@@ -18721,7 +18729,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
       o ?? !1
     ), y = f ? t : h, b = (H) => {
       f || g(H.target.checked), c == null || c(H);
-    }, w = u`
+    }, v = u`
       position: relative;
       width: 24px;
       height: 24px;
@@ -18751,9 +18759,9 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
       background-color: ${p.colour.icon.disabled};
       border-color: ${p.colour.icon.disabled};
       cursor: not-allowed;
-    `, v = k(
+    `, w = k(
       Zr,
-      w,
+      v,
       Ie(d, p),
       !r && x,
       y && S,
@@ -18778,7 +18786,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
       fa,
       {
         ref: s,
-        className: v,
+        className: w,
         testId: `${i}__root`,
         "data-testid": i,
         "aria-label": l,
@@ -18787,7 +18795,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
         disabled: r,
         indeterminate: e,
         renderVisual: (H) => H.indeterminate ? /* @__PURE__ */ n(
-          V.Empty,
+          T.Empty,
           {
             className: E,
             size: 24,
@@ -18803,7 +18811,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
             )
           }
         ) : H.checked ? /* @__PURE__ */ n(
-          V.Empty,
+          T.Empty,
           {
             className: I,
             size: 24,
@@ -18834,8 +18842,8 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
     children: h,
     ...g
   }, y) => {
-    const [b] = L(), w = ct();
-    e = e ?? w;
+    const [b] = L(), v = ct();
+    e = e ?? v;
     const x = u`
       margin-top: ${b.margin.m16};
       margin-bottom: ${b.margin.m16};
@@ -19067,7 +19075,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
       opacity: 0;
       margin-left: -4px;
       margin-right: 4px;
-    `, w = u`
+    `, v = u`
       color: inherit;
       transition:
         margin-left 0.15s ease-out,
@@ -19098,14 +19106,14 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
             g,
             C && y,
             !C && b
-          ), v = k(
-            w,
+          ), w = k(
+            v,
             C && x,
             !C && S
           );
           return /* @__PURE__ */ m("span", { className: h, children: [
             /* @__PURE__ */ n(
-              V.Check,
+              T.Check,
               {
                 className: A,
                 size: 16
@@ -19115,7 +19123,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
               Qe,
               {
                 level: "sm-semibold",
-                className: v,
+                className: w,
                 children: e
               }
             )
@@ -19169,20 +19177,20 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
         return S.getAttribute("aria-disabled") !== "true" && S.tabIndex >= 0 && S.offsetParent !== null;
       });
       if (g.length === 0) return;
-      const y = g[0], b = g[g.length - 1], w = g.indexOf(
+      const y = g[0], b = g[g.length - 1], v = g.indexOf(
         document.activeElement
       );
       if (h.key === "Tab")
         h.shiftKey && document.activeElement === y ? (b.focus(), h.preventDefault()) : !h.shiftKey && document.activeElement === b && (y.focus(), h.preventDefault());
       else if (h.key === "ArrowDown")
-        if (w !== -1) {
-          const x = (w + 1) % g.length;
+        if (v !== -1) {
+          const x = (v + 1) % g.length;
           g[x].focus(), h.preventDefault();
         } else
           y.focus(), h.preventDefault();
       else if (h.key === "ArrowUp")
-        if (w !== -1) {
-          const x = (w - 1 + g.length) % g.length;
+        if (v !== -1) {
+          const x = (v - 1 + g.length) % g.length;
           g[x].focus(), h.preventDefault();
         } else
           b.focus(), h.preventDefault();
@@ -19210,8 +19218,8 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
   onClick: d,
   ...s
 }) => {
-  const p = !!(d || i || l), [f] = L(), { toggleMenu: h } = xn(), g = st(() => typeof c == "boolean" ? c : typeof window < "u" && i ? window.location.pathname === i : !1, [c, i]), y = (v) => {
-    g && (v.preventDefault(), h()), d && d(v);
+  const p = !!(d || i || l), [f] = L(), { toggleMenu: h } = xn(), g = st(() => typeof c == "boolean" ? c : typeof window < "u" && i ? window.location.pathname === i : !1, [c, i]), y = (w) => {
+    g && (w.preventDefault(), h()), d && d(w);
   }, b = u`
     height: 40px;
     padding: 0 16px;
@@ -19220,7 +19228,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
     font-family: ${f.font.family.primary};
     font-size: ${f.font.size.f16};
     color: ${f.color.text.secondary};
-  `, w = u`
+  `, v = u`
     color: ${f.color.text.primary};
     &:hover {
       background-color: ${f.color.interaction.blue5};
@@ -19255,7 +19263,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
   `, C = k(
     Yr,
     b,
-    p && w,
+    p && v,
     r
   ), A = /* @__PURE__ */ m(Re, { children: [
     xt.isValidElement(t) && /* @__PURE__ */ n("span", { className: S, children: t }),
@@ -19384,7 +19392,7 @@ const Rr = "ucl-uikit-breadcrumbs__item", vn = ({
           {
             onClick: a,
             onKeyDown: s,
-            icon: /* @__PURE__ */ n(V.ChevronLeft, {}),
+            icon: /* @__PURE__ */ n(T.ChevronLeft, {}),
             className: h,
             "aria-label": "Go Back",
             children: "Back"
@@ -19495,20 +19503,20 @@ const va = _e({}), wa = () => je(va), Ov = ({
         return S.getAttribute("aria-disabled") !== "true" && S.tabIndex >= 0 && S.offsetParent !== null;
       });
       if (g.length === 0) return;
-      const y = g[0], b = g[g.length - 1], w = g.indexOf(
+      const y = g[0], b = g[g.length - 1], v = g.indexOf(
         document.activeElement
       );
       if (h.key === "Tab")
         h.shiftKey && document.activeElement === y ? (b.focus(), h.preventDefault()) : !h.shiftKey && document.activeElement === b && (y.focus(), h.preventDefault());
       else if (h.key === "ArrowDown")
-        if (w !== -1) {
-          const x = (w + 1) % g.length;
+        if (v !== -1) {
+          const x = (v + 1) % g.length;
           g[x].focus(), h.preventDefault();
         } else
           y.focus(), h.preventDefault();
       else if (h.key === "ArrowUp")
-        if (w !== -1) {
-          const x = (w - 1 + g.length) % g.length;
+        if (v !== -1) {
+          const x = (v - 1 + g.length) % g.length;
           g[x].focus(), h.preventDefault();
         } else
           b.focus(), h.preventDefault();
@@ -19573,7 +19581,7 @@ const va = _e({}), wa = () => je(va), Ov = ({
       padding: ${p.p32} ${p.p48} ${p.p16} ${p.p64};
       justify-content: flex-end;
     }
-  `, w = u`
+  `, v = u`
     @media (min-width: ${s.breakpoints.desktop}px) {
       display: none;
     }
@@ -19597,13 +19605,13 @@ const va = _e({}), wa = () => je(va), Ov = ({
       className: y,
       children: [
         /* @__PURE__ */ m("header", { className: b, children: [
-          /* @__PURE__ */ n("h3", { className: w, children: e }),
+          /* @__PURE__ */ n("h3", { className: v, children: e }),
           /* @__PURE__ */ n(
             Ze,
             {
               onClick: d,
               "aria-label": "Close menu",
-              children: /* @__PURE__ */ n(V.X, { size: 40 })
+              children: /* @__PURE__ */ n(T.X, { size: 40 })
             }
           )
         ] }),
@@ -19679,7 +19687,7 @@ const va = _e({}), wa = () => je(va), Ov = ({
       children: [
         y,
         a && /* @__PURE__ */ n(
-          V.ExternalLink,
+          T.ExternalLink,
           {
             size: 16,
             className: u`
@@ -19730,7 +19738,7 @@ const va = _e({}), wa = () => je(va), Ov = ({
       "aria-haspopup": "true",
       "aria-expanded": r ? "true" : "false",
       ...t,
-      children: /* @__PURE__ */ n(V.Menu, {})
+      children: /* @__PURE__ */ n(T.Menu, {})
     }
   );
 }, Kv = P(Gv), Uo = "ucl-uikit-menu", Xv = ({
@@ -19785,7 +19793,7 @@ const Jt = ({
   active: f = !1,
   ...h
 }) => {
-  const [g] = L(), y = typeof l == "function", b = !p, w = (E) => {
+  const [g] = L(), y = typeof l == "function", b = !p, v = (E) => {
     a == null || a(E), !(E.defaultPrevented || !y) && (E.key === "Enter" && E.currentTarget.click(), E.key === " " && (E.preventDefault(), E.currentTarget.click()));
   }, x = u`
     width: 100%;
@@ -19825,7 +19833,7 @@ const Jt = ({
     &:hover .ucl-uikit-menu__item-text {
       text-decoration: underline;
     }
-  `, v = k(
+  `, w = k(
     x,
     f && S,
     s === "underline" && A,
@@ -19840,9 +19848,9 @@ const Jt = ({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: v,
+      className: w,
       onClick: l,
-      onKeyDown: w,
+      onKeyDown: v,
       role: c ?? (b ? "button" : void 0),
       tabIndex: d ?? (b ? 0 : void 0),
       ...h,
@@ -19953,7 +19961,7 @@ const Jt = ({
               t == null || t(), a == null || a.setIsOpen(!1);
             },
             className: s,
-            children: /* @__PURE__ */ n(V.X, { size: 32 })
+            children: /* @__PURE__ */ n(T.X, { size: 32 })
           }
         )
       ]
@@ -20097,7 +20105,7 @@ const Jt = ({
     transform: rotate(180deg);
   `;
   return /* @__PURE__ */ n(
-    V.ChevronDown,
+    T.ChevronDown,
     {
       className: k(o, e && r, t),
       size: 24,
@@ -20376,7 +20384,7 @@ const Jt = ({
           }
         ),
         r && /* @__PURE__ */ n(
-          V.ExternalLink,
+          T.ExternalLink,
           {
             size: 16,
             "aria-hidden": "true",
@@ -20454,17 +20462,17 @@ const Jt = ({
   panelClassName: g,
   filterable: y = !1,
   ref: b,
-  ...w
+  ...v
 }) => {
   p !== void 0 && console.warn(
     "Select width prop is deprecated; it has no effect. Use className instead."
   ), !!o.find(
-    (R) => R.icon !== void 0
+    (V) => V.icon !== void 0
   ) && console.warn("Select option icon prop is deprecated; it has no effect.");
   const S = st(() => {
-    const R = /* @__PURE__ */ new Set(), $ = /* @__PURE__ */ new Set();
+    const V = /* @__PURE__ */ new Set(), $ = /* @__PURE__ */ new Set();
     for (const Ce of o)
-      R.has(Ce.value) ? $.add(Ce.value) : R.add(Ce.value);
+      V.has(Ce.value) ? $.add(Ce.value) : V.add(Ce.value);
     return Array.from($);
   }, [o]);
   re(() => {
@@ -20472,51 +20480,51 @@ const Jt = ({
       `Select options contain non-unique values: ${S.map(String).join(", ")}`
     );
   }, [S]);
-  const C = ae(null), A = C, v = ae(!1), I = ae(!1), E = (R) => {
-    C.current = R, typeof b == "function" ? b(R) : b && "current" in b && (b.current = R);
-  }, [H] = L(), [z, D] = ce(!1), [G, j] = ce(""), [X, oe] = ce(
+  const C = ae(null), A = C, w = ae(!1), I = ae(!1), E = (V) => {
+    C.current = V, typeof b == "function" ? b(V) : b && "current" in b && (b.current = V);
+  }, [H] = L(), [z, D] = ce(!1), [J, j] = ce(""), [X, oe] = ce(
     null
   ), [Z, Y] = ce(
     null
   ), [ne, U] = ce(null), [F, N] = ce(
     null
-  ), [ie, _] = ce(null), [se, Se] = ce(""), q = ae(null), Q = ae(null), le = ct(), de = w.id ?? `${f}-${le.replace(/[:]/g, "")}`, be = `${de}-listbox`, ke = `${de}-selection-status`, fe = parseFloat(String(H.margin.m32)), T = st(() => {
-    const R = G.toLowerCase();
-    return y ? o.reduce(($, Ce, Ae) => (Ce.label.toLowerCase().includes(R) && $.push(Ae), $), []) : o.map(($, Ce) => Ce);
-  }, [y, o, G]), te = st(
-    () => T.map((R) => o[R]),
-    [T, o]
+  ), [ie, _] = ce(null), [se, Se] = ce(""), q = ae(null), G = ae(null), le = ct(), de = v.id ?? `${f}-${le.replace(/[:]/g, "")}`, be = `${de}-listbox`, ke = `${de}-selection-status`, fe = parseFloat(String(H.margin.m32)), R = st(() => {
+    const V = J.toLowerCase();
+    return y ? o.reduce(($, Ce, Ae) => (Ce.label.toLowerCase().includes(V) && $.push(Ae), $), []) : o.map(($, Ce) => Ce);
+  }, [y, o, J]), te = st(
+    () => R.map((V) => o[V]),
+    [R, o]
   );
   re(() => {
-    !z && G && j("");
-  }, [z, G]), re(() => {
+    !z && J && j("");
+  }, [z, J]), re(() => {
     z && se && Se("");
   }, [z, se]), re(() => {
-    const R = o.reduce(
+    const V = o.reduce(
       ($, Ce, Ae) => (Ce.value === t && $.push(Ae), $),
       []
     );
-    if (R.length === 0) {
+    if (V.length === 0) {
       Z !== null && Y(null);
       return;
     }
-    Z !== null && R.includes(Z) || Y(R[0]);
+    Z !== null && V.includes(Z) || Y(V[0]);
   }, [o, Z, t]), re(() => {
-    const R = ($) => {
+    const V = ($) => {
       A.current && !A.current.contains($.target) && D(!1);
     };
-    return document.addEventListener("mousedown", R), () => {
-      document.removeEventListener("mousedown", R);
+    return document.addEventListener("mousedown", V), () => {
+      document.removeEventListener("mousedown", V);
     };
   }, [A]);
-  const He = (R) => {
-    const $ = R.relatedTarget;
+  const He = (V) => {
+    const $ = V.relatedTarget;
     A.current && $ && A.current.contains($) || bt();
-  }, Ve = (R) => {
-    if (!R.isConnected || R instanceof HTMLInputElement && R.type === "hidden" || R.tabIndex < 0 || "disabled" in R && R.disabled) return !1;
-    const $ = window.getComputedStyle(R);
+  }, Ve = (V) => {
+    if (!V.isConnected || V instanceof HTMLInputElement && V.type === "hidden" || V.tabIndex < 0 || "disabled" in V && V.disabled) return !1;
+    const $ = window.getComputedStyle(V);
     return !($.display === "none" || $.visibility === "hidden");
-  }, Xt = (R) => {
+  }, Xt = (V) => {
     if (!A.current) return !1;
     const $ = Array.from(
       document.querySelectorAll(ww)
@@ -20524,7 +20532,7 @@ const Jt = ({
     if (!Ce) return !1;
     const Ae = $.indexOf(Ce);
     if (Ae === -1) return !1;
-    const Me = R ? -1 : 1;
+    const Me = V ? -1 : 1;
     let Be = Ae + Me;
     for (; Be >= 0 && Be < $.length; ) {
       const No = $[Be];
@@ -20533,12 +20541,12 @@ const Jt = ({
       Be += Me;
     }
     return !1;
-  }, $t = (R) => {
-    if (bt(), !R.shiftKey && Q.current && (Q.current.focus(), document.activeElement === Q.current)) {
-      R.preventDefault();
+  }, $t = (V) => {
+    if (bt(), !V.shiftKey && G.current && (G.current.focus(), document.activeElement === G.current)) {
+      V.preventDefault();
       return;
     }
-    Xt(R.shiftKey) && R.preventDefault();
+    Xt(V.shiftKey) && V.preventDefault();
   };
   re(() => {
     i && z && D(!1);
@@ -20549,47 +20557,47 @@ const Jt = ({
       U(null), N(null), _(null);
       return;
     }
-    const R = () => {
+    const V = () => {
       const $ = A.current, Ce = $ == null ? void 0 : $.closest("dialog"), Ae = Ce == null ? void 0 : Ce.querySelector('[role="document"]'), Me = Ae == null ? void 0 : Ae.getBoundingClientRect(), Be = $ == null ? void 0 : $.getBoundingClientRect();
       N((Be == null ? void 0 : Be.width) ?? null), U(
         Me && Be ? Math.max(0, Me.right - Be.left) : null
       );
     };
-    return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
+    return V(), window.addEventListener("resize", V), () => window.removeEventListener("resize", V);
   }, [A, z]);
   const Ya = () => {
-    i || D((R) => !R);
+    i || D((V) => !V);
   }, At = () => {
     i || D(!0);
   }, bt = () => {
     i || (D(!1), oe(null));
-  }, Ja = (R) => {
-    _(($) => $ && $.referenceWidth === R.referenceWidth && $.availableWidth === R.availableWidth && $.availableHeight === R.availableHeight ? $ : R);
-  }, Qa = (R) => {
+  }, Ja = (V) => {
+    _(($) => $ && $.referenceWidth === V.referenceWidth && $.availableWidth === V.availableWidth && $.availableHeight === V.availableHeight ? $ : V);
+  }, Qa = (V) => {
     if (!i) {
-      if (v.current) {
-        v.current = !1;
+      if (w.current) {
+        w.current = !1;
         return;
       }
       if (!z) {
         At(), y && q.current && q.current.focus();
         return;
       }
-      y && q.current && q.current.contains(R.target) || bt();
+      y && q.current && q.current.contains(V.target) || bt();
     }
-  }, Ga = (R) => {
+  }, Ga = (V) => {
     var $;
-    i || (R.stopPropagation(), Y(null), oe(null), j(""), bt(), ($ = A.current) == null || $.focus(), r == null || r(null, R));
-  }, Ka = (R, $, Ce) => {
-    typeof Ce == "number" && Y(Ce), r == null || r($, R), j(""), bt();
-  }, _t = Z !== null ? o[Z] : void 0, Ln = Z !== null ? T.indexOf(Z) : -1, eo = X !== null && X >= 0 && X < te.length ? X : null, to = eo !== null ? eo : Ln >= 0 ? Ln : null, In = to !== null ? T[to] : null, En = z && eo !== null && In !== null ? `${de}-option-${In}` : void 0, Xa = (R) => {
+    i || (V.stopPropagation(), Y(null), oe(null), j(""), bt(), ($ = A.current) == null || $.focus(), r == null || r(null, V));
+  }, Ka = (V, $, Ce) => {
+    typeof Ce == "number" && Y(Ce), r == null || r($, V), j(""), bt();
+  }, _t = Z !== null ? o[Z] : void 0, Ln = Z !== null ? R.indexOf(Z) : -1, eo = X !== null && X >= 0 && X < te.length ? X : null, to = eo !== null ? eo : Ln >= 0 ? Ln : null, In = to !== null ? R[to] : null, En = z && eo !== null && In !== null ? `${de}-option-${In}` : void 0, Xa = (V) => {
     var Ce;
-    (R.key === "ArrowUp" || R.key === "ArrowDown" || R.key === "ArrowLeft" || R.key === "ArrowRight") && R.preventDefault();
+    (V.key === "ArrowUp" || V.key === "ArrowDown" || V.key === "ArrowLeft" || V.key === "ArrowRight") && V.preventDefault();
     const $ = () => {
       if (X !== null && X >= 0 && X < te.length)
         return X;
       if (Z !== null) {
-        const Me = T.indexOf(Z);
+        const Me = R.indexOf(Z);
         if (Me >= 0)
           return Me;
       }
@@ -20599,7 +20607,7 @@ const Jt = ({
       return Ae >= 0 ? Ae : null;
     };
     if (!i) {
-      if (R.key === "Enter") {
+      if (V.key === "Enter") {
         if (!z) {
           At();
           return;
@@ -20607,8 +20615,8 @@ const Jt = ({
         if (e === "commit" && te.length > 0) {
           const Ae = $();
           if (Ae !== null) {
-            const Me = te[Ae], Be = T[Ae];
-            Y(Be), r == null || r(Me.value, R), j(""), Se(`${Me.label} selected`);
+            const Me = te[Ae], Be = R[Ae];
+            Y(Be), r == null || r(Me.value, V), j(""), Se(`${Me.label} selected`);
           }
           bt(), I.current = !0, (Ce = A.current) == null || Ce.focus();
           return;
@@ -20616,45 +20624,45 @@ const Jt = ({
         Ya();
         return;
       }
-      if (!z && R.code === "Space") {
+      if (!z && V.code === "Space") {
         At();
         return;
       }
-      if (z && R.key === "Escape") {
-        bt(), I.current = !0, R.currentTarget.focus();
+      if (z && V.key === "Escape") {
+        bt(), I.current = !0, V.currentTarget.focus();
         return;
       }
-      if (R.key === "ArrowUp" || R.key === "ArrowLeft") {
+      if (V.key === "ArrowUp" || V.key === "ArrowLeft") {
         if (!z) {
           At();
           return;
         }
         if (te.length === 0)
           return;
-        const Ae = $(), Me = Ae === null ? te.length - 1 : (Ae - 1 + te.length) % te.length, Be = T[Me];
-        oe(Me), e === "focus" && (Y(Be), r == null || r(te[Me].value, R));
+        const Ae = $(), Me = Ae === null ? te.length - 1 : (Ae - 1 + te.length) % te.length, Be = R[Me];
+        oe(Me), e === "focus" && (Y(Be), r == null || r(te[Me].value, V));
         return;
       }
-      if (R.key === "ArrowDown" || R.key === "ArrowRight") {
+      if (V.key === "ArrowDown" || V.key === "ArrowRight") {
         if (!z) {
           At();
           return;
         }
         if (te.length === 0)
           return;
-        const Ae = $(), Me = Ae === null ? 0 : (Ae + 1) % te.length, Be = T[Me];
-        oe(Me), e === "focus" && (Y(Be), r == null || r(te[Me].value, R));
+        const Ae = $(), Me = Ae === null ? 0 : (Ae + 1) % te.length, Be = R[Me];
+        oe(Me), e === "focus" && (Y(Be), r == null || r(te[Me].value, V));
         return;
       }
     }
-  }, $a = (R) => {
+  }, $a = (V) => {
     if (i) return;
     if (I.current) {
       I.current = !1;
       return;
     }
-    const $ = R.currentTarget.matches(":focus-visible");
-    y && $ && (v.current = !0, At(), q.current && q.current.focus());
+    const $ = V.currentTarget.matches(":focus-visible");
+    y && $ && (w.current = !0, At(), q.current && q.current.focus());
   }, _a = u`
     display: inline-flex;
     align-items: center;
@@ -20701,10 +20709,10 @@ const Jt = ({
     white-space: nowrap;
     border: 0;
   `, os = k(ii, _a, i && es, h), ns = {
-    ...w["aria-label"] !== void 0 ? { "aria-label": w["aria-label"] } : {},
-    ...w["aria-labelledby"] !== void 0 ? { "aria-labelledby": w["aria-labelledby"] } : {},
+    ...v["aria-label"] !== void 0 ? { "aria-label": v["aria-label"] } : {},
+    ...v["aria-labelledby"] !== void 0 ? { "aria-labelledby": v["aria-labelledby"] } : {},
     "aria-describedby": [
-      w["aria-describedby"],
+      v["aria-describedby"],
       _t ? ke : void 0
     ].filter(Boolean).join(" ") || void 0
   };
@@ -20724,7 +20732,7 @@ const Jt = ({
       "aria-expanded": z,
       "aria-controls": z ? be : void 0,
       "aria-activedescendant": En,
-      ...w,
+      ...v,
       children: [
         /* @__PURE__ */ n(
           Iw,
@@ -20736,11 +20744,11 @@ const Jt = ({
             filterable: y,
             clearable: l,
             onClear: Ga,
-            clearButtonRef: Q,
+            clearButtonRef: G,
             children: y && /* @__PURE__ */ n(
               Ew,
               {
-                value: G,
+                value: J,
                 onChange: j,
                 placeholder: a,
                 disabled: i,
@@ -20800,12 +20808,12 @@ const Jt = ({
                 id: be,
                 role: "listbox",
                 children: [
-                  te.map((R, $) => /* @__PURE__ */ n(
+                  te.map((V, $) => /* @__PURE__ */ n(
                     Mw,
                     {
-                      id: `${de}-option-${T[$]}`,
-                      value: R.value,
-                      optionIndex: T[$],
+                      id: `${de}-option-${R[$]}`,
+                      value: V.value,
+                      optionIndex: R[$],
                       isSelected: to === $,
                       onSelect: Ka,
                       lineBreak: c,
@@ -20813,10 +20821,10 @@ const Jt = ({
                       "aria-selected": eo !== null ? to === $ : void 0,
                       "aria-posinset": $ + 1,
                       "aria-setsize": te.length,
-                      ...R.optionProps,
-                      children: R.label
+                      ...V.optionProps,
+                      children: V.label
                     },
-                    `${String(R.value)}-${T[$]}`
+                    `${String(V.value)}-${R[$]}`
                   )),
                   te.length === 0 && /* @__PURE__ */ n("div", { className: ts, children: "No options" })
                 ]
@@ -20968,14 +20976,14 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     text-overflow: ellipsis;
   `, b = u`
     word-break: break-all;
-  `, w = u`
+  `, v = u`
     background-color: ${s.colour.fill.brandSubtleSelected};
   `, x = k(
     ai,
     g,
     !i && y,
     i && b,
-    o && w,
+    o && v,
     a
   );
   return /* @__PURE__ */ n(
@@ -21059,7 +21067,7 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     transform: rotate(180deg);
   `, b = u`
     color: ${s.colour.icon.disabled};
-  `, w = k(
+  `, v = k(
     g,
     t && y,
     r && b
@@ -21101,9 +21109,9 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
             onKeyDown: (C) => {
               C.stopPropagation();
             },
-            children: /* @__PURE__ */ n(V.X, {})
+            children: /* @__PURE__ */ n(T.X, {})
           }
-        ) : /* @__PURE__ */ n(V.ChevronDown, { className: w })
+        ) : /* @__PURE__ */ n(T.ChevronDown, { className: v })
       ]
     }
   );
@@ -21287,13 +21295,13 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
       color: ${a.color.neutral.grey20};
     }
   `, d = k(di, c, o), s = {
-    facebook: V.Facebook,
-    flickr: V.Flickr,
-    instagram: V.Instagram,
-    soundcloud: V.Soundcloud,
-    tiktok: V.Tiktok,
-    x: V.XSocial,
-    youtube: V.Youtube
+    facebook: T.Facebook,
+    flickr: T.Flickr,
+    instagram: T.Instagram,
+    soundcloud: T.Soundcloud,
+    tiktok: T.Tiktok,
+    x: T.XSocial,
+    youtube: T.Youtube
   }[e];
   return /* @__PURE__ */ n(
     it,
@@ -21378,7 +21386,7 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
       margin-right: 10%;
       display: flex;
     }
-  `, w = u`
+  `, v = u`
     margin-top: ${f.margin.m40};
     padding: ${f.padding.p8} 0;
     box-sizing: border-box;
@@ -21418,7 +21426,7 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
     }
   `, A = u`
     margin-right: ${f.margin.m32};
-  `, v = u`
+  `, w = u`
     margin-top: ${f.margin.m16};
     color: inherit;
     text-decoration: none;
@@ -21477,7 +21485,7 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
       ...s,
       children: /* @__PURE__ */ m("div", { className: y, children: [
         /* @__PURE__ */ n("nav", { className: b, children: d }),
-        /* @__PURE__ */ m("div", { className: w, children: [
+        /* @__PURE__ */ m("div", { className: v, children: [
           /* @__PURE__ */ n(Ho, { className: x }),
           /* @__PURE__ */ m("div", { className: S, children: [
             /* @__PURE__ */ n(wt, { socialNetwork: "facebook" }),
@@ -21495,7 +21503,7 @@ const Sw = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
           /* @__PURE__ */ n(
             "a",
             {
-              className: v,
+              className: w,
               href: "tel:+4402076792000",
               children: "Tel: +44 (0) 20 7679 2000"
             }
@@ -21726,14 +21734,14 @@ const fi = "ucl-uikit-footer__column", Tw = ({
       background-color: ${a.colour.fill.brandInverseSecondary};
     }
   `, d = k(mi, c, o), s = {
-    bluesky: V.Bluesky,
-    facebook: V.Facebook,
-    instagram: V.Instagram,
-    linkedin: V.Linkedin,
-    soundcloud: V.Soundcloud,
-    tiktok: V.Tiktok,
-    threads: V.Threads,
-    youtube: V.Youtube
+    bluesky: T.Bluesky,
+    facebook: T.Facebook,
+    instagram: T.Instagram,
+    linkedin: T.Linkedin,
+    soundcloud: T.Soundcloud,
+    tiktok: T.Tiktok,
+    threads: T.Threads,
+    youtube: T.Youtube
   }[e];
   return /* @__PURE__ */ n(
     it,
@@ -21916,7 +21924,7 @@ const fi = "ucl-uikit-footer__column", Tw = ({
     &:hover {
       text-decoration: underline;
     }
-  `, w = u`
+  `, v = u`
     margin-top: ${f.margin.m24};
     color: ${f.colour.text.inverse};
     opacity: 0.6; // todo
@@ -22008,7 +22016,7 @@ const fi = "ucl-uikit-footer__column", Tw = ({
             }
           )
         ] }),
-        /* @__PURE__ */ m("div", { className: w, children: [
+        /* @__PURE__ */ m("div", { className: v, children: [
           "© ",
           p,
           " UCL"
@@ -22073,7 +22081,7 @@ const fi = "ucl-uikit-footer__column", Tw = ({
           onClick: l,
           children: [
             "Back to top ",
-            /* @__PURE__ */ n(V.ArrowUp, {})
+            /* @__PURE__ */ n(T.ArrowUp, {})
           ]
         }
       )
@@ -22120,7 +22128,7 @@ const fi = "ucl-uikit-footer__column", Tw = ({
   children: f,
   ...h
 }) => {
-  const g = !!f, y = !g, [b] = L(), w = u`
+  const g = !!f, y = !g, [b] = L(), v = u`
     background-color: ${b.colour.surface.inverseBrandPrimary};
     color: ${b.colour.text.brandInverse};
     padding: ${b.padding.p40} ${b.padding.p16};
@@ -22133,7 +22141,7 @@ const fi = "ucl-uikit-footer__column", Tw = ({
     @media screen and (min-width: ${b.breakpoints.desktop}px) {
       padding: ${b.padding.p64} ${b.padding.p64} ${b.padding.p48};
     }
-  `, x = k(wi, w, t), S = u`
+  `, x = k(wi, v, t), S = u`
     @media screen and (min-width: ${b.breakpoints.desktopLarge}px) {
       display: flex;
     }
@@ -22252,7 +22260,7 @@ const xi = "ucl-divider", Gw = ({ testId: e = xi, className: t, ...o }) => {
     top: 0;
     width: 100%;
     z-index: ${_w};
-  `, b = k(Si, g, t && y, s), w = u`
+  `, b = k(Si, g, t && y, s), v = u`
     position: absolute;
     left: 16px;
     bottom: -0.5px;
@@ -22292,8 +22300,8 @@ const xi = "ucl-divider", Gw = ({ testId: e = xi, className: t, ...o }) => {
       outline: none;
       box-shadow: ${h.boxShadow.focus};
     }
-  `, C = k(x, r), v = /* @__PURE__ */ m(Re, { children: [
-    /* @__PURE__ */ n(Ho, { className: w }),
+  `, C = k(x, r), w = /* @__PURE__ */ m(Re, { children: [
+    /* @__PURE__ */ n(Ho, { className: v }),
     e && /* @__PURE__ */ n(
       o,
       {
@@ -22317,9 +22325,9 @@ const xi = "ucl-divider", Gw = ({ testId: e = xi, className: t, ...o }) => {
             "aria-label": c,
             className: S,
             ...a,
-            children: v
+            children: w
           }
-        ) : v,
+        ) : w,
         p
       ]
     }
@@ -22650,7 +22658,7 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
-  `, w = u`
+  `, v = u`
     width: 100%;
   `, x = u`
     flex: 1;
@@ -22678,7 +22686,7 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
           /* @__PURE__ */ n("div", { className: b, children: /* @__PURE__ */ n(
             "img",
             {
-              className: w,
+              className: v,
               src: i,
               alt: "Profile photo"
             }
@@ -22688,7 +22696,7 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
             /* @__PURE__ */ n("div", { className: C, children: r })
           ] }),
           /* @__PURE__ */ n(
-            V.ChevronDown,
+            T.ChevronDown,
             {
               className: A,
               size: 24
@@ -22738,7 +22746,7 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
       children: [
         /* @__PURE__ */ n("span", { className: s, children: r }),
         e && /* @__PURE__ */ n(
-          V.ChevronRight,
+          T.ChevronRight,
           {
             className: p,
             size: 24,
@@ -22775,9 +22783,9 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
   children: h,
   ...g
 }) => {
-  const [y] = L(), b = [], w = [];
+  const [y] = L(), b = [], v = [];
   xt.Children.forEach(h, (z) => {
-    xt.isValidElement(z) && z.type === Ia ? b.push(z) : w.push(z);
+    xt.isValidElement(z) && z.type === Ia ? b.push(z) : v.push(z);
   });
   const x = u`
     background-color: ${y.color.neutral.white};
@@ -22801,7 +22809,7 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
     d && S,
     s && C,
     f
-  ), v = u`
+  ), w = u`
     position: relative;
     height: ${zi}px;
     background-color: ${y.color.neutral.grey90};
@@ -22849,12 +22857,12 @@ const Wi = "ucl-uikit-header__bottom--breadcrumbs", u6 = ({
       "data-testid": p,
       ...g,
       children: [
-        /* @__PURE__ */ m("div", { className: v, children: [
+        /* @__PURE__ */ m("div", { className: w, children: [
           /* @__PURE__ */ n(Ho, { className: I }),
           t && /* @__PURE__ */ n("h1", { className: E, children: t }),
           c && /* @__PURE__ */ n("div", { className: H, children: b })
         ] }),
-        e === "breadcrumbs" && /* @__PURE__ */ n(h6, { children: w }),
+        e === "breadcrumbs" && /* @__PURE__ */ n(h6, { children: v }),
         e === "avatar" && /* @__PURE__ */ n(
           p6,
           {
@@ -23001,7 +23009,7 @@ const Ni = "ucl-uikit-table__head", x6 = ({ className: e, children: t, ...o }) =
     r && !t ? console.warn(`${Yo}: onSortChange requires an accessor to be defined.`) : g && (o === "asc" ? r(t, "desc", A) : o === "desc" ? r(t, null, A) : r(t, "asc", A));
   }, b = (A) => {
     y(A);
-  }, w = (A) => {
+  }, v = (A) => {
     (A.key === "Enter" || A.key === " ") && (A.preventDefault(), y(A));
   }, x = (A) => {
     e === "checkbox" && a && a(A.target.checked, A);
@@ -23018,7 +23026,7 @@ const Ni = "ucl-uikit-table__head", x6 = ({ className: e, children: t, ...o }) =
     "th",
     {
       onClick: b,
-      onKeyDown: w,
+      onKeyDown: v,
       scope: "col",
       className: C,
       "data-testid": c,
@@ -23167,10 +23175,10 @@ const Ni = "ucl-uikit-table__head", x6 = ({ className: e, children: t, ...o }) =
   e === "checkbox" && !(d != null && d.ariaLabel) && !(d != null && d["aria-label"]) && console.warn(
     `${Jo}: checkboxProps.ariaLabel is required when using variant="checkbox". Provide a row-specific label (e.g. "Select John Smith") so screen readers can identify each checkbox.`
   );
-  const h = (w) => {
-    e === "checkbox" && o && o(w.target.checked, w);
-  }, g = (w) => {
-    e === "button" && i && i(w);
+  const h = (v) => {
+    e === "checkbox" && o && o(v.target.checked, v);
+  }, g = (v) => {
+    e === "button" && i && i(v);
   }, y = u`
     box-sizing: border-box;
     padding: 0 ${f.padding.p16};
@@ -23317,10 +23325,10 @@ const Oi = "ucl-uikit-alert__message", W6 = ({
         color: ${a.colour.icon.critical};
       `
   ), b = {
-    info: V.Info,
-    success: V.CheckCircle,
-    warning: V.AlertTriangle,
-    error: V.XCircle
+    info: T.Info,
+    success: T.CheckCircle,
+    warning: T.AlertTriangle,
+    error: T.XCircle
   }[e];
   return /* @__PURE__ */ n(z6.Provider, { value: { type: e }, children: /* @__PURE__ */ m(
     "div",
@@ -23369,9 +23377,9 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
     value: g,
     setValue: y,
     baseId: b,
-    fullWidth: w,
+    fullWidth: v,
     panelValues: x
-  } = An(), S = g === i, C = o ?? r, A = l ?? a, v = u`
+  } = An(), S = g === i, C = o ?? r, A = l ?? a, w = u`
     all: unset;
     box-sizing: border-box;
     height: 40px;
@@ -23427,15 +23435,15 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
     }
   `, D = u`
     color: inherit;
-  `, G = u`
+  `, J = u`
     height: 0;
     overflow: hidden;
     visibility: hidden;
     pointer-events: none;
   `, j = k(
     qi,
-    v,
-    w ? I : E,
+    w,
+    v ? I : E,
     S && H,
     c && z,
     t
@@ -23483,7 +23491,7 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
             {
               "aria-hidden": !0,
               level: "md-semibold",
-              className: k(D, G),
+              className: k(D, J),
               children: [
                 ne.props.children,
                 A !== void 0 ? ` ${A}` : ""
@@ -23518,7 +23526,7 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
           {
             "aria-hidden": !0,
             level: "md-semibold",
-            className: k(D, G),
+            className: k(D, J),
             children: [
               C,
               A !== void 0 ? ` ${A}` : ""
@@ -23557,16 +23565,16 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
       "End"
     ].includes(S.key))
       return;
-    const v = T6(S.currentTarget), I = v.indexOf(document.activeElement);
+    const w = T6(S.currentTarget), I = w.indexOf(document.activeElement);
     if (I === -1)
       return;
     S.preventDefault();
     const E = {
-      [C.next]: (I + 1) % v.length,
-      [C.previous]: (I - 1 + v.length) % v.length,
+      [C.next]: (I + 1) % w.length,
+      [C.previous]: (I - 1 + w.length) % w.length,
       Home: 0,
-      End: v.length - 1
-    }[S.key] ?? I, H = v[E];
+      End: w.length - 1
+    }[S.key] ?? I, H = w[E];
     if (H.focus(), s === "automatic") {
       const z = H.dataset.uclTabsValue;
       z && f(z);
@@ -23583,13 +23591,13 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
     overflow: visible;
     border-bottom: 0;
     border-right: ${c.border.b1} solid ${c.colour.border.subtle};
-  `, w = u`
+  `, v = u`
     width: 100%;
   `, x = k(
     Ui,
     y,
     d === "vertical" && b,
-    h && w,
+    h && v,
     o
   );
   return /* @__PURE__ */ n(
@@ -23666,12 +23674,12 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
   ref: h,
   ...g
 }) => {
-  const [y] = L(), b = ct(), [w, x] = ce(
+  const [y] = L(), b = ct(), [v, x] = ce(
     t ?? l
-  ), S = O6(f), C = za(f), A = e !== void 0 || l !== void 0, v = e ?? l ?? w, I = c ?? !S, E = (D) => {
+  ), S = O6(f), C = za(f), A = e !== void 0 || l !== void 0, w = e ?? l ?? v, I = c ?? !S, E = (D) => {
     A || x(D), o == null || o(D), a == null || a(D);
   }, H = k(Yi, Ie(g, y), p), z = {
-    value: v,
+    value: w,
     setValue: E,
     baseId: `ucl-uikit-tabs-${b}`,
     activationMode: r,
@@ -23710,8 +23718,8 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
   testId: o = Ji,
   className: r
 }) => {
-  const [i] = L(), { isOpen: l, toggleAccordion: a, disabled: c, size: d } = Da(), s = (w) => {
-    c || (w.key === "Enter" || w.key === " ") && (w.preventDefault(), a());
+  const [i] = L(), { isOpen: l, toggleAccordion: a, disabled: c, size: d } = Da(), s = (v) => {
+    c || (v.key === "Enter" || v.key === " ") && (v.preventDefault(), a());
   }, p = u`
     display: flex;
     position: relative;
@@ -23769,7 +23777,7 @@ const Wa = _e(void 0), Ha = (e, t) => `${e}-tab-${t}`.replace(/[^a-zA-Z0-9_-]/g,
       children: [
         e,
         /* @__PURE__ */ n(
-          V.ChevronDown,
+          T.ChevronDown,
           {
             size: d === "medium" ? 32 : 24,
             className: b
@@ -23999,9 +24007,9 @@ const U6 = (e, t, o) => {
     hasNextPage: g,
     onNextPage: y,
     onPreviousPage: b
-  } = l, w = typeof s == "number" ? Math.ceil(s / d) : void 0, x = c === "tracked" ? Array.from({ length: f }, (j, X) => X + 1) : U6(
+  } = l, v = typeof s == "number" ? Math.ceil(s / d) : void 0, x = c === "tracked" ? Array.from({ length: f }, (j, X) => X + 1) : U6(
     p,
-    w ?? 0,
+    v ?? 0,
     i ? e : 5
   ), S = u``, C = k(Xi, S, o), A = u`
     margin: 0;
@@ -24016,12 +24024,12 @@ const U6 = (e, t, o) => {
     @media (min-width: ${r.breakpoints.tablet}px) {
       gap: ${r.margin.m8};
     }
-  `, v = u`
+  `, w = u`
     @media (max-width: ${r.breakpoints.tablet}px) {
       gap: ${r.margin.m4};
     }
   `, I = k(
-    v,
+    w,
     u`
       margin-right: ${r.margin.m16};
       display: none;
@@ -24031,7 +24039,7 @@ const U6 = (e, t, o) => {
       }
     `
   ), E = k(
-    v,
+    w,
     u`
       margin-left: ${r.margin.m16};
       display: none;
@@ -24041,7 +24049,7 @@ const U6 = (e, t, o) => {
       }
     `
   ), H = k(
-    v,
+    w,
     u`
       height: 40px;
       min-width: 40px;
@@ -24064,14 +24072,14 @@ const U6 = (e, t, o) => {
       color: ${r.colour.text.brand};
       border-color: ${r.colour.border.brand};
     `
-  ), G = u`
+  ), J = u`
     padding: 0 ${r.padding.p8};
   `;
   return /* @__PURE__ */ n(
     "nav",
     {
       className: C,
-      "aria-label": typeof w == "number" ? `Pagination, ${w} pages total` : "Pagination",
+      "aria-label": typeof v == "number" ? `Pagination, ${v} pages total` : "Pagination",
       "data-testid": t,
       children: /* @__PURE__ */ m("ul", { className: A, children: [
         /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
@@ -24101,7 +24109,7 @@ const U6 = (e, t, o) => {
               size: i ? "default" : "small",
               "aria-label": `Page ${j}`,
               onClick: () => a(j),
-              children: /* @__PURE__ */ n("span", { className: G, children: j })
+              children: /* @__PURE__ */ n("span", { className: J, children: j })
             }
           ),
           j === p && /* @__PURE__ */ n(
@@ -24114,7 +24122,7 @@ const U6 = (e, t, o) => {
               "aria-current": "page",
               disabled: !0,
               onClick: () => a(j),
-              children: /* @__PURE__ */ n("span", { className: G, children: j })
+              children: /* @__PURE__ */ n("span", { className: J, children: j })
             }
           )
         ] }) }, j)),
@@ -24161,11 +24169,11 @@ const U6 = (e, t, o) => {
     @media (min-width: ${l.breakpoints.tablet}px) {
       margin: ${l.margin.m24} 0;
     }
-  `, w = k(G6, b, r);
+  `, v = k(G6, b, r);
   return /* @__PURE__ */ n(
     "div",
     {
-      className: w,
+      className: v,
       "data-testid": o,
       "aria-live": "polite",
       "aria-label": `Pagination info: ${y}`,
@@ -24190,27 +24198,27 @@ const U6 = (e, t, o) => {
   children: g,
   ...y
 }) => {
-  const [b] = L(), w = i === "tracked", x = w ? Math.max(1, l ?? 1) : Math.floor((e ?? 0) / t) + 1, S = w ? (x - 1) * t : e ?? 0, C = {
+  const [b] = L(), v = i === "tracked", x = v ? Math.max(1, l ?? 1) : Math.floor((e ?? 0) / t) + 1, S = v ? (x - 1) * t : e ?? 0, C = {
     mode: i,
     offset: S,
     limit: t,
     total: o,
     currentPage: x,
-    trackedMaxPage: w ? Math.max(x, a ?? x) : 0,
-    hasPreviousPage: w ? !!(d ?? x > 1) : x > 1,
-    hasNextPage: w ? !!c : typeof o == "number" && S + t < o,
+    trackedMaxPage: v ? Math.max(x, a ?? x) : 0,
+    hasPreviousPage: v ? !!(d ?? x > 1) : x > 1,
+    hasNextPage: v ? !!c : typeof o == "number" && S + t < o,
     onPageChange: r,
     onNextPage: s,
     onPreviousPage: p
   }, A = u`
     margin-left: auto;
     margin-right: auto;
-  `, v = k($6, A, Ie(y, b), h);
+  `, w = k($6, A, Ie(y, b), h);
   return /* @__PURE__ */ n(Mn.Provider, { value: C, children: /* @__PURE__ */ n(
     "div",
     {
       "data-testid": f,
-      className: v,
+      className: w,
       ...y,
       children: g
     }
@@ -24251,7 +24259,7 @@ const $i = "ucl-uikit-dialog__header", e5 = ({
             "aria-label": "Close dialog",
             onClick: h,
             children: /* @__PURE__ */ n(
-              V.X,
+              T.X,
               {
                 role: "presentation",
                 "aria-hidden": "true"
@@ -24308,14 +24316,14 @@ const $i = "ucl-uikit-dialog__header", e5 = ({
     justify-content: flex-end;
   `, b = u`
     justify-content: flex-start;
-  `, w = u`
+  `, v = u`
     justify-content: space-between;
   `, x = k(
     n5,
     g,
     c && y,
     d && b,
-    s && w,
+    s && v,
     l
   );
   return /* @__PURE__ */ m(
@@ -24398,13 +24406,13 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
     restoreFocus: g = !0,
     skipCloseOnInitialFocus: y = !1,
     testId: b = tl,
-    ...w
+    ...v
   }, x) {
     const S = {
       small: l5,
       medium: a5,
       large: s5
-    }[o], [C] = L(), A = ae(null), v = ae(null), I = We(
+    }[o], [C] = L(), A = ae(null), w = ae(null), I = We(
       (Z) => {
         A.current = Z, typeof x == "function" ? x(Z) : x && (x.current = Z);
       },
@@ -24426,7 +24434,7 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
     }), [t, r, D]), re(() => {
       var Y;
       const Z = A.current;
-      Z && (t && !Z.hasAttribute("open") ? (v.current = document.activeElement, r ? Z.showModal() : Z.show()) : !t && Z.hasAttribute("open") && (Z.close(), (!r || h) && g && ((Y = v.current) == null || Y.focus())));
+      Z && (t && !Z.hasAttribute("open") ? (w.current = document.activeElement, r ? Z.showModal() : Z.show()) : !t && Z.hasAttribute("open") && (Z.close(), (!r || h) && g && ((Y = w.current) == null || Y.focus())));
     }, [t, r, h, g]), re(() => {
       if (!t || r || !a) return;
       const Z = (Y) => {
@@ -24434,7 +24442,7 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
       };
       return document.addEventListener("keydown", Z), () => document.removeEventListener("keydown", Z);
     }, [t, r, a, c]);
-    const G = We(
+    const J = We(
       (Z) => {
         if (i && c && A.current) {
           l && Z.stopPropagation();
@@ -24485,12 +24493,12 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
         ref: I,
         className: oe,
         "data-testid": b,
-        onClick: G,
+        onClick: J,
         onClose: j,
         "aria-modal": r ? "true" : "false",
         "aria-labelledby": H,
         "aria-describedby": z,
-        ...w,
+        ...v,
         children: s
       }
     ) : null;
@@ -24527,27 +24535,27 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
       `
   ), g = {
     success: /* @__PURE__ */ n(
-      V.CheckCircle,
+      T.CheckCircle,
       {
         size: Qo,
         className: h
       }
     ),
     error: /* @__PURE__ */ n(
-      V.XCircle,
+      T.XCircle,
       {
         size: Qo,
         className: h
       }
     ),
     warning: /* @__PURE__ */ n(
-      V.AlertTriangle,
+      T.AlertTriangle,
       {
         size: Qo,
         className: h
       }
     )
-  }[e], y = u``, b = k(ol, y, a), w = u`
+  }[e], y = u``, b = k(ol, y, a), v = u`
     text-align: center;
   `, x = u`
     margin-left: ${s.margin.m32};
@@ -24570,7 +24578,7 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
           {
             decoration: g,
             headingProps: {
-              className: w
+              className: v
             },
             children: t
           }
@@ -24594,9 +24602,9 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
   ({ checked: e, defaultChecked: t, disabled: o, testId: r = nl, className: i, ...l }, a) => {
     const [c] = L(), d = e !== void 0, [s, p] = ce(
       t ?? !1
-    ), f = d ? e : s, h = (v) => {
+    ), f = d ? e : s, h = (w) => {
       var I;
-      d || p(v.target.checked), (I = l.onChange) == null || I.call(l, v);
+      d || p(w.target.checked), (I = l.onChange) == null || I.call(l, w);
     }, g = u`
       position: relative;
       display: inline-block;
@@ -24621,7 +24629,7 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
       background-color: ${c.colour.icon.brand};
       border-color: ${c.colour.icon.brand};
       color: ${c.colour.icon.inverse};
-    `, w = u`
+    `, v = u`
       background-color: ${c.colour.icon.inverse};
       border-color: ${c.colour.speciality.inputDefault};
     `, x = u`
@@ -24634,7 +24642,7 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
       Ie(l, c),
       !o && y,
       f && b,
-      !f && w,
+      !f && v,
       o && x,
       i
     ), C = u`
@@ -24694,8 +24702,8 @@ const tl = "ucl-uikit-base-dialog", l5 = 495, a5 = 495, s5 = 740, c5 = Le(
     children: h,
     ...g
   }, y) => {
-    const [b] = L(), w = ct();
-    e = e ?? w;
+    const [b] = L(), v = ct();
+    e = e ?? v;
     const x = u`
       margin-top: ${b.margin.m16};
       margin-bottom: ${b.margin.m16};
@@ -24813,9 +24821,9 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
   ...y
 }) => {
   e && isNaN(e.getTime()) && (console.warn("CustomDatepicker: value is invalid, defaulting to null"), e = null);
-  const b = ae(null), w = f || b, x = ae(null), S = h || x, C = ae(!1), [A, v] = ce(!1), I = (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()) ?? "", z = e ? `${I}/${E}/${H}` : "", [D, G] = ce(z), j = We(() => {
-    G(z);
-  }, [G, z]);
+  const b = ae(null), v = f || b, x = ae(null), S = h || x, C = ae(!1), [A, w] = ce(!1), I = (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()) ?? "", z = e ? `${I}/${E}/${H}` : "", [D, J] = ce(z), j = We(() => {
+    J(z);
+  }, [J, z]);
   re(() => {
     j();
   }, [e, j]), re(() => {
@@ -24823,7 +24831,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
     !e && C.current && ((_ = S.current) == null || _.focus(), C.current = !1);
   }, [e, S]);
   const X = (_) => {
-    G(_.target.value);
+    J(_.target.value);
   }, oe = (_) => {
     const se = Oa(D, o, r);
     se ? (il(
@@ -24836,23 +24844,23 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
     ), t(se, _)) : j();
   }, Z = (_) => {
     var se;
-    _.key === "Enter" ? oe(_) : _.key === "Escape" ? (j(), (se = S.current) == null || se.blur(), v(!1)) : _.key === "Tab" && (oe(_), v(!1));
+    _.key === "Enter" ? oe(_) : _.key === "Escape" ? (j(), (se = S.current) == null || se.blur(), w(!1)) : _.key === "Tab" && (oe(_), w(!1));
   };
   re(() => {
     e && ((se) => {
       if (!se) return !1;
-      const Se = (de) => (de.setHours(0, 0, 0, 0), de), q = o ? Se(new Date(o)) : null, Q = r ? Se(new Date(r)) : null, le = Se(se);
-      return !!(q && le < q || Q && le > Q);
+      const Se = (de) => (de.setHours(0, 0, 0, 0), de), q = o ? Se(new Date(o)) : null, G = r ? Se(new Date(r)) : null, le = Se(se);
+      return !!(q && le < q || G && le > G);
     })(e) && (console.warn("CustomDatepicker: value is out of range, setting to null"), t(null));
   }, [e, o, r, t]), re(() => {
     const _ = (se) => {
-      w.current && !w.current.contains(se.target) && (v(!1), j());
+      v.current && !v.current.contains(se.target) && (w(!1), j());
     };
     return document.addEventListener("mousedown", _), () => {
       document.removeEventListener("mousedown", _);
     };
-  }, [w, v, j]), re(() => {
-    i && A && v(!1);
+  }, [v, w, j]), re(() => {
+    i && A && w(!1);
   }, [i, A]);
   const Y = (_, se) => {
     t && (il(
@@ -24862,11 +24870,11 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
         month: "long",
         year: "numeric"
       }))
-    ), t(_, se)), v(!1);
+    ), t(_, se)), w(!1);
   }, ne = () => {
-    i || v(!0);
+    i || w(!0);
   }, U = () => {
-    i || v((_) => !_);
+    i || w((_) => !_);
   }, F = (_) => {
     _.stopPropagation(), C.current = !0, t(null, _);
   }, N = u`
@@ -24880,7 +24888,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
     {
       className: ie,
       "data-testid": s,
-      ref: w,
+      ref: v,
       ...y,
       children: [
         /* @__PURE__ */ n(
@@ -24968,7 +24976,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
   `, b = u`
     min-width: 24px;
     color: ${a ? f.color.text.disabled : "#8C8C8C"}; // TODO: Needs a design token
-  `, w = c && d && !a, x = k(ao, h, a && g);
+  `, v = c && d && !a, x = k(ao, h, a && g);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -24987,7 +24995,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
             ...p
           }
         ),
-        w ? /* @__PURE__ */ n(
+        v ? /* @__PURE__ */ n(
           Ze,
           {
             type: "button",
@@ -24995,7 +25003,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
             className: y,
             "aria-label": "Clear date",
             "data-testid": `${ao}-icon-button`,
-            children: /* @__PURE__ */ n(V.X, { className: b })
+            children: /* @__PURE__ */ n(T.X, { className: b })
           }
         ) : /* @__PURE__ */ n(
           Ze,
@@ -25007,7 +25015,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
             "data-testid": `${ao}-icon-button`,
             tabIndex: -1,
             disabled: a,
-            children: /* @__PURE__ */ n(V.Calendar, { className: b })
+            children: /* @__PURE__ */ n(T.Calendar, { className: b })
           }
         )
       ]
@@ -25179,7 +25187,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
       "data-testid": dl,
       children: [
         /* @__PURE__ */ n(
-          V.ChevronLeft,
+          T.ChevronLeft,
           {
             className: l,
             onClick: () => t(-1)
@@ -25194,7 +25202,7 @@ const p5 = 100, m5 = 1e3, g5 = (e) => {
           /* @__PURE__ */ n("span", { children: e ? e.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear() })
         ] }),
         /* @__PURE__ */ n(
-          V.ChevronRight,
+          T.ChevronRight,
           {
             className: l,
             onClick: () => t(1)
@@ -25539,8 +25547,8 @@ const E5 = ({
     ((A = p.current) == null ? void 0 : A.getTime()) !== e.getTime() && (e.getMonth() !== f.getMonth() || e.getFullYear() !== f.getFullYear()) && h(Go(e)), p.current = e;
   }, [e, f]);
   const b = (A) => {
-    const v = new Date(f);
-    v.setMonth(v.getMonth() + A), h(Go(v));
+    const w = new Date(f);
+    w.setMonth(w.getMonth() + A), h(Go(w));
   }, x = u`
     display: flex;
     flex-direction: column;
@@ -25612,52 +25620,52 @@ const E5 = ({
   e && isNaN(e.getTime()) && (console.warn("CustomDatepicker: value is invalid, defaulting to null"), e = null);
   function g(q) {
     if (!q) return null;
-    const Q = q.split("/");
-    if (Q.length !== 3) return null;
-    const le = parseInt(Q[0]), de = parseInt(Q[1]) - 1, be = parseInt(Q[2]), ke = new Date(be, de, le);
+    const G = q.split("/");
+    if (G.length !== 3) return null;
+    const le = parseInt(G[0]), de = parseInt(G[1]) - 1, be = parseInt(G[2]), ke = new Date(be, de, le);
     return isNaN(ke.getTime()) ? null : ke;
   }
-  function y(q, Q = !0) {
+  function y(q, G = !0) {
     const le = new Date(q);
     le.setHours(0, 0, 0, 0);
-    const de = le.getDay(), be = Q ? de === 0 ? -6 : 1 - de : -de, ke = new Date(le);
+    const de = le.getDay(), be = G ? de === 0 ? -6 : 1 - de : -de, ke = new Date(le);
     ke.setDate(le.getDate() + be);
     const fe = new Date(ke);
     return fe.setDate(ke.getDate() + 6), { start: ke, end: fe };
   }
-  const b = ae(null), w = p || b, x = ae(null), S = f || x, [C, A] = ce(!1), v = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", I = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", E = (e == null ? void 0 : e.getFullYear().toString()) ?? "", H = e ? `${v}/${I}/${E}` : "", [z, D] = ce(H), G = We(() => {
+  const b = ae(null), v = p || b, x = ae(null), S = f || x, [C, A] = ce(!1), w = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", I = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", E = (e == null ? void 0 : e.getFullYear().toString()) ?? "", H = e ? `${w}/${I}/${E}` : "", [z, D] = ce(H), J = We(() => {
     D(H);
   }, [D, H]);
   re(() => {
-    G();
-  }, [e, G]);
+    J();
+  }, [e, J]);
   const j = (q) => {
     D(q.target.value);
   }, X = (q) => {
-    const Q = Oa(z, o, r);
-    Q ? t(Q, q) : G();
+    const G = Oa(z, o, r);
+    G ? t(G, q) : J();
   }, oe = (q) => {
-    var Q;
-    q.key === "Enter" ? X(q) : q.key === "Escape" ? (G(), (Q = S.current) == null || Q.blur(), A(!1)) : q.key === "Tab" && (G(), A(!1));
+    var G;
+    q.key === "Enter" ? X(q) : q.key === "Escape" ? (J(), (G = S.current) == null || G.blur(), A(!1)) : q.key === "Tab" && (J(), A(!1));
   };
   re(() => {
-    e && ((Q) => {
-      if (!Q) return !1;
-      const le = (fe) => (fe.setHours(0, 0, 0, 0), fe), de = o ? le(new Date(o)) : null, be = r ? le(new Date(r)) : null, ke = le(Q);
+    e && ((G) => {
+      if (!G) return !1;
+      const le = (fe) => (fe.setHours(0, 0, 0, 0), fe), de = o ? le(new Date(o)) : null, be = r ? le(new Date(r)) : null, ke = le(G);
       return !!(de && ke < de || be && ke > be);
     })(e) && (console.warn("CustomDatepicker: value is out of range, setting to null"), t(null));
   }, [e, o, r, t]), re(() => {
-    const q = (Q) => {
-      w.current && !w.current.contains(Q.target) && (A(!1), G());
+    const q = (G) => {
+      v.current && !v.current.contains(G.target) && (A(!1), J());
     };
     return document.addEventListener("mousedown", q), () => {
       document.removeEventListener("mousedown", q);
     };
-  }, [w, A, G]), re(() => {
+  }, [v, A, J]), re(() => {
     i && C && A(!1);
   }, [i, C]);
-  const Z = (q, Q) => {
-    t && t(q, Q), A(!1);
+  const Z = (q, G) => {
+    t && t(q, G), A(!1);
   }, Y = () => {
     i || A(!0);
   }, ne = () => {
@@ -25673,8 +25681,8 @@ const E5 = ({
   let _ = null;
   if (N)
     for (let q = 0; q < c.length; q++) {
-      const Q = new Date(c[q].start), le = q + 1 < c.length ? new Date(c[q + 1].start) : null;
-      if (Q.setHours(0, 0, 0, 0), le && le.setHours(0, 0, 0, 0), N >= Q && (!le || N < le)) {
+      const G = new Date(c[q].start), le = q + 1 < c.length ? new Date(c[q + 1].start) : null;
+      if (G.setHours(0, 0, 0, 0), le && le.setHours(0, 0, 0, 0), N >= G && (!le || N < le)) {
         _ = c[q].number;
         break;
       }
@@ -25693,7 +25701,7 @@ const E5 = ({
     {
       className: F,
       "data-testid": d,
-      ref: w,
+      ref: v,
       ...h,
       children: [
         /* @__PURE__ */ n(
@@ -25702,7 +25710,7 @@ const E5 = ({
             onClick: se,
             disabled: i,
             "aria-label": "Go to previous week",
-            children: /* @__PURE__ */ n(V.ChevronLeft, {})
+            children: /* @__PURE__ */ n(T.ChevronLeft, {})
           }
         ),
         /* @__PURE__ */ n(
@@ -25726,7 +25734,7 @@ const E5 = ({
             onClick: Se,
             disabled: i,
             "aria-label": "Go to next week",
-            children: /* @__PURE__ */ n(V.ChevronRight, {})
+            children: /* @__PURE__ */ n(T.ChevronRight, {})
           }
         ),
         C && /* @__PURE__ */ n(qa, { children: /* @__PURE__ */ n(
@@ -25803,7 +25811,7 @@ const E5 = ({
             onClick: i,
             className: g,
             children: /* @__PURE__ */ n(
-              V.Calendar,
+              T.Calendar,
               {
                 className: y,
                 size: 16
@@ -25879,11 +25887,11 @@ const E5 = ({
   `, y = k(wl, h, i && g), b = (C) => new Date(C).toLocaleDateString("en-GB", {
     day: "2-digit",
     month: "short"
-  }), w = (C) => new Date(C).toLocaleDateString("en-GB", {
+  }), v = (C) => new Date(C).toLocaleDateString("en-GB", {
     day: "2-digit",
     month: "short",
     year: "numeric"
-  }), x = l && a ? `${b(l)} - ${w(a)}` : "";
+  }), x = l && a ? `${b(l)} - ${v(a)}` : "";
   return /* @__PURE__ */ n(
     "input",
     {
@@ -25953,7 +25961,7 @@ const E5 = ({
         htmlFor: `file-input-${o}`,
         className: d,
         children: [
-          /* @__PURE__ */ n(V.Upload, {}),
+          /* @__PURE__ */ n(T.Upload, {}),
           t
         ]
       }
@@ -26009,8 +26017,8 @@ const E5 = ({
       console.error("Invalid time values:", { hours: y, minutes: b });
       return;
     }
-    const w = t ? new Date(t) : /* @__PURE__ */ new Date();
-    w.setHours(y, b, 0, 0), r && r(w, s);
+    const v = t ? new Date(t) : /* @__PURE__ */ new Date();
+    v.setHours(y, b, 0, 0), r && r(v, s);
   };
   return /* @__PURE__ */ n(
     "input",
@@ -26098,7 +26106,7 @@ const E5 = ({
               target: "_blank",
               children: [
                 "Cookies policy ",
-                /* @__PURE__ */ n(V.ExternalLink, { className: y })
+                /* @__PURE__ */ n(T.ExternalLink, { className: y })
               ]
             }
           )
@@ -26123,10 +26131,10 @@ const E5 = ({
   inputProps: g,
   clearButtonProps: y,
   submitButtonProps: b,
-  className: w,
+  className: v,
   ...x
 }) => {
-  const [S, C] = ce(""), A = ae(null), [v] = L(), I = (N) => {
+  const [S, C] = ce(""), A = ae(null), [w] = L(), I = (N) => {
     C(N.target.value);
   }, E = () => {
     var N;
@@ -26137,12 +26145,12 @@ const E5 = ({
     N.key === "Enter" && H();
   }, D = () => {
     H();
-  }, G = u`
+  }, J = u`
     position: relative;
     height: 48px;
   `, j = k(
     Al,
-    G,
+    J,
     Ie(
       {
         m: l,
@@ -26154,9 +26162,9 @@ const E5 = ({
         mr: f,
         noMargins: h
       },
-      v
+      w
     ),
-    w
+    v
   ), X = u`
     width: 100%;
     box-sizing: border-box;
@@ -26170,17 +26178,17 @@ const E5 = ({
     justify-content: flex-end;
     align-items: center;
   `, Z = u`
-    margin-left: ${v.margin.m12};
-    margin-right: ${v.margin.m12};
+    margin-left: ${w.margin.m12};
+    margin-right: ${w.margin.m12};
   `, Y = u`
-    color: ${v.color.neutral.grey20};
+    color: ${w.color.neutral.grey20};
   `, ne = k(
     Z,
     S.length === 0 && Y
   ), U = u`
     width: 1px;
     height: 38px;
-    background-color: ${v.color.neutral.grey20};
+    background-color: ${w.color.neutral.grey20};
   `, F = u`
     width: 48px;
     height: 100%;
@@ -26216,7 +26224,7 @@ const E5 = ({
               "aria-label": "Clear search",
               "data-testid": `${t}-clear-search-btn`,
               ...y,
-              children: /* @__PURE__ */ n(V.X, {})
+              children: /* @__PURE__ */ n(T.X, {})
             }
           ),
           /* @__PURE__ */ n("div", { className: U }),
@@ -26229,7 +26237,7 @@ const E5 = ({
               "aria-label": "Search",
               "data-testid": `${t}-search-btn`,
               ...b,
-              children: /* @__PURE__ */ n(V.Search, {})
+              children: /* @__PURE__ */ n(T.Search, {})
             }
           )
         ] })
@@ -26268,20 +26276,20 @@ const E5 = ({
   id: p,
   ...f
 }) => {
-  const [h] = L(), { isOpen: g, contentRef: y, contentId: b, triggerRef: w } = Qt(), [x, S] = ce(
+  const [h] = L(), { isOpen: g, contentRef: y, contentId: b, triggerRef: v } = Qt(), [x, S] = ce(
     void 0
-  ), [C, A] = ce(0), v = ft(
+  ), [C, A] = ce(0), w = ft(
     `(min-width: ${h.breakpoints.tablet}px)`
   ), I = l === "drawer", E = ae(g);
   re(() => {
     const q = E.current;
     if (E.current = g, g || !q) return;
-    const Q = y.current;
-    if (!Q) return;
+    const G = y.current;
+    if (!G) return;
     const le = () => {
       [
-        Q,
-        ...Array.from(Q.querySelectorAll("*"))
+        G,
+        ...Array.from(G.querySelectorAll("*"))
       ].forEach((te) => {
         te.scrollTop = 0, te.scrollLeft = 0;
       });
@@ -26293,33 +26301,33 @@ const E5 = ({
     let de = !1;
     const be = () => {
       de || (de = !0, le());
-    }, ke = (T) => {
-      T.target !== Q || T.propertyName !== "transform" || be();
+    }, ke = (R) => {
+      R.target !== G || R.propertyName !== "transform" || be();
     };
-    Q.addEventListener("transitionend", ke);
+    G.addEventListener("transitionend", ke);
     const fe = window.setTimeout(be, so);
     return () => {
-      Q.removeEventListener("transitionend", ke), window.clearTimeout(fe);
+      G.removeEventListener("transitionend", ke), window.clearTimeout(fe);
     };
   }, [y, I, g]), re(() => {
-    if (typeof document > "u" || v || !g) return;
+    if (typeof document > "u" || w || !g) return;
     const q = y.current;
     if (!q) return;
-    const { body: Q } = document, le = Q.style.overflow, be = Array.from(Q.children).filter(
+    const { body: G } = document, le = G.style.overflow, be = Array.from(G.children).filter(
       (te) => te !== q
     ).map((te) => ({
       element: te,
       ariaHidden: te.getAttribute("aria-hidden"),
       inert: te.inert
     }));
-    Q.style.overflow = "hidden", be.forEach(({ element: te }) => {
+    G.style.overflow = "hidden", be.forEach(({ element: te }) => {
       te.setAttribute("aria-hidden", "true"), te.inert = !0;
     });
     const ke = () => Array.from(
       q.querySelectorAll(Ml)
     ).filter((te) => !te.hasAttribute("disabled")), fe = ke();
     fe.length > 0 ? fe[0].focus() : q.focus();
-    const T = (te) => {
+    const R = (te) => {
       if (te.key !== "Tab") return;
       const He = ke();
       if (He.length === 0) {
@@ -26329,16 +26337,16 @@ const E5 = ({
       const Ve = He[0], Xt = He[He.length - 1], $t = document.activeElement;
       te.shiftKey && $t === Ve ? (te.preventDefault(), Xt.focus()) : !te.shiftKey && $t === Xt && (te.preventDefault(), Ve.focus());
     };
-    return document.addEventListener("keydown", T), () => {
-      Q.style.overflow = le, be.forEach(({ element: te, ariaHidden: He, inert: Ve }) => {
+    return document.addEventListener("keydown", R), () => {
+      G.style.overflow = le, be.forEach(({ element: te, ariaHidden: He, inert: Ve }) => {
         He === null ? te.removeAttribute("aria-hidden") : te.setAttribute("aria-hidden", He), te.inert = Ve;
-      }), document.removeEventListener("keydown", T);
+      }), document.removeEventListener("keydown", R);
     };
-  }, [y, g, v]), re(() => {
-    if (typeof document > "u" || !I || !v || !g) return;
+  }, [y, g, w]), re(() => {
+    if (typeof document > "u" || !I || !w || !g) return;
     const q = y.current;
     if (!q) return;
-    const Q = w.current, le = (a == null ? void 0 : a.current) ?? (Q == null ? void 0 : Q.closest(c)), de = le ? [le] : [Q, q].filter(
+    const G = v.current, le = (a == null ? void 0 : a.current) ?? (G == null ? void 0 : G.closest(c)), de = le ? [le] : [G, q].filter(
       (fe) => !!fe
     ), be = () => Array.from(
       new Set(
@@ -26350,13 +26358,13 @@ const E5 = ({
       )
     ).filter((fe) => !fe.hasAttribute("disabled")), ke = (fe) => {
       if (fe.key !== "Tab") return;
-      const T = be();
-      if (T.length === 0) {
+      const R = be();
+      if (R.length === 0) {
         fe.preventDefault(), q.focus();
         return;
       }
-      const te = T[0], He = T[T.length - 1], Ve = document.activeElement;
-      if (!Ve || !T.includes(Ve)) {
+      const te = R[0], He = R[R.length - 1], Ve = document.activeElement;
+      if (!Ve || !R.includes(Ve)) {
         fe.preventDefault(), te.focus();
         return;
       }
@@ -26371,40 +26379,40 @@ const E5 = ({
     c,
     I,
     g,
-    v,
-    w
+    w,
+    v
   ]), re(() => {
     if (typeof window > "u") return;
-    if (!v || !g || I) {
+    if (!w || !g || I) {
       S(void 0);
       return;
     }
     const q = () => {
       var le;
-      const Q = ((le = y.current) == null ? void 0 : le.getBoundingClientRect().top) ?? 0;
+      const G = ((le = y.current) == null ? void 0 : le.getBoundingClientRect().top) ?? 0;
       S(
-        Math.max(window.innerHeight - Q - P5, 0)
+        Math.max(window.innerHeight - G - P5, 0)
       );
     };
     return q(), window.addEventListener("resize", q), () => {
       window.removeEventListener("resize", q);
     };
-  }, [y, I, g, v]), re(() => {
+  }, [y, I, g, w]), re(() => {
     if (typeof window > "u" || !I || !g || t !== void 0) return;
-    const Q = (() => {
+    const G = (() => {
       if (a != null && a.current)
         return a.current;
-      const be = w.current;
+      const be = v.current;
       return (be == null ? void 0 : be.closest(
         c
       )) ?? document.querySelector(c);
     })(), le = () => {
-      const be = (Q == null ? void 0 : Q.getBoundingClientRect().bottom) ?? 0;
+      const be = (G == null ? void 0 : G.getBoundingClientRect().bottom) ?? 0;
       A(Math.max(be, 0));
     };
     le(), window.addEventListener("resize", le), window.addEventListener("scroll", le, !0);
     const de = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(le);
-    return Q && (de == null || de.observe(Q)), () => {
+    return G && (de == null || de.observe(G)), () => {
       window.removeEventListener("resize", le), window.removeEventListener("scroll", le, !0), de == null || de.disconnect();
     };
   }, [
@@ -26413,9 +26421,9 @@ const E5 = ({
     I,
     g,
     t,
-    w
+    v
   ]);
-  const H = t === void 0 ? `${C}px` : Ko(t), z = Ko(o), D = r === void 0 ? `calc(100dvh - ${H} - ${z})` : Ko(r), G = u`
+  const H = t === void 0 ? `${C}px` : Ko(t), z = Ko(o), D = r === void 0 ? `calc(100dvh - ${H} - ${z})` : Ko(r), J = u`
     display: none;
     z-index: 9999;
     position: fixed;
@@ -26504,7 +26512,7 @@ const E5 = ({
     transition: transform ${so}ms ease-out;
   `, F = k(
     Cl,
-    G,
+    J,
     I && j,
     !I && t !== void 0 && X,
     i === "left" && (I ? Z : oe),
@@ -26529,16 +26537,16 @@ const E5 = ({
     max-height: ${x}px;
   `, se = k(
     N,
-    !I && v && x !== void 0 && ie,
+    !I && w && x !== void 0 && ie,
     d
   ), Se = /* @__PURE__ */ n(
     "div",
     {
       ref: y,
       className: F,
-      tabIndex: v ? void 0 : -1,
-      role: v ? void 0 : "dialog",
-      "aria-modal": v ? void 0 : !0,
+      tabIndex: w ? void 0 : -1,
+      role: w ? void 0 : "dialog",
+      "aria-modal": w ? void 0 : !0,
       "aria-hidden": !g,
       children: /* @__PURE__ */ n(
         "div",
@@ -26552,7 +26560,7 @@ const E5 = ({
       )
     }
   );
-  return v ? Se : Wo.createPortal(Se, document.body);
+  return w ? Se : Wo.createPortal(Se, document.body);
 }, Y5 = P(j5), Ll = "ucl-uikit-dropdown", J5 = ({
   testId: e = Ll,
   className: t,
@@ -26562,9 +26570,9 @@ const E5 = ({
   const [i] = L(), { isOpen: l, setIsOpen: a, triggerRef: c, contentRef: d } = Qt(), s = ae(l);
   re(() => {
     const h = (y) => {
-      var w, x;
+      var v, x;
       const b = y.target;
-      (w = c.current) != null && w.contains(b) || (x = d.current) != null && x.contains(b) || a(!1);
+      (v = c.current) != null && v.contains(b) || (x = d.current) != null && x.contains(b) || a(!1);
     }, g = (y) => {
       y.key === "Escape" && a(!1);
     };
@@ -26601,13 +26609,13 @@ const ja = ({
   ...l
 }) => {
   const a = !!l["aria-expanded"], c = a ? r : o, d = a ? /* @__PURE__ */ n(
-    V.X,
+    T.X,
     {
       title: "Close menu",
       testId: "ucl-uikit-dropdown-menu__icon-close"
     }
   ) : /* @__PURE__ */ n(
-    V.Menu2,
+    T.Menu2,
     {
       title: "Open menu",
       testId: "ucl-uikit-dropdown-menu__icon-open"
@@ -26671,7 +26679,7 @@ const ja = ({
       box-shadow: ${p.boxShadow.y1};
       border-radius: ${p.radius.r4};
     }
-  `, w = k(b, c);
+  `, v = k(b, c);
   return /* @__PURE__ */ m(
     Ke,
     {
@@ -26691,7 +26699,7 @@ const ja = ({
         /* @__PURE__ */ n(
           Ke.Content,
           {
-            className: w,
+            className: v,
             align: e,
             children: /* @__PURE__ */ n(K5, { children: t })
           }
@@ -26719,7 +26727,7 @@ const ja = ({
   className: g,
   ...y
 }) => {
-  const [b] = L(), w = ft(
+  const [b] = L(), v = ft(
     `(min-width: ${b.breakpoints.desktop}px)`
   ), x = u`
     color: ${b.colour.text.brandPrimary};
@@ -26737,7 +26745,7 @@ const ja = ({
       width: 460px;
       border-left: ${b.border.b1} solid ${b.colour.border.default};
     }
-  `, v = k(A, h);
+  `, w = k(A, h);
   return /* @__PURE__ */ m(
     Ke,
     {
@@ -26747,7 +26755,7 @@ const ja = ({
         /* @__PURE__ */ n(Ke.Trigger, { children: /* @__PURE__ */ n(
           X5,
           {
-            isDesktop: w,
+            isDesktop: v,
             label: c,
             triggerAriaLabelCollapsed: d,
             triggerAriaLabelExpanded: s,
@@ -26757,7 +26765,7 @@ const ja = ({
         /* @__PURE__ */ n(
           Ke.Content,
           {
-            className: v,
+            className: w,
             align: l,
             variant: "drawer",
             topPx: e,
@@ -26810,7 +26818,7 @@ const ja = ({
     @media screen and (min-width: ${s.breakpoints.desktop}px) {
       inset: ${Ca}px auto 0 0;
     }
-  `, w = u`
+  `, v = u`
     width: 64px;
     padding: ${s.padding.p16} ${s.padding.p8};
 
@@ -26843,7 +26851,7 @@ const ja = ({
     justify-content: flex-end;
   `, A = u`
     justify-content: center;
-  `, v = u`
+  `, w = u`
     width: 32px;
     height: 32px;
     border-radius: 4px;
@@ -26856,7 +26864,7 @@ const ja = ({
       background-color: ${s.colour.fill.brandSubtleHover};
       color: ${s.colour.icon.brandHover};
     }
-  `, I = k(Il, b, g && w, a), E = k(x, g && S), H = k(C, g && A), z = tx(
+  `, I = k(Il, b, g && v, a), E = k(x, g && S), H = k(C, g && A), z = tx(
     dt.only(c),
     {
       collapsed: g,
@@ -26877,20 +26885,20 @@ const ja = ({
           Ze,
           {
             type: "button",
-            className: v,
+            className: w,
             "aria-controls": p,
             "aria-expanded": !g,
             "aria-label": g ? l : i,
             onClick: y,
             children: g ? /* @__PURE__ */ n(
-              V.ChevronsRight,
+              T.ChevronsRight,
               {
                 size: 20,
                 "aria-hidden": "true",
                 focusable: "false"
               }
             ) : /* @__PURE__ */ n(
-              V.ChevronsLeft,
+              T.ChevronsLeft,
               {
                 size: 20,
                 "aria-hidden": "true",
@@ -26942,7 +26950,7 @@ const ja = ({
     &:focus-visible {
       box-shadow: ${g.boxShadow.focus};
     }
-  `, w = u`
+  `, v = u`
     font-family: ${g.typography.body.md.fontFamily};
     font-feature-settings: ${g.typography.body.md.fontSettings};
     font-size: ${g.typography.body.md.fontSize}px;
@@ -26962,7 +26970,7 @@ const ja = ({
     b,
     f,
     c
-  ), v = k(w, p), I = k(x, s), E = k(S, d);
+  ), w = k(v, p), I = k(x, s), E = k(S, d);
   return /* @__PURE__ */ m(
     Ke,
     {
@@ -26977,7 +26985,7 @@ const ja = ({
             "aria-label": l,
             className: A,
             children: [
-              y ? /* @__PURE__ */ n("span", { className: v, children: t }) : null,
+              y ? /* @__PURE__ */ n("span", { className: w, children: t }) : null,
               /* @__PURE__ */ n(
                 Q3,
                 {
@@ -26990,7 +26998,7 @@ const ja = ({
                   size: i
                 }
               ),
-              /* @__PURE__ */ n(V.ChevronDown, { size: 20 })
+              /* @__PURE__ */ n(T.ChevronDown, { size: 20 })
             ]
           }
         ) }),
@@ -27095,7 +27103,7 @@ export {
   La as HeaderNew,
   pa as Heading,
   pa as HeadingNew,
-  V as Icon,
+  T as Icon,
   Ze as IconButton,
   gb as Input,
   ha as Label,