@raspberrypifoundation/design-system-react 2.2.0-beta.9 → 2.3.0

package/dist/{rpf-design-system-react.esm.js → design-system-react.js}

@@ -14,7 +14,7 @@ function je() {
   return me || (me = 1, function(r) {
     (function() {
       var s = {}.hasOwnProperty;
-      function c() {
+      function o() {
         for (var n = "", u = 0; u < arguments.length; u++) {
           var p = arguments[u];
           p && (n = i(n, a(p)));
@@ -27,7 +27,7 @@ function je() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return c.apply(null, n);
+          return o.apply(null, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var u = "";
@@ -38,12 +38,12 @@ function je() {
       function i(n, u) {
         return u ? n ? n + " " + u : n + u : n;
       }
-      r.exports ? (c.default = c, r.exports = c) : window.classNames = c;
+      r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
     })();
   }(se)), se.exports;
 }
 var qe = je();
-const Y = /* @__PURE__ */ Pe(qe);
+const k = /* @__PURE__ */ Pe(qe);
 var X = { exports: {} }, G = { exports: {} }, C = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -57,66 +57,66 @@ var ve;
 function Ie() {
   if (ve) return C;
   ve = 1;
-  var r = typeof Symbol == "function" && Symbol.for, s = r ? Symbol.for("react.element") : 60103, c = 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, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, M = 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;
+  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;
       switch (z) {
         case s:
-          switch (o = o.type, o) {
+          switch (l = l.type, l) {
             case v:
             case _:
             case a:
             case n:
             case i:
             case E:
-              return o;
+              return l;
             default:
-              switch (o = o && o.$$typeof, o) {
+              switch (l = l && l.$$typeof, l) {
                 case p:
                 case g:
-                case k:
+                case M:
                 case j:
                 case u:
-                  return o;
+                  return l;
                 default:
                   return z;
               }
           }
-        case c:
+        case o:
           return z;
       }
     }
   }
-  function q(o) {
-    return $(o) === _;
+  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 = k, C.Memo = j, C.Portal = c, C.Profiler = n, C.StrictMode = i, C.Suspense = E, C.isAsyncMode = function(o) {
-    return q(o) || $(o) === v;
-  }, C.isConcurrentMode = q, C.isContextConsumer = function(o) {
-    return $(o) === p;
-  }, C.isContextProvider = function(o) {
-    return $(o) === u;
-  }, C.isElement = function(o) {
-    return typeof o == "object" && o !== null && o.$$typeof === s;
-  }, C.isForwardRef = function(o) {
-    return $(o) === g;
-  }, C.isFragment = function(o) {
-    return $(o) === a;
-  }, C.isLazy = function(o) {
-    return $(o) === k;
-  }, C.isMemo = function(o) {
-    return $(o) === j;
-  }, C.isPortal = function(o) {
-    return $(o) === c;
-  }, C.isProfiler = function(o) {
-    return $(o) === n;
-  }, C.isStrictMode = function(o) {
-    return $(o) === i;
-  }, C.isSuspense = function(o) {
-    return $(o) === E;
-  }, C.isValidElementType = function(o) {
-    return typeof o == "string" || typeof o == "function" || o === a || o === _ || o === n || o === i || o === E || o === A || typeof o == "object" && o !== null && (o.$$typeof === k || o.$$typeof === j || o.$$typeof === u || o.$$typeof === p || o.$$typeof === g || o.$$typeof === I || o.$$typeof === M || o.$$typeof === L || o.$$typeof === N);
+  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;
 }
 var x = {};
@@ -131,17 +131,17 @@ 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, c = 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, k = r ? Symbol.for("react.lazy") : 60116, N = r ? Symbol.for("react.block") : 60121, I = r ? Symbol.for("react.fundamental") : 60117, M = 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 === n || l === i || l === E || l === A || typeof l == "object" && l !== null && (l.$$typeof === k || l.$$typeof === j || l.$$typeof === u || l.$$typeof === p || l.$$typeof === g || l.$$typeof === I || l.$$typeof === M || l.$$typeof === L || l.$$typeof === N);
+    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);
     }
-    function q(l) {
-      if (typeof l == "object" && l !== null) {
-        var F = l.$$typeof;
+    function q(c) {
+      if (typeof c == "object" && c !== null) {
+        var F = c.$$typeof;
         switch (F) {
           case s:
-            var J = l.type;
+            var J = c.type;
             switch (J) {
               case v:
               case _:
@@ -155,7 +155,7 @@ function $e() {
                 switch (he) {
                   case p:
                   case g:
-                  case k:
+                  case M:
                   case j:
                   case u:
                     return he;
@@ -163,52 +163,52 @@ function $e() {
                     return F;
                 }
             }
-          case c:
+          case o:
             return F;
         }
       }
     }
-    var o = v, z = _, Z = p, Q = u, ee = s, re = g, V = a, te = k, ne = j, B = c, ae = n, D = i, U = E, H = !1;
-    function ie(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.")), t(l) || q(l) === v;
+    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;
     }
-    function t(l) {
-      return q(l) === _;
+    function t(c) {
+      return q(c) === _;
     }
-    function f(l) {
-      return q(l) === p;
+    function f(c) {
+      return q(c) === p;
     }
-    function T(l) {
-      return q(l) === u;
+    function T(c) {
+      return q(c) === u;
     }
-    function h(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === s;
+    function h(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === s;
     }
-    function y(l) {
-      return q(l) === g;
+    function y(c) {
+      return q(c) === g;
     }
-    function R(l) {
-      return q(l) === a;
+    function R(c) {
+      return q(c) === a;
     }
-    function b(l) {
-      return q(l) === k;
+    function b(c) {
+      return q(c) === M;
     }
-    function m(l) {
-      return q(l) === j;
+    function m(c) {
+      return q(c) === j;
     }
-    function O(l) {
-      return q(l) === c;
+    function O(c) {
+      return q(c) === o;
     }
-    function P(l) {
-      return q(l) === n;
+    function P(c) {
+      return q(c) === n;
     }
-    function S(l) {
-      return q(l) === i;
+    function S(c) {
+      return q(c) === i;
     }
-    function W(l) {
-      return q(l) === E;
+    function W(c) {
+      return q(c) === E;
     }
-    x.AsyncMode = o, 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.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;
 }
 var Te;
@@ -224,7 +224,7 @@ var oe, _e;
 function ke() {
   if (_e) return oe;
   _e = 1;
-  var r = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+  var r = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable;
   function a(n) {
     if (n == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
@@ -260,7 +260,7 @@ function ke() {
       if (r) {
         _ = r(p);
         for (var A = 0; A < _.length; A++)
-          c.call(p, _[A]) && (v[_[A]] = p[_[A]]);
+          o.call(p, _[A]) && (v[_[A]] = p[_[A]]);
       }
     }
     return v;
@@ -284,7 +284,7 @@ function Me() {
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var s = /* @__PURE__ */ be(), c = {}, a = /* @__PURE__ */ Ne();
+    var s = /* @__PURE__ */ be(), o = {}, a = /* @__PURE__ */ Ne();
     r = function(n) {
       var u = "Warning: " + n;
       typeof console < "u" && console.error(u);
@@ -307,13 +307,13 @@ function Me() {
               throw A.name = "Invariant Violation", A;
             }
             E = n[g](u, g, v, p, null, s);
-          } catch (k) {
-            E = k;
+          } catch (M) {
+            E = M;
           }
           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 c)) {
-            c[E.message] = !0;
+          ), E instanceof Error && !(E.message in o)) {
+            o[E.message] = !0;
             var j = _ ? _() : "";
             r(
               "Failed " + p + " type: " + E.message + (j ?? "")
@@ -323,14 +323,14 @@ function Me() {
     }
   }
   return i.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (c = {});
+    process.env.NODE_ENV !== "production" && (o = {});
   }, fe = i, fe;
 }
 var ue, Se;
 function Ye() {
   if (Se) return ue;
   Se = 1;
-  var r = we(), s = ke(), c = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ Me(), n = function() {
+  var r = we(), s = ke(), o = /* @__PURE__ */ be(), a = /* @__PURE__ */ Ne(), i = /* @__PURE__ */ Me(), n = function() {
   };
   process.env.NODE_ENV !== "production" && (n = function(p) {
     var v = "Warning: " + p;
@@ -351,18 +351,18 @@ function Ye() {
         return f;
     }
     var A = "<<anonymous>>", j = {
-      array: M("array"),
-      bigint: M("bigint"),
-      bool: M("boolean"),
-      func: M("function"),
-      number: M("number"),
-      object: M("object"),
-      string: M("string"),
-      symbol: M("symbol"),
+      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: L(),
       arrayOf: $,
       element: q(),
-      elementType: o(),
+      elementType: l(),
       instanceOf: z,
       node: re(),
       objectOf: Q,
@@ -371,7 +371,7 @@ function Ye() {
       shape: te,
       exact: ne
     };
-    function k(t, f) {
+    function M(t, f) {
       return t === f ? t !== 0 || 1 / t === 1 / f : t !== t && f !== f;
     }
     function N(t, f) {
@@ -382,12 +382,12 @@ function Ye() {
       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 !== c) {
+        if (O = O || A, S = S || m, W !== o) {
           if (v) {
-            var l = new Error(
+            var c = 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 l.name = "Invariant Violation", l;
+            throw c.name = "Invariant Violation", c;
           } 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
@@ -401,7 +401,7 @@ function Ye() {
       var y = h.bind(null, !1);
       return y.isRequired = h.bind(null, !0), y;
     }
-    function M(t) {
+    function Y(t) {
       function f(T, h, y, R, b, m) {
         var O = T[h], P = D(O);
         if (P !== t) {
@@ -428,7 +428,7 @@ function Ye() {
           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 + "]", c);
+          var S = t(m, P, y, R, b + "[" + P + "]", o);
           if (S instanceof Error)
             return S;
         }
@@ -447,7 +447,7 @@ function Ye() {
       }
       return I(t);
     }
-    function o() {
+    function l() {
       function t(f, T, h, y, R) {
         var b = f[T];
         if (!r.isValidElementType(b)) {
@@ -475,11 +475,11 @@ function Ye() {
         ) : 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 (k(m, t[O]))
+          if (M(m, t[O]))
             return null;
-        var P = JSON.stringify(t, function(W, l) {
-          var F = U(l);
-          return F === "symbol" ? String(l) : l;
+        var P = JSON.stringify(t, function(W, c) {
+          var F = U(c);
+          return F === "symbol" ? String(c) : c;
         });
         return new N("Invalid " + R + " `" + b + "` of value `" + String(m) + "` " + ("supplied to `" + y + "`, expected one of " + P + "."));
       }
@@ -494,7 +494,7 @@ function Ye() {
           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, c);
+            var S = t(m, P, y, R, b + "." + P, o);
             if (S instanceof Error)
               return S;
           }
@@ -514,10 +514,10 @@ function Ye() {
       }
       function h(y, R, b, m, O) {
         for (var P = [], S = 0; S < t.length; S++) {
-          var W = t[S], l = W(y, R, b, m, O, c);
-          if (l == null)
+          var W = t[S], c = W(y, R, b, m, O, o);
+          if (c == null)
             return null;
-          l.data && a(l.data, "expectedType") && P.push(l.data.expectedType);
+          c.data && a(c.data, "expectedType") && P.push(c.data.expectedType);
         }
         var F = P.length > 0 ? ", expected one of type [" + P.join(", ") + "]" : "";
         return new N("Invalid " + m + " `" + O + "` supplied to " + ("`" + b + "`" + F + "."));
@@ -544,7 +544,7 @@ function Ye() {
           var S = t[P];
           if (typeof S != "function")
             return V(y, R, b, P, U(S));
-          var W = S(m, P, y, R, b + "." + P, c);
+          var W = S(m, P, y, R, b + "." + P, o);
           if (W)
             return W;
         }
@@ -567,9 +567,9 @@ function Ye() {
               "Invalid " + R + " `" + b + "` key `" + S + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(T[h], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
             );
-          var l = W(m, S, y, R, b + "." + S, c);
-          if (l)
-            return l;
+          var c = W(m, S, y, R, b + "." + S, o);
+          if (c)
+            return c;
         }
         return null;
       }
@@ -654,9 +654,9 @@ function We() {
   var r = /* @__PURE__ */ be();
   function s() {
   }
-  function c() {
+  function o() {
   }
-  return c.resetWarningCache = s, pe = function() {
+  return o.resetWarningCache = s, pe = function() {
     function a(u, p, v, _, g, E) {
       if (E !== r) {
         var A = new Error(
@@ -689,7 +689,7 @@ function We() {
       oneOfType: i,
       shape: i,
       exact: i,
-      checkPropTypes: c,
+      checkPropTypes: o,
       resetWarningCache: s
     };
     return n.PropTypes = n, n;
@@ -706,8 +706,8 @@ function De() {
   return X.exports;
 }
 var Fe = /* @__PURE__ */ De();
-const e = /* @__PURE__ */ Pe(Fe), Le = ({ content: r, title: s, className: c, id: a = "accordion" }) => {
-  const i = Y("rpf-accordion", c);
+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: [
     /* @__PURE__ */ w("summary", { className: "rpf-accordion__title", role: "button", children: [
       s,
@@ -725,7 +725,7 @@ Le.propTypes = {
 const de = ({
   text: r,
   href: s,
-  title: c,
+  title: o,
   className: a,
   type: i = "primary",
   variant: n = "",
@@ -738,10 +738,10 @@ const de = ({
   onClick: A = () => {
   },
   "aria-label": j = "",
-  linkComponent: k
+  linkComponent: M
   // to pass in react-router-dom Link component
 }) => {
-  const N = p && v, I = Y(
+  const N = p && v, I = k(
     // Static classes
     "rpf-button",
     // Conditional classes
@@ -755,20 +755,20 @@ const de = ({
     },
     a
   );
-  let M = "rpf-button__icon";
-  Ae.isValidElement(p) ? (M += " icon", console.warn(
+  let Y = "rpf-button__icon";
+  Ae.isValidElement(p) ? (Y += " icon", console.warn(
     "DEPRECATED: icons as React elements will not be supported in future releases"
-  )) : M += " material-symbols-sharp";
-  const L = (o) => p && _ === o && /* @__PURE__ */ d("span", { className: M, children: p }), $ = () => r && !N && /* @__PURE__ */ d("span", { className: "text", children: r }), q = /* @__PURE__ */ w(ye, { children: [
+  )) : 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: [
     L("left"),
     $(),
     L("right")
   ] });
   return s ? /* @__PURE__ */ d(
-    k || "a",
+    M || "a",
     {
       className: I,
-      ...k ? { to: s } : { href: s, role: "button" },
+      ...M ? { to: s } : { href: s, role: "button" },
       onClick: A,
       "aria-label": j,
       children: q
@@ -777,7 +777,7 @@ const de = ({
     "button",
     {
       className: I,
-      title: c,
+      title: o,
       onClick: A,
       disabled: E,
       "aria-label": j,
@@ -801,9 +801,8 @@ de.propTypes = {
   fullWidth: e.bool,
   variant: e.string,
   linkComponent: e.elementType
-  // New prop type
 };
-const ze = ({ title: r, text: s, children: c, type: a, actions: i, onClose: n }) => /* @__PURE__ */ w("div", { className: `rpf-alert rpf-alert--${a}`, children: [
+const ze = ({ title: r, text: s, children: o, type: a, actions: i, onClose: n }) => /* @__PURE__ */ w("div", { className: `rpf-alert rpf-alert--${a}`, 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 }),
@@ -818,9 +817,9 @@ const ze = ({ title: r, text: s, children: c, type: a, actions: i, onClose: n })
       }
     ) })
   ] }),
-  (s || c || i) && /* @__PURE__ */ w("div", { className: "rpf-alert__body", children: [
-    !c && s && /* @__PURE__ */ d("p", { children: s }),
-    c && /* @__PURE__ */ d("div", { children: c }),
+  (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,
       {
@@ -851,7 +850,7 @@ ze.propTypes = {
 const Ue = ({
   id: r,
   label: s,
-  name: c,
+  name: o,
   checked: a = !1,
   disabled: i = !1,
   error: n = "",
@@ -863,24 +862,23 @@ const Ue = ({
   /* @__PURE__ */ w(
     "label",
     {
-      className: Y("rpf-input-checkbox", {
+      className: k("rpf-input-checkbox", {
         "rpf-input-checkbox--error": n,
         className: v
       }),
       children: [
-        /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(
+        /* @__PURE__ */ d(
           "input",
           {
             checked: !!a,
             disabled: i,
             id: r,
-            name: c,
+            name: o,
             onChange: u,
             type: "checkbox",
             value: p
           }
-        ) }),
-        /* @__PURE__ */ d("span", { className: "checkmark" }),
+        ),
         s
       ]
     }
@@ -904,16 +902,16 @@ Ue.propTypes = {
 const Be = ({
   disabled: r = !1,
   errorText: s = "",
-  fullWidth: c = !1,
+  fullWidth: o = !1,
   legendText: a,
   legendHintText: i = "",
   children: n
 }) => /* @__PURE__ */ w(
   "fieldset",
   {
-    className: Y("rpf-fieldset", {
+    className: k("rpf-fieldset", {
       "rpf-fieldset--disabled": r,
-      "rpf-fieldset--full-width": c,
+      "rpf-fieldset--full-width": o,
       "rpf-fieldset--error": s
     }),
     disabled: r,
@@ -941,7 +939,7 @@ Be.propTypes = {
 const K = ({
   id: r,
   label: s,
-  children: c,
+  children: o,
   disabled: a = !1,
   error: i = "",
   hint: n = ""
@@ -950,7 +948,7 @@ const K = ({
     "label",
     {
       htmlFor: r,
-      className: Y("rpf-label", {
+      className: k("rpf-label", {
         "rpf-label--disabled": a
       }),
       children: [
@@ -959,7 +957,7 @@ const K = ({
       ]
     }
   ),
-  c,
+  o,
   i && /* @__PURE__ */ w("div", { className: "rpf-error-message", children: [
     /* @__PURE__ */ d("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
     i
@@ -976,14 +974,14 @@ K.propTypes = {
 const Ve = ({
   label: r,
   inputFieldId: s,
-  disabled: c = !1,
+  disabled: o = !1,
   hint: a = ""
 }) => /* @__PURE__ */ d("div", { className: "rpf-label", children: /* @__PURE__ */ w(
   "label",
   {
     htmlFor: s,
-    className: Y("rpf-label", {
-      "rpf-label--disabled": c
+    className: k("rpf-label", {
+      "rpf-label--disabled": o
     }),
     children: [
       r,
@@ -997,18 +995,34 @@ Ve.propTypes = {
   label: e.oneOfType([e.string, e.object]).isRequired,
   inputFieldId: e.string.isRequired
 };
-const He = ({ text: r = "", percent: s }) => /* @__PURE__ */ d("div", { className: "rpf-progress-bar", 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}%` })
-] }) });
+const He = ({
+  text: r = "",
+  percent: s,
+  complete: o = !1,
+  className: a
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: k("rpf-progress-bar", {
+      "rpf-progress-bar--complete": o,
+      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}%` })
+    ] })
+  }
+);
 He.propTypes = {
   text: e.string,
-  percent: e.number.isRequired
+  percent: e.number.isRequired,
+  complete: e.bool,
+  className: e.string
 };
 const Je = ({
   id: r,
   label: s,
-  name: c,
+  name: o,
   checked: a = !1,
   disabled: i = !1,
   fullWidth: n = !1,
@@ -1018,7 +1032,7 @@ const Je = ({
 }) => /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ w(
   "label",
   {
-    className: Y("rpf-input-radio", {
+    className: k("rpf-input-radio", {
       "rpf-input-radio--disabled": i,
       "rpf-input--full-width": n
     }),
@@ -1029,7 +1043,7 @@ const Je = ({
           checked: !!a,
           disabled: i,
           id: r,
-          name: c,
+          name: o,
           onChange: u,
           type: "radio",
           value: p
@@ -1052,7 +1066,7 @@ Je.propTypes = {
 const Xe = ({
   label: r,
   inputFieldId: s,
-  disabled: c = !1,
+  disabled: o = !1,
   error: a = "",
   hint: i = "",
   placeholder: n = "",
@@ -1067,8 +1081,8 @@ const Xe = ({
     "label",
     {
       htmlFor: s,
-      className: Y("rpf-label", {
-        "rpf-label--disabled": c
+      className: k("rpf-label", {
+        "rpf-label--disabled": o
       }),
       children: [
         r,
@@ -1080,11 +1094,11 @@ const Xe = ({
     /* @__PURE__ */ d(
       "input",
       {
-        className: Y("rpf-input rpf-input-search", {
-          "rpf-input--disabled": c,
+        className: k("rpf-input rpf-input-search", {
+          "rpf-input--disabled": o,
           "rpf-input--error": a
         }),
-        disabled: c,
+        disabled: o,
         id: s,
         name: "search",
         type: "search",
@@ -1098,11 +1112,11 @@ const Xe = ({
       "button",
       {
         type: "button",
-        className: Y("rpf-button rpf-button-search", {
-          "rpf-button--disabled": c,
+        className: k("rpf-button rpf-button-search", {
+          "rpf-button--disabled": o,
           "rpf-button--error": a
         }),
-        disabled: c,
+        disabled: o,
         onClick: p,
         children: /* @__PURE__ */ d("span", { className: "rpf-button__icon material-symbols-sharp", children: "search" })
       }
@@ -1127,7 +1141,7 @@ Xe.propTypes = {
 const Ge = ({
   id: r,
   label: s,
-  name: c,
+  name: o,
   options: a,
   disabled: i = !1,
   error: n = "",
@@ -1148,13 +1162,13 @@ const Ge = ({
     children: /* @__PURE__ */ w(
       "select",
       {
-        className: Y("rpf-input rpf-input-select", {
+        className: k("rpf-input rpf-input-select", {
           "rpf-input--error": n,
           "rpf-input--full-width": u
         }),
         disabled: i,
         id: r,
-        name: c,
+        name: o,
         onChange: v,
         type: "text",
         value: g,
@@ -1179,16 +1193,16 @@ Ge.propTypes = {
   placeholder: e.string,
   value: e.string
 };
-const Ke = ({ headerRow: r, bodyRows: s, fullWidth: c }) => /* @__PURE__ */ d(
+const Ke = ({ headerRow: r, bodyRows: s, fullWidth: o }) => /* @__PURE__ */ d(
   "div",
   {
     "data-testid": "table-container",
-    className: Y("rpf-table", { "rpf-table--full-width": c }),
+    className: k("rpf-table", { "rpf-table--full-width": o }),
     children: /* @__PURE__ */ w(
       "table",
       {
-        className: Y("rpf-table__table", {
-          "rpf-table__table--full-width": c
+        className: k("rpf-table__table", {
+          "rpf-table__table--full-width": o
         }),
         children: [
           /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { className: "rpf-table-row", children: r }) }),
@@ -1215,11 +1229,11 @@ Qe.propTypes = {
   sortDirection: e.oneOf(["up", "down"]),
   children: e.node
 };
-const er = ({ text: r, variant: s, secondary: c, 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: 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: Y("rpf-tag", s, {
-      "rpf-tag--secondary": c
+    className: k("rpf-tag", s, {
+      "rpf-tag--secondary": o
     }),
     children: [
       i === "left" && a,
@@ -1244,7 +1258,7 @@ er.propTypes = {
 const rr = ({
   id: r,
   label: s,
-  name: c,
+  name: o,
   value: a,
   disabled: i = !1,
   readOnly: n = !1,
@@ -1264,7 +1278,7 @@ const rr = ({
     children: /* @__PURE__ */ d(
       "textarea",
       {
-        className: Y("rpf-input rpf-input-textarea", {
+        className: k("rpf-input rpf-input-textarea", {
           "rpf-input--error": u,
           "rpf-input--full-width": p,
           "rpf-input--disabled": i
@@ -1272,7 +1286,7 @@ const rr = ({
         disabled: i,
         readOnly: n,
         id: r,
-        name: c,
+        name: o,
         onChange: _,
         type: "text",
         value: a
@@ -1295,7 +1309,7 @@ rr.propTypes = {
 const tr = ({
   id: r,
   label: s,
-  name: c,
+  name: o,
   value: a,
   disabled: i = !1,
   error: n = "",
@@ -1314,13 +1328,13 @@ const tr = ({
     children: /* @__PURE__ */ d(
       "input",
       {
-        className: Y("rpf-input rpf-input-text", {
+        className: k("rpf-input rpf-input-text", {
           "rpf-input--error": n,
           "rpf-input--full-width": u
         }),
         disabled: i,
         id: r,
-        name: c,
+        name: o,
         onChange: v,
         type: "text",
         value: a