uikit-react-public 0.24.2 → 0.24.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as g, Fragment as Ne } from "react/jsx-runtime";
+import { jsx as n, jsxs as g, Fragment as Re } from "react/jsx-runtime";
 import * as le from "react";
 import ot, { memo as D, forwardRef as Ae, useContext as Te, createContext as Ze, useState as me, use as ut, useId as wt, useCallback as Ve, cloneElement as Xt, useLayoutEffect as jl, useRef as se, useImperativeHandle as sa, useEffect as $, useMemo as gt, isValidElement as ca } from "react";
 function da(e) {
@@ -541,7 +541,7 @@ function $l(e, t) {
   }
   return e;
 }
-var Ra = function(t, o, r, l) {
+var Na = function(t, o, r, l) {
   if (t.length > -1 && !t.return) switch (t.type) {
     case Po:
       t.return = $l(t.value, t.length);
@@ -572,7 +572,7 @@ var Ra = function(t, o, r, l) {
         return "";
       });
   }
-}, Na = [Ra], _l = function(t) {
+}, Ra = [Na], _l = function(t) {
   var o = t.key;
   if (o === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -581,7 +581,7 @@ var Ra = function(t, o, r, l) {
       v.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var l = t.stylisPlugins || Na, i = {}, a, d = [];
+  var l = t.stylisPlugins || Ra, i = {}, a, d = [];
   a = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
@@ -5488,7 +5488,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" })
     ]
   }
-), Rs = ({
+), Ns = ({
   title: e,
   titleId: t,
   ...o
@@ -5511,7 +5511,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M16 2v4M8 2v4m-5 4h18" })
     ]
   }
-), Ns = ({
+), Rs = ({
   title: e,
   titleId: t,
   ...o
@@ -6710,7 +6710,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" })
     ]
   }
-), Rc = ({
+), Nc = ({
   title: e,
   titleId: t,
   ...o
@@ -6733,7 +6733,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32" })
     ]
   }
-), Nc = ({
+), Rc = ({
   title: e,
   titleId: t,
   ...o
@@ -7930,7 +7930,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83" })
     ]
   }
-), R0 = ({
+), N0 = ({
   title: e,
   titleId: t,
   ...o
@@ -7953,7 +7953,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
     ]
   }
-), N0 = ({
+), R0 = ({
   title: e,
   titleId: t,
   ...o
@@ -9143,7 +9143,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4-4.64 4.36A9 9 0 0 1 3.51 15" })
     ]
   }
-), Rd = ({
+), Nd = ({
   title: e,
   titleId: t,
   ...o
@@ -9166,7 +9166,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
     ]
   }
-), Nd = ({
+), Rd = ({
   title: e,
   titleId: t,
   ...o
@@ -10368,7 +10368,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M21 2H3v16h5v4l4-4h5l4-4zm-10 9V7m5 4V7" })
     ]
   }
-), Ru = ({
+), Nu = ({
   title: e,
   titleId: t,
   ...o
@@ -10390,7 +10390,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       /* @__PURE__ */ n("path", { d: "M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.7 7.7 0 0 0 23 3" })
     ]
   }
-), Nu = ({
+), Ru = ({
   title: e,
   titleId: t,
   ...o
@@ -11157,8 +11157,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Bookmark: zs,
   Box: Ds,
   Briefcase: Ts,
-  Calendar: Rs,
-  Camera: Ns,
+  Calendar: Ns,
+  Camera: Rs,
   CameraOff: Vs,
   Cast: Os,
   Check: qs,
@@ -11211,8 +11211,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   DollarSign: zc,
   Download: Dc,
   DownloadCloud: Tc,
-  Dribbble: Rc,
-  Droplet: Nc,
+  Dribbble: Nc,
+  Droplet: Rc,
   Edit: Vc,
   Edit2: Oc,
   Edit3: qc,
@@ -11265,8 +11265,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Linkedin: z0,
   List: D0,
   Loader: T0,
-  Lock: R0,
-  LogIn: N0,
+  Lock: N0,
+  LogIn: R0,
   LogOut: V0,
   Mail: O0,
   Map: q0,
@@ -11319,8 +11319,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Printer: zd,
   Radio: Dd,
   RefreshCcw: Td,
-  RefreshCw: Rd,
-  Repeat: Nd,
+  RefreshCw: Nd,
+  Repeat: Rd,
   Rewind: Vd,
   RotateCcw: Od,
   RotateCw: qd,
@@ -11373,8 +11373,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Truck: zu,
   Tv: Du,
   Twitch: Tu,
-  Twitter: Ru,
-  Type: Nu,
+  Twitter: Nu,
+  Type: Ru,
   Umbrella: Vu,
   Underline: Ou,
   Unlock: qu,
@@ -11802,7 +11802,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       )
     ]
   }
