@raspberrypifoundation/design-system-react 2.4.2 → 2.6.0

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

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

package/dist/scss/components/modal.scss

@@ -0,0 +1,95 @@
+@use '../mixins/typography' as typography;
+@forward '../properties/font-size';
+@forward '../properties/colors/utilities';
+
+:root,
+:host {
+  --rpf-modal-background-color: var(--rpf-white);
+  --rpf-modal-border-color: var(--rpf-grey-150);
+  --rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));
+  --rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));
+  --rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));
+  --rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));
+  --rpf-modal-border-radius: var(--space-1);
+  --rpf-modal-content-padding: var(--space-3);
+  --rpf-modal-backdrop-color: var(--rpf-overlay);
+  --rpf-modal-buttons-flex-direction: row-reverse;
+  --rpf-modal-buttons-justify-content: flex-start;
+}
+
+.rpf-modal {
+  background-color: var(--rpf-modal-background-color);
+  border: none;
+  border-radius: var(--rpf-modal-border-radius);
+  margin-inline: auto;
+  min-inline-size: 15rem;
+  inline-size: 100%;
+  padding: 0;
+
+  max-inline-size: var(--rpf-modal-mobile-max-inline-size);
+  max-block-size: var(--rpf-modal-mobile-max-block-size);
+
+  @media (min-width: 30rem) {
+    max-inline-size: var(--rpf-modal-max-inline-size);
+    max-block-size: var(--rpf-modal-max-block-size);
+  }
+
+  &__wrapper {
+    display: grid;
+    grid-template-rows: auto minmax(0, 1fr) auto; /* header | content | buttons */
+    block-size: 100%;
+    max-block-size: inherit;
+    overflow: hidden;
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    border-block-end: 1px solid var(--rpf-modal-border-color);
+    gap: var(--space-1);
+    padding: var(--space-1);
+    padding-inline-start: var(--space-2);
+  }
+
+  &__title {
+    @include typography.style-2(bold);
+    flex: 1 0 0;
+    margin: 0;
+  }
+
+  &__content {
+    overflow-y: auto;
+    align-items: center;
+    border-block-end: 1px solid var(--rpf-modal-border-color);
+    display: flex;
+    flex-direction: column;
+    padding: var(--rpf-modal-content-padding);
+  }
+
+  &__buttons {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    padding: var(--space-2);
+
+    .rpf-button {
+      justify-content: center;
+      inline-size: 100%;
+    }
+    @media (width > 34rem) {
+      flex-direction: var(--rpf-modal-buttons-flex-direction);
+      gap: var(--space-2);
+      justify-content: var(--rpf-modal-buttons-justify-content);
+      .rpf-button {
+        inline-size: auto;
+      }
+    }
+  }
+
+  &::backdrop {
+    background-color: var(--rpf-modal-backdrop-color);
+    backdrop-filter: blur(2px);
+  }
+}

package/dist/scss/design-system-core.scss

@@ -10,6 +10,8 @@
 @use 'properties/colors/_greys';
 @use 'properties/colors/_inputs' as inputs_colors;
 @use 'properties/colors/_text';
+@use 'properties/colors/_utilities';
+
 
 @use 'components/alert';
 @use 'components/accordion';
@@ -20,6 +22,8 @@
 @use 'components/menu';
 @use 'components/link';
 @use 'components/burger-menu';
+@use 'components/modal';
+
 
 @use 'components/forms/error-message';
 @use 'components/forms/fieldset';

package/dist/scss/properties/colors/_utilities.scss

@@ -0,0 +1,4 @@
+:root,
+:host {
+  --rpf-overlay: hsla(0, 0%, 0%, 0.5);
+}

package/dist/types/lib/main.d.ts

@@ -0,0 +1,20 @@
+export { default as Accordion } from "../src/components/Accordion";
+export { default as Alert } from "../src/components/Alert";
+export { default as Button } from "../src/components/Button";
+export { default as CheckboxInput } from "../src/components/Form/CheckboxInput";
+export { default as Fieldset } from "../src/components/Form/Fieldset";
+export { default as InputField } from "../src/components/Form/InputField";
+export { default as InputLabel } from "../src/components/Form/InputLabel";
+export { default as RadioInput } from "../src/components/Form/RadioInput";
+export { default as SearchInput } from "../src/components/Form/SearchInput";
+export { default as SelectInput } from "../src/components/Form/SelectInput";
+export { default as TextareaInput } from "../src/components/Form/TextareaInput";
+export { default as TextInput } from "../src/components/Form/TextInput";
+export { default as Modal } from "../src/components/Modal";
+export type { ModalProps } from "../src/components/Modal/Modal.types";
+export { default as ProgressBar } from "../src/components/ProgressBar";
+export { default as TableBodyCell } from "../src/components/Table/BodyCell";
+export { default as TableHeaderCell } from "../src/components/Table/HeaderCell";
+export { default as Table } from "../src/components/Table/Table";
+export { default as Tag } from "../src/components/Tag";
+//# sourceMappingURL=main.d.ts.map

package/dist/types/lib/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types/src/components/Accordion/Accordion.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Accordion.spec.d.ts.map

package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Accordion/index.d.ts

