@raspberrypifoundation/design-system-react 2.4.1 → 2.5.0

package/dist/design-system-react.js

@@ -1,9 +1,9 @@
-import { jsxs as w, jsx as d, Fragment as ye } from "react/jsx-runtime";
+import { jsxs as w, jsx as d, Fragment as K } from "react/jsx-runtime";
 import Ae from "react";
-function Pe(r) {
+function Ce(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var se = { exports: {} };
+var oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,38 +13,38 @@ var me;
 function je() {
   return me || (me = 1, function(r) {
     (function() {
-      var s = {}.hasOwnProperty;
-      function o() {
-        for (var n = "", u = 0; u < arguments.length; u++) {
-          var p = arguments[u];
-          p && (n = i(n, a(p)));
+      var i = {}.hasOwnProperty;
+      function s() {
+        for (var t = "", p = 0; p < arguments.length; p++) {
+          var f = arguments[p];
+          f && (t = c(t, a(f)));
         }
-        return n;
+        return t;
       }
-      function a(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return n;
-        if (typeof n != "object")
+      function a(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
           return "";
-        if (Array.isArray(n))
-          return o.apply(null, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var u = "";
-        for (var p in n)
-          s.call(n, p) && n[p] && (u = i(u, p));
-        return u;
+        if (Array.isArray(t))
+          return s.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var p = "";
+        for (var f in t)
+          i.call(t, f) && t[f] && (p = c(p, f));
+        return p;
       }
-      function i(n, u) {
-        return u ? n ? n + " " + u : n + u : n;
+      function c(t, p) {
+        return p ? t ? t + " " + p : t + p : t;
       }
-      r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
+      r.exports ? (s.default = s, r.exports = s) : window.classNames = s;
     })();
-  }(se)), se.exports;
+  }(oe)), oe.exports;
 }
 var qe = je();
-const k = /* @__PURE__ */ Pe(qe);
-var X = { exports: {} }, G = { exports: {} }, C = {};
+const M = /* @__PURE__ */ Ce(qe);
+var X = { exports: {} }, G = { exports: {} }, x = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -55,71 +55,71 @@ var X = { exports: {} }, G = { exports: {} }, C = {};
  */
 var ve;
 function Ie() {
-  if (ve) return C;
+  if (ve) return x;
   ve = 1;
-  var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114, u = r ? Symbol.for("react.provider") : 60109, p = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, M = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
-  function $(l) {
-    if (typeof l == "object" && l !== null) {
-      var z = l.$$typeof;
+  var r = typeof Symbol == "function" && Symbol.for, i = r ? Symbol.for("react.element") : 60103, s = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, c = r ? Symbol.for("react.strict_mode") : 60108, t = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, f = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
+  function $(o) {
+    if (typeof o == "object" && o !== null) {
+      var z = o.$$typeof;
       switch (z) {
-        case s:
-          switch (l = l.type, l) {
+        case i:
+          switch (o = o.type, o) {
             case v:
             case _:
             case a:
-            case n:
-            case i:
+            case t:
+            case c:
             case E:
-              return l;
+              return o;
             default:
-              switch (l = l && l.$$typeof, l) {
-                case p:
+              switch (o = o && o.$$typeof, o) {
+                case f:
                 case g:
-                case M:
+                case k:
                 case j:
-                case u:
-                  return l;
+                case p:
+                  return o;
                 default:
                   return z;
               }
           }
-        case o:
+        case s:
           return z;
       }
     }
   }
-  function q(l) {
-    return $(l) === _;
+  function q(o) {
+    return $(o) === _;
   }
-  return C.AsyncMode = v, C.ConcurrentMode = _, C.ContextConsumer = p, C.ContextProvider = u, C.Element = s, C.ForwardRef = g, C.Fragment = a, C.Lazy = M, C.Memo = j, C.Portal = o, C.Profiler = n, C.StrictMode = i, C.Suspense = E, C.isAsyncMode = function(l) {
-    return q(l) || $(l) === v;
-  }, C.isConcurrentMode = q, C.isContextConsumer = function(l) {
-    return $(l) === p;
-  }, C.isContextProvider = function(l) {
-    return $(l) === u;
-  }, C.isElement = function(l) {
-    return typeof l == "object" && l !== null && l.$$typeof === s;
-  }, C.isForwardRef = function(l) {
-    return $(l) === g;
-  }, C.isFragment = function(l) {
-    return $(l) === a;
-  }, C.isLazy = function(l) {
-    return $(l) === M;
-  }, C.isMemo = function(l) {
-    return $(l) === j;
-  }, C.isPortal = function(l) {
-    return $(l) === o;
-  }, C.isProfiler = function(l) {
-    return $(l) === n;
-  }, C.isStrictMode = function(l) {
-    return $(l) === i;
-  }, C.isSuspense = function(l) {
-    return $(l) === E;
-  }, C.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === a || l === _ || l === n || l === i || l === E || l === A || typeof l == "object" && l !== null && (l.$$typeof === M || l.$$typeof === j || l.$$typeof === u || l.$$typeof === p || l.$$typeof === g || l.$$typeof === I || l.$$typeof === Y || l.$$typeof === L || l.$$typeof === N);
-  }, C.typeOf = $, C;
+  return x.AsyncMode = v, x.ConcurrentMode = _, x.ContextConsumer = f, x.ContextProvider = p, x.Element = i, x.ForwardRef = g, x.Fragment = a, x.Lazy = k, x.Memo = j, x.Portal = s, x.Profiler = t, x.StrictMode = c, x.Suspense = E, x.isAsyncMode = function(o) {
+    return q(o) || $(o) === v;
+  }, x.isConcurrentMode = q, x.isContextConsumer = function(o) {
+    return $(o) === f;
+  }, x.isContextProvider = function(o) {
+    return $(o) === p;
+  }, x.isElement = function(o) {
+    return typeof o == "object" && o !== null && o.$$typeof === i;
+  }, x.isForwardRef = function(o) {
+    return $(o) === g;
+  }, x.isFragment = function(o) {
+    return $(o) === a;
+  }, x.isLazy = function(o) {
+    return $(o) === k;
+  }, x.isMemo = function(o) {
+    return $(o) === j;
+  }, x.isPortal = function(o) {
+    return $(o) === s;
+  }, x.isProfiler = function(o) {
+    return $(o) === t;
+  }, x.isStrictMode = function(o) {
+    return $(o) === c;
+  }, x.isSuspense = function(o) {
+    return $(o) === E;
+  }, x.isValidElementType = function(o) {
+    return typeof o == "string" || typeof o == "function" || o === a || o === _ || o === t || o === c || o === E || o === A || typeof o == "object" && o !== null && (o.$$typeof === k || o.$$typeof === j || o.$$typeof === p || o.$$typeof === f || o.$$typeof === g || o.$$typeof === I || o.$$typeof === Y || o.$$typeof === L || o.$$typeof === N);
+  }, x.typeOf = $, x;
 }
-var x = {};
+var P = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -131,85 +131,85 @@ var x = {};
 var ge;
 function $e() {
   return ge || (ge = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, n = r ? Symbol.for("react.profiler") : 60114, u = r ? Symbol.for("react.provider") : 60109, p = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, M = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
-    function $(c) {
-      return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      c === a || c === _ || c === n || c === i || c === E || c === A || typeof c == "object" && c !== null && (c.$$typeof === M || c.$$typeof === j || c.$$typeof === u || c.$$typeof === p || c.$$typeof === g || c.$$typeof === I || c.$$typeof === Y || c.$$typeof === L || c.$$typeof === N);
+    var r = typeof Symbol == "function" && Symbol.for, i = r ? Symbol.for("react.element") : 60103, s = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, c = r ? Symbol.for("react.strict_mode") : 60108, t = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, f = r ? Symbol.for("react.context") : 60110, v = r ? Symbol.for("react.async_mode") : 60111, _ = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, E = r ? Symbol.for("react.suspense") : 60113, A = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, L = r ? Symbol.for("react.scope") : 60119;
+    function $(l) {
+      return typeof l == "string" || typeof l == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      l === a || l === _ || l === t || l === c || l === E || l === A || typeof l == "object" && l !== null && (l.$$typeof === k || l.$$typeof === j || l.$$typeof === p || l.$$typeof === f || l.$$typeof === g || l.$$typeof === I || l.$$typeof === Y || l.$$typeof === L || l.$$typeof === N);
     }
-    function q(c) {
-      if (typeof c == "object" && c !== null) {
-        var F = c.$$typeof;
+    function q(l) {
+      if (typeof l == "object" && l !== null) {
+        var F = l.$$typeof;
         switch (F) {
-          case s:
-            var J = c.type;
+          case i:
+            var J = l.type;
             switch (J) {
               case v:
               case _:
               case a:
-              case n:
-              case i:
+              case t:
+              case c:
               case E:
                 return J;
               default:
                 var he = J && J.$$typeof;
                 switch (he) {
-                  case p:
+                  case f:
                   case g:
-                  case M:
+                  case k:
                   case j:
-                  case u:
+                  case p:
                     return he;
                   default:
                     return F;
                 }
             }
-          case o:
+          case s:
             return F;
         }
       }
     }
-    var l = v, z = _, Z = p, Q = u, ee = s, re = g, V = a, te = M, ne = j, B = o, ae = n, D = i, U = E, H = !1;
-    function ie(c) {
-      return H || (H = !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.")), t(c) || q(c) === v;
+    var o = v, z = _, Q = f, ee = p, re = i, te = g, V = a, ne = k, ae = j, B = s, ie = t, D = c, U = E, H = !1;
+    function se(l) {
+      return H || (H = !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(l) || q(l) === v;
     }
-    function t(c) {
-      return q(c) === _;
+    function n(l) {
+      return q(l) === _;
     }
-    function f(c) {
-      return q(c) === p;
+    function u(l) {
+      return q(l) === f;
     }
-    function T(c) {
-      return q(c) === u;
+    function T(l) {
+      return q(l) === p;
     }
-    function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === s;
+    function h(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === i;
     }
-    function y(c) {
-      return q(c) === g;
+    function y(l) {
+      return q(l) === g;
     }
-    function R(c) {
-      return q(c) === a;
+    function R(l) {
+      return q(l) === a;
     }
-    function b(c) {
-      return q(c) === M;
+    function b(l) {
+      return q(l) === k;
     }
-    function m(c) {
-      return q(c) === j;
+    function m(l) {
+      return q(l) === j;
     }
-    function O(c) {
-      return q(c) === o;
+    function O(l) {
+      return q(l) === s;
     }
-    function P(c) {
-      return q(c) === n;
+    function C(l) {
+      return q(l) === t;
     }
-    function S(c) {
-      return q(c) === i;
+    function S(l) {
+      return q(l) === c;
     }
-    function W(c) {
-      return q(c) === E;
+    function W(l) {
+      return q(l) === E;
     }
-    x.AsyncMode = l, x.ConcurrentMode = z, x.ContextConsumer = Z, x.ContextProvider = Q, x.Element = ee, x.ForwardRef = re, x.Fragment = V, x.Lazy = te, x.Memo = ne, x.Portal = B, x.Profiler = ae, x.StrictMode = D, x.Suspense = U, x.isAsyncMode = ie, x.isConcurrentMode = t, x.isContextConsumer = f, x.isContextProvider = T, x.isElement = h, x.isForwardRef = y, x.isFragment = R, x.isLazy = b, x.isMemo = m, x.isPortal = O, x.isProfiler = P, x.isStrictMode = S, x.isSuspense = W, x.isValidElementType = $, x.typeOf = q;
-  }()), x;
+    P.AsyncMode = o, P.ConcurrentMode = z, P.ContextConsumer = Q, P.ContextProvider = ee, P.Element = re, P.ForwardRef = te, P.Fragment = V, P.Lazy = ne, P.Memo = ae, P.Portal = B, P.Profiler = ie, P.StrictMode = D, P.Suspense = U, P.isAsyncMode = se, P.isConcurrentMode = n, P.isContextConsumer = u, P.isContextProvider = T, P.isElement = h, P.isForwardRef = y, P.isFragment = R, P.isLazy = b, P.isMemo = m, P.isPortal = O, P.isProfiler = C, P.isStrictMode = S, P.isSuspense = W, P.isValidElementType = $, P.typeOf = q;
+  }()), P;
 }
 var Te;
 function we() {
@@ -220,27 +220,27 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var oe, _e;
-function ke() {
-  if (_e) return oe;
+var le, _e;
+function Me() {
+  if (_e) return le;
   _e = 1;
-  var r = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable;
-  function a(n) {
-    if (n == null)
+  var r = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+  function a(t) {
+    if (t == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(n);
+    return Object(t);
   }
-  function i() {
+  function c() {
     try {
       if (!Object.assign)
         return !1;
-      var n = new String("abc");
-      if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
+      var t = new String("abc");
+      if (t[5] = "de", Object.getOwnPropertyNames(t)[0] === "5")
         return !1;
-      for (var u = {}, p = 0; p < 10; p++)
-        u["_" + String.fromCharCode(p)] = p;
-      var v = Object.getOwnPropertyNames(u).map(function(g) {
-        return u[g];
+      for (var p = {}, f = 0; f < 10; f++)
+        p["_" + String.fromCharCode(f)] = f;
+      var v = Object.getOwnPropertyNames(p).map(function(g) {
+        return p[g];
       });
       if (v.join("") !== "0123456789")
         return !1;
@@ -252,103 +252,103 @@ function ke() {
       return !1;
     }
   }
-  return oe = i() ? Object.assign : function(n, u) {
-    for (var p, v = a(n), _, g = 1; g < arguments.length; g++) {
-      p = Object(arguments[g]);
-      for (var E in p)
-        s.call(p, E) && (v[E] = p[E]);
+  return le = c() ? Object.assign : function(t, p) {
+    for (var f, v = a(t), _, g = 1; g < arguments.length; g++) {
+      f = Object(arguments[g]);
+      for (var E in f)
+        i.call(f, E) && (v[E] = f[E]);
       if (r) {
-        _ = r(p);
+        _ = r(f);
         for (var A = 0; A < _.length; A++)
-          o.call(p, _[A]) && (v[_[A]] = p[_[A]]);
+          s.call(f, _[A]) && (v[_[A]] = f[_[A]]);
       }
     }
     return v;
-  }, oe;
+  }, le;
 }
-var le, Ee;
+var ce, Ee;
 function be() {
-  if (Ee) return le;
+  if (Ee) return ce;
   Ee = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return le = r, le;
+  return ce = r, ce;
 }
-var ce, Re;
+var fe, Re;
 function Ne() {
-  return Re || (Re = 1, ce = Function.call.bind(Object.prototype.hasOwnProperty)), ce;
+  return Re || (Re = 1, fe = Function.call.bind(Object.prototype.hasOwnProperty)), fe;
 }
-var fe, Oe;
-function Me() {
-  if (Oe) return fe;
+var ue, Oe;
+function ke() {
+  if (Oe) return ue;
   Oe = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var s = /* @__PURE__ */ be(), o = {}, a = /* @__PURE__ */ Ne();
-    r = function(n) {
-      var u = "Warning: " + n;
-      typeof console < "u" && console.error(u);
+    var i = /* @__PURE__ */ be(), s = {}, a = /* @__PURE__ */ Ne();
+    r = function(t) {
+      var p = "Warning: " + t;
+      typeof console < "u" && console.error(p);
       try {
-        throw new Error(u);
+        throw new Error(p);
       } catch {
       }
     };
   }
-  function i(n, u, p, v, _) {
+  function c(t, p, f, v, _) {
     if (process.env.NODE_ENV !== "production") {
-      for (var g in n)
-        if (a(n, g)) {
+      for (var g in t)
+        if (a(t, g)) {
           var E;
           try {
-            if (typeof n[g] != "function") {
+            if (typeof t[g] != "function") {
               var A = Error(
-                (v || "React class") + ": " + p + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (v || "React class") + ": " + f + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw A.name = "Invariant Violation", A;
             }
-            E = n[g](u, g, v, p, null, s);
-          } catch (M) {
-            E = M;
+            E = t[g](p, g, v, f, null, i);
+          } catch (k) {
+            E = k;
           }
           if (E && !(E instanceof Error) && r(
-            (v || "React class") + ": type specification of " + p + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), E instanceof Error && !(E.message in o)) {
-            o[E.message] = !0;
+            (v || "React class") + ": type specification of " + f + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), E instanceof Error && !(E.message in s)) {
+            s[E.message] = !0;
             var j = _ ? _() : "";
             r(
-              "Failed " + p + " type: " + E.message + (j ?? "")
+              "Failed " + f + " type: " + E.message + (j ?? "")
             );
           }
         }
     }
   }
-  return i.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (o = {});
-  }, fe = i, fe;
+  return c.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (s = {});
+  }, ue = c, ue;
 }
-var ue, Se;
+var pe, Se;
 function Ye() {
-  if (Se) return ue;
+  if (Se) return pe;
   Se = 1;
-  var r = we(), s = ke(), o = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ Me(), n = function() {
+  var r = we(), i = Me(), s = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), c = /* @__PURE__ */ ke(), t = function() {
   };
-  process.env.NODE_ENV !== "production" && (n = function(p) {
-    var v = "Warning: " + p;
+  process.env.NODE_ENV !== "production" && (t = function(f) {
+    var v = "Warning: " + f;
     typeof console < "u" && console.error(v);
     try {
       throw new Error(v);
     } catch {
     }
   });
-  function u() {
+  function p() {
     return null;
   }
-  return ue = function(p, v) {
+  return pe = function(f, v) {
     var _ = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
-    function E(t) {
-      var f = t && (_ && t[_] || t[g]);
-      if (typeof f == "function")
-        return f;
+    function E(n) {
+      var u = n && (_ && n[_] || n[g]);
+      if (typeof u == "function")
+        return u;
     }
     var A = "<<anonymous>>", j = {
       array: Y("array"),
@@ -362,236 +362,236 @@ function Ye() {
       any: L(),
       arrayOf: $,
       element: q(),
-      elementType: l(),
+      elementType: o(),
       instanceOf: z,
-      node: re(),
-      objectOf: Q,
-      oneOf: Z,
-      oneOfType: ee,
-      shape: te,
-      exact: ne
+      node: te(),
+      objectOf: ee,
+      oneOf: Q,
+      oneOfType: re,
+      shape: ne,
+      exact: ae
     };
-    function M(t, f) {
-      return t === f ? t !== 0 || 1 / t === 1 / f : t !== t && f !== f;
+    function k(n, u) {
+      return n === u ? n !== 0 || 1 / n === 1 / u : n !== n && u !== u;
     }
-    function N(t, f) {
-      this.message = t, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
+    function N(n, u) {
+      this.message = n, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
     }
     N.prototype = Error.prototype;
-    function I(t) {
+    function I(n) {
       if (process.env.NODE_ENV !== "production")
-        var f = {}, T = 0;
-      function h(R, b, m, O, P, S, W) {
-        if (O = O || A, S = S || m, W !== o) {
+        var u = {}, T = 0;
+      function h(R, b, m, O, C, S, W) {
+        if (O = O || A, S = S || m, W !== s) {
           if (v) {
-            var c = new Error(
+            var l = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw c.name = "Invariant Violation", c;
+            throw l.name = "Invariant Violation", l;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var F = O + ":" + m;
-            !f[F] && // Avoid spamming the console because they are often not actionable except for lib authors
-            T < 3 && (n(
+            !u[F] && // Avoid spamming the console because they are often not actionable except for lib authors
+            T < 3 && (t(
               "You are manually calling a React.PropTypes validation function for the `" + S + "` prop on `" + O + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), f[F] = !0, T++);
+            ), u[F] = !0, T++);
           }
         }
-        return b[m] == null ? R ? b[m] === null ? new N("The " + P + " `" + S + "` is marked as required " + ("in `" + O + "`, but its value is `null`.")) : new N("The " + P + " `" + S + "` is marked as required in " + ("`" + O + "`, but its value is `undefined`.")) : null : t(b, m, O, P, S);
+        return b[m] == null ? R ? b[m] === null ? new N("The " + C + " `" + S + "` is marked as required " + ("in `" + O + "`, but its value is `null`.")) : new N("The " + C + " `" + S + "` is marked as required in " + ("`" + O + "`, but its value is `undefined`.")) : null : n(b, m, O, C, S);
       }
       var y = h.bind(null, !1);
       return y.isRequired = h.bind(null, !0), y;
     }
-    function Y(t) {
-      function f(T, h, y, R, b, m) {
-        var O = T[h], P = D(O);
-        if (P !== t) {
+    function Y(n) {
+      function u(T, h, y, R, b, m) {
+        var O = T[h], C = D(O);
+        if (C !== n) {
           var S = U(O);
           return new N(
-            "Invalid " + R + " `" + b + "` of type " + ("`" + S + "` supplied to `" + y + "`, expected ") + ("`" + t + "`."),
-            { expectedType: t }
+            "Invalid " + R + " `" + b + "` of type " + ("`" + S + "` supplied to `" + y + "`, expected ") + ("`" + n + "`."),
+            { expectedType: n }
           );
         }
         return null;
       }
-      return I(f);
+      return I(u);
     }
     function L() {
-      return I(u);
+      return I(p);
     }
-    function $(t) {
-      function f(T, h, y, R, b) {
-        if (typeof t != "function")
+    function $(n) {
+      function u(T, h, y, R, b) {
+        if (typeof n != "function")
           return new N("Property `" + b + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
         var m = T[h];
         if (!Array.isArray(m)) {
           var O = D(m);
           return new N("Invalid " + R + " `" + b + "` of type " + ("`" + O + "` supplied to `" + y + "`, expected an array."));
         }
-        for (var P = 0; P < m.length; P++) {
-          var S = t(m, P, y, R, b + "[" + P + "]", o);
+        for (var C = 0; C < m.length; C++) {
+          var S = n(m, C, y, R, b + "[" + C + "]", s);
           if (S instanceof Error)
             return S;
         }
         return null;
       }
-      return I(f);
+      return I(u);
     }
     function q() {
-      function t(f, T, h, y, R) {
-        var b = f[T];
-        if (!p(b)) {
+      function n(u, T, h, y, R) {
+        var b = u[T];
+        if (!f(b)) {
           var m = D(b);
           return new N("Invalid " + y + " `" + R + "` of type " + ("`" + m + "` supplied to `" + h + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return I(t);
+      return I(n);
     }
-    function l() {
-      function t(f, T, h, y, R) {
-        var b = f[T];
+    function o() {
+      function n(u, T, h, y, R) {
+        var b = u[T];
         if (!r.isValidElementType(b)) {
           var m = D(b);
           return new N("Invalid " + y + " `" + R + "` of type " + ("`" + m + "` supplied to `" + h + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return I(t);
+      return I(n);
     }
-    function z(t) {
-      function f(T, h, y, R, b) {
-        if (!(T[h] instanceof t)) {
-          var m = t.name || A, O = ie(T[h]);
+    function z(n) {
+      function u(T, h, y, R, b) {
+        if (!(T[h] instanceof n)) {
+          var m = n.name || A, O = se(T[h]);
           return new N("Invalid " + R + " `" + b + "` of type " + ("`" + O + "` supplied to `" + y + "`, expected ") + ("instance of `" + m + "`."));
         }
         return null;
       }
-      return I(f);
+      return I(u);
     }
-    function Z(t) {
-      if (!Array.isArray(t))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? n(
+    function Q(n) {
+      if (!Array.isArray(n))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? t(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : n("Invalid argument supplied to oneOf, expected an array.")), u;
-      function f(T, h, y, R, b) {
-        for (var m = T[h], O = 0; O < t.length; O++)
-          if (M(m, t[O]))
+        ) : t("Invalid argument supplied to oneOf, expected an array.")), p;
+      function u(T, h, y, R, b) {
+        for (var m = T[h], O = 0; O < n.length; O++)
+          if (k(m, n[O]))
             return null;
-        var P = JSON.stringify(t, function(W, c) {
-          var F = U(c);
-          return F === "symbol" ? String(c) : c;
+        var C = JSON.stringify(n, function(W, l) {
+          var F = U(l);
+          return F === "symbol" ? String(l) : l;
         });
-        return new N("Invalid " + R + " `" + b + "` of value `" + String(m) + "` " + ("supplied to `" + y + "`, expected one of " + P + "."));
+        return new N("Invalid " + R + " `" + b + "` of value `" + String(m) + "` " + ("supplied to `" + y + "`, expected one of " + C + "."));
       }
-      return I(f);
+      return I(u);
     }
-    function Q(t) {
-      function f(T, h, y, R, b) {
-        if (typeof t != "function")
+    function ee(n) {
+      function u(T, h, y, R, b) {
+        if (typeof n != "function")
           return new N("Property `" + b + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
         var m = T[h], O = D(m);
         if (O !== "object")
           return new N("Invalid " + R + " `" + b + "` of type " + ("`" + O + "` supplied to `" + y + "`, expected an object."));
-        for (var P in m)
-          if (a(m, P)) {
-            var S = t(m, P, y, R, b + "." + P, o);
+        for (var C in m)
+          if (a(m, C)) {
+            var S = n(m, C, y, R, b + "." + C, s);
             if (S instanceof Error)
               return S;
           }
         return null;
       }
-      return I(f);
+      return I(u);
     }
-    function ee(t) {
-      if (!Array.isArray(t))
-        return process.env.NODE_ENV !== "production" && n("Invalid argument supplied to oneOfType, expected an instance of array."), u;
-      for (var f = 0; f < t.length; f++) {
-        var T = t[f];
+    function re(n) {
+      if (!Array.isArray(n))
+        return process.env.NODE_ENV !== "production" && t("Invalid argument supplied to oneOfType, expected an instance of array."), p;
+      for (var u = 0; u < n.length; u++) {
+        var T = n[u];
         if (typeof T != "function")
-          return n(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + H(T) + " at index " + f + "."
-          ), u;
+          return t(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + H(T) + " at index " + u + "."
+          ), p;
       }
       function h(y, R, b, m, O) {
-        for (var P = [], S = 0; S < t.length; S++) {
-          var W = t[S], c = W(y, R, b, m, O, o);
-          if (c == null)
+        for (var C = [], S = 0; S < n.length; S++) {
+          var W = n[S], l = W(y, R, b, m, O, s);
+          if (l == null)
             return null;
-          c.data && a(c.data, "expectedType") && P.push(c.data.expectedType);
+          l.data && a(l.data, "expectedType") && C.push(l.data.expectedType);
         }
-        var F = P.length > 0 ? ", expected one of type [" + P.join(", ") + "]" : "";
+        var F = C.length > 0 ? ", expected one of type [" + C.join(", ") + "]" : "";
         return new N("Invalid " + m + " `" + O + "` supplied to " + ("`" + b + "`" + F + "."));
       }
       return I(h);
     }
-    function re() {
-      function t(f, T, h, y, R) {
-        return B(f[T]) ? null : new N("Invalid " + y + " `" + R + "` supplied to " + ("`" + h + "`, expected a ReactNode."));
+    function te() {
+      function n(u, T, h, y, R) {
+        return B(u[T]) ? null : new N("Invalid " + y + " `" + R + "` supplied to " + ("`" + h + "`, expected a ReactNode."));
       }
-      return I(t);
+      return I(n);
     }
-    function V(t, f, T, h, y) {
+    function V(n, u, T, h, y) {
       return new N(
-        (t || "React class") + ": " + f + " type `" + T + "." + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
+        (n || "React class") + ": " + u + " type `" + T + "." + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
     }
-    function te(t) {
-      function f(T, h, y, R, b) {
+    function ne(n) {
+      function u(T, h, y, R, b) {
         var m = T[h], O = D(m);
         if (O !== "object")
           return new N("Invalid " + R + " `" + b + "` of type `" + O + "` " + ("supplied to `" + y + "`, expected `object`."));
-        for (var P in t) {
-          var S = t[P];
+        for (var C in n) {
+          var S = n[C];
           if (typeof S != "function")
-            return V(y, R, b, P, U(S));
-          var W = S(m, P, y, R, b + "." + P, o);
+            return V(y, R, b, C, U(S));
+          var W = S(m, C, y, R, b + "." + C, s);
           if (W)
             return W;
         }
         return null;
       }
-      return I(f);
+      return I(u);
     }
-    function ne(t) {
-      function f(T, h, y, R, b) {
+    function ae(n) {
+      function u(T, h, y, R, b) {
         var m = T[h], O = D(m);
         if (O !== "object")
           return new N("Invalid " + R + " `" + b + "` of type `" + O + "` " + ("supplied to `" + y + "`, expected `object`."));
-        var P = s({}, T[h], t);
-        for (var S in P) {
-          var W = t[S];
-          if (a(t, S) && typeof W != "function")
+        var C = i({}, T[h], n);
+        for (var S in C) {
+          var W = n[S];
+          if (a(n, S) && typeof W != "function")
             return V(y, R, b, S, U(W));
           if (!W)
             return new N(
               "Invalid " + R + " `" + b + "` key `" + S + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(T[h], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(n), null, "  ")
             );
-          var c = W(m, S, y, R, b + "." + S, o);
-          if (c)
-            return c;
+          var l = W(m, S, y, R, b + "." + S, s);
+          if (l)
+            return l;
         }
         return null;
       }
-      return I(f);
+      return I(u);
     }
-    function B(t) {
-      switch (typeof t) {
+    function B(n) {
+      switch (typeof n) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !t;
+          return !n;
         case "object":
-          if (Array.isArray(t))
-            return t.every(B);
-          if (t === null || p(t))
+          if (Array.isArray(n))
+            return n.every(B);
+          if (n === null || f(n))
             return !0;
-          var f = E(t);
-          if (f) {
-            var T = f.call(t), h;
-            if (f !== t.entries) {
+          var u = E(n);
+          if (u) {
+            var T = u.call(n), h;
+            if (u !== n.entries) {
               for (; !(h = T.next()).done; )
                 if (!B(h.value))
                   return !1;
@@ -608,56 +608,56 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
           return !1;
       }
     }
-    function ae(t, f) {
-      return t === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
+    function ie(n, u) {
+      return n === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function D(t) {
-      var f = typeof t;
-      return Array.isArray(t) ? "array" : t instanceof RegExp ? "object" : ae(f, t) ? "symbol" : f;
+    function D(n) {
+      var u = typeof n;
+      return Array.isArray(n) ? "array" : n instanceof RegExp ? "object" : ie(u, n) ? "symbol" : u;
     }
-    function U(t) {
-      if (typeof t > "u" || t === null)
-        return "" + t;
-      var f = D(t);
-      if (f === "object") {
-        if (t instanceof Date)
+    function U(n) {
+      if (typeof n > "u" || n === null)
+        return "" + n;
+      var u = D(n);
+      if (u === "object") {
+        if (n instanceof Date)
           return "date";
-        if (t instanceof RegExp)
+        if (n instanceof RegExp)
           return "regexp";
       }
-      return f;
+      return u;
     }
-    function H(t) {
-      var f = U(t);
-      switch (f) {
+    function H(n) {
+      var u = U(n);
+      switch (u) {
         case "array":
         case "object":
-          return "an " + f;
+          return "an " + u;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + f;
+          return "a " + u;
         default:
-          return f;
+          return u;
       }
     }
-    function ie(t) {
-      return !t.constructor || !t.constructor.name ? A : t.constructor.name;
+    function se(n) {
+      return !n.constructor || !n.constructor.name ? A : n.constructor.name;
     }
-    return j.checkPropTypes = i, j.resetWarningCache = i.resetWarningCache, j.PropTypes = j, j;
-  }, ue;
+    return j.checkPropTypes = c, j.resetWarningCache = c.resetWarningCache, j.PropTypes = j, j;
+  }, pe;
 }
-var pe, Ce;
+var de, xe;
 function We() {
-  if (Ce) return pe;
-  Ce = 1;
+  if (xe) return de;
+  xe = 1;
   var r = /* @__PURE__ */ be();
-  function s() {
+  function i() {
   }
-  function o() {
+  function s() {
   }
-  return o.resetWarningCache = s, pe = function() {
-    function a(u, p, v, _, g, E) {
+  return s.resetWarningCache = i, de = function() {
+    function a(p, f, v, _, g, E) {
       if (E !== r) {
         var A = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -666,10 +666,10 @@ function We() {
       }
     }
     a.isRequired = a;
-    function i() {
+    function c() {
       return a;
     }
-    var n = {
+    var t = {
       array: a,
       bigint: a,
       bool: a,
@@ -679,38 +679,38 @@ function We() {
       string: a,
       symbol: a,
       any: a,
-      arrayOf: i,
+      arrayOf: c,
       element: a,
       elementType: a,
-      instanceOf: i,
+      instanceOf: c,
       node: a,
-      objectOf: i,
-      oneOf: i,
-      oneOfType: i,
-      shape: i,
-      exact: i,
-      checkPropTypes: o,
-      resetWarningCache: s
+      objectOf: c,
+      oneOf: c,
+      oneOfType: c,
+      shape: c,
+      exact: c,
+      checkPropTypes: s,
+      resetWarningCache: i
     };
-    return n.PropTypes = n, n;
-  }, pe;
+    return t.PropTypes = t, t;
+  }, de;
 }
-var xe;
+var Pe;
 function De() {
-  if (xe) return X.exports;
-  if (xe = 1, process.env.NODE_ENV !== "production") {
-    var r = we(), s = !0;
-    X.exports = /* @__PURE__ */ Ye()(r.isElement, s);
+  if (Pe) return X.exports;
+  if (Pe = 1, process.env.NODE_ENV !== "production") {
+    var r = we(), i = !0;
+    X.exports = /* @__PURE__ */ Ye()(r.isElement, i);
   } else
     X.exports = /* @__PURE__ */ We()();
   return X.exports;
 }
 var Fe = /* @__PURE__ */ De();
-const e = /* @__PURE__ */ Pe(Fe), Le = ({ content: r, title: s, className: o, id: a = "accordion" }) => {
-  const i = k("rpf-accordion", o);
-  return /* @__PURE__ */ w("details", { className: i, id: `${a}`, children: [
+const e = /* @__PURE__ */ Ce(Fe), Le = ({ content: r, title: i, className: s, id: a = "accordion" }) => {
+  const c = M("rpf-accordion", s);
+  return /* @__PURE__ */ w("details", { className: c, id: `${a}`, children: [
     /* @__PURE__ */ w("summary", { className: "rpf-accordion__title", role: "button", children: [
-      s,
+      i,
       /* @__PURE__ */ d("span", { className: "rpf-accordion__icon" })
     ] }),
     /* @__PURE__ */ d("p", { className: "rpf-accordion__text", children: r })
@@ -722,15 +722,15 @@ Le.propTypes = {
   id: e.string,
   className: e.string
 };
-const de = ({
+const ye = ({
   text: r,
-  href: s,
-  title: o,
+  href: i,
+  title: s,
   className: a,
-  type: i = "primary",
-  variant: n = "",
-  size: u = "default",
-  icon: p = "",
+  type: c = "primary",
+  variant: t = "",
+  size: p = "default",
+  icon: f = "",
   iconOnly: v = !1,
   iconPosition: _ = "left",
   fullWidth: g = !1,
@@ -738,17 +738,17 @@ const de = ({
   onClick: A = () => {
   },
   "aria-label": j = "",
-  linkComponent: M
+  linkComponent: k
   // to pass in react-router-dom Link component
 }) => {
-  const N = p && v, I = k(
+  const N = f && v, I = M(
     // Static classes
     "rpf-button",
     // Conditional classes
     {
-      [`rpf-button--${i}`]: i,
-      "rpf-button--danger": n === "danger",
-      "rpf-button--sm": u === "small",
+      [`rpf-button--${c}`]: c,
+      "rpf-button--danger": t === "danger",
+      "rpf-button--sm": p === "small",
       "rpf-button--icon-only": N,
       "rpf-button--full-width": g,
       disabled: E
@@ -756,19 +756,19 @@ const de = ({
     a
   );
   let Y = "rpf-button__icon";
-  Ae.isValidElement(p) ? (Y += " icon", console.warn(
+  Ae.isValidElement(f) ? (Y += " icon", console.warn(
     "DEPRECATED: icons as React elements will not be supported in future releases"
   )) : Y += " material-symbols-sharp";
-  const L = (l) => p && _ === l && /* @__PURE__ */ d("span", { className: Y, children: p }), $ = () => r && !N && /* @__PURE__ */ d("span", { className: "text", children: r }), q = /* @__PURE__ */ w(ye, { children: [
+  const L = (o) => f && _ === o && /* @__PURE__ */ d("span", { className: Y, children: f }), $ = () => r && !N && /* @__PURE__ */ d("span", { className: "text", children: r }), q = /* @__PURE__ */ w(K, { children: [
     L("left"),
     $(),
     L("right")
   ] });
-  return s ? /* @__PURE__ */ d(
-    M || "a",
+  return i ? /* @__PURE__ */ d(
+    k || "a",
     {
       className: I,
-      ...M ? { to: s } : { href: s, role: "button" },
+      ...k ? { to: i } : { href: i, role: "button" },
       onClick: A,
       "aria-label": j,
       children: q
@@ -777,7 +777,7 @@ const de = ({
     "button",
     {
       className: I,
-      title: o,
+      title: s,
       onClick: A,
       disabled: E,
       "aria-label": j,
@@ -785,7 +785,7 @@ const de = ({
     }
   );
 };
-de.propTypes = {
+ye.propTypes = {
   type: e.string,
   className: e.string,
   disabled: e.bool,
@@ -802,34 +802,37 @@ de.propTypes = {
   variant: e.string,
   linkComponent: e.elementType
 };
-const ze = ({ title: r, text: s, children: o, type: a, actions: i, onClose: n }) => /* @__PURE__ */ w("div", { className: `rpf-alert rpf-alert--${a}`, children: [
+const ze = ({ title: r, text: i, titleChildren: s, children: a, type: c, actions: t, onClose: p }) => /* @__PURE__ */ w("div", { className: `rpf-alert rpf-alert--${c}`, children: [
   /* @__PURE__ */ w("div", { className: "rpf-alert__header", children: [
     /* @__PURE__ */ d("span", { className: "rpf-alert__icon material-symbols-sharp" }),
-    /* @__PURE__ */ d("p", { className: "rpf-alert__title", children: r }),
-    !!n && /* @__PURE__ */ d("div", { className: "rpf-alert__close", children: /* @__PURE__ */ d(
-      de,
+    (r || s) && /* @__PURE__ */ w(K, { children: [
+      !s && r && /* @__PURE__ */ d("p", { className: "rpf-alert__title", children: r }),
+      s && /* @__PURE__ */ d("div", { className: "rpf-alert__title", children: s })
+    ] }),
+    !!p && /* @__PURE__ */ d("div", { className: "rpf-alert__close", children: /* @__PURE__ */ d(
+      ye,
       {
         type: "tertiary",
         icon: "close",
         size: "small",
         iconOnly: !0,
-        onClick: n
+        onClick: p
       }
     ) })
   ] }),
-  (s || o || i) && /* @__PURE__ */ w("div", { className: "rpf-alert__body", children: [
-    !o && s && /* @__PURE__ */ d("p", { children: s }),
-    o && /* @__PURE__ */ d("div", { children: o }),
-    i && i.length > 0 && /* @__PURE__ */ d("div", { className: "rpf-alert__actions", children: i.map((u) => /* @__PURE__ */ d(
-      de,
+  (i || a || t) && /* @__PURE__ */ w("div", { className: "rpf-alert__body", children: [
+    !a && i && /* @__PURE__ */ d("p", { children: i }),
+    a && /* @__PURE__ */ d("div", { children: a }),
+    t && t.length > 0 && /* @__PURE__ */ d("div", { className: "rpf-alert__actions", children: t.map((f) => /* @__PURE__ */ d(
+      ye,
       {
-        text: u.label,
+        text: f.label,
         size: "small",
         type: "tertiary",
-        href: u.href,
-        onClick: u.onClick
+        href: f.href,
+        onClick: f.onClick
       },
-      u.key || u.label
+      f.key || f.label
     )) })
   ] })
 ] });
@@ -844,26 +847,27 @@ ze.propTypes = {
       onClick: e.func
     })
   ),
+  titleChildren: e.node,
   children: e.node,
   onClose: e.func
 };
 const Ue = ({
   id: r,
-  label: s,
-  name: o,
+  label: i,
+  name: s,
   checked: a = !1,
-  disabled: i = !1,
-  error: n = "",
-  onChange: u = () => {
+  disabled: c = !1,
+  error: t = "",
+  onChange: p = () => {
   },
-  value: p = "",
+  value: f = "",
   className: v = ""
-}) => /* @__PURE__ */ w(ye, { children: [
+}) => /* @__PURE__ */ w(K, { children: [
   /* @__PURE__ */ w(
     "label",
     {
-      className: k("rpf-input-checkbox", {
-        "rpf-input-checkbox--error": n,
+      className: M("rpf-input-checkbox", {
+        "rpf-input-checkbox--error": t,
         className: v
       }),
       children: [
@@ -871,21 +875,21 @@ const Ue = ({
           "input",
           {
             checked: !!a,
-            disabled: i,
+            disabled: c,
             id: r,
-            name: o,
-            onChange: u,
+            name: s,
+            onChange: p,
             type: "checkbox",
-            value: p
+            value: f
           }
         ),
-        s
+        i
       ]
     }
   ),
-  n && /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
+  t && /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
     /* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
-    n
+    t
   ] })
 ] });
 Ue.propTypes = {
@@ -901,29 +905,29 @@ Ue.propTypes = {
 };
 const Be = ({
   disabled: r = !1,
-  errorText: s = "",
-  fullWidth: o = !1,
+  errorText: i = "",
+  fullWidth: s = !1,
   legendText: a,
-  legendHintText: i = "",
-  children: n
+  legendHintText: c = "",
+  children: t
 }) => /* @__PURE__ */ w(
   "fieldset",
   {
-    className: k("rpf-fieldset", {
+    className: M("rpf-fieldset", {
       "rpf-fieldset--disabled": r,
-      "rpf-fieldset--full-width": o,
-      "rpf-fieldset--error": s
+      "rpf-fieldset--full-width": s,
+      "rpf-fieldset--error": i
     }),
     disabled: r,
     children: [
       /* @__PURE__ */ w("legend", { className: "rpf-label", children: [
         a,
-        i.length > 0 ? /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: i }) : null
+        c.length > 0 ? /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: c }) : null
       ] }),
-      /* @__PURE__ */ d("div", { className: "rpf-fieldset__inputs", children: n }),
-      s.length > 0 ? /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
+      /* @__PURE__ */ d("div", { className: "rpf-fieldset__inputs", children: t }),
+      i.length > 0 ? /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
         /* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
-        s
+        i
       ] }) : null
     ]
   }
@@ -936,34 +940,34 @@ Be.propTypes = {
   legendHintText: e.string,
   children: e.node
 };
-const K = ({
+const Z = ({
   id: r,
-  label: s,
-  children: o,
+  label: i,
+  children: s,
   disabled: a = !1,
-  error: i = "",
-  hint: n = ""
+  error: c = "",
+  hint: t = ""
 }) => /* @__PURE__ */ w("div", { className: "rpf-input-field", children: [
-  (s || n) && /* @__PURE__ */ w(
+  (i || t) && /* @__PURE__ */ w(
     "label",
     {
       htmlFor: r,
-      className: k("rpf-label", {
+      className: M("rpf-label", {
         "rpf-label--disabled": a
       }),
       children: [
-        s,
-        /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: n })
+        i,
+        /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: t })
       ]
     }
   ),
-  o,
-  i && /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
+  s,
+  c && /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
     /* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
-    i
+    c
   ] })
 ] });
-K.propTypes = {
+Z.propTypes = {
   disabled: e.bool,
   error: e.string,
   hint: e.oneOfType([e.string, e.object]),
@@ -973,15 +977,15 @@ K.propTypes = {
 };
 const Ve = ({
   label: r,
-  inputFieldId: s,
-  disabled: o = !1,
+  inputFieldId: i,
+  disabled: s = !1,
   hint: a = ""
 }) => /* @__PURE__ */ d("div", { className: "rpf-label", children: /* @__PURE__ */ w(
   "label",
   {
-    htmlFor: s,
-    className: k("rpf-label", {
-      "rpf-label--disabled": o
+    htmlFor: i,
+    className: M("rpf-label", {
+      "rpf-label--disabled": s
     }),
     children: [
       r,
@@ -997,19 +1001,19 @@ Ve.propTypes = {
 };
 const He = ({
   text: r = "",
-  percent: s,
-  complete: o = !1,
+  percent: i,
+  complete: s = !1,
   className: a
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: k("rpf-progress-bar", {
-      "rpf-progress-bar--complete": o,
+    className: M("rpf-progress-bar", {
+      "rpf-progress-bar--complete": s,
       className: a
     }),
     children: /* @__PURE__ */ w("label", { className: "rpf-progress-bar__label", children: [
       /* @__PURE__ */ d("span", { children: r }),
-      /* @__PURE__ */ d("progress", { className: "rpf-progress-bar__bar", value: s, max: "100", children: `${s}%` })
+      /* @__PURE__ */ d("progress", { className: "rpf-progress-bar__bar", value: i, max: "100", children: `${i}%` })
     ] })
   }
 );
@@ -1021,35 +1025,35 @@ He.propTypes = {
 };
 const Je = ({
   id: r,
-  label: s,
-  name: o,
+  label: i,
+  name: s,
   checked: a = !1,
-  disabled: i = !1,
-  fullWidth: n = !1,
-  onChange: u = () => {
+  disabled: c = !1,
+  fullWidth: t = !1,
+  onChange: p = () => {
   },
-  value: p = ""
-}) => /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ w(
+  value: f = ""
+}) => /* @__PURE__ */ d(K, { children: /* @__PURE__ */ w(
   "label",
   {
-    className: k("rpf-input-radio", {
-      "rpf-input-radio--disabled": i,
-      "rpf-input--full-width": n
+    className: M("rpf-input-radio", {
+      "rpf-input-radio--disabled": c,
+      "rpf-input--full-width": t
     }),
     children: [
       /* @__PURE__ */ d(
         "input",
         {
           checked: !!a,
-          disabled: i,
+          disabled: c,
           id: r,
-          name: o,
-          onChange: u,
+          name: s,
+          onChange: p,
           type: "radio",
-          value: p
+          value: f
         }
       ),
-      s
+      i
     ]
   }
 ) });
@@ -1065,28 +1069,28 @@ Je.propTypes = {
 };
 const Xe = ({
   label: r,
-  inputFieldId: s,
-  disabled: o = !1,
+  inputFieldId: i,
+  disabled: s = !1,
   error: a = "",
-  hint: i = "",
-  placeholder: n = "",
-  defaultValue: u = "",
-  onClick: p = () => {
+  hint: c = "",
+  placeholder: t = "",
+  defaultValue: p = "",
+  onClick: f = () => {
   },
   // eslint-disable-next-line no-unused-vars
   onChange: v = (_) => {
   }
-}) => /* @__PURE__ */ w("div", { className: "rpf-input-field", children: [
+}) => /* @__PURE__ */ d("search", { children: /* @__PURE__ */ w("form", { className: "rpf-input-field", onSubmit: f, children: [
   /* @__PURE__ */ w(
     "label",
     {
-      htmlFor: s,
-      className: k("rpf-label", {
-        "rpf-label--disabled": o
+      htmlFor: i,
+      className: M("rpf-label", {
+        "rpf-label--disabled": s
       }),
       children: [
         r,
-        i && /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: i })
+        c && /* @__PURE__ */ d("small", { className: "rpf-label__hint", children: c })
       ]
     }
   ),
@@ -1094,30 +1098,30 @@ const Xe = ({
     /* @__PURE__ */ d(
       "input",
       {
-        className: k("rpf-input rpf-input-search", {
-          "rpf-input--disabled": o,
+        className: M("rpf-input rpf-input-search", {
+          "rpf-input--disabled": s,
           "rpf-input--error": a
         }),
-        disabled: o,
-        id: s,
+        disabled: s,
+        id: i,
         name: "search",
         type: "search",
         "aria-label": "Search",
-        defaultValue: u,
-        placeholder: n,
+        defaultValue: p,
+        placeholder: t,
         onChange: v
       }
     ),
     /* @__PURE__ */ d(
       "button",
       {
-        type: "button",
-        className: k("rpf-button rpf-button-search", {
-          "rpf-button--disabled": o,
+        type: "submit",
+        className: M("rpf-button rpf-button-search", {
+          "rpf-button--disabled": s,
           "rpf-button--error": a
         }),
-        disabled: o,
-        onClick: p,
+        disabled: s,
+        onClick: f,
         children: /* @__PURE__ */ d("span", { className: "rpf-button__icon material-symbols-sharp", children: "search" })
       }
     )
@@ -1126,7 +1130,7 @@ const Xe = ({
     /* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "info" }),
     a
   ] })
-] });
+] }) });
 Xe.propTypes = {
   disabled: e.bool,
   error: e.string,
@@ -1140,35 +1144,35 @@ Xe.propTypes = {
 };
 const Ge = ({
   id: r,
-  label: s,
-  name: o,
+  label: i,
+  name: s,
   options: a,
-  disabled: i = !1,
-  error: n = "",
-  fullWidth: u = !1,
-  hint: p = "",
+  disabled: c = !1,
+  error: t = "",
+  fullWidth: p = !1,
+  hint: f = "",
   onChange: v = () => {
   },
   placeholder: _ = "",
   value: g = ""
 }) => /* @__PURE__ */ d(
-  K,
+  Z,
   {
     id: r,
-    disabled: i,
-    error: n,
-    hint: p,
-    label: s,
+    disabled: c,
+    error: t,
+    hint: f,
+    label: i,
     children: /* @__PURE__ */ w(
       "select",
       {
-        className: k("rpf-input rpf-input-select", {
-          "rpf-input--error": n,
-          "rpf-input--full-width": u
+        className: M("rpf-input rpf-input-select", {
+          "rpf-input--error": t,
+          "rpf-input--full-width": p
         }),
-        disabled: i,
+        disabled: c,
         id: r,
-        name: o,
+        name: s,
         onChange: v,
         type: "text",
         value: g,
@@ -1193,20 +1197,20 @@ Ge.propTypes = {
   placeholder: e.string,
   value: e.string
 };
-const Ke = ({ headerRow: r, bodyRows: s, fullWidth: o }) => /* @__PURE__ */ d(
+const Ke = ({ headerRow: r, bodyRows: i, fullWidth: s }) => /* @__PURE__ */ d(
   "div",
   {
     "data-testid": "table-container",
-    className: k("rpf-table", { "rpf-table--full-width": o }),
+    className: M("rpf-table", { "rpf-table--full-width": s }),
     children: /* @__PURE__ */ w(
       "table",
       {
-        className: k("rpf-table__table", {
-          "rpf-table__table--full-width": o
+        className: M("rpf-table__table", {
+          "rpf-table__table--full-width": s
         }),
         children: [
           /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { className: "rpf-table-row", children: r }) }),
-          /* @__PURE__ */ d("tbody", { children: s.map((a, i) => /* @__PURE__ */ d("tr", { className: "rpf-table-row", children: a }, i)) })
+          /* @__PURE__ */ d("tbody", { children: i.map((a, c) => /* @__PURE__ */ d("tr", { className: "rpf-table-row", children: a }, c)) })
         ]
       }
     )
@@ -1221,24 +1225,24 @@ const Ze = ({ children: r }) => /* @__PURE__ */ d("td", { className: "rpf-table-
 Ze.propTypes = {
   children: e.node
 };
-const Qe = ({ sortDirection: r, children: s }) => (r !== void 0 && (s = /* @__PURE__ */ w("div", { className: "rpf-table-cell__sort-header", children: [
-  s,
+const Qe = ({ sortDirection: r, children: i }) => (r !== void 0 && (i = /* @__PURE__ */ w("div", { className: "rpf-table-cell__sort-header", children: [
+  i,
   /* @__PURE__ */ d("span", { className: "material-symbols-sharp", children: r === "up" ? "arrow_drop_up" : "arrow_drop_down" })
-] })), /* @__PURE__ */ d("th", { className: `rpf-table-cell ${r !== void 0 ? "rpf-table-cell--sortable-header" : "rpf-table-cell--header"}`, children: /* @__PURE__ */ d("div", { className: "rpf-table-cell__content", children: s }) }));
+] })), /* @__PURE__ */ d("th", { className: `rpf-table-cell ${r !== void 0 ? "rpf-table-cell--sortable-header" : "rpf-table-cell--header"}`, children: /* @__PURE__ */ d("div", { className: "rpf-table-cell__content", children: i }) }));
 Qe.propTypes = {
   sortDirection: e.oneOf(["up", "down"]),
   children: e.node
 };
-const er = ({ text: r, variant: s, secondary: o, icon: a, iconPosition: i }) => (a && (a = /* @__PURE__ */ d("span", { className: "rpf-tag__icon material-symbols-sharp", children: a })), a && !i && (i = "left"), s && s !== "default" ? s = `rpf-tag--${s}` : s = null, /* @__PURE__ */ w(
+const er = ({ text: r, variant: i, secondary: s, icon: a, iconPosition: c }) => (a && (a = /* @__PURE__ */ d("span", { className: "rpf-tag__icon material-symbols-sharp", children: a })), a && !c && (c = "left"), i && i !== "default" ? i = `rpf-tag--${i}` : i = null, /* @__PURE__ */ w(
   "span",
   {
-    className: k("rpf-tag", s, {
-      "rpf-tag--secondary": o
+    className: M("rpf-tag", i, {
+      "rpf-tag--secondary": s
     }),
     children: [
-      i === "left" && a,
+      c === "left" && a,
       r,
-      i === "right" && a
+      c === "right" && a
     ]
   }
 ));
@@ -1257,36 +1261,36 @@ er.propTypes = {
 };
 const rr = ({
   id: r,
-  label: s,
-  name: o,
+  label: i,
+  name: s,
   value: a,
-  disabled: i = !1,
-  readOnly: n = !1,
-  error: u = "",
-  fullWidth: p = !1,
+  disabled: c = !1,
+  readOnly: t = !1,
+  error: p = "",
+  fullWidth: f = !1,
   hint: v = "",
   onChange: _ = () => {
   }
 }) => /* @__PURE__ */ d(
-  K,
+  Z,
   {
     id: r,
-    disabled: i,
-    error: u,
+    disabled: c,
+    error: p,
     hint: v,
-    label: s,
+    label: i,
     children: /* @__PURE__ */ d(
       "textarea",
       {
-        className: k("rpf-input rpf-input-textarea", {
-          "rpf-input--error": u,
-          "rpf-input--full-width": p,
-          "rpf-input--disabled": i
+        className: M("rpf-input rpf-input-textarea", {
+          "rpf-input--error": p,
+          "rpf-input--full-width": f,
+          "rpf-input--disabled": c
         }),
-        disabled: i,
-        readOnly: n,
+        disabled: c,
+        readOnly: t,
         id: r,
-        name: o,
+        name: s,
         onChange: _,
         type: "text",
         value: a
@@ -1308,33 +1312,33 @@ rr.propTypes = {
 };
 const tr = ({
   id: r,
-  label: s,
-  name: o,
+  label: i,
+  name: s,
   value: a,
-  disabled: i = !1,
-  error: n = "",
-  fullWidth: u = !1,
-  hint: p = "",
+  disabled: c = !1,
+  error: t = "",
+  fullWidth: p = !1,
+  hint: f = "",
   onChange: v = () => {
   }
 }) => /* @__PURE__ */ d(
-  K,
+  Z,
   {
     id: r,
-    disabled: i,
-    error: n,
-    hint: p,
-    label: s,
+    disabled: c,
+    error: t,
+    hint: f,
+    label: i,
     children: /* @__PURE__ */ d(
       "input",
       {
-        className: k("rpf-input rpf-input-text", {
-          "rpf-input--error": n,
-          "rpf-input--full-width": u
+        className: M("rpf-input rpf-input-text", {
+          "rpf-input--error": t,
+          "rpf-input--full-width": p
         }),
-        disabled: i,
+        disabled: c,
         id: r,
-        name: o,
+        name: s,
         onChange: v,
         type: "text",
         value: a
@@ -1356,10 +1360,10 @@ tr.propTypes = {
 export {
   Le as Accordion,
   ze as Alert,
-  de as Button,
+  ye as Button,
   Ue as CheckboxInput,
   Be as Fieldset,
-  K as InputField,
+  Z as InputField,
   Ve as InputLabel,
   He as ProgressBar,
   Je as RadioInput,