-), R2 = ({
+), N2 = ({
   title: e,
   titleId: t,
   ...o
@@ -11826,7 +11826,7 @@ const mn = "ucl-uikit-icon", Ya = ({
       )
     ]
   }
-), N2 = ({
+), R2 = ({
   title: e,
   titleId: t,
   ...o
@@ -11874,8 +11874,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Pillars: z2,
   Primary: D2,
   PrimaryInverse: T2,
-  Secondary: R2,
-  SecondaryInverse: N2,
+  Secondary: N2,
+  SecondaryInverse: R2,
   Uncoloured: V2
 }, Symbol.toStringTag, { value: "Module" })), q2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -11982,8 +11982,8 @@ const mn = "ucl-uikit-icon", Ya = ({
       Cast: z1,
       CheckCircle: D1,
       CheckSquare: T1,
-      Check: R1,
-      ChevronDown: N1,
+      Check: N1,
+      ChevronDown: R1,
       ChevronLeft: V1,
       ChevronRight: O1,
       ChevronUp: q1,
@@ -12036,8 +12036,8 @@ const mn = "ucl-uikit-icon", Ya = ({
       Edit3: zh,
       Edit: Dh,
       ExternalLink: Th,
-      EyeOff: Rh,
-      Eye: Nh,
+      EyeOff: Nh,
+      Eye: Rh,
       FastForward: Vh,
       Feather: Oh,
       Figma: qh,
@@ -12089,8 +12089,8 @@ const mn = "ucl-uikit-icon", Ya = ({
       Map: zf,
       Maximize2: Df,
       Maximize: Tf,
-      Meh: Rf,
-      Menu: Nf,
+      Meh: Nf,
+      Menu: Rf,
       Menu2: Vf,
       MessageCircle: Of,
       MessageSquare: qf,
@@ -12143,8 +12143,8 @@ const mn = "ucl-uikit-icon", Ya = ({
       Rss: zp,
       Save: Dp,
       Scissors: Tp,
-      Search: Rp,
-      Send: Np,
+      Search: Np,
+      Send: Rp,
       Server: Vp,
       Settings: Op,
       Share2: qp,
@@ -12197,8 +12197,8 @@ const mn = "ucl-uikit-icon", Ya = ({
       UploadCloud: zg,
       Upload: Dg,
       UserCheck: Tg,
-      UserMinus: Rg,
-      UserPlus: Ng,
+      UserMinus: Ng,
+      UserPlus: Rg,
       UserX: Vg,
       User: Og,
       Users: qg,
@@ -12283,8 +12283,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Cast: z1,
   CheckCircle: D1,
   CheckSquare: T1,
-  Check: R1,
-  ChevronDown: N1,
+  Check: N1,
+  ChevronDown: R1,
   ChevronLeft: V1,
   ChevronRight: O1,
   ChevronUp: q1,
@@ -12338,8 +12338,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Edit: Dh,
   Empty: j2,
   ExternalLink: Th,
-  EyeOff: Rh,
-  Eye: Nh,
+  EyeOff: Nh,
+  Eye: Rh,
   Facebook: sm,
   FastForward: Vh,
   Feather: Oh,
@@ -12395,8 +12395,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Map: zf,
   Maximize2: Df,
   Maximize: Tf,
-  Meh: Rf,
-  Menu: Nf,
+  Meh: Nf,
+  Menu: Rf,
   Menu2: Vf,
   MessageCircle: Of,
   MessageSquare: qf,
@@ -12449,8 +12449,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   Rss: zp,
   Save: Dp,
   Scissors: Tp,
-  Search: Rp,
-  Send: Np,
+  Search: Np,
+  Send: Rp,
   Server: Vp,
   Settings: Op,
   Share2: qp,
@@ -12506,8 +12506,8 @@ const mn = "ucl-uikit-icon", Ya = ({
   UploadCloud: zg,
   Upload: Dg,
   UserCheck: Tg,
-  UserMinus: Rg,
-  UserPlus: Ng,
+  UserMinus: Ng,
+  UserPlus: Rg,
   UserX: Vg,
   User: Og,
   Users: qg,
@@ -12673,7 +12673,7 @@ function vm() {
         }
       }
     }
-    var w = c, W = s, E = d, F = a, N = t, U = p, K = r, q = y, j = m, Q = o, ie = i, X = l, oe = u, Y = !1;
+    var w = c, W = s, E = d, F = a, R = t, U = p, K = r, q = y, j = m, Q = o, ie = i, X = l, oe = u, Y = !1;
     function de(V) {
       return Y || (Y = !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.")), _(V) || M(V) === c;
     }
@@ -12713,7 +12713,7 @@ function vm() {
     function Ke(V) {
       return M(V) === u;
     }
-    re.AsyncMode = w, re.ConcurrentMode = W, re.ContextConsumer = E, re.ContextProvider = F, re.Element = N, re.ForwardRef = U, re.Fragment = K, re.Lazy = q, re.Memo = j, re.Portal = Q, re.Profiler = ie, re.StrictMode = X, re.Suspense = oe, re.isAsyncMode = de, re.isConcurrentMode = _, re.isContextConsumer = ye, re.isContextProvider = P, re.isElement = ge, re.isForwardRef = Fe, re.isFragment = J, re.isLazy = ae, re.isMemo = be, re.isPortal = we, re.isProfiler = Ce, re.isStrictMode = He, re.isSuspense = Ke, re.isValidElementType = C, re.typeOf = M;
+    re.AsyncMode = w, re.ConcurrentMode = W, re.ContextConsumer = E, re.ContextProvider = F, re.Element = R, re.ForwardRef = U, re.Fragment = K, re.Lazy = q, re.Memo = j, re.Portal = Q, re.Profiler = ie, re.StrictMode = X, re.Suspense = oe, re.isAsyncMode = de, re.isConcurrentMode = _, re.isContextConsumer = ye, re.isContextProvider = P, re.isElement = ge, re.isForwardRef = Fe, re.isFragment = J, re.isLazy = ae, re.isMemo = be, re.isPortal = we, re.isProfiler = Ce, re.isStrictMode = He, re.isSuspense = Ke, re.isValidElementType = C, re.typeOf = M;
   })()), re;
 }
 var wn;
@@ -13142,15 +13142,15 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
       lineHeight: L.typography.body["xs-medium"].$value.lineHeight
     }
   }
-}, Wm = "#2C0442", Fm = "#500778", Bm = "#6345A5", zm = "#BBAACC", Dm = "#006B0F", Tm = "#008613", Rm = "#80C289", Nm = "#E6F3E8", Vm = "#113B3A", Om = "#52C152", qm = "#C9D1A8", Zm = "#004089", Pm = "#004EA8", Um = "#0D68CF", jm = "#7FB7F7", Jm = "#E5F0FD", Ym = "#F2F8FE", Qm = "#002248", Gm = "#34C6C6", Km = "#B6DCE5", Xm = "#D4E6FC", $m = "#C3DDFB", _m = "#B2D3FA", e4 = "#504D48", t4 = "#FFCA36", o4 = "#DAD6CA", n4 = "#CC7100", r4 = "#FF8D00", l4 = "#FFC680", i4 = "#FFF4E6", a4 = "#811712", s4 = "#CA0007", c4 = "#E48083", d4 = "#E48083", u4 = "#FAE6E7", h4 = "#B1070A", f4 = "#990F0E", p4 = "#4B0A32", g4 = "#AC145A", m4 = "#DEB8C3", y4 = "#000000", b4 = "#1A1A1A", v4 = "#333333", w4 = "#4D4D4D", x4 = "#666666", k4 = "#999999", A4 = "#CCCCCC", S4 = "#D9D9D9", C4 = "#E6E6E6", M4 = "#F2F2F2", L4 = "#ffffff", B = {
+}, Wm = "#2C0442", Fm = "#500778", Bm = "#6345A5", zm = "#BBAACC", Dm = "#006B0F", Tm = "#008613", Nm = "#80C289", Rm = "#E6F3E8", Vm = "#113B3A", Om = "#52C152", qm = "#C9D1A8", Zm = "#004089", Pm = "#004EA8", Um = "#0D68CF", jm = "#7FB7F7", Jm = "#E5F0FD", Ym = "#F2F8FE", Qm = "#002248", Gm = "#34C6C6", Km = "#B6DCE5", Xm = "#D4E6FC", $m = "#C3DDFB", _m = "#B2D3FA", e4 = "#504D48", t4 = "#FFCA36", o4 = "#DAD6CA", n4 = "#CC7100", r4 = "#FF8D00", l4 = "#FFC680", i4 = "#FFF4E6", a4 = "#811712", s4 = "#CA0007", c4 = "#E48083", d4 = "#E48083", u4 = "#FAE6E7", h4 = "#B1070A", f4 = "#990F0E", p4 = "#4B0A32", g4 = "#AC145A", m4 = "#DEB8C3", y4 = "#000000", b4 = "#1A1A1A", v4 = "#333333", w4 = "#4D4D4D", x4 = "#666666", k4 = "#999999", A4 = "#CCCCCC", S4 = "#D9D9D9", C4 = "#E6E6E6", M4 = "#F2F2F2", L4 = "#ffffff", B = {
   purple200: Wm,
   purple50: Fm,
   purple40: Bm,
   purple20: zm,
   green100: Dm,
   green70: Tm,
-  green40: Rm,
-  green10: Nm,
+  green40: Nm,
+  green10: Rm,
   green200: Vm,
   green50: Om,
   green20: qm,
@@ -13273,11 +13273,11 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   secondaryHover: B.black70,
   visited: B.purple40,
   disabled: B.black20
-}, Ro = {
+}, No = {
   black: B.black100,
   white: B.white
 }, B4 = {
-  black: Ro.black,
+  black: No.black,
   grey90: B.black90,
   grey80: B.black80,
   grey70: B.black70,
@@ -13287,10 +13287,10 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   grey15: B.black15,
   grey10: B.black10,
   grey5: B.black5,
-  white: Ro.white
+  white: No.white
 }, z4 = {
   blanket: "rgba(0, 0, 0, 0.5)"
-}, R = {
+}, N = {
   base: B,
   text: I4,
   interaction: E4,
@@ -13298,7 +13298,7 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   system: W4,
   link: F4,
   neutral: B4,
-  blackAndWhite: Ro,
+  blackAndWhite: No,
   overlay: z4
 }, A = (e) => {
   const { hex: t, alpha: o } = e, r = o ?? 1;
@@ -13311,17 +13311,17 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
 }, { light: O } = Dt, D4 = {
   default: A(O.colour.bg.default.$value),
   brand: A(O.colour.bg.brand.$value),
-  inverse: R.interaction.blue70,
+  inverse: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.bg.inverse.$value),
-  inversePrimary: R.interaction.blue100
+  inversePrimary: N.interaction.blue100
   // tokenToHex(lightThemeTokens.colour.bg['inverse-primary'].$value),
 }, T4 = {
   default: A(O.colour.border.default.$value),
-  brand: R.interaction.blue70,
+  brand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.border.brand.$value),
-  brandHover: R.interaction.blue80,
+  brandHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.border['brand-hover'].$value),
-  brandSubtle: R.base.blue20Alt,
+  brandSubtle: N.base.blue20Alt,
   // tokenToHex(lightThemeTokens.colour.border['brand-subtle'].$value),
   primary: A(O.colour.border.primary.$value),
   secondary: A(O.colour.border.secondary.$value),
@@ -13332,44 +13332,44 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   brandInverse: A(
     O.colour.border["brand-inverse"].$value
   ),
-  brandInverseSecondary: R.base.blue40,
+  brandInverseSecondary: N.base.blue40,
   // tokenToHex(lightThemeTokens.colour.border['brand-inverse-secondary'].$value),
-  focus: R.interaction.blue80,
+  focus: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.border.focus.$value),
-  success: R.system.green70,
+  success: N.system.green70,
   // tokenToHex(lightThemeTokens.colour.border.success.$value),
-  critical: R.system.red70,
+  critical: N.system.red70,
   // tokenToHex(lightThemeTokens.colour.border.critical.$value),
-  warning: R.system.orange70
+  warning: N.system.orange70
   // tokenToHex(lightThemeTokens.colour.border.warning.$value),
-}, R4 = {
+}, N4 = {
   default: A(O.colour.fill.default.$value),
   hover: A(O.colour.fill.hover.$value),
-  brand: R.interaction.blue70,
+  brand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.fill.brand.$value),
-  brandHover: R.interaction.blue80,
+  brandHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.fill['brand-hover'].$value),
-  brandPressed: R.interaction.blue80,
+  brandPressed: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.fill['brand-pressed'].$value),
-  brandSubtleSelected: R.interaction.blue10,
+  brandSubtleSelected: N.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.fill['brand-subtle-selected'].$value),
-  brandSubtleHover: R.interaction.blue10,
+  brandSubtleHover: N.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.fill['brand-subtle-hover'].$value),
-  brandPrimary: R.interaction.blue100,
+  brandPrimary: N.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.fill['brand-primary'].$value),
   disabled: A(O.colour.fill.disabled.$value),
   inverse: A(O.colour.fill.inverse.$value),