@@ -0,0 +1,17 @@
+export function Accordion({ content, title, className, id }: {
+    content: any;
+    title: any;
+    className: any;
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Accordion {
+    namespace propTypes {
+        let content: PropTypes.Validator<string>;
+        let title: PropTypes.Validator<string>;
+        let id: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+export default Accordion;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;4CAYN;;;;;;;;;;sBAjBqB,YAAY"}

package/dist/types/src/components/Alert/Alert.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alert.spec.d.ts.map

package/dist/types/src/components/Alert/Alert.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Alert/index.d.ts

@@ -0,0 +1,27 @@
+export function Alert({ title, text, titleChildren, children, type, actions, onClose }: {
+    title: any;
+    text: any;
+    titleChildren: any;
+    children: any;
+    type: any;
+    actions: any;
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Alert {
+    namespace propTypes {
+        let title: PropTypes.Requireable<string>;
+        let text: PropTypes.Requireable<string>;
+        let type: PropTypes.Requireable<string>;
+        let actions: PropTypes.Requireable<(PropTypes.InferProps<{
+            href: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        let titleChildren: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+export default Alert;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.jsx"],"names":[],"mappings":"AAMO;;;;;;;;4CA4CN;;;;;;;;;;;;;;;;;sBAjDqB,YAAY"}

package/dist/types/src/components/Button/Button.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.spec.d.ts.map

package/dist/types/src/components/Button/Button.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Button/index.d.ts

@@ -0,0 +1,39 @@
+export function Button({ text, href, title, className, type, variant, size, icon, iconOnly, iconPosition, fullWidth, disabled, onClick, "aria-label": ariaLabel, linkComponent, }: {
+    text: any;
+    href: any;
+    title: any;
+    className: any;
+    type?: string | undefined;
+    variant?: string | undefined;
+    size?: string | undefined;
+    icon?: string | undefined;
+    iconOnly?: boolean | undefined;
+    iconPosition?: string | undefined;
+    fullWidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+    "aria-label"?: string | undefined;
+    linkComponent: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Button {
+    let propTypes: {
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        href: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        text: PropTypes.Requireable<string>;
+        iconOnly: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<string>;
+        iconPosition: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string>;
+        "aria-label": PropTypes.Requireable<string>;
+        fullWidth: PropTypes.Requireable<boolean>;
+        variant: PropTypes.Requireable<string>;
+        linkComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    };
+}
+export default Button;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.jsx"],"names":[],"mappings":"AAMO;;;;;;;;;;;;;;;;4CAwFN;;;;;;;;;;;;;;;;;;;;;sBA7FqB,YAAY"}

package/dist/types/src/components/Form/CheckboxInput/index.d.ts

@@ -0,0 +1,27 @@
+export function CheckboxInput({ id, label, name, checked, disabled, error, onChange, value, className, }: {
+    id: any;
+    label: any;
+    name: any;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: string | undefined;
+    onChange?: (() => void) | undefined;
+    value?: string | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CheckboxInput {
+    namespace propTypes {
+        let checked: PropTypes.Requireable<boolean>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let error: PropTypes.Requireable<string>;
+        let id: PropTypes.Validator<string>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let name: PropTypes.Validator<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let value: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+export default CheckboxInput;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/index.jsx"],"names":[],"mappings":"AAMO;;;;;;;;;;4CAsCN;;;;;;;;;;;;;;;sBA3CqB,YAAY"}

package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Fieldset.spec.d.ts.map

package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/Fieldset/index.d.ts

@@ -0,0 +1,21 @@
+export function Fieldset({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: {
+    disabled?: boolean | undefined;
+    errorText?: string | undefined;
+    fullWidth?: boolean | undefined;
+    legendText: any;
+    legendHintText?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Fieldset {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let errorText: PropTypes.Requireable<string>;
+        let fullWidth: PropTypes.Requireable<boolean>;
+        let legendText: PropTypes.Validator<string>;
+        let legendHintText: PropTypes.Requireable<string>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+export default Fieldset;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/Fieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CAmCN;;;;;;;;;;;;sBAvCqB,YAAY"}

package/dist/types/src/components/Form/InputField/index.d.ts

@@ -0,0 +1,21 @@
+export function InputField({ id, label, children, disabled, error, hint, }: {
+    id: any;
+    label: any;
+    children: any;
+    disabled?: boolean | undefined;
+    error?: string | undefined;
+    hint?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace InputField {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let error: PropTypes.Requireable<string>;
+        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let id: PropTypes.Validator<string>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+export default InputField;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CA8BN;;;;;;;;;;;;sBAlCqB,YAAY"}

package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputLabel.spec.d.ts.map

package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/InputLabel.spec.jsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/InputLabel/index.d.ts

@@ -0,0 +1,17 @@
+export function InputLabel({ label, inputFieldId, disabled, hint, }: {
+    label: any;
+    inputFieldId: any;
+    disabled?: boolean | undefined;
+    hint?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace InputLabel {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let inputFieldId: PropTypes.Validator<string>;
+    }
+}
+export default InputLabel;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.jsx"],"names":[],"mappings":"AAKO;;;;;4CAiBN;;;;;;;;;;sBArBqB,YAAY"}