@raspberrypifoundation/design-system-react 2.4.1 → 2.4.2

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 2.4.2 - 2025-07-30
+
+### Changed
+
+- Improved `SearchInput` accessibility:
+   - Wrapped component in semantic `<search>` element and a `<form>` element
+   - Moved `onClick` handler to the `form` element
+   - Changed button type to `submit`
+
+It should now be possible for users to submit their input using the keyboard 'enter' key without having to tab to the button.
+
 ## 2.4.1 - 2025-07-30
 
 ### Changed

package/dist/design-system-react.js

@@ -15,9 +15,9 @@ function je() {
     (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)));
+        for (var n = "", p = 0; p < arguments.length; p++) {
+          var u = arguments[p];
+          u && (n = i(n, a(u)));
         }
         return n;
       }
@@ -30,21 +30,21 @@ function je() {
           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;
+        var p = "";
+        for (var u in n)
+          s.call(n, u) && n[u] && (p = i(p, u));
+        return p;
       }
-      function i(n, u) {
-        return u ? n ? n + " " + u : n + u : n;
+      function i(n, p) {
+        return p ? n ? n + " " + p : n + p : n;
       }
       r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
     })();
   }(se)), se.exports;
 }
 var qe = je();
-const k = /* @__PURE__ */ Pe(qe);
-var X = { exports: {} }, G = { exports: {} }, C = {};
+const M = /* @__PURE__ */ Pe(qe);
+var X = { exports: {} }, G = { exports: {} }, x = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -55,9 +55,9 @@ 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;
+  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, p = r ? Symbol.for("react.provider") : 60109, u = 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) {
     if (typeof l == "object" && l !== null) {
       var z = l.$$typeof;
@@ -73,11 +73,11 @@ function Ie() {
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
-                case p:
+                case u:
                 case g:
-                case M:
+                case k:
                 case j:
-                case u:
+                case p:
                   return l;
                 default:
                   return z;
@@ -91,35 +91,35 @@ function Ie() {
   function q(l) {
     return $(l) === _;
   }
-  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 x.AsyncMode = v, x.ConcurrentMode = _, x.ContextConsumer = u, x.ContextProvider = p, x.Element = s, x.ForwardRef = g, x.Fragment = a, x.Lazy = k, x.Memo = j, x.Portal = o, x.Profiler = n, x.StrictMode = i, x.Suspense = E, x.isAsyncMode = function(l) {
     return q(l) || $(l) === v;
-  }, C.isConcurrentMode = q, C.isContextConsumer = function(l) {
-    return $(l) === p;
-  }, C.isContextProvider = function(l) {
+  }, x.isConcurrentMode = q, x.isContextConsumer = function(l) {
     return $(l) === u;
-  }, C.isElement = function(l) {
+  }, x.isContextProvider = function(l) {
+    return $(l) === p;
+  }, x.isElement = function(l) {
     return typeof l == "object" && l !== null && l.$$typeof === s;
-  }, C.isForwardRef = function(l) {
+  }, x.isForwardRef = function(l) {
     return $(l) === g;
-  }, C.isFragment = function(l) {
+  }, x.isFragment = function(l) {
     return $(l) === a;
-  }, C.isLazy = function(l) {
-    return $(l) === M;
-  }, C.isMemo = function(l) {
+  }, x.isLazy = function(l) {
+    return $(l) === k;
+  }, x.isMemo = function(l) {
     return $(l) === j;
-  }, C.isPortal = function(l) {
+  }, x.isPortal = function(l) {
     return $(l) === o;
-  }, C.isProfiler = function(l) {
+  }, x.isProfiler = function(l) {
     return $(l) === n;
-  }, C.isStrictMode = function(l) {
+  }, x.isStrictMode = function(l) {
     return $(l) === i;
-  }, C.isSuspense = function(l) {
+  }, x.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;
+  }, x.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 === k || l.$$typeof === j || l.$$typeof === p || l.$$typeof === u || l.$$typeof === g || l.$$typeof === I || l.$$typeof === Y || l.$$typeof === L || l.$$typeof === N);
+  }, x.typeOf = $, x;
 }