-  brandInverseSecondary: R.base.blue40,
+  brandInverseSecondary: N.base.blue40,
   // tokenToHex(lightThemeTokens.colour.fill['brand-inverse-secondary'].$value),
-  inverseHover: R.base.blue20Alt,
+  inverseHover: N.base.blue20Alt,
   // tokenToHex(lightThemeTokens.colour.fill['inverse-hover'].$value),
-  critical: R.system.red70,
+  critical: N.system.red70,
   // tokenToHex(lightThemeTokens.colour.fill.critical.$value),
-  criticalHover: R.base.red80,
+  criticalHover: N.base.red80,
   // tokenToHex(lightThemeTokens.colour.fill['critical-hover'].$value),
-  criticalSelected: R.base.red80,
+  criticalSelected: N.base.red80,
   // tokenToHex(lightThemeTokens.colour.fill['critical-selected'].$value),
-  criticalPressed: R.base.red90,
+  criticalPressed: N.base.red90,
   // tokenToHex(lightThemeTokens.colour.fill['critical-pressed'].$value),
   warning: A(O.colour.fill.warning.$value),
   warningHover: A(
@@ -13381,9 +13381,9 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   warningPressed: A(
     O.colour.fill["warning-pressed"].$value
   ),
-  success: R.system.green70
+  success: N.system.green70
   // tokenToHex(lightThemeTokens.colour.fill.success.$value),
-}, N4 = {
+}, R4 = {
   default: A(O.colour.icon.default.$value),
   hover: A(O.colour.icon.hover.$value),
   secondary: A(O.colour.icon.secondary.$value),
@@ -13392,15 +13392,15 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   disabledOnBgFill: A(
     O.colour.icon["disabled-on-bg-fill"].$value
   ),
-  brand: R.interaction.blue70,
+  brand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.icon.brand.$value),
-  brandHover: R.interaction.blue80,
+  brandHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon['brand-hover'].$value),
-  brandSelectedOnBgFill: R.interaction.blue80,
+  brandSelectedOnBgFill: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon['brand-selected-on-bg-fill'].$value),
-  visited: R.interaction.blue80,
+  visited: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.icon.visited.$value),
-  brandPrimary: R.interaction.blue100,
+  brandPrimary: N.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.icon['brand-primary'].$value),
   brandInverted: A(
     O.colour.icon["brand-inverted"].$value
@@ -13409,7 +13409,7 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   inverseHover: A(
     O.colour.icon["inverse-hover"].$value
   ),
-  brandInverseSecondary: R.base.blue40,
+  brandInverseSecondary: N.base.blue40,
   // tokenToHex(lightThemeTokens.colour.icon['brand-inverse-secondary'].$value),
   inverseTertiary: A(
     O.colour.icon["inverse-tertiary"].$value
@@ -13417,11 +13417,11 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   inverseDisabled: A(
     O.colour.icon["inverse-disabled"].$value
   ),
-  critical: R.system.red70,
+  critical: N.system.red70,
   // tokenToHex(lightThemeTokens.colour.icon.critical.$value),
-  criticalOnBgFill: R.base.red80,
+  criticalOnBgFill: N.base.red80,
   // tokenToHex(lightThemeTokens.colour.icon['critical-on-bg-fill'].$value),
-  success: R.system.green70,
+  success: N.system.green70,
   // tokenToHex(lightThemeTokens.colour.icon.success.$value),
   successOnBgFill: A(
     O.colour.icon["success-on-bg-fill"].$value
@@ -13434,25 +13434,25 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   default: A(O.colour.surface.default.$value),
   primary: A(O.colour.surface.primary.$value),
   secondary: A(O.colour.surface.secondary.$value),
-  brand: R.base.blue15,
+  brand: N.base.blue15,
   // tokenToHex(lightThemeTokens.colour.surface.brand.$value),
-  brandHover: R.interaction.blue10,
+  brandHover: N.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.surface['brand-hover'].$value),
-  brandSelected: R.interaction.blue10,
+  brandSelected: N.interaction.blue10,
   // tokenToHex(lightThemeTokens.colour.surface['brand-selected'].$value),
-  warning: R.system.orange10,
+  warning: N.system.orange10,
   // tokenToHex(lightThemeTokens.colour.surface.warning.$value),
-  success: R.system.green10,
+  success: N.system.green10,
   // tokenToHex(lightThemeTokens.colour.surface.success.$value),
-  critical: R.system.red10,
+  critical: N.system.red10,
   // tokenToHex(lightThemeTokens.colour.surface.critical.$value),
   hover: A(O.colour.surface.hover.$value),
   selected: A(O.colour.surface.selected.$value),
   disabled: A(O.colour.surface.disabled.$value),
   tertiary: A(O.colour.surface.tertiary.$value),
-  inverseBrand: R.interaction.blue70,
+  inverseBrand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.surface['inverse-brand'].$value),
-  inverseBrandPrimary: R.interaction.blue100,
+  inverseBrandPrimary: N.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.surface['inverse-brand-primary'].$value),
   backdrop: A(O.colour.surface.backdrop.$value)
 }, O4 = {
@@ -13464,43 +13464,43 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   onBgFillDisabled: A(
     O.colour.text["on-bg-fill-disabled"].$value
   ),
-  brand: R.interaction.blue70,
+  brand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.text.brand.$value),
   brandAccent: A(O.colour.text["brand-accent"].$value),
-  brandHover: R.interaction.blue80,
+  brandHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.text['brand-hover'].$value),
   brandInverse: A(
     O.colour.text["brand-inverse"].$value
   ),
-  brandInverseSecondary: R.base.blue40,
+  brandInverseSecondary: N.base.blue40,
   // tokenToHex(lightThemeTokens.colour.text['brand-inverse-secondary'].$value),
-  brandPrimary: R.interaction.blue100,
+  brandPrimary: N.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.text['brand-primary'].$value),
-  critical: R.system.red70,
+  critical: N.system.red70,
   // tokenToHex(lightThemeTokens.colour.text.critical.$value),
   warningOnBgFill: A(
     O.colour.text["warning-on-bg-fill"].$value
   )
 }, q4 = {
   default: A(O.colour.link.default.$value),
-  brand: R.interaction.blue70,
+  brand: N.interaction.blue70,
   // tokenToHex(lightThemeTokens.colour.link.brand.$value),
-  brandHover: R.interaction.blue80,
+  brandHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link['brand-hover'].$value),
-  visited: R.interaction.blue80,
+  visited: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link.visited.$value),
-  primary: R.interaction.blue100,
+  primary: N.interaction.blue100,
   // tokenToHex(lightThemeTokens.colour.link.primary.$value),
-  primaryHover: R.interaction.blue80,
+  primaryHover: N.interaction.blue80,
   // tokenToHex(lightThemeTokens.colour.link['primary-hover'].$value),
   disabled: A(O.colour.link.disabled.$value),
   inverse: A(O.colour.link.inverse.$value),