-var x = {};
+var C = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -131,10 +131,10 @@ 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;
+    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, p = r ? Symbol.for("react.provider") : 60109, u = 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 $(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);
+      c === a || c === _ || c === n || c === i || c === E || c === A || typeof c == "object" && c !== null && (c.$$typeof === k || c.$$typeof === j || c.$$typeof === p || c.$$typeof === u || c.$$typeof === g || c.$$typeof === I || c.$$typeof === Y || c.$$typeof === L || c.$$typeof === N);
     }
     function q(c) {
       if (typeof c == "object" && c !== null) {
@@ -153,11 +153,11 @@ function $e() {
               default:
                 var he = J && J.$$typeof;
                 switch (he) {
-                  case p:
+                  case u:
                   case g:
-                  case M:
+                  case k:
                   case j:
-                  case u:
+                  case p:
                     return he;
                   default:
                     return F;
@@ -168,7 +168,7 @@ function $e() {
         }
       }
     }
-    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;
+    var l = v, z = _, Z = u, Q = p, ee = s, re = g, V = a, te = k, 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;
     }
@@ -176,10 +176,10 @@ function $e() {
       return q(c) === _;
     }
     function f(c) {
-      return q(c) === p;
+      return q(c) === u;
     }
     function T(c) {
-      return q(c) === u;
+      return q(c) === p;
     }
     function h(c) {
       return typeof c == "object" && c !== null && c.$$typeof === s;
@@ -191,7 +191,7 @@ function $e() {
       return q(c) === a;
     }
     function b(c) {
-      return q(c) === M;
+      return q(c) === k;
     }
     function m(c) {
       return q(c) === j;
@@ -208,8 +208,8 @@ function $e() {
     function W(c) {
       return q(c) === 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;
+    C.AsyncMode = l, C.ConcurrentMode = z, C.ContextConsumer = Z, C.ContextProvider = Q, C.Element = ee, C.ForwardRef = re, C.Fragment = V, C.Lazy = te, C.Memo = ne, C.Portal = B, C.Profiler = ae, C.StrictMode = D, C.Suspense = U, C.isAsyncMode = ie, C.isConcurrentMode = t, C.isContextConsumer = f, C.isContextProvider = T, C.isElement = h, C.isForwardRef = y, C.isFragment = R, C.isLazy = b, C.isMemo = m, C.isPortal = O, C.isProfiler = P, C.isStrictMode = S, C.isSuspense = W, C.isValidElementType = $, C.typeOf = q;
+  }()), C;
 }
 var Te;
 function we() {
@@ -221,7 +221,7 @@ object-assign
 @license MIT
 */
 var oe, _e;
-function ke() {
+function Me() {
   if (_e) return oe;
   _e = 1;
   var r = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable;
@@ -237,10 +237,10 @@ function ke() {
       var n = new String("abc");
       if (n[5] = "de", Object.getOwnPropertyNames(n)[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 = {}, u = 0; u < 10; u++)
+        p["_" + String.fromCharCode(u)] = u;
+      var v = Object.getOwnPropertyNames(p).map(function(g) {
+        return p[g];
       });
       if (v.join("") !== "0123456789")
         return !1;
@@ -252,15 +252,15 @@ 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 oe = i() ? Object.assign : function(n, p) {
+    for (var u, v = a(n), _, g = 1; g < arguments.length; g++) {
+      u = Object(arguments[g]);
+      for (var E in u)
+        s.call(u, E) && (v[E] = u[E]);
       if (r) {
-        _ = r(p);
+        _ = r(u);
         for (var A = 0; A < _.length; A++)
-          o.call(p, _[A]) && (v[_[A]] = p[_[A]]);
+          o.call(u, _[A]) && (v[_[A]] = u[_[A]]);
       }
     }
     return v;
@@ -278,7 +278,7 @@ function Ne() {
   return Re || (Re = 1, ce = Function.call.bind(Object.prototype.hasOwnProperty)), ce;
 }
 var fe, Oe;
-function Me() {
+function ke() {
   if (Oe) return fe;
   Oe = 1;
   var r = function() {
@@ -286,15 +286,15 @@ function Me() {
   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 p = "Warning: " + n;
+      typeof console < "u" && console.error(p);
       try {
-        throw new Error(u);
+        throw new Error(p);
       } catch {
       }
     };
   }
-  function i(n, u, p, v, _) {
+  function i(n, p, u, v, _) {
     if (process.env.NODE_ENV !== "production") {
       for (var g in n)
         if (a(n, g)) {
@@ -302,21 +302,21 @@ function Me() {
           try {
             if (typeof n[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") + ": " + u + " 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`."
               );
               throw A.name = "Invariant Violation", A;
             }
-            E = n[g](u, g, v, p, null, s);
-          } catch (M) {
-            E = M;
+            E = n[g](p, g, v, u, null, s);
+          } 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)."
+            (v || "React class") + ": type specification of " + u + " `" + 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;
             var j = _ ? _() : "";
             r(
-              "Failed " + p + " type: " + E.message + (j ?? "")
+              "Failed " + u + " type: " + E.message + (j ?? "")
             );
           }
         }
@@ -330,20 +330,20 @@ var ue, Se;
 function Ye() {
   if (Se) return ue;
   Se = 1;
-  var r = we(), s = ke(), o = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ Me(), n = function() {
+  var r = we(), s = Me(), o = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ ke(), n = function() {
   };
-  process.env.NODE_ENV !== "production" && (n = function(p) {
-    var v = "Warning: " + p;
+  process.env.NODE_ENV !== "production" && (n = function(u) {
+    var v = "Warning: " + u;
     typeof console < "u" && console.error(v);
     try {
       throw new Error(v);
     } catch {
     }
   });
-  function u() {
+  function p() {
     return null;
   }
-  return ue = function(p, v) {
+  return ue = function(u, v) {
     var _ = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
     function E(t) {
       var f = t && (_ && t[_] || t[g]);
@@ -371,7 +371,7 @@ function Ye() {
       shape: te,
       exact: ne
     };
-    function M(t, f) {
+    function k(t, f) {
       return t === f ? t !== 0 || 1 / t === 1 / f : t !== t && f !== f;
     }
     function N(t, f) {
@@ -416,7 +416,7 @@ function Ye() {
       return I(f);
     }
     function L() {
-      return I(u);
+      return I(p);
     }
     function $(t) {
       function f(T, h, y, R, b) {
@@ -439,7 +439,7 @@ function Ye() {
     function q() {
       function t(f, T, h, y, R) {
         var b = f[T];
-        if (!p(b)) {
+        if (!u(b)) {
           var m = D(b);
           return new N("Invalid " + y + " `" + R + "` of type " + ("`" + m + "` supplied to `" + h + "`, expected a single ReactElement."));
         }
@@ -472,10 +472,10 @@ function Ye() {
       if (!Array.isArray(t))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? n(
           "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;
+        ) : n("Invalid argument supplied to oneOf, expected an array.")), p;
       function f(T, h, y, R, b) {
         for (var m = T[h], O = 0; O < t.length; O++)
-          if (M(m, t[O]))
+          if (k(m, t[O]))
             return null;
         var P = JSON.stringify(t, function(W, c) {
           var F = U(c);
@@ -504,13 +504,13 @@ function Ye() {
     }
     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;
+        return process.env.NODE_ENV !== "production" && n("Invalid argument supplied to oneOfType, expected an instance of array."), p;
       for (var f = 0; f < t.length; f++) {
         var T = t[f];
         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;
+          ), p;
       }
       function h(y, R, b, m, O) {
         for (var P = [], S = 0; S < t.length; S++) {
@@ -586,7 +586,7 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
         case "object":
           if (Array.isArray(t))
             return t.every(B);
-          if (t === null || p(t))
+          if (t === null || u(t))
             return !0;
           var f = E(t);
           if (f) {
@@ -647,17 +647,17 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
     return j.checkPropTypes = i, j.resetWarningCache = i.resetWarningCache, j.PropTypes = j, j;
   }, ue;
 }
-var pe, Ce;
+var pe, xe;
 function We() {
-  if (Ce) return pe;
-  Ce = 1;
+  if (xe) return pe;
+  xe = 1;
   var r = /* @__PURE__ */ be();
   function s() {
   }
   function o() {
   }
   return o.resetWarningCache = s, pe = function() {
-    function a(u, p, v, _, g, E) {
+    function a(p, u, 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"
@@ -695,10 +695,10 @@ function We() {
     return n.PropTypes = n, n;
   }, pe;
 }
-var xe;
+var Ce;
 function De() {
-  if (xe) return X.exports;
-  if (xe = 1, process.env.NODE_ENV !== "production") {
+  if (Ce) return X.exports;
+  if (Ce = 1, process.env.NODE_ENV !== "production") {
     var r = we(), s = !0;
     X.exports = /* @__PURE__ */ Ye()(r.isElement, s);
   } else
@@ -707,7 +707,7 @@ function De() {
 }
 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);
+  const i = M("rpf-accordion", o);
   return /* @__PURE__ */ w("details", { className: i, id: `${a}`, children: [
     /* @__PURE__ */ w("summary", { className: "rpf-accordion__title", role: "button", children: [
       s,
@@ -729,8 +729,8 @@ const de = ({
   className: a,
   type: i = "primary",
   variant: n = "",
-  size: u = "default",
-  icon: p = "",
+  size: p = "default",
+  icon: u = "",
   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 = u && 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--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(u) ? (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 = (l) => u && _ === l && /* @__PURE__ */ d("span", { className: Y, children: u }), $ = () => r && !N && /* @__PURE__ */ d("span", { className: "text", children: r }), q = /* @__PURE__ */ w(ye, { children: [
     L("left"),
     $(),
     L("right")
   ] });
   return s ? /* @__PURE__ */ d(
-    M || "a",
+    k || "a",
     {
       className: I,
-      ...M ? { to: s } : { href: s, role: "button" },
+      ...k ? { to: s } : { href: s, role: "button" },
       onClick: A,
       "aria-label": j,
       children: q
@@ -820,16 +820,16 @@ const ze = ({ title: r, text: s, children: o, type: a, actions: i, onClose: n })
   (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(
+    i && i.length > 0 && /* @__PURE__ */ d("div", { className: "rpf-alert__actions", children: i.map((p) => /* @__PURE__ */ d(
       de,
       {
-        text: u.label,
+        text: p.label,
         size: "small",
         type: "tertiary",
-        href: u.href,
-        onClick: u.onClick
+        href: p.href,
+        onClick: p.onClick
       },
-      u.key || u.label
+      p.key || p.label
     )) })
   ] })
 ] });
@@ -854,15 +854,15 @@ const Ue = ({
   checked: a = !1,
   disabled: i = !1,
   error: n = "",
-  onChange: u = () => {
+  onChange: p = () => {
   },
-  value: p = "",
+  value: u = "",
   className: v = ""
 }) => /* @__PURE__ */ w(ye, { children: [
   /* @__PURE__ */ w(
     "label",
     {
-      className: k("rpf-input-checkbox", {
+      className: M("rpf-input-checkbox", {
         "rpf-input-checkbox--error": n,
         className: v
       }),
@@ -874,9 +874,9 @@ const Ue = ({
             disabled: i,
             id: r,
             name: o,
-            onChange: u,
+            onChange: p,
             type: "checkbox",
-            value: p
+            value: u
           }
         ),
         s
@@ -909,7 +909,7 @@ const Be = ({
 }) => /* @__PURE__ */ w(
   "fieldset",
   {
-    className: k("rpf-fieldset", {
+    className: M("rpf-fieldset", {
       "rpf-fieldset--disabled": r,
       "rpf-fieldset--full-width": o,
       "rpf-fieldset--error": s
@@ -948,7 +948,7 @@ const K = ({
     "label",
     {
       htmlFor: r,
-      className: k("rpf-label", {
+      className: M("rpf-label", {
         "rpf-label--disabled": a
       }),
       children: [
@@ -980,7 +980,7 @@ const Ve = ({
   "label",
   {
     htmlFor: s,
-    className: k("rpf-label", {
+    className: M("rpf-label", {
       "rpf-label--disabled": o
     }),
     children: [
@@ -1003,7 +1003,7 @@ const He = ({
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: k("rpf-progress-bar", {
+    className: M("rpf-progress-bar", {
       "rpf-progress-bar--complete": o,
       className: a
     }),
@@ -1026,13 +1026,13 @@ const Je = ({
   checked: a = !1,
   disabled: i = !1,
   fullWidth: n = !1,
-  onChange: u = () => {
+  onChange: p = () => {
   },
-  value: p = ""
+  value: u = ""
 }) => /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ w(
   "label",
   {
-    className: k("rpf-input-radio", {
+    className: M("rpf-input-radio", {
       "rpf-input-radio--disabled": i,
       "rpf-input--full-width": n
     }),
@@ -1044,9 +1044,9 @@ const Je = ({
           disabled: i,
           id: r,
           name: o,
-          onChange: u,
+          onChange: p,
           type: "radio",
-          value: p
+          value: u
         }
       ),
       s
@@ -1070,18 +1070,18 @@ const Xe = ({
   error: a = "",
   hint: i = "",
   placeholder: n = "",
-  defaultValue: u = "",
-  onClick: p = () => {
+  defaultValue: p = "",
+  onClick: u = () => {
   },
   // 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: u, children: [
   /* @__PURE__ */ w(
     "label",
     {
       htmlFor: s,
-      className: k("rpf-label", {
+      className: M("rpf-label", {
         "rpf-label--disabled": o
       }),
       children: [
@@ -1094,7 +1094,7 @@ const Xe = ({
     /* @__PURE__ */ d(
       "input",
       {
-        className: k("rpf-input rpf-input-search", {
+        className: M("rpf-input rpf-input-search", {
           "rpf-input--disabled": o,
           "rpf-input--error": a
         }),
@@ -1103,7 +1103,7 @@ const Xe = ({
         name: "search",
         type: "search",
         "aria-label": "Search",
-        defaultValue: u,
+        defaultValue: p,
         placeholder: n,
         onChange: v
       }
@@ -1111,13 +1111,13 @@ const Xe = ({
     /* @__PURE__ */ d(
       "button",
       {
-        type: "button",
-        className: k("rpf-button rpf-button-search", {
+        type: "submit",
+        className: M("rpf-button rpf-button-search", {
           "rpf-button--disabled": o,
           "rpf-button--error": a
         }),
         disabled: o,
-        onClick: p,
+        onClick: u,
         children: /* @__PURE__ */ d("span", { className: "rpf-button__icon material-symbols-sharp", children: "search" })
       }
     )
@@ -1126,7 +1126,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,
@@ -1145,8 +1145,8 @@ const Ge = ({
   options: a,
   disabled: i = !1,
   error: n = "",
-  fullWidth: u = !1,
-  hint: p = "",
+  fullWidth: p = !1,
+  hint: u = "",
   onChange: v = () => {
   },
   placeholder: _ = "",
@@ -1157,14 +1157,14 @@ const Ge = ({
     id: r,
     disabled: i,
     error: n,
-    hint: p,
+    hint: u,
     label: s,
     children: /* @__PURE__ */ w(
       "select",
       {
-        className: k("rpf-input rpf-input-select", {
+        className: M("rpf-input rpf-input-select", {
           "rpf-input--error": n,
-          "rpf-input--full-width": u
+          "rpf-input--full-width": p
         }),
         disabled: i,
         id: r,
@@ -1197,11 +1197,11 @@ const Ke = ({ headerRow: r, bodyRows: s, fullWidth: o }) => /* @__PURE__ */ d(
   "div",
   {
     "data-testid": "table-container",
-    className: k("rpf-table", { "rpf-table--full-width": o }),
+    className: M("rpf-table", { "rpf-table--full-width": o }),
     children: /* @__PURE__ */ w(
       "table",
       {
-        className: k("rpf-table__table", {
+        className: M("rpf-table__table", {
           "rpf-table__table--full-width": o
         }),
         children: [
@@ -1232,7 +1232,7 @@ Qe.propTypes = {
 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(
   "span",
   {
-    className: k("rpf-tag", s, {
+    className: M("rpf-tag", s, {
       "rpf-tag--secondary": o
     }),
     children: [
@@ -1262,8 +1262,8 @@ const rr = ({
   value: a,
   disabled: i = !1,
   readOnly: n = !1,
-  error: u = "",
-  fullWidth: p = !1,
+  error: p = "",
+  fullWidth: u = !1,
   hint: v = "",
   onChange: _ = () => {
   }
@@ -1272,15 +1272,15 @@ const rr = ({
   {
     id: r,
     disabled: i,
-    error: u,
+    error: p,
     hint: v,
     label: s,
     children: /* @__PURE__ */ d(
       "textarea",
       {
-        className: k("rpf-input rpf-input-textarea", {
-          "rpf-input--error": u,
-          "rpf-input--full-width": p,
+        className: M("rpf-input rpf-input-textarea", {
+          "rpf-input--error": p,
+          "rpf-input--full-width": u,
           "rpf-input--disabled": i
         }),
         disabled: i,
@@ -1313,8 +1313,8 @@ const tr = ({
   value: a,
   disabled: i = !1,
   error: n = "",
-  fullWidth: u = !1,
-  hint: p = "",
+  fullWidth: p = !1,
+  hint: u = "",
   onChange: v = () => {
   }
 }) => /* @__PURE__ */ d(
@@ -1323,14 +1323,14 @@ const tr = ({
     id: r,
     disabled: i,
     error: n,
-    hint: p,
+    hint: u,
     label: s,
     children: /* @__PURE__ */ d(
       "input",
       {
-        className: k("rpf-input rpf-input-text", {
+        className: M("rpf-input rpf-input-text", {
           "rpf-input--error": n,
-          "rpf-input--full-width": u
+          "rpf-input--full-width": p
         }),
         disabled: i,
         id: r,

package/dist/design-system-react.umd.cjs

@@ -1,24 +1,24 @@
-(function(A,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],a):(A=typeof globalThis<"u"?globalThis:A||self,a(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,a,Ue){"use strict";function be(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Q={exports:{}};/*!
+(function(A,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],n):(A=typeof globalThis<"u"?globalThis:A||self,n(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,n,Ue){"use strict";function be(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Q={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var he;function Ve(){return he||(he=1,function(r){(function(){var c={}.hasOwnProperty;function o(){for(var n="",p=0;p<arguments.length;p++){var d=arguments[p];d&&(n=i(n,s(d)))}return n}function s(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="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 p="";for(var d in n)c.call(n,d)&&n[d]&&(p=i(p,d));return p}function i(n,p){return p?n?n+" "+p:n+p:n}r.exports?(o.default=o,r.exports=o):window.classNames=o})()}(Q)),Q.exports}var He=Ve();const M=be(He);var H={exports:{}},J={exports:{}},C={};/** @license React v16.13.1
+*/var he;function Ve(){return he||(he=1,function(r){(function(){var c={}.hasOwnProperty;function o(){for(var a="",d=0;d<arguments.length;d++){var p=arguments[d];p&&(a=i(a,s(p)))}return a}function s(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return o.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var d="";for(var p in a)c.call(a,p)&&a[p]&&(d=i(d,p));return d}function i(a,d){return d?a?a+" "+d:a+d:a}r.exports?(o.default=o,r.exports=o):window.classNames=o})()}(Q)),Q.exports}var He=Ve();const M=be(He);var H={exports:{}},J={exports:{}},C={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ve;function Je(){if(ve)return C;ve=1;var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,n=r?Symbol.for("react.profiler"):60114,p=r?Symbol.for("react.provider"):60109,d=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,R=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function $(l){if(typeof l=="object"&&l!==null){var L=l.$$typeof;switch(L){case c:switch(l=l.type,l){case g:case _:case s:case n:case i:case E:return l;default:switch(l=l&&l.$$typeof,l){case d:case m:case k:case I:case p:return l;default:return L}}case o:return L}}}function j(l){return $(l)===_}return C.AsyncMode=g,C.ConcurrentMode=_,C.ContextConsumer=d,C.ContextProvider=p,C.Element=c,C.ForwardRef=m,C.Fragment=s,C.Lazy=k,C.Memo=I,C.Portal=o,C.Profiler=n,C.StrictMode=i,C.Suspense=E,C.isAsyncMode=function(l){return j(l)||$(l)===g},C.isConcurrentMode=j,C.isContextConsumer=function(l){return $(l)===d},C.isContextProvider=function(l){return $(l)===p},C.isElement=function(l){return typeof l=="object"&&l!==null&&l.$$typeof===c},C.isForwardRef=function(l){return $(l)===m},C.isFragment=function(l){return $(l)===s},C.isLazy=function(l){return $(l)===k},C.isMemo=function(l){return $(l)===I},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===s||l===_||l===n||l===i||l===E||l===q||typeof l=="object"&&l!==null&&(l.$$typeof===k||l.$$typeof===I||l.$$typeof===p||l.$$typeof===d||l.$$typeof===m||l.$$typeof===R||l.$$typeof===Y||l.$$typeof===z||l.$$typeof===N)},C.typeOf=$,C}var w={};/** @license React v16.13.1
+ */var ve;function Je(){if(ve)return C;ve=1;var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,d=r?Symbol.for("react.provider"):60109,p=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(l){if(typeof l=="object"&&l!==null){var L=l.$$typeof;switch(L){case c:switch(l=l.type,l){case g:case _:case s:case a:case i:case E:return l;default:switch(l=l&&l.$$typeof,l){case p:case m:case k:case I:case d:return l;default:return L}}case o:return L}}}function j(l){return R(l)===_}return C.AsyncMode=g,C.ConcurrentMode=_,C.ContextConsumer=p,C.ContextProvider=d,C.Element=c,C.ForwardRef=m,C.Fragment=s,C.Lazy=k,C.Memo=I,C.Portal=o,C.Profiler=a,C.StrictMode=i,C.Suspense=E,C.isAsyncMode=function(l){return j(l)||R(l)===g},C.isConcurrentMode=j,C.isContextConsumer=function(l){return R(l)===p},C.isContextProvider=function(l){return R(l)===d},C.isElement=function(l){return typeof l=="object"&&l!==null&&l.$$typeof===c},C.isForwardRef=function(l){return R(l)===m},C.isFragment=function(l){return R(l)===s},C.isLazy=function(l){return R(l)===k},C.isMemo=function(l){return R(l)===I},C.isPortal=function(l){return R(l)===o},C.isProfiler=function(l){return R(l)===a},C.isStrictMode=function(l){return R(l)===i},C.isSuspense=function(l){return R(l)===E},C.isValidElementType=function(l){return typeof l=="string"||typeof l=="function"||l===s||l===_||l===a||l===i||l===E||l===q||typeof l=="object"&&l!==null&&(l.$$typeof===k||l.$$typeof===I||l.$$typeof===d||l.$$typeof===p||l.$$typeof===m||l.$$typeof===$||l.$$typeof===Y||l.$$typeof===z||l.$$typeof===N)},C.typeOf=R,C}var w={};/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ge;function Xe(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,n=r?Symbol.for("react.profiler"):60114,p=r?Symbol.for("react.provider"):60109,d=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,R=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function $(f){return typeof f=="string"||typeof f=="function"||f===s||f===_||f===n||f===i||f===E||f===q||typeof f=="object"&&f!==null&&(f.$$typeof===k||f.$$typeof===I||f.$$typeof===p||f.$$typeof===d||f.$$typeof===m||f.$$typeof===R||f.$$typeof===Y||f.$$typeof===z||f.$$typeof===N)}function j(f){if(typeof f=="object"&&f!==null){var W=f.$$typeof;switch(W){case c:var Z=f.type;switch(Z){case g:case _:case s:case n:case i:case E:return Z;default:var Be=Z&&Z.$$typeof;switch(Be){case d:case m:case k:case I:case p:return Be;default:return W}}case o:return W}}}var l=g,L=_,ie=d,le=p,ce=c,fe=m,G=s,ue=k,pe=I,U=o,de=n,D=i,B=E,K=!1;function ye(f){return K||(K=!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(f)||j(f)===g}function t(f){return j(f)===_}function u(f){return j(f)===d}function T(f){return j(f)===p}function h(f){return typeof f=="object"&&f!==null&&f.$$typeof===c}function y(f){return j(f)===m}function O(f){return j(f)===s}function b(f){return j(f)===k}function v(f){return j(f)===I}function S(f){return j(f)===o}function x(f){return j(f)===n}function P(f){return j(f)===i}function F(f){return j(f)===E}w.AsyncMode=l,w.ConcurrentMode=L,w.ContextConsumer=ie,w.ContextProvider=le,w.Element=ce,w.ForwardRef=fe,w.Fragment=G,w.Lazy=ue,w.Memo=pe,w.Portal=U,w.Profiler=de,w.StrictMode=D,w.Suspense=B,w.isAsyncMode=ye,w.isConcurrentMode=t,w.isContextConsumer=u,w.isContextProvider=T,w.isElement=h,w.isForwardRef=y,w.isFragment=O,w.isLazy=b,w.isMemo=v,w.isPortal=S,w.isProfiler=x,w.isStrictMode=P,w.isSuspense=F,w.isValidElementType=$,w.typeOf=j}()),w}var me;function Te(){return me||(me=1,process.env.NODE_ENV==="production"?J.exports=Je():J.exports=Xe()),J.exports}/*
+ */var ge;function Xe(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,c=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,d=r?Symbol.for("react.provider"):60109,p=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,k=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(f){return typeof f=="string"||typeof f=="function"||f===s||f===_||f===a||f===i||f===E||f===q||typeof f=="object"&&f!==null&&(f.$$typeof===k||f.$$typeof===I||f.$$typeof===d||f.$$typeof===p||f.$$typeof===m||f.$$typeof===$||f.$$typeof===Y||f.$$typeof===z||f.$$typeof===N)}function j(f){if(typeof f=="object"&&f!==null){var W=f.$$typeof;switch(W){case c:var Z=f.type;switch(Z){case g:case _:case s:case a:case i:case E:return Z;default:var Be=Z&&Z.$$typeof;switch(Be){case p:case m:case k:case I:case d:return Be;default:return W}}case o:return W}}}var l=g,L=_,ie=p,le=d,ce=c,fe=m,G=s,ue=k,pe=I,U=o,de=a,D=i,B=E,K=!1;function ye(f){return K||(K=!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(f)||j(f)===g}function t(f){return j(f)===_}function u(f){return j(f)===p}function T(f){return j(f)===d}function h(f){return typeof f=="object"&&f!==null&&f.$$typeof===c}function y(f){return j(f)===m}function O(f){return j(f)===s}function b(f){return j(f)===k}function v(f){return j(f)===I}function S(f){return j(f)===o}function x(f){return j(f)===a}function P(f){return j(f)===i}function F(f){return j(f)===E}w.AsyncMode=l,w.ConcurrentMode=L,w.ContextConsumer=ie,w.ContextProvider=le,w.Element=ce,w.ForwardRef=fe,w.Fragment=G,w.Lazy=ue,w.Memo=pe,w.Portal=U,w.Profiler=de,w.StrictMode=D,w.Suspense=B,w.isAsyncMode=ye,w.isConcurrentMode=t,w.isContextConsumer=u,w.isContextProvider=T,w.isElement=h,w.isForwardRef=y,w.isFragment=O,w.isLazy=b,w.isMemo=v,w.isPortal=S,w.isProfiler=x,w.isStrictMode=P,w.isSuspense=F,w.isValidElementType=R,w.typeOf=j}()),w}var me;function Te(){return me||(me=1,process.env.NODE_ENV==="production"?J.exports=Je():J.exports=Xe()),J.exports}/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var ee,_e;function Ge(){if(_e)return ee;_e=1;var r=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function s(n){if(n==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}function i(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de",Object.getOwnPropertyNames(n)[0]==="5")return!1;for(var p={},d=0;d<10;d++)p["_"+String.fromCharCode(d)]=d;var g=Object.getOwnPropertyNames(p).map(function(m){return p[m]});if(g.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(m){_[m]=m}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ee=i()?Object.assign:function(n,p){for(var d,g=s(n),_,m=1;m<arguments.length;m++){d=Object(arguments[m]);for(var E in d)c.call(d,E)&&(g[E]=d[E]);if(r){_=r(d);for(var q=0;q<_.length;q++)o.call(d,_[q])&&(g[_[q]]=d[_[q]])}}return g},ee}var re,Ee;function te(){if(Ee)return re;Ee=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return re=r,re}var ne,Oe;function Se(){return Oe||(Oe=1,ne=Function.call.bind(Object.prototype.hasOwnProperty)),ne}var ae,Pe;function Ke(){if(Pe)return ae;Pe=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var c=te(),o={},s=Se();r=function(n){var p="Warning: "+n;typeof console<"u"&&console.error(p);try{throw new Error(p)}catch{}}}function i(n,p,d,g,_){if(process.env.NODE_ENV!=="production"){for(var m in n)if(s(n,m)){var E;try{if(typeof n[m]!="function"){var q=Error((g||"React class")+": "+d+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}E=n[m](p,m,g,d,null,c)}catch(k){E=k}if(E&&!(E instanceof Error)&&r((g||"React class")+": type specification of "+d+" `"+m+"` 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;var I=_?_():"";r("Failed "+d+" type: "+E.message+(I??""))}}}}return i.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(o={})},ae=i,ae}var se,Ce;function Ze(){if(Ce)return se;Ce=1;var r=Te(),c=Ge(),o=te(),s=Se(),i=Ke(),n=function(){};process.env.NODE_ENV!=="production"&&(n=function(d){var g="Warning: "+d;typeof console<"u"&&console.error(g);try{throw new Error(g)}catch{}});function p(){return null}return se=function(d,g){var _=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function E(t){var u=t&&(_&&t[_]||t[m]);if(typeof u=="function")return u}var q="<<anonymous>>",I={array:Y("array"),bigint:Y("bigint"),bool:Y("boolean"),func:Y("function"),number:Y("number"),object:Y("object"),string:Y("string"),symbol:Y("symbol"),any:z(),arrayOf:$,element:j(),elementType:l(),instanceOf:L,node:fe(),objectOf:le,oneOf:ie,oneOfType:ce,shape:ue,exact:pe};function k(t,u){return t===u?t!==0||1/t===1/u:t!==t&&u!==u}function N(t,u){this.message=t,this.data=u&&typeof u=="object"?u:{},this.stack=""}N.prototype=Error.prototype;function R(t){if(process.env.NODE_ENV!=="production")var u={},T=0;function h(O,b,v,S,x,P,F){if(S=S||q,P=P||v,F!==o){if(g){var f=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 f.name="Invariant Violation",f}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=S+":"+v;!u[W]&&T<3&&(n("You are manually calling a React.PropTypes validation function for the `"+P+"` prop on `"+S+"`. 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."),u[W]=!0,T++)}}return b[v]==null?O?b[v]===null?new N("The "+x+" `"+P+"` is marked as required "+("in `"+S+"`, but its value is `null`.")):new N("The "+x+" `"+P+"` is marked as required in "+("`"+S+"`, but its value is `undefined`.")):null:t(b,v,S,x,P)}var y=h.bind(null,!1);return y.isRequired=h.bind(null,!0),y}function Y(t){function u(T,h,y,O,b,v){var S=T[h],x=D(S);if(x!==t){var P=B(S);return new N("Invalid "+O+" `"+b+"` of type "+("`"+P+"` supplied to `"+y+"`, expected ")+("`"+t+"`."),{expectedType:t})}return null}return R(u)}function z(){return R(p)}function $(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var v=T[h];if(!Array.isArray(v)){var S=D(v);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<v.length;x++){var P=t(v,x,y,O,b+"["+x+"]",o);if(P instanceof Error)return P}return null}return R(u)}function j(){function t(u,T,h,y,O){var b=u[T];if(!d(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement."))}return null}return R(t)}function l(){function t(u,T,h,y,O){var b=u[T];if(!r.isValidElementType(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement type."))}return null}return R(t)}function L(t){function u(T,h,y,O,b){if(!(T[h]instanceof t)){var v=t.name||q,S=ye(T[h]);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected ")+("instance of `"+v+"`."))}return null}return R(u)}function ie(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&(arguments.length>1?n("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.")),p;function u(T,h,y,O,b){for(var v=T[h],S=0;S<t.length;S++)if(k(v,t[S]))return null;var x=JSON.stringify(t,function(F,f){var W=B(f);return W==="symbol"?String(f):f});return new N("Invalid "+O+" `"+b+"` of value `"+String(v)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return R(u)}function le(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an object."));for(var x in v)if(s(v,x)){var P=t(v,x,y,O,b+"."+x,o);if(P instanceof Error)return P}return null}return R(u)}function ce(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&n("Invalid argument supplied to oneOfType, expected an instance of array."),p;for(var u=0;u<t.length;u++){var T=t[u];if(typeof T!="function")return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+K(T)+" at index "+u+"."),p}function h(y,O,b,v,S){for(var x=[],P=0;P<t.length;P++){var F=t[P],f=F(y,O,b,v,S,o);if(f==null)return null;f.data&&s(f.data,"expectedType")&&x.push(f.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+v+" `"+S+"` supplied to "+("`"+b+"`"+W+"."))}return R(h)}function fe(){function t(u,T,h,y,O){return U(u[T])?null:new N("Invalid "+y+" `"+O+"` supplied to "+("`"+h+"`, expected a ReactNode."))}return R(t)}function G(t,u,T,h,y){return new N((t||"React class")+": "+u+" type `"+T+"."+h+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function ue(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in t){var P=t[x];if(typeof P!="function")return G(y,O,b,x,B(P));var F=P(v,x,y,O,b+"."+x,o);if(F)return F}return null}return R(u)}function pe(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));var x=c({},T[h],t);for(var P in x){var F=t[P];if(s(t,P)&&typeof F!="function")return G(y,O,b,P,B(F));if(!F)return new N("Invalid "+O+" `"+b+"` key `"+P+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(T[h],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(t),null,"  "));var f=F(v,P,y,O,b+"."+P,o);if(f)return f}return null}return R(u)}function U(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(U);if(t===null||d(t))return!0;var u=E(t);if(u){var T=u.call(t),h;if(u!==t.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(t,u){return t==="symbol"?!0:u?u["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&u instanceof Symbol:!1}function D(t){var u=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":de(u,t)?"symbol":u}function B(t){if(typeof t>"u"||t===null)return""+t;var u=D(t);if(u==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return u}function K(t){var u=B(t);switch(u){case"array":case"object":return"an "+u;case"boolean":case"date":case"regexp":return"a "+u;default:return u}}function ye(t){return!t.constructor||!t.constructor.name?q:t.constructor.name}return I.checkPropTypes=i,I.resetWarningCache=i.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function c(){}function o(){}return o.resetWarningCache=c,oe=function(){function s(p,d,g,_,m,E){if(E!==r){var q=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 q.name="Invariant Violation",q}}s.isRequired=s;function i(){return s}var n={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:i,element:s,elementType:s,instanceOf:i,node:s,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:o,resetWarningCache:c};return n.PropTypes=n,n},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),c=!0;H.exports=Ze()(r.isElement,c)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:c,className:o,id:s="accordion"})=>{const i=M("rpf-accordion",o);return a.jsxs("details",{className:i,id:`${s}`,children:[a.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[c,a.jsx("span",{className:"rpf-accordion__icon"})]}),a.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:c,title:o,className:s,type:i="primary",variant:n="",size:p="default",icon:d="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:k})=>{const N=d&&g,R=M("rpf-button",{[`rpf-button--${i}`]:i,"rpf-button--danger":n==="danger","rpf-button--sm":p==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let Y="rpf-button__icon";Ue.isValidElement(d)?(Y+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):Y+=" material-symbols-sharp";const z=l=>d&&_===l&&a.jsx("span",{className:Y,children:d}),$=()=>r&&!N&&a.jsx("span",{className:"text",children:r}),j=a.jsxs(a.Fragment,{children:[z("left"),$(),z("right")]});if(c){const l=k||"a",L=k?{to:c}:{href:c,role:"button"};return a.jsx(l,{className:R,...L,onClick:q,"aria-label":I,children:j})}return a.jsx("button",{className:R,title:o,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:c,children:o,type:s,actions:i,onClose:n})=>a.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[a.jsxs("div",{className:"rpf-alert__header",children:[a.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),a.jsx("p",{className:"rpf-alert__title",children:r}),!!n&&a.jsx("div",{className:"rpf-alert__close",children:a.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:n})})]}),(c||o||i)&&a.jsxs("div",{className:"rpf-alert__body",children:[!o&&c&&a.jsx("p",{children:c}),o&&a.jsx("div",{children:o}),i&&i.length>0&&a.jsx("div",{className:"rpf-alert__actions",children:i.map(p=>a.jsx(X,{text:p.label,size:"small",type:"tertiary",href:p.href,onClick:p.onClick},p.key||p.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),children:e.node,onClose:e.func};const qe=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,error:n="",onChange:p=()=>{},value:d="",className:g=""})=>a.jsxs(a.Fragment,{children:[a.jsxs("label",{className:M("rpf-input-checkbox",{"rpf-input-checkbox--error":n,className:g}),children:[a.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:p,type:"checkbox",value:d}),c]}),n&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),n]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:c="",fullWidth:o=!1,legendText:s,legendHintText:i="",children:n})=>a.jsxs("fieldset",{className:M("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":o,"rpf-fieldset--error":c}),disabled:r,children:[a.jsxs("legend",{className:"rpf-label",children:[s,i.length>0?a.jsx("small",{className:"rpf-label__hint",children:i}):null]}),a.jsx("div",{className:"rpf-fieldset__inputs",children:n}),c.length>0?a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),c]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:c,children:o,disabled:s=!1,error:i="",hint:n=""})=>a.jsxs("div",{className:"rpf-input-field",children:[(c||n)&&a.jsxs("label",{htmlFor:r,className:M("rpf-label",{"rpf-label--disabled":s}),children:[c,a.jsx("small",{className:"rpf-label__hint",children:n})]}),o,i&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:c,disabled:o=!1,hint:s=""})=>a.jsx("div",{className:"rpf-label",children:a.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,s&&a.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const Re=({text:r="",percent:c,complete:o=!1,className:s})=>a.jsx("div",{className:M("rpf-progress-bar",{"rpf-progress-bar--complete":o,className:s}),children:a.jsxs("label",{className:"rpf-progress-bar__label",children:[a.jsx("span",{children:r}),a.jsx("progress",{className:"rpf-progress-bar__bar",value:c,max:"100",children:`${c}%`})]})});Re.propTypes={text:e.string,percent:e.number.isRequired,complete:e.bool,className:e.string};const $e=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,fullWidth:n=!1,onChange:p=()=>{},value:d=""})=>a.jsx(a.Fragment,{children:a.jsxs("label",{className:M("rpf-input-radio",{"rpf-input-radio--disabled":i,"rpf-input--full-width":n}),children:[a.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:p,type:"radio",value:d}),c]})});$e.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const Me=({label:r,inputFieldId:c,disabled:o=!1,error:s="",hint:i="",placeholder:n="",defaultValue:p="",onClick:d=()=>{},onChange:g=_=>{}})=>a.jsxs("div",{className:"rpf-input-field",children:[a.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,i&&a.jsx("small",{className:"rpf-label__hint",children:i})]}),a.jsxs("div",{className:"rpf-input-search-container",children:[a.jsx("input",{className:M("rpf-input rpf-input-search",{"rpf-input--disabled":o,"rpf-input--error":s}),disabled:o,id:c,name:"search",type:"search","aria-label":"Search",defaultValue:p,placeholder:n,onChange:g}),a.jsx("button",{type:"button",className:M("rpf-button rpf-button-search",{"rpf-button--disabled":o,"rpf-button--error":s}),disabled:o,onClick:d,children:a.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&a.jsxs("div",{className:"rpf-error-message",children:[a.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]});Me.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const ke=({id:r,label:c,name:o,options:s,disabled:i=!1,error:n="",fullWidth:p=!1,hint:d="",onChange:g=()=>{},placeholder:_="",value:m=""})=>a.jsx(V,{id:r,disabled:i,error:n,hint:d,label:c,children:a.jsxs("select",{className:M("rpf-input rpf-input-select",{"rpf-input--error":n,"rpf-input--full-width":p}),disabled:i,id:r,name:o,onChange:g,type:"text",value:m,children:[!m&&!!_&&a.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>a.jsx("option",{value:E.key,children:E.value},E.key))]})});ke.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Ye=({headerRow:r,bodyRows:c,fullWidth:o})=>a.jsx("div",{"data-testid":"table-container",className:M("rpf-table",{"rpf-table--full-width":o}),children:a.jsxs("table",{className:M("rpf-table__table",{"rpf-table__table--full-width":o}),children:[a.jsx("thead",{children:a.jsx("tr",{className:"rpf-table-row",children:r})}),a.jsx("tbody",{children:c.map((s,i)=>a.jsx("tr",{className:"rpf-table-row",children:s},i))})]})});Ye.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Fe=({children:r})=>a.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:a.jsx("div",{className:"rpf-table-cell__content",children:r})});Fe.propTypes={children:e.node};const De=({sortDirection:r,children:c})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";c=a.jsxs("div",{className:"rpf-table-cell__sort-header",children:[c,a.jsx("span",{className:"material-symbols-sharp",children:s})]})}const o=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return a.jsx("th",{className:`rpf-table-cell ${o}`,children:a.jsx("div",{className:"rpf-table-cell__content",children:c})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:c,secondary:o,icon:s,iconPosition:i})=>(s&&(s=a.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!i&&(i="left"),c&&c!=="default"?c=`rpf-tag--${c}`:c=null,a.jsxs("span",{className:M("rpf-tag",c,{"rpf-tag--secondary":o}),children:[i==="left"&&s,r,i==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:c,name:o,value:s,disabled:i=!1,readOnly:n=!1,error:p="",fullWidth:d=!1,hint:g="",onChange:_=()=>{}})=>a.jsx(V,{id:r,disabled:i,error:p,hint:g,label:c,children:a.jsx("textarea",{className:M("rpf-input rpf-input-textarea",{"rpf-input--error":p,"rpf-input--full-width":d,"rpf-input--disabled":i}),disabled:i,readOnly:n,id:r,name:o,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:c,name:o,value:s,disabled:i=!1,error:n="",fullWidth:p=!1,hint:d="",onChange:g=()=>{}})=>a.jsx(V,{id:r,disabled:i,error:n,hint:d,label:c,children:a.jsx("input",{className:M("rpf-input rpf-input-text",{"rpf-input--error":n,"rpf-input--full-width":p}),disabled:i,id:r,name:o,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=Re,A.RadioInput=$e,A.SearchInput=Me,A.SelectInput=ke,A.Table=Ye,A.TableBodyCell=Fe,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
+*/var ee,_e;function Ge(){if(_e)return ee;_e=1;var r=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function s(a){if(a==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}function i(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de",Object.getOwnPropertyNames(a)[0]==="5")return!1;for(var d={},p=0;p<10;p++)d["_"+String.fromCharCode(p)]=p;var g=Object.getOwnPropertyNames(d).map(function(m){return d[m]});if(g.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(m){_[m]=m}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ee=i()?Object.assign:function(a,d){for(var p,g=s(a),_,m=1;m<arguments.length;m++){p=Object(arguments[m]);for(var E in p)c.call(p,E)&&(g[E]=p[E]);if(r){_=r(p);for(var q=0;q<_.length;q++)o.call(p,_[q])&&(g[_[q]]=p[_[q]])}}return g},ee}var re,Ee;function te(){if(Ee)return re;Ee=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return re=r,re}var ne,Oe;function Se(){return Oe||(Oe=1,ne=Function.call.bind(Object.prototype.hasOwnProperty)),ne}var ae,Pe;function Ke(){if(Pe)return ae;Pe=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var c=te(),o={},s=Se();r=function(a){var d="Warning: "+a;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}}}function i(a,d,p,g,_){if(process.env.NODE_ENV!=="production"){for(var m in a)if(s(a,m)){var E;try{if(typeof a[m]!="function"){var q=Error((g||"React class")+": "+p+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}E=a[m](d,m,g,p,null,c)}catch(k){E=k}if(E&&!(E instanceof Error)&&r((g||"React class")+": type specification of "+p+" `"+m+"` 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;var I=_?_():"";r("Failed "+p+" type: "+E.message+(I??""))}}}}return i.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(o={})},ae=i,ae}var se,Ce;function Ze(){if(Ce)return se;Ce=1;var r=Te(),c=Ge(),o=te(),s=Se(),i=Ke(),a=function(){};process.env.NODE_ENV!=="production"&&(a=function(p){var g="Warning: "+p;typeof console<"u"&&console.error(g);try{throw new Error(g)}catch{}});function d(){return null}return se=function(p,g){var _=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function E(t){var u=t&&(_&&t[_]||t[m]);if(typeof u=="function")return u}var q="<<anonymous>>",I={array:Y("array"),bigint:Y("bigint"),bool:Y("boolean"),func:Y("function"),number:Y("number"),object:Y("object"),string:Y("string"),symbol:Y("symbol"),any:z(),arrayOf:R,element:j(),elementType:l(),instanceOf:L,node:fe(),objectOf:le,oneOf:ie,oneOfType:ce,shape:ue,exact:pe};function k(t,u){return t===u?t!==0||1/t===1/u:t!==t&&u!==u}function N(t,u){this.message=t,this.data=u&&typeof u=="object"?u:{},this.stack=""}N.prototype=Error.prototype;function $(t){if(process.env.NODE_ENV!=="production")var u={},T=0;function h(O,b,v,S,x,P,F){if(S=S||q,P=P||v,F!==o){if(g){var f=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 f.name="Invariant Violation",f}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=S+":"+v;!u[W]&&T<3&&(a("You are manually calling a React.PropTypes validation function for the `"+P+"` prop on `"+S+"`. 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."),u[W]=!0,T++)}}return b[v]==null?O?b[v]===null?new N("The "+x+" `"+P+"` is marked as required "+("in `"+S+"`, but its value is `null`.")):new N("The "+x+" `"+P+"` is marked as required in "+("`"+S+"`, but its value is `undefined`.")):null:t(b,v,S,x,P)}var y=h.bind(null,!1);return y.isRequired=h.bind(null,!0),y}function Y(t){function u(T,h,y,O,b,v){var S=T[h],x=D(S);if(x!==t){var P=B(S);return new N("Invalid "+O+" `"+b+"` of type "+("`"+P+"` supplied to `"+y+"`, expected ")+("`"+t+"`."),{expectedType:t})}return null}return $(u)}function z(){return $(d)}function R(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var v=T[h];if(!Array.isArray(v)){var S=D(v);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<v.length;x++){var P=t(v,x,y,O,b+"["+x+"]",o);if(P instanceof Error)return P}return null}return $(u)}function j(){function t(u,T,h,y,O){var b=u[T];if(!p(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement."))}return null}return $(t)}function l(){function t(u,T,h,y,O){var b=u[T];if(!r.isValidElementType(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement type."))}return null}return $(t)}function L(t){function u(T,h,y,O,b){if(!(T[h]instanceof t)){var v=t.name||q,S=ye(T[h]);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected ")+("instance of `"+v+"`."))}return null}return $(u)}function ie(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&(arguments.length>1?a("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])."):a("Invalid argument supplied to oneOf, expected an array.")),d;function u(T,h,y,O,b){for(var v=T[h],S=0;S<t.length;S++)if(k(v,t[S]))return null;var x=JSON.stringify(t,function(F,f){var W=B(f);return W==="symbol"?String(f):f});return new N("Invalid "+O+" `"+b+"` of value `"+String(v)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return $(u)}function le(t){function u(T,h,y,O,b){if(typeof t!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an object."));for(var x in v)if(s(v,x)){var P=t(v,x,y,O,b+"."+x,o);if(P instanceof Error)return P}return null}return $(u)}function ce(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&a("Invalid argument supplied to oneOfType, expected an instance of array."),d;for(var u=0;u<t.length;u++){var T=t[u];if(typeof T!="function")return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+K(T)+" at index "+u+"."),d}function h(y,O,b,v,S){for(var x=[],P=0;P<t.length;P++){var F=t[P],f=F(y,O,b,v,S,o);if(f==null)return null;f.data&&s(f.data,"expectedType")&&x.push(f.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+v+" `"+S+"` supplied to "+("`"+b+"`"+W+"."))}return $(h)}function fe(){function t(u,T,h,y,O){return U(u[T])?null:new N("Invalid "+y+" `"+O+"` supplied to "+("`"+h+"`, expected a ReactNode."))}return $(t)}function G(t,u,T,h,y){return new N((t||"React class")+": "+u+" type `"+T+"."+h+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function ue(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in t){var P=t[x];if(typeof P!="function")return G(y,O,b,x,B(P));var F=P(v,x,y,O,b+"."+x,o);if(F)return F}return null}return $(u)}function pe(t){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));var x=c({},T[h],t);for(var P in x){var F=t[P];if(s(t,P)&&typeof F!="function")return G(y,O,b,P,B(F));if(!F)return new N("Invalid "+O+" `"+b+"` key `"+P+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(T[h],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(t),null,"  "));var f=F(v,P,y,O,b+"."+P,o);if(f)return f}return null}return $(u)}function U(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(U);if(t===null||p(t))return!0;var u=E(t);if(u){var T=u.call(t),h;if(u!==t.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(t,u){return t==="symbol"?!0:u?u["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&u instanceof Symbol:!1}function D(t){var u=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":de(u,t)?"symbol":u}function B(t){if(typeof t>"u"||t===null)return""+t;var u=D(t);if(u==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return u}function K(t){var u=B(t);switch(u){case"array":case"object":return"an "+u;case"boolean":case"date":case"regexp":return"a "+u;default:return u}}function ye(t){return!t.constructor||!t.constructor.name?q:t.constructor.name}return I.checkPropTypes=i,I.resetWarningCache=i.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function c(){}function o(){}return o.resetWarningCache=c,oe=function(){function s(d,p,g,_,m,E){if(E!==r){var q=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 q.name="Invariant Violation",q}}s.isRequired=s;function i(){return s}var a={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:i,element:s,elementType:s,instanceOf:i,node:s,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:o,resetWarningCache:c};return a.PropTypes=a,a},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),c=!0;H.exports=Ze()(r.isElement,c)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:c,className:o,id:s="accordion"})=>{const i=M("rpf-accordion",o);return n.jsxs("details",{className:i,id:`${s}`,children:[n.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[c,n.jsx("span",{className:"rpf-accordion__icon"})]}),n.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:c,title:o,className:s,type:i="primary",variant:a="",size:d="default",icon:p="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:k})=>{const N=p&&g,$=M("rpf-button",{[`rpf-button--${i}`]:i,"rpf-button--danger":a==="danger","rpf-button--sm":d==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let Y="rpf-button__icon";Ue.isValidElement(p)?(Y+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):Y+=" material-symbols-sharp";const z=l=>p&&_===l&&n.jsx("span",{className:Y,children:p}),R=()=>r&&!N&&n.jsx("span",{className:"text",children:r}),j=n.jsxs(n.Fragment,{children:[z("left"),R(),z("right")]});if(c){const l=k||"a",L=k?{to:c}:{href:c,role:"button"};return n.jsx(l,{className:$,...L,onClick:q,"aria-label":I,children:j})}return n.jsx("button",{className:$,title:o,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:c,children:o,type:s,actions:i,onClose:a})=>n.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[n.jsxs("div",{className:"rpf-alert__header",children:[n.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),n.jsx("p",{className:"rpf-alert__title",children:r}),!!a&&n.jsx("div",{className:"rpf-alert__close",children:n.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:a})})]}),(c||o||i)&&n.jsxs("div",{className:"rpf-alert__body",children:[!o&&c&&n.jsx("p",{children:c}),o&&n.jsx("div",{children:o}),i&&i.length>0&&n.jsx("div",{className:"rpf-alert__actions",children:i.map(d=>n.jsx(X,{text:d.label,size:"small",type:"tertiary",href:d.href,onClick:d.onClick},d.key||d.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),children:e.node,onClose:e.func};const qe=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,error:a="",onChange:d=()=>{},value:p="",className:g=""})=>n.jsxs(n.Fragment,{children:[n.jsxs("label",{className:M("rpf-input-checkbox",{"rpf-input-checkbox--error":a,className:g}),children:[n.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:d,type:"checkbox",value:p}),c]}),a&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),a]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:c="",fullWidth:o=!1,legendText:s,legendHintText:i="",children:a})=>n.jsxs("fieldset",{className:M("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":o,"rpf-fieldset--error":c}),disabled:r,children:[n.jsxs("legend",{className:"rpf-label",children:[s,i.length>0?n.jsx("small",{className:"rpf-label__hint",children:i}):null]}),n.jsx("div",{className:"rpf-fieldset__inputs",children:a}),c.length>0?n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),c]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:c,children:o,disabled:s=!1,error:i="",hint:a=""})=>n.jsxs("div",{className:"rpf-input-field",children:[(c||a)&&n.jsxs("label",{htmlFor:r,className:M("rpf-label",{"rpf-label--disabled":s}),children:[c,n.jsx("small",{className:"rpf-label__hint",children:a})]}),o,i&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:c,disabled:o=!1,hint:s=""})=>n.jsx("div",{className:"rpf-label",children:n.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,s&&n.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const $e=({text:r="",percent:c,complete:o=!1,className:s})=>n.jsx("div",{className:M("rpf-progress-bar",{"rpf-progress-bar--complete":o,className:s}),children:n.jsxs("label",{className:"rpf-progress-bar__label",children:[n.jsx("span",{children:r}),n.jsx("progress",{className:"rpf-progress-bar__bar",value:c,max:"100",children:`${c}%`})]})});$e.propTypes={text:e.string,percent:e.number.isRequired,complete:e.bool,className:e.string};const Re=({id:r,label:c,name:o,checked:s=!1,disabled:i=!1,fullWidth:a=!1,onChange:d=()=>{},value:p=""})=>n.jsx(n.Fragment,{children:n.jsxs("label",{className:M("rpf-input-radio",{"rpf-input-radio--disabled":i,"rpf-input--full-width":a}),children:[n.jsx("input",{checked:!!s,disabled:i,id:r,name:o,onChange:d,type:"radio",value:p}),c]})});Re.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const Me=({label:r,inputFieldId:c,disabled:o=!1,error:s="",hint:i="",placeholder:a="",defaultValue:d="",onClick:p=()=>{},onChange:g=_=>{}})=>n.jsx("search",{children:n.jsxs("form",{className:"rpf-input-field",onSubmit:p,children:[n.jsxs("label",{htmlFor:c,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,i&&n.jsx("small",{className:"rpf-label__hint",children:i})]}),n.jsxs("div",{className:"rpf-input-search-container",children:[n.jsx("input",{className:M("rpf-input rpf-input-search",{"rpf-input--disabled":o,"rpf-input--error":s}),disabled:o,id:c,name:"search",type:"search","aria-label":"Search",defaultValue:d,placeholder:a,onChange:g}),n.jsx("button",{type:"submit",className:M("rpf-button rpf-button-search",{"rpf-button--disabled":o,"rpf-button--error":s}),disabled:o,onClick:p,children:n.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&n.jsxs("div",{className:"rpf-error-message",children:[n.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]})});Me.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const ke=({id:r,label:c,name:o,options:s,disabled:i=!1,error:a="",fullWidth:d=!1,hint:p="",onChange:g=()=>{},placeholder:_="",value:m=""})=>n.jsx(V,{id:r,disabled:i,error:a,hint:p,label:c,children:n.jsxs("select",{className:M("rpf-input rpf-input-select",{"rpf-input--error":a,"rpf-input--full-width":d}),disabled:i,id:r,name:o,onChange:g,type:"text",value:m,children:[!m&&!!_&&n.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>n.jsx("option",{value:E.key,children:E.value},E.key))]})});ke.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Ye=({headerRow:r,bodyRows:c,fullWidth:o})=>n.jsx("div",{"data-testid":"table-container",className:M("rpf-table",{"rpf-table--full-width":o}),children:n.jsxs("table",{className:M("rpf-table__table",{"rpf-table__table--full-width":o}),children:[n.jsx("thead",{children:n.jsx("tr",{className:"rpf-table-row",children:r})}),n.jsx("tbody",{children:c.map((s,i)=>n.jsx("tr",{className:"rpf-table-row",children:s},i))})]})});Ye.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Fe=({children:r})=>n.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:n.jsx("div",{className:"rpf-table-cell__content",children:r})});Fe.propTypes={children:e.node};const De=({sortDirection:r,children:c})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";c=n.jsxs("div",{className:"rpf-table-cell__sort-header",children:[c,n.jsx("span",{className:"material-symbols-sharp",children:s})]})}const o=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return n.jsx("th",{className:`rpf-table-cell ${o}`,children:n.jsx("div",{className:"rpf-table-cell__content",children:c})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:c,secondary:o,icon:s,iconPosition:i})=>(s&&(s=n.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!i&&(i="left"),c&&c!=="default"?c=`rpf-tag--${c}`:c=null,n.jsxs("span",{className:M("rpf-tag",c,{"rpf-tag--secondary":o}),children:[i==="left"&&s,r,i==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:c,name:o,value:s,disabled:i=!1,readOnly:a=!1,error:d="",fullWidth:p=!1,hint:g="",onChange:_=()=>{}})=>n.jsx(V,{id:r,disabled:i,error:d,hint:g,label:c,children:n.jsx("textarea",{className:M("rpf-input rpf-input-textarea",{"rpf-input--error":d,"rpf-input--full-width":p,"rpf-input--disabled":i}),disabled:i,readOnly:a,id:r,name:o,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:c,name:o,value:s,disabled:i=!1,error:a="",fullWidth:d=!1,hint:p="",onChange:g=()=>{}})=>n.jsx(V,{id:r,disabled:i,error:a,hint:p,label:c,children:n.jsx("input",{className:M("rpf-input rpf-input-text",{"rpf-input--error":a,"rpf-input--full-width":d}),disabled:i,id:r,name:o,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=$e,A.RadioInput=Re,A.SearchInput=Me,A.SelectInput=ke,A.Table=Ye,A.TableBodyCell=Fe,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raspberrypifoundation/design-system-react",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "type": "module",
   "main": "./dist/design-system-react.umd.cjs",
   "module": "./dist/design-system-react.js",