-  inverseVisited: R.base.blue15,
+  inverseVisited: N.base.blue15,
   // tokenToHex(lightThemeTokens.colour.link['inverse-visited'].$value),
   inverseDisabled: A(
     O.colour.link["inverse-disabled"].$value
   ),
-  inverseSecondary: R.base.blue40,
+  inverseSecondary: N.base.blue40,
   // tokenToHex(lightThemeTokens.colour.link['inverse-secondary'].$value),
   inverseTertiary: A(
     O.colour.link["inverse-tertiary"].$value
@@ -13512,8 +13512,8 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
 }, P4 = {
   bg: D4,
   border: T4,
-  fill: R4,
-  icon: N4,
+  fill: N4,
+  icon: R4,
   surface: V4,
   text: O4,
   link: q4,
@@ -13593,7 +13593,7 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.font.family
   colour: P4,
   typography: hi,
   // to deprecate
-  color: R,
+  color: N,
   thickness: {
     t1: Z.s1,
     t2: Z.s2
@@ -13674,9 +13674,9 @@ const { light: L, primitives: Pe } = Dt, { sans: di, mono: Hm } = Pe.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 ${R.neutral.white}, 0px 0px 0px 4px ${R.neutral.black}, 0px 0px 0px 6px ${R.system.orange70}`,
-    active: `0px 6px 0px 0px ${R.interaction.blue80} inset`,
-    destructiveActive: `0px 6px 0px 0px ${R.system.red100} inset`
+    focus: `0px 0px 0px 2px ${N.neutral.white}, 0px 0px 0px 4px ${N.neutral.black}, 0px 0px 0px 6px ${N.system.orange70}`,
+    active: `0px 6px 0px 0px ${N.interaction.blue80} inset`,
+    destructiveActive: `0px 6px 0px 0px ${N.system.red100} inset`
   },
   breakpoints: It,
   mq: j4,
@@ -14286,7 +14286,7 @@ const Wn = "ucl-uikit-input", my = "ucl-uikit-input__input", yy = Ae(
       w,
       o === "left" && W,
       o === "right" && E
-    ), N = k(w, E);
+    ), R = k(w, E);
     return /* @__PURE__ */ g("span", { className: M, children: [
       /* @__PURE__ */ n(
         "input",
@@ -14300,7 +14300,7 @@ const Wn = "ucl-uikit-input", my = "ucl-uikit-input__input", yy = Ae(
         }
       ),
       t && /* @__PURE__ */ n("span", { className: F, children: t }),
-      r && /* @__PURE__ */ n("span", { className: N, children: r })
+      r && /* @__PURE__ */ n("span", { className: R, children: r })
     ] });
   }
 ), by = D(yy), { sans: vy } = Dt.primitives.font.family;
@@ -14537,7 +14537,7 @@ const Fn = "ucl-uikit-base-link", pi = Ae(function({
     !i && M,
     !i && E
   ));
-  const N = f`
+  const R = f`
     cursor: not-allowed;
     color: ${h.colour.link.disabled};
   `, U = k(
@@ -14545,7 +14545,7 @@ const Fn = "ucl-uikit-base-link", pi = Ae(function({
     m,
     ke(s, h),
     F,
-    i && N,
+    i && R,
     d
   );
   return /* @__PURE__ */ g(
@@ -14670,17 +14670,17 @@ function Sy(e, t, o) {
 }
 function Cy(e) {
   const t = oo(e);
-  return [No(e), t, No(t)];
+  return [Ro(e), t, Ro(t)];
 }
-function No(e) {
+function Ro(e) {
   return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-const Rn = ["left", "right"], Nn = ["right", "left"], My = ["top", "bottom"], Ly = ["bottom", "top"];
+const Nn = ["left", "right"], Rn = ["right", "left"], My = ["top", "bottom"], Ly = ["bottom", "top"];
 function Iy(e, t, o) {
   switch (e) {
     case "top":
     case "bottom":
-      return o ? t ? Nn : Rn : t ? Rn : Nn;
+      return o ? t ? Rn : Nn : t ? Nn : Rn;
     case "left":
     case "right":
       return t ? My : Ly;
@@ -14691,7 +14691,7 @@ function Iy(e, t, o) {
 function Ey(e, t, o, r) {
   const l = co(e);
   let i = Iy(ct(e), o === "start", r);
-  return l && (i = i.map((a) => a + "-" + l), t && (i = i.concat(i.map(No)))), i;
+  return l && (i = i.map((a) => a + "-" + l), t && (i = i.concat(i.map(Ro)))), i;
 }
 function oo(e) {
   const t = ct(e);
@@ -14915,16 +14915,16 @@ const By = 50, zy = async (e, t, o) => {
         return {};
       const x = ct(l), S = et(d), C = ct(d) === d, M = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), w = h || (C || !b ? [oo(d)] : Cy(d)), W = y !== "none";
       !h && W && w.push(...Ey(d, b, y, M));
-      const E = [d, ...w], F = await c.detectOverflow(t, v), N = [];
+      const E = [d, ...w], F = await c.detectOverflow(t, v), R = [];
       let U = ((r = i.flip) == null ? void 0 : r.overflows) || [];
-      if (p && N.push(F[x]), u) {
+      if (p && R.push(F[x]), u) {
         const Q = Sy(l, a, M);
-        N.push(F[Q[0]], F[Q[1]]);
+        R.push(F[Q[0]], F[Q[1]]);
       }
       if (U = [...U, {
         placement: l,
-        overflows: N
-      }], !N.every((Q) => Q <= 0)) {
+        overflows: R
+      }], !R.every((Q) => Q <= 0)) {
         var K, q;
         const Q = (((K = i.flip) == null ? void 0 : K.index) || 0) + 1, ie = E[Q];
         if (ie && (!(u === "alignment" ? S !== et(ie) : !1) || // We leave the current main axis only if every placement on that axis
@@ -14971,7 +14971,7 @@ const By = 50, zy = async (e, t, o) => {
     }
   };
 }, Ty = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ry(e, t) {
+async function Ny(e, t) {
   const {
     placement: o,
     platform: r,
@@ -14998,7 +14998,7 @@ async function Ry(e, t) {
     y: m * p
   };
 }
-const Ny = function(e) {
+const Ry = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -15009,7 +15009,7 @@ const Ny = function(e) {
         y: i,
         placement: a,
         middlewareData: d
-      } = t, c = await Ry(t, e);
+      } = t, c = await Ny(t, e);
       return a === ((o = d.offset) == null ? void 0 : o.placement) && (r = d.arrow) != null && r.alignmentOffset ? {} : {
         x: l + c.x,
         y: i + c.y,
@@ -15566,7 +15566,7 @@ function l3(e, t, o, r) {
     }), u == null || u(), (x = m) == null || x.disconnect(), m = null, c && cancelAnimationFrame(y);
   };
 }
-const i3 = Ny, a3 = Vy, s3 = Dy, c3 = (e, t, o) => {
+const i3 = Ry, a3 = Vy, s3 = Dy, c3 = (e, t, o) => {
   const r = /* @__PURE__ */ new Map(), l = {
     platform: n3,
     ...o
@@ -16034,7 +16034,7 @@ function g3(e) {
     Y !== W.current && (W.current = Y, b(Y));
   }, []), C = le.useCallback((Y) => {
     Y !== E.current && (E.current = Y, x(Y));
-  }, []), M = i || y, w = a || v, W = le.useRef(null), E = le.useRef(null), F = le.useRef(p), N = c != null, U = Co(c), K = Co(l), q = Co(s), j = le.useCallback(() => {
+  }, []), M = i || y, w = a || v, W = le.useRef(null), E = le.useRef(null), F = le.useRef(p), R = c != null, U = Co(c), K = Co(l), q = Co(s), j = le.useCallback(() => {
     if (!W.current || !E.current)
       return;
     const Y = {
@@ -16071,7 +16071,7 @@ function g3(e) {
         return U.current(M, w, j);
       j();
     }
-  }, [M, w, j, U, N]);
+  }, [M, w, j, U, R]);
   const ie = le.useMemo(() => ({
     reference: W,
     floating: E,
@@ -16215,7 +16215,7 @@ const m3 = (e, t) => {
       height: 0
     }, F = f`
       z-index: 1000;
-    `, N = k(w3, F, d), U = k(
+    `, R = k(w3, F, d), U = k(
       f`
         position: absolute;
       `,
@@ -16263,13 +16263,13 @@ const m3 = (e, t) => {
         ref: y
       });
     }
-    return /* @__PURE__ */ g(Ne, { children: [
+    return /* @__PURE__ */ g(Re, { children: [
       o && /* @__PURE__ */ n(Li, { onClick: s }),
       /* @__PURE__ */ g(
         "div",
         {
           ref: S.setFloating,
-          className: N,
+          className: R,
           style: {
             position: C,
             left: v ?? 0,
@@ -16654,7 +16654,7 @@ const m3 = (e, t) => {
   primary: "primary-destructive",
   secondary: "secondary-destructive",
   tertiary: "tertiary-destructive"
-}, R3 = (e) => e === "default" ? "medium" : e ?? "medium", N3 = (e, t) => {
+}, N3 = (e) => e === "default" ? "medium" : e ?? "medium", R3 = (e, t) => {
   if (!t) return e;
   const o = T3[e];
   return o || (console.warn(
@@ -16678,7 +16678,7 @@ const m3 = (e, t) => {
   className: y,
   ...b
 }) => {
-  const v = e || "button", x = se(null), S = h || x, [C, M] = me(!1), [w] = I(), W = N3(t, o), E = R3(r), F = f`
+  const v = e || "button", x = se(null), S = h || x, [C, M] = me(!1), [w] = I(), W = R3(t, o), E = N3(r), F = f`
     all: unset;
     border: 2px solid transparent;
     display: inline-flex;
@@ -16701,7 +16701,7 @@ const m3 = (e, t) => {
     &:focus-visible {
       box-shadow: ${w.boxShadow.focus};
     }
-  `, N = E === "xsmall" ? 20 : 24, U = E === "xsmall" ? 8 : 16, K = f`
+  `, R = E === "xsmall" ? 20 : 24, U = E === "xsmall" ? 8 : 16, K = f`
     width: 48px;
     padding: 0;
     justify-content: center;
@@ -16794,7 +16794,7 @@ const m3 = (e, t) => {
     !m && K,
     y
   );
-  return /* @__PURE__ */ g(Ne, { children: [
+  return /* @__PURE__ */ g(Re, { children: [
     /* @__PURE__ */ n(
       v,
       {
@@ -16810,11 +16810,11 @@ const m3 = (e, t) => {
         children: s ? /* @__PURE__ */ n(
           ky,
           {
-            size: N,
+            size: R,
             strokeWidth: 8,
             inheritColour: !0
           }
-        ) : /* @__PURE__ */ g(Ne, { children: [
+        ) : /* @__PURE__ */ g(Re, { children: [
           a && d === "left" && a,
           m,
           a && d === "right" && a
@@ -16833,7 +16833,7 @@ const m3 = (e, t) => {
       }
     )
   ] });
-}, Re = D(V3), Xn = "ucl-uikit-label", O3 = Ae(
+}, Ne = D(V3), Xn = "ucl-uikit-label", O3 = Ae(
   ({
     type: e = "block",
     disabled: t,
@@ -17021,7 +17021,7 @@ const m3 = (e, t) => {
       }
     );
   }
-), Rw = D(Z3), P3 = (e) => {
+), Nw = D(Z3), P3 = (e) => {
   if (typeof e != "string" || e === "" || e === null || e === void 0)
     return "";
   const t = e.trim().split(" ");
@@ -17108,7 +17108,7 @@ const m3 = (e, t) => {
       }
     );
   }
-), j3 = D(U3), tr = "ucl-uikit-badge", Nw = ({
+), j3 = D(U3), tr = "ucl-uikit-badge", Rw = ({
   testId: e = tr,
   className: t,
   children: o,
@@ -17294,9 +17294,9 @@ const m3 = (e, t) => {
         c
       ),
       l
-    ), N = t || v;
-    return /* @__PURE__ */ g(Ne, { children: [
-      N === "h1" && /* @__PURE__ */ n(
+    ), R = t || v;
+    return /* @__PURE__ */ g(Re, { children: [
+      R === "h1" && /* @__PURE__ */ n(
         "h1",
         {
           ref: i,
@@ -17305,7 +17305,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "h2" && /* @__PURE__ */ n(
+      R === "h2" && /* @__PURE__ */ n(
         "h2",
         {
           ref: i,
@@ -17314,7 +17314,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "h3" && /* @__PURE__ */ n(
+      R === "h3" && /* @__PURE__ */ n(
         "h3",
         {
           ref: i,
@@ -17323,7 +17323,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "h4" && /* @__PURE__ */ n(
+      R === "h4" && /* @__PURE__ */ n(
         "h4",
         {
           ref: i,
@@ -17332,7 +17332,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "h5" && /* @__PURE__ */ n(
+      R === "h5" && /* @__PURE__ */ n(
         "h5",
         {
           ref: i,
@@ -17341,7 +17341,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "h6" && /* @__PURE__ */ n(
+      R === "h6" && /* @__PURE__ */ n(
         "h6",
         {
           ref: i,
@@ -17350,7 +17350,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "span" && /* @__PURE__ */ n(
+      R === "span" && /* @__PURE__ */ n(
         "span",
         {
           ref: i,
@@ -17359,7 +17359,7 @@ const m3 = (e, t) => {
           ...d
         }
       ),
-      N === "div" && /* @__PURE__ */ n(
+      R === "div" && /* @__PURE__ */ n(
         "div",
         {
           ref: i,
@@ -17400,7 +17400,7 @@ const m3 = (e, t) => {
         xsMedium: E
       }
     }
-  } = p, F = e || (t === "standfirst" ? o === "medium" ? "lg-medium" : "lg" : t === "small" ? o === "medium" ? "sm-medium" : "sm" : o === "medium" ? "md-medium" : "md"), N = f`
+  } = p, F = e || (t === "standfirst" ? o === "medium" ? "lg-medium" : "lg" : t === "small" ? o === "medium" ? "sm-medium" : "sm" : o === "medium" ? "md-medium" : "md"), R = f`
     font-family: ${b.fontFamily};
     font-feature-settings: ${b.fontSettings};
     color: ${o === "medium" ? p.colour.text.secondary : p.colour.text.default};
@@ -17459,7 +17459,7 @@ const m3 = (e, t) => {
     line-height: ${E.lineHeight}%;
   `, ge = k(
     rr,
-    N,
+    R,
     F === "lg" && U,
     F === "lg-medium" && K,
     F === "lg-semibold" && q,
@@ -17479,7 +17479,7 @@ const m3 = (e, t) => {
     ),
     a
   ), Fe = r;
-  return /* @__PURE__ */ g(Ne, { children: [
+  return /* @__PURE__ */ g(Re, { children: [
     Fe === "p" && /* @__PURE__ */ n(
       "p",
       {
@@ -17879,8 +17879,8 @@ const ur = "ucl-uikit-checkbox", yb = Ae(
     const [s] = I(), p = t !== void 0, [u, h] = me(
       o ?? !1
     ), m = p ? t : u, y = (F) => {
-      var N;
-      p || h(F.target.checked), (N = d.onChange) == null || N.call(d, F);
+      var R;
+      p || h(F.target.checked), (R = d.onChange) == null || R.call(d, F);
     }, b = f`
       position: relative;
       display: inline-block;
@@ -18289,7 +18289,7 @@ const ur = "ucl-uikit-checkbox", yb = Ae(
     b,
     p && v,
     r
-  ), M = /* @__PURE__ */ g(Ne, { children: [
+  ), M = /* @__PURE__ */ g(Re, { children: [
     ot.isValidElement(t) && /* @__PURE__ */ n("span", { className: S, children: t }),
     o
   ] });
@@ -18694,7 +18694,7 @@ const Bi = Ze({}), zi = () => Te(Bi), Lb = ({
     p,
     c && u,
     r
-  ), y = /* @__PURE__ */ g(Ne, { children: [
+  ), y = /* @__PURE__ */ g(Re, { children: [
     ot.isValidElement(t) && /* @__PURE__ */ n("span", { className: h, children: t }),
     o
   ] });
@@ -18765,7 +18765,7 @@ const Bi = Ze({}), zi = () => Te(Bi), Lb = ({
       children: /* @__PURE__ */ n(T.Menu, {})
     }
   );
-}, Rb = D(Tb), Lo = "ucl-uikit-menu", Nb = ({
+}, Nb = D(Tb), Lo = "ucl-uikit-menu", Rb = ({
   defaultOpen: e = !1,
   title: t,
   position: o = "right",
@@ -18786,7 +18786,7 @@ const Bi = Ze({}), zi = () => Te(Bi), Lb = ({
       "data-testid": l,
       ...d,
       children: /* @__PURE__ */ g(Lb, { defaultOpen: e, children: [
-        /* @__PURE__ */ n(Rb, { "aria-controls": r }),
+        /* @__PURE__ */ n(Nb, { "aria-controls": r }),
         /* @__PURE__ */ n(
           Eb,
           {
@@ -18799,10 +18799,10 @@ const Bi = Ze({}), zi = () => Te(Bi), Lb = ({
       ] })
     }
   );
-}, Vb = D(Nb), Di = Vb;
+}, Vb = D(Rb), Di = Vb;
 Di.Section = Bb;
 Di.Item = Wb;
-const Ti = Ze({}), Ri = () => Te(Ti), Ob = ({
+const Ti = Ze({}), Ni = () => Te(Ti), Ob = ({
   defaultOpen: e = !1,
   children: t
 }) => {
@@ -18865,7 +18865,7 @@ const Ti = Ze({}), Ri = () => Te(Ti), Ob = ({
   className: l,
   ...i
 }) => {
-  const { isOpen: a, contentRef: d, toggleMenu: c } = Ri(), [s] = I(), { padding: p } = s, u = $e(
+  const { isOpen: a, contentRef: d, toggleMenu: c } = Ni(), [s] = I(), { padding: p } = s, u = $e(
     `(min-width: ${s.breakpoints.desktop}px)`
   ), h = f`
     display: none;
@@ -18995,7 +18995,7 @@ const Ti = Ze({}), Ri = () => Te(Ti), Ob = ({
     p,
     c && u,
     r
-  ), y = /* @__PURE__ */ g(Ne, { children: [
+  ), y = /* @__PURE__ */ g(Re, { children: [
     ot.isValidElement(t) && /* @__PURE__ */ n("span", { className: h, children: t }),
     o
   ] });
@@ -19056,9 +19056,9 @@ const Ti = Ze({}), Ri = () => Te(Ti), Ob = ({
   className: o,
   ...r
 }) => {
-  const { toggleMenu: l, isOpen: i, triggerRef: a } = Ri(), d = k(Yb, o);
+  const { toggleMenu: l, isOpen: i, triggerRef: a } = Ni(), d = k(Yb, o);
   return /* @__PURE__ */ n(
-    Re,
+    Ne,
     {
       id: e,
       ref: a,
@@ -19108,9 +19108,9 @@ const Ti = Ze({}), Ri = () => Te(Ti), Ob = ({
       ] })
     }
   );
-}, $b = D(Xb), Ni = $b;
-Ni.Section = Jb;
-Ni.Item = Ub;
+}, $b = D(Xb), Ri = $b;
+Ri.Section = Jb;
+Ri.Item = Ub;
 const Sr = "ucl-uikit-simple-menu", _b = ({
   testId: e = Sr,
   className: t,
@@ -19180,7 +19180,7 @@ const Sr = "ucl-uikit-simple-menu", _b = ({
   }, [x]);
   const S = se(null), C = S, M = se(!1), w = se(!1), W = (z) => {
     S.current = z, typeof y == "function" ? y(z) : y && "current" in y && (y.current = z);
-  }, [E] = I(), [F, N] = me(!1), [U, K] = me(""), [q, j] = me(
+  }, [E] = I(), [F, R] = me(!1), [U, K] = me(""), [q, j] = me(
     null
   ), [Q, ie] = me(
     null
@@ -19205,7 +19205,7 @@ const Sr = "ucl-uikit-simple-menu", _b = ({
     Q !== null && z.includes(Q) || ie(z[0]);
   }, [o, Q, t]), $(() => {
     const z = (G) => {
-      C.current && !C.current.contains(G.target) && N(!1);
+      C.current && !C.current.contains(G.target) && R(!1);
     };
     return document.addEventListener("mousedown", z), () => {
       document.removeEventListener("mousedown", z);
@@ -19243,16 +19243,16 @@ const Sr = "ucl-uikit-simple-menu", _b = ({
     J(z.shiftKey) && z.preventDefault();
   };
   $(() => {
-    l && F && N(!1);
+    l && F && R(!1);
   }, [l, F]), $(() => {
     m && F && X.current && X.current.focus();
   }, [m, F]);
   const be = () => {
-    l || N((z) => !z);
+    l || R((z) => !z);
   }, we = () => {
-    l || N(!0);
+    l || R(!0);
   }, Ce = () => {
-    l || (N(!1), j(null));
+    l || (R(!1), j(null));
   }, He = (z) => {
     if (!l) {
       if (M.current) {
@@ -20470,7 +20470,7 @@ const Br = "ucl-uikit-footer__column", yv = ({
       ]
     }
   );
-}, Rr = "ucl-uikit-footer__legal-and-copyright", Av = ({
+}, Nr = "ucl-uikit-footer__legal-and-copyright", Av = ({
   disclaimer: e,
   freedomOfInformation: t,
   accessibility: o,
@@ -20478,7 +20478,7 @@ const Br = "ucl-uikit-footer__column", yv = ({
   privacy: l,
   slaveryStatement: i,
   login: a,
-  testId: d = Rr,
+  testId: d = Nr,
   className: c,
   ...s
 }) => {
@@ -20494,7 +20494,7 @@ const Br = "ucl-uikit-footer__column", yv = ({
     @media screen and (min-width: ${u.breakpoints.desktopLarge}px) {
       display: flex;
     }
-  `, m = k(Rr, h, c), y = f`
+  `, m = k(Nr, h, c), y = f`
     color: ${u.colour.text.brandInverseSecondary};
     font-family: ${u.typography.body.md.fontFamily};
     font-size: 14px;
@@ -20607,9 +20607,9 @@ const Br = "ucl-uikit-footer__column", yv = ({
   );
 }, Sv = () => {
   window == null || window.scrollTo({ top: 0, behavior: "smooth" });
-}, Nr = "ucl-uikit-footer__back-to-top", Cv = ({
+}, Rr = "ucl-uikit-footer__back-to-top", Cv = ({
   compact: e,
-  testId: t = Nr,
+  testId: t = Rr,
   className: o,
   ...r
 }) => {
@@ -20628,7 +20628,7 @@ const Br = "ucl-uikit-footer__column", yv = ({
     @media screen and (min-width: ${l.breakpoints.tablet}px) {
       margin-top: ${l.margin.m16};
     }
-  `, c = k(Nr, a, e && d, o), s = f`
+  `, c = k(Rr, a, e && d, o), s = f`
     display: inline;
     background-color: transparent;
     border: none;
@@ -20881,7 +20881,7 @@ const qr = "ucl-divider", Ev = ({ testId: e = qr, className: t, ...o }) => {
       outline: none;
       box-shadow: ${h.boxShadow.focus};
     }
-  `, C = k(x, r), w = /* @__PURE__ */ g(Ne, { children: [
+  `, C = k(x, r), w = /* @__PURE__ */ g(Re, { children: [
     /* @__PURE__ */ n(mo, { className: v }),
     e && /* @__PURE__ */ n(
       o,
@@ -20915,7 +20915,7 @@ const qr = "ucl-divider", Ev = ({ testId: e = qr, className: t, ...o }) => {
   );
 }, Dv = D(zv), Tv = Dv;
 Tv.Menu = Hv;
-const Ur = "ucl-uikit-header__menu-container", Rv = ({
+const Ur = "ucl-uikit-header__menu-container", Nv = ({
   testId: e = Ur,
   className: t,
   children: o,
@@ -20937,7 +20937,7 @@ const Ur = "ucl-uikit-header__menu-container", Rv = ({
       children: o
     }
   );
-}, jr = "ucl-uikit-header__item", Nv = ({
+}, jr = "ucl-uikit-header__item", Rv = ({
   testId: e = jr,
   className: t,
   children: o,
@@ -21150,8 +21150,8 @@ const Ur = "ucl-uikit-header__menu-container", Rv = ({
     }
   );
 }, jv = D(Uv), qi = jv;
-qi.MenuContainer = Rv;
-qi.Item = Nv;
+qi.MenuContainer = Nv;
+qi.Item = Rv;
 const Kr = "ucl-uikit-header__bottom--breadcrumbs", Jv = ({
   testId: e = Kr,
   className: t,
@@ -21359,8 +21359,8 @@ const Kr = "ucl-uikit-header__bottom--breadcrumbs", Jv = ({
   ...m
 }) => {
   const [y] = I(), b = [], v = [];
-  ot.Children.forEach(h, (N) => {
-    ot.isValidElement(N) && N.type === Zi ? b.push(N) : v.push(N);
+  ot.Children.forEach(h, (R) => {
+    ot.isValidElement(R) && R.type === Zi ? b.push(R) : v.push(R);
   });
   const x = f`
     background-color: ${y.color.neutral.white};
@@ -21551,7 +21551,7 @@ const tl = "ucl-uikit-table__head", o6 = ({ className: e, children: t, ...o }) =
       className: s,
       "data-testid": ol,
       children: [
-        e === "default" && /* @__PURE__ */ g(Ne, { children: [
+        e === "default" && /* @__PURE__ */ g(Re, { children: [
           a,
           o && /* @__PURE__ */ n(n6, { sortOrder: t })
         ] }),
@@ -21719,7 +21719,7 @@ const tl = "ucl-uikit-table__head", o6 = ({ className: e, children: t, ...o }) =
           }
         ),
         e === "button" && /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             variant: "tertiary",
             onClick: a,
@@ -21782,7 +21782,7 @@ const tl = "ucl-uikit-table__head", o6 = ({ className: e, children: t, ...o }) =
       )
     }
   );
-}, ll = "ucl-uikit-table", Rt = ({
+}, ll = "ucl-uikit-table", Nt = ({
   testId: e = ll,
   className: t,
   children: o,
@@ -21807,11 +21807,11 @@ const tl = "ucl-uikit-table__head", o6 = ({ className: e, children: t, ...o }) =
     }
   );
 };
-Rt.Head = o6;
-Rt.HeadCell = l6;
-Rt.Body = a6;
-Rt.Row = s6;
-Rt.Cell = d6;
+Nt.Head = o6;
+Nt.HeadCell = l6;
+Nt.Body = a6;
+Nt.Row = s6;
+Nt.Cell = d6;
 const il = "ucl-uikit-alert__message", u6 = ({
   testId: e = il,
   className: t,
@@ -22304,8 +22304,8 @@ const A6 = (e, t, o) => {
   ), i = Te(nn), a = Ve(
     (E) => {
       if (i) {
-        const { limit: F, onPageChange: N } = i, U = (E - 1) * F;
-        N && N(U);
+        const { limit: F, onPageChange: R } = i, U = (E - 1) * F;
+        R && R(U);
       }
     },
     [i]
@@ -22388,7 +22388,7 @@ const A6 = (e, t, o) => {
       "data-testid": t,
       children: /* @__PURE__ */ g("ul", { className: b, children: [
         /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             className: x,
             variant: "tertiary",
@@ -22399,9 +22399,9 @@ const A6 = (e, t, o) => {
             children: "Previous"
           }
         ) }),
-        h.map((E) => /* @__PURE__ */ n("li", { children: E === "...1" || E === "...2" ? /* @__PURE__ */ n("span", { "aria-hidden": !0, children: "..." }) : /* @__PURE__ */ g(Ne, { children: [
+        h.map((E) => /* @__PURE__ */ n("li", { children: E === "...1" || E === "...2" ? /* @__PURE__ */ n("span", { "aria-hidden": !0, children: "..." }) : /* @__PURE__ */ g(Re, { children: [
           E !== u && /* @__PURE__ */ n(
-            Re,
+            Ne,
             {
               className: M,
               variant: "secondary",
@@ -22412,7 +22412,7 @@ const A6 = (e, t, o) => {
             }
           ),
           E === u && /* @__PURE__ */ n(
-            Re,
+            Ne,
             {
               className: w,
               variant: "secondary",
@@ -22426,7 +22426,7 @@ const A6 = (e, t, o) => {
           )
         ] }) }, E)),
         /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             className: S,
             variant: "tertiary",
@@ -22513,7 +22513,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
   testId: l = gl,
   className: i
 }) => {
-  const { onClose: a, dialogHeaderId: d } = Te(Nt), [c] = I(), s = f`
+  const { onClose: a, dialogHeaderId: d } = Te(Rt), [c] = I(), s = f`
     padding: ${c.padding.p32} ${c.padding.p32} 0 ${c.padding.p32};
   `, p = f`
     height: ${c.height.h32};
@@ -22565,7 +22565,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
   testId: t = ml,
   className: o
 }) => {
-  const [r] = I(), { dialogBodyId: l } = Te(Nt), i = f`
+  const [r] = I(), { dialogBodyId: l } = Te(Rt), i = f`
     margin: ${r.padding.p24} ${r.padding.p32};
   `, a = k(ml, i, o);
   return /* @__PURE__ */ n(
@@ -22578,7 +22578,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
       children: e
     }
   );
-}, D6 = D(z6), T6 = "ucl-uikit-dialog__footer", R6 = ({
+}, D6 = D(z6), T6 = "ucl-uikit-dialog__footer", N6 = ({
   primaryButton: e,
   secondaryButton: t,
   primaryButtonProps: o,
@@ -22587,7 +22587,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
   className: i,
   ...a
 }) => {
-  const d = !!(e && !t), c = !!(!e && t), s = !!(e && t), { onAction: p, onSecondaryAction: u } = Te(Nt), [h] = I(), m = f`
+  const d = !!(e && !t), c = !!(!e && t), s = !!(e && t), { onAction: p, onSecondaryAction: u } = Te(Rt), [h] = I(), m = f`
     display: flex;
     align-items: center;
     margin: ${h.margin.m24} ${h.margin.m32} ${h.margin.m32};
@@ -22614,7 +22614,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
       ...a,
       children: [
         t && /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             onClick: u,
             variant: "secondary",
@@ -22623,7 +22623,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
           }
         ),
         e && /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             variant: "primary",
             onClick: p,
@@ -22634,7 +22634,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
       ]
     }
   );
-}, yl = "ucl-uikit-dialog", Nt = Ze({}), N6 = ({
+}, yl = "ucl-uikit-dialog", Rt = Ze({}), R6 = ({
   onClose: e,
   onAction: t,
   onSecondaryAction: o,
@@ -22652,7 +22652,7 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
   }, u = f`
     box-shadow: ${d.boxShadow.x2y4};
   `, h = k(yl, u, l);
-  return /* @__PURE__ */ n(Nt, { value: p, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Rt, { value: p, children: /* @__PURE__ */ n(
     P6,
     {
       onClose: e,
@@ -22663,10 +22663,10 @@ const gl = "ucl-uikit-dialog__header", B6 = ({
       children: i
     }
   ) });
-}, vt = N6;
+}, vt = R6;
 vt.Header = B6;
 vt.Body = D6;
-vt.Footer = R6;
+vt.Footer = N6;
 const bl = "ucl-uikit-base-dialog", V6 = 495, O6 = 495, q6 = 740, Z6 = ({
   open: e = !1,
   size: t = "medium",
@@ -22689,7 +22689,7 @@ const bl = "ucl-uikit-base-dialog", V6 = 495, O6 = 495, q6 = 740, Z6 = ({
     small: V6,
     medium: O6,
     large: q6
-  }[t], [x] = I(), S = se(null), C = se(null), M = Te(Nt), w = M == null ? void 0 : M.dialogHeaderId, W = M == null ? void 0 : M.dialogBodyId;
+  }[t], [x] = I(), S = se(null), C = se(null), M = Te(Rt), w = M == null ? void 0 : M.dialogHeaderId, W = M == null ? void 0 : M.dialogBodyId;
   Qi({
     isActive: e && o && !u,
     containerRef: S,
@@ -22723,7 +22723,7 @@ const bl = "ucl-uikit-base-dialog", V6 = 495, O6 = 495, q6 = 740, Z6 = ({
       }
     },
     [r, l, a]
-  ), N = Ve(
+  ), R = Ve(
     (q) => {
       a && a(q);
     },
@@ -22766,7 +22766,7 @@ const bl = "ucl-uikit-base-dialog", V6 = 495, O6 = 495, q6 = 740, Z6 = ({
       className: K,
       "data-testid": y,
       onClick: F,
-      onClose: N,
+      onClose: R,
       "aria-modal": o ? "true" : "false",
       "aria-labelledby": w,
       "aria-describedby": W,
@@ -23084,9 +23084,9 @@ const Y6 = 100, Q6 = 1e3, G6 = () => {
   ...y
 }) => {
   e && isNaN(e.getTime()) && (console.warn("CustomDatepicker: value is invalid, defaulting to null"), e = null);
-  const b = se(null), v = u || b, x = se(null), S = h || x, C = se(!1), [M, w] = me(!1), W = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", E = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", F = (e == null ? void 0 : e.getFullYear().toString()) ?? "", N = e ? `${W}/${E}/${F}` : "", [U, K] = me(N), q = Ve(() => {
-    K(N);
-  }, [K, N]);
+  const b = se(null), v = u || b, x = se(null), S = h || x, C = se(!1), [M, w] = me(!1), W = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", E = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", F = (e == null ? void 0 : e.getFullYear().toString()) ?? "", R = e ? `${W}/${E}/${F}` : "", [U, K] = me(R), q = Ve(() => {
+    K(R);
+  }, [K, R]);
   $(() => {
     q();
   }, [e, q]), $(() => {
@@ -23896,7 +23896,7 @@ const sw = ({
     const Ke = new Date(He);
     return Ke.setDate(He.getDate() + 6), { start: He, end: Ke };
   }
-  const b = se(null), v = p || b, x = se(null), S = u || x, [C, M] = me(!1), w = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", W = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", E = (e == null ? void 0 : e.getFullYear().toString()) ?? "", F = e ? `${w}/${W}/${E}` : "", [N, U] = me(F), K = Ve(() => {
+  const b = se(null), v = p || b, x = se(null), S = u || x, [C, M] = me(!1), w = (e == null ? void 0 : e.getDate().toString().padStart(2, "0")) ?? "", W = e ? (e.getMonth() + 1).toString().padStart(2, "0") : "", E = (e == null ? void 0 : e.getFullYear().toString()) ?? "", F = e ? `${w}/${W}/${E}` : "", [R, U] = me(F), K = Ve(() => {
     U(F);
   }, [U, F]);
   $(() => {
@@ -23905,7 +23905,7 @@ const sw = ({
   const q = (J) => {
     U(J.target.value);
   }, j = (J) => {
-    const ae = Ki(N, o, r);
+    const ae = Ki(R, o, r);
     ae ? t(ae, J) : K();
   }, Q = (J) => {
     var ae;
@@ -23940,7 +23940,7 @@ const sw = ({
     align-items: center;
     justify-content: space-between;
     gap: 16px;
-  `, de = k(Dl, s, Y), _ = m(N), ye = _ ? y(_) : null;
+  `, de = k(Dl, s, Y), _ = m(R), ye = _ ? y(_) : null;
   let P = null;
   if (_)
     for (let J = 0; J < d.length; J++) {
@@ -23979,7 +23979,7 @@ const sw = ({
         /* @__PURE__ */ n(
           pw,
           {
-            inputValue: N,
+            inputValue: R,
             onInputChange: q,
             onInputKeyDown: Q,
             onInputFocus: X,
@@ -24111,7 +24111,7 @@ const sw = ({
       ]
     }
   );
-}, Rl = "ucl-uikit-weekpicker__input", gw = ({
+}, Nl = "ucl-uikit-weekpicker__input", gw = ({
   value: e,
   onChange: t,
   onKeyDown: o,
@@ -24147,7 +24147,7 @@ const sw = ({
     &::placeholder {
       color: ${s.color.text.disabled};
     }
-  `, y = k(Rl, h, l && m), b = (C) => new Date(C).toLocaleDateString("en-GB", {
+  `, y = k(Nl, h, l && m), b = (C) => new Date(C).toLocaleDateString("en-GB", {
     day: "2-digit",
     month: "short"
   }), v = (C) => new Date(C).toLocaleDateString("en-GB", {
@@ -24170,7 +24170,7 @@ const sw = ({
       inputMode: "numeric",
       placeholder: "DD/MM/YYYY",
       className: y,
-      "data-testid": Rl,
+      "data-testid": Nl,
       ref: c,
       "aria-label": `Currently selected date: ${e} - Week from ${x}. ${d ? `(Academic Week ${d})` : ""}`
     }
@@ -24194,8 +24194,8 @@ const sw = ({
     disabled: l,
     ...a
   }
-), Nl = "ucl-uikit-fileinput", _w = ({
-  testId: e = Nl,
+), Rl = "ucl-uikit-fileinput", _w = ({
+  testId: e = Rl,
   children: t,
   labelId: o = "1",
   ...r
@@ -24216,7 +24216,7 @@ const sw = ({
     font-weight: 700;
     margin-top: 3px;
     cursor: pointer;
-  `, s = k(Nl, a, r.className);
+  `, s = k(Rl, a, r.className);
   return /* @__PURE__ */ g("div", { className: s, children: [
     /* @__PURE__ */ g(
       "label",
@@ -24345,7 +24345,7 @@ const sw = ({
         /* @__PURE__ */ n(Ei, { noMargins: !0, children: t }),
         /* @__PURE__ */ g("div", { className: h, children: [
           /* @__PURE__ */ n(
-            Re,
+            Ne,
             {
               size: "small",
               onClick: o,
@@ -24353,7 +24353,7 @@ const sw = ({
             }
           ),
           /* @__PURE__ */ n(
-            Re,
+            Ne,
             {
               size: "small",
               onClick: r,
@@ -24406,7 +24406,7 @@ const sw = ({
   }, F = f`
     position: relative;
     height: 48px;
-  `, N = k(
+  `, R = k(
     ql,
     F,
     ke(
@@ -24454,7 +24454,7 @@ const sw = ({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: N,
+      className: R,
       ...v,
       children: [
         /* @__PURE__ */ n(
@@ -24621,7 +24621,7 @@ tt.Trigger = kw;
 tt.Content = Sw;
 const Lw = "ucl-uikit-dropdown-menu", n5 = ({
   children: e,
-  label: t = "Menu",
+  label: t = "MENU",
   triggerAriaLabel: o = "Open menu",
   dropdownClassName: r,
   triggerClassName: l,
@@ -24633,6 +24633,9 @@ const Lw = "ucl-uikit-dropdown-menu", n5 = ({
     `(min-width: ${c.breakpoints.desktop}px)`
   ), p = f`
     color: ${c.colour.text.brandPrimary};
+    font-family: ${c.typography.body.mdNumeric.fontFamily};
+    font-weight: ${c.typography.body.mdNumeric.fontWeight};
+    font-size: 14px;
   `, u = k(Lw, r), h = k(
     p,
     a,
@@ -24645,12 +24648,13 @@ const Lw = "ucl-uikit-dropdown-menu", n5 = ({
       ...d,
       children: [
         /* @__PURE__ */ n(tt.Trigger, { children: s ? /* @__PURE__ */ n(
-          Re,
+          Ne,
           {
             variant: "tertiary-no-padding",
             size: "small",
             className: h,
             icon: /* @__PURE__ */ n(T.Menu2, { size: 20 }),
+            iconPosition: "right",
             "aria-label": o,
             children: t
           }
@@ -24819,11 +24823,11 @@ export {
   _o as AppHeader,
   yo as AppMenu,
   j3 as Avatar,
-  Nw as Badge,
+  Rw as Badge,
   P6 as BaseDialog,
   Li as Blanket,
   mb as Breadcrumbs,
-  Re as Button,
+  Ne as Button,
   ea as Calendar,
   en as Checkbox,
   t5 as CookieNotice,
@@ -24853,7 +24857,7 @@ export {
   Qe as Link,
   l5 as Main,
   Di as Menu,
-  Ni as MenuNew,
+  Ri as MenuNew,
   Ow as Modal,
   Xw as NativeDatepicker,
   k3 as Overlay,
@@ -24864,10 +24868,10 @@ export {
   o5 as Search,
   Jw as Select,
   jw as SimpleMenu,
-  Rw as Snackbar,
+  Nw as Snackbar,
   ky as Spinner,
   Tw as StandaloneLink,
-  Rt as Table,
+  Nt as Table,
   w6 as Tabs,
   Ei as Text,
   Vw as Textarea,