@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.106 → 0.0.1-alpha.108

package/dist/openapi-k8s-toolkit.es.js

@@ -1,6 +1,6 @@
-import o, { useDebugValue, createElement, useRef, useContext, useState, useLayoutEffect, useEffect, Fragment, createContext, useMemo, memo, useCallback, Suspense } from 'react';
+import o, { useRef, useContext, useDebugValue, createElement, useState, useLayoutEffect, useEffect, Fragment, createContext, useMemo, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
 import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card, Row, Col, Tabs, Form, Popover, notification, Table, Slider, InputNumber, Switch, Dropdown, Result, Progress } from 'antd';
-import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, SearchOutlined, EditOutlined, DeleteOutlined, CheckOutlined, CloseOutlined, BugOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
+import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, EditOutlined, DeleteOutlined, CheckOutlined, CloseOutlined, BugOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
 
@@ -1133,9 +1133,9 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 
-var f="undefined"!=typeof process$1&&void 0!==process$1.env&&(process$1.env.REACT_APP_SC_ATTR||process$1.env.SC_ATTR)||"data-styled",y="undefined"!=typeof window&&"HTMLElement"in window,v$1=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&process$1.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.SC_DISABLE_SPEEDY&&""!==process$1.env.SC_DISABLE_SPEEDY?"false"!==process$1.env.SC_DISABLE_SPEEDY&&process$1.env.SC_DISABLE_SPEEDY:"production"!==process$1.env.NODE_ENV),S=/invalid hook call/i,w=new Set,b=function(t,n){if("production"!==process$1.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];S.test(t)?(a=!1,w.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},useRef(),a&&!w.has(s)&&(console.warn(s),w.add(s));}catch(e){S.test(e.message)&&w.delete(s);}finally{console.error=i;}}},E=Object.freeze([]),N=Object.freeze({});function P(e,t,n){return void 0===n&&(n=N),e.theme!==n.theme&&e.theme||t||n.theme}var _$2=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),C=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I=/(^-|-$)/g;function A(e){return e.replace(C,"-").replace(I,"")}var O=/(a)(d)/gi,D$1=function(e){return String.fromCharCode(e+(e>25?39:97))};function R(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D$1(t%52)+n;return (D$1(t%52)+n).replace(O,"$1-$2")}var T,k$1=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},j=function(e){return k$1(5381,e)};function x(e){return R(j(e)>>>0)}function V(e){return "production"!==process$1.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function M(e){return "string"==typeof e&&("production"===process$1.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var F="function"==typeof Symbol&&Symbol.for,$$1=F?Symbol.for("react.memo"):60115,z=F?Symbol.for("react.forward_ref"):60112,B={childContextTypes:true,contextType:true,contextTypes:true,defaultProps:true,displayName:true,getDefaultProps:true,getDerivedStateFromError:true,getDerivedStateFromProps:true,mixins:true,propTypes:true,type:true},L={name:true,length:true,prototype:true,caller:true,callee:true,arguments:true,arity:true},G={$$typeof:true,compare:true,defaultProps:true,displayName:true,propTypes:true,type:true},Y$1=((T={})[z]={$$typeof:true,render:true,defaultProps:true,displayName:true,propTypes:true},T[$$1]=G,T);function W(e){return ("type"in(t=e)&&t.type.$$typeof)===$$1?G:"$$typeof"in e?Y$1[e.$$typeof]:B;var t;}var q=Object.defineProperty,H$1=Object.getOwnPropertyNames,U=Object.getOwnPropertySymbols,J=Object.getOwnPropertyDescriptor,X=Object.getPrototypeOf,Z$1=Object.prototype;function K(e,t,n){if("string"!=typeof t){if(Z$1){var o=X(t);o&&o!==Z$1&&K(e,o,n);}var r=H$1(t);U&&(r=r.concat(U(t)));for(var s=W(e),i=W(t),a=0;a<r.length;++a){var c=r[a];if(!(c in L||n&&n[c]||i&&c in i||s&&c in s)){var l=J(t,c);try{q(e,c,l);}catch(e){}}}}return e}function Q(e){return "function"==typeof e}function ee$1(e){return "object"==typeof e&&"styledComponentId"in e}function te$1(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ne(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=e[o];return n}function oe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function re(e,t,n){if(void 0===n&&(n=false),!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=re(e[o],t[o]);else if(oe(t))for(var o in t)e[o]=re(e[o],t[o]);return e}function se$1(e,t){Object.defineProperty(e,"toString",{value:t});}var ie$1="production"!==process$1.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ae$1(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function ce(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process$1.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ae$1.apply(void 0,__spreadArray([ie$1[t]],n,false)).trim())}var le$1=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw ce(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),ue=new Map,pe=new Map,de$1=1,he$1=function(e){if(ue.has(e))return ue.get(e);for(;pe.has(de$1);)de$1++;var t=de$1++;if("production"!==process$1.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ce(16,"".concat(t));return ue.set(e,t),pe.set(t,e),t},fe$1=function(e,t){ue.set(e,t),pe.set(t,e);},me="style[".concat(f,"][").concat("data-styled-version",'="').concat("6.0.7",'"]'),ye=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ve=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},ge=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(ye);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(fe$1(u,l),ve(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}};function Se(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var we$1=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f,"active"),o.setAttribute("data-styled-version","6.0.7");var i=Se();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},be$1=function(){function e(e){this.element=we$1(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw ce(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return  false}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ee$1=function(){function e(e){this.element=we$1(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,true}return  false},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Ne=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,true)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Pe$1=y,_e={isServer:!y,useCSSOMInjection:!v$1},Ce$1=function(){function e(e,n,o){ void 0===e&&(e=N),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},_e),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&y&&Pe$1&&(Pe$1=false,function(e){for(var t=document.querySelectorAll(me),n=0,o=t.length;n<o;n++){var r=t[n];r&&"active"!==r.getAttribute(f)&&(ge(e,r),r.parentNode&&r.parentNode.removeChild(r));}}(this)),se$1(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return pe.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return "continue";var a="".concat(f,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n");},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return he$1(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=true),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Ne(n):t?new be$1(n):new Ee$1(n)}(this.options),new le$1(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(he$1(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(he$1(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(he$1(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),Ie=/&/g,Ae=/^\s*\/\/.*$/gm;function Oe$1(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Oe$1(e.children,t)),e})}function De$1(e){var t,n,o,r=N,s=r.options,i=void 0===s?N:s,a=r.plugins,c=void 0===a?E:a,l=function(e,o,r){return r===n||r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Ie,n).replace(o,l));}),i.prefix&&u.push(prefixer),u.push(stringify$2);var p=function(e,r,s,a){ void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(Ae,""),l=compile(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=Oe$1(l,i.namespace));var p=[];return serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||ce(15),k$1(e,t.name)},5381).toString():"",p}var Re=new Ce$1,Te=De$1(),ke=o.createContext({shouldForwardProp:void 0,styleSheet:Re,stylis:Te});ke.Consumer;o.createContext(void 0);function Ve$1(){return useContext(ke)}var Fe=function(){function e(e,t){var n=this;this.inject=function(e,t){ void 0===t&&(t=Te);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,se$1(this,function(){throw ce(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=Te),this.name+e.hash},e}(),$e=function(e){return e>="A"&&e<="Z"};function ze(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;$e(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var Be=function(e){return null==e||false===e||""===e},Le$1=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!Be(i)&&(Array.isArray(i)&&i.isCss||Q(i)?r.push("".concat(ze(s),":"),i,";"):oe(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Le$1(i),false),["}"],false)):r.push("".concat(ze(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Ge(e,t,n,o){if(Be(e))return [];if(ee$1(e))return [".".concat(e.styledComponentId)];if(Q(e)){if(!Q(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process$1.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Fe||oe(r)||null===r||console.error("".concat(V(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ge(r,t,n,o)}var s;return e instanceof Fe?n?(e.inject(n,o),[e.getName(o)]):[e]:oe(e)?Le$1(e):Array.isArray(e)?Array.prototype.concat.apply(E,e.map(function(e){return Ge(e,t,n,o)})):[e.toString()]}function Ye(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Q(n)&&!ee$1(n))return  false}return  true}var We=j("6.0.7"),qe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process$1.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ye(e),this.componentId=t,this.baseHash=k$1(We,t),this.baseStyle=n,Ce$1.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=te$1(o,this.staticRulesId);else {var r=ne(Ge(this.rules,e,t,n)),s=R(k$1(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=te$1(o,s),this.staticRulesId=s;}else {for(var a=k$1(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process$1.env.NODE_ENV&&(a=k$1(a,u));else if(u){var p=ne(Ge(u,e,t,n));a=k$1(a,p),c+=p;}}if(c){var d=R(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=te$1(o,d);}}return o},e}(),He$1=o.createContext(void 0);He$1.Consumer;var Ze={},Ke=new Set;function Qe(e,r,s){var i=ee$1(e),a=e,c=!M(e),p=r.attrs,d=void 0===p?E:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":A(e);Ze[n]=(Ze[n]||0)+1;var o="".concat(n,"-").concat(x("6.0.7"+n+Ze[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return M(e)?"styled.".concat(e):"Styled(".concat(V(e),")")}(e):m,v=r.displayName&&r.componentId?"".concat(A(r.displayName),"-").concat(r.componentId):r.componentId||f,g=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,S=r.shouldForwardProp;if(i&&a.shouldForwardProp){var w=a.shouldForwardProp;if(r.shouldForwardProp){var C=r.shouldForwardProp;S=function(e,t){return w(e,t)&&C(e,t)};}else S=w;}var I=new qe(s,v,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=o.useContext(He$1),m=Ve$1(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process$1.env.NODE_ENV&&useDebugValue(d);var v=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=Q(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?te$1(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=te$1(s.className,n.className)),s}(i,r,P(r,f,c)||N),g=v.as||h,S={};for(var w in v) void 0===v[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?S.as=v.forwardedAs:y&&!y(w,g)||(S[w]=v[w],y||"development"!==process$1.env.NODE_ENV||isPropValid(w)||Ke.has(w)||!_$2.has(g)||(Ke.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=Ve$1(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process$1.env.NODE_ENV&&useDebugValue(o),o}(a,v);"production"!==process$1.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);var E=te$1(p,d);return b&&(E+=" "+b),v.className&&(E+=" "+v.className),S[M(g)&&!_$2.has(g)?"class":"className"]=E,S.ref=s,createElement(g,S)}(D,e,r)}"production"!==process$1.env.NODE_ENV&&(O.displayName=y);var D=o.forwardRef(O);return D.attrs=g,D.componentStyle=I,D.shouldForwardProp=S,"production"!==process$1.env.NODE_ENV&&(D.displayName=y),D.foldedComponentIds=i?te$1(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=v,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)re(e,r[o],true);return e}({},a.defaultProps,e):e;}}),"production"!==process$1.env.NODE_ENV&&(b(y,v),D.warnTooManyClasses=function(e,t){var n={},o=false;return function(r){if(!o&&(n[r]=true,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=true,n={};}}}(y,v)),se$1(D,function(){return ".".concat(D.styledComponentId)}),c&&K(D,e,{attrs:true,componentStyle:true,displayName:true,foldedComponentIds:true,shouldForwardProp:true,styledComponentId:true,target:true}),D}function et(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var tt=function(e){return Object.assign(e,{isCss:true})};function nt(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(Q(t)||oe(t)){var r=t;return tt(Ge(et(E,__spreadArray([r],n,true))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?Ge(s):tt(Ge(et(s,n)))}function ot(n,o,r){if(void 0===r&&(r=N),!o)throw ce(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,nt.apply(void 0,__spreadArray([t],s,false)))};return s.attrs=function(e){return ot(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ot(n,o,__assign(__assign({},r),e))},s}var rt=function(e){return ot(Qe,e)},st=rt;_$2.forEach(function(e){st[e]=rt(e);});"production"!==process$1.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var dt="__sc-".concat(f,"__");"production"!==process$1.env.NODE_ENV&&"test"!==process$1.env.NODE_ENV&&"undefined"!=typeof window&&(window[dt]||(window[dt]=0),1===window[dt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[dt]+=1);
+var f$1="undefined"!=typeof process$1&&void 0!==process$1.env&&(process$1.env.REACT_APP_SC_ATTR||process$1.env.SC_ATTR)||"data-styled",y$1="undefined"!=typeof window&&"HTMLElement"in window,v$2=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process$1.env.REACT_APP_SC_DISABLE_SPEEDY&&process$1.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process$1&&void 0!==process$1.env&&void 0!==process$1.env.SC_DISABLE_SPEEDY&&""!==process$1.env.SC_DISABLE_SPEEDY?"false"!==process$1.env.SC_DISABLE_SPEEDY&&process$1.env.SC_DISABLE_SPEEDY:"production"!==process$1.env.NODE_ENV),g={},S=/invalid hook call/i,w=new Set,b=function(t,n){if("production"!==process$1.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];S.test(t)?(a=!1,w.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},useRef(),a&&!w.has(s)&&(console.warn(s),w.add(s));}catch(e){S.test(e.message)&&w.delete(s);}finally{console.error=i;}}},E$1=Object.freeze([]),N$1=Object.freeze({});function P$1(e,t,n){return void 0===n&&(n=N$1),e.theme!==n.theme&&e.theme||t||n.theme}var _$2=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),C=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I$1=/(^-|-$)/g;function A(e){return e.replace(C,"-").replace(I$1,"")}var O$1=/(a)(d)/gi,D$1=function(e){return String.fromCharCode(e+(e>25?39:97))};function R(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D$1(t%52)+n;return (D$1(t%52)+n).replace(O$1,"$1-$2")}var T$1,k$1=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},j=function(e){return k$1(5381,e)};function x$1(e){return R(j(e)>>>0)}function V(e){return "production"!==process$1.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function M(e){return "string"==typeof e&&("production"===process$1.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var F="function"==typeof Symbol&&Symbol.for,$$1=F?Symbol.for("react.memo"):60115,z=F?Symbol.for("react.forward_ref"):60112,B$1={childContextTypes:true,contextType:true,contextTypes:true,defaultProps:true,displayName:true,getDefaultProps:true,getDerivedStateFromError:true,getDerivedStateFromProps:true,mixins:true,propTypes:true,type:true},L={name:true,length:true,prototype:true,caller:true,callee:true,arguments:true,arity:true},G$1={$$typeof:true,compare:true,defaultProps:true,displayName:true,propTypes:true,type:true},Y$1=((T$1={})[z]={$$typeof:true,render:true,defaultProps:true,displayName:true,propTypes:true},T$1[$$1]=G$1,T$1);function W$1(e){return ("type"in(t=e)&&t.type.$$typeof)===$$1?G$1:"$$typeof"in e?Y$1[e.$$typeof]:B$1;var t;}var q=Object.defineProperty,H$2=Object.getOwnPropertyNames,U=Object.getOwnPropertySymbols,J$1=Object.getOwnPropertyDescriptor,X$1=Object.getPrototypeOf,Z$1=Object.prototype;function K(e,t,n){if("string"!=typeof t){if(Z$1){var o=X$1(t);o&&o!==Z$1&&K(e,o,n);}var r=H$2(t);U&&(r=r.concat(U(t)));for(var s=W$1(e),i=W$1(t),a=0;a<r.length;++a){var c=r[a];if(!(c in L||n&&n[c]||i&&c in i||s&&c in s)){var l=J$1(t,c);try{q(e,c,l);}catch(e){}}}}return e}function Q(e){return "function"==typeof e}function ee$1(e){return "object"==typeof e&&"styledComponentId"in e}function te$2(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ne(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=e[o];return n}function oe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function re(e,t,n){if(void 0===n&&(n=false),!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=re(e[o],t[o]);else if(oe(t))for(var o in t)e[o]=re(e[o],t[o]);return e}function se$1(e,t){Object.defineProperty(e,"toString",{value:t});}var ie$1="production"!==process$1.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ae$1(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function ce(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process$1.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ae$1.apply(void 0,__spreadArray([ie$1[t]],n,false)).trim())}var le$1=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw ce(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),ue=new Map,pe=new Map,de$1=1,he$1=function(e){if(ue.has(e))return ue.get(e);for(;pe.has(de$1);)de$1++;var t=de$1++;if("production"!==process$1.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ce(16,"".concat(t));return ue.set(e,t),pe.set(t,e),t},fe$1=function(e,t){ue.set(e,t),pe.set(t,e);},me="style[".concat(f$1,"][").concat("data-styled-version",'="').concat("6.0.7",'"]'),ye=new RegExp("^".concat(f$1,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ve=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},ge=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(ye);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(fe$1(u,l),ve(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}};function Se(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var we$1=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f$1,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f$1,"active"),o.setAttribute("data-styled-version","6.0.7");var i=Se();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},be$1=function(){function e(e){this.element=we$1(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw ce(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return  false}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ee$1=function(){function e(e){this.element=we$1(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,true}return  false},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Ne=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,true)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Pe$1=y$1,_e={isServer:!y$1,useCSSOMInjection:!v$2},Ce$1=function(){function e(e,n,o){ void 0===e&&(e=N$1),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},_e),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&y$1&&Pe$1&&(Pe$1=false,function(e){for(var t=document.querySelectorAll(me),n=0,o=t.length;n<o;n++){var r=t[n];r&&"active"!==r.getAttribute(f$1)&&(ge(e,r),r.parentNode&&r.parentNode.removeChild(r));}}(this)),se$1(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return pe.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return "continue";var a="".concat(f$1,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n");},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return he$1(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=true),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Ne(n):t?new be$1(n):new Ee$1(n)}(this.options),new le$1(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(he$1(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(he$1(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(he$1(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),Ie=/&/g,Ae=/^\s*\/\/.*$/gm;function Oe$1(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Oe$1(e.children,t)),e})}function De$1(e){var t,n,o,r=N$1,s=r.options,i=void 0===s?N$1:s,a=r.plugins,c=void 0===a?E$1:a,l=function(e,o,r){return r===n||r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Ie,n).replace(o,l));}),i.prefix&&u.push(prefixer),u.push(stringify$2);var p=function(e,r,s,a){ void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(Ae,""),l=compile(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=Oe$1(l,i.namespace));var p=[];return serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||ce(15),k$1(e,t.name)},5381).toString():"",p}var Re=new Ce$1,Te=De$1(),ke=o.createContext({shouldForwardProp:void 0,styleSheet:Re,stylis:Te});ke.Consumer;o.createContext(void 0);function Ve$1(){return useContext(ke)}var Fe=function(){function e(e,t){var n=this;this.inject=function(e,t){ void 0===t&&(t=Te);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,se$1(this,function(){throw ce(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=Te),this.name+e.hash},e}(),$e=function(e){return e>="A"&&e<="Z"};function ze(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;$e(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var Be=function(e){return null==e||false===e||""===e},Le$1=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!Be(i)&&(Array.isArray(i)&&i.isCss||Q(i)?r.push("".concat(ze(s),":"),i,";"):oe(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Le$1(i),false),["}"],false)):r.push("".concat(ze(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Ge(e,t,n,o){if(Be(e))return [];if(ee$1(e))return [".".concat(e.styledComponentId)];if(Q(e)){if(!Q(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process$1.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Fe||oe(r)||null===r||console.error("".concat(V(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ge(r,t,n,o)}var s;return e instanceof Fe?n?(e.inject(n,o),[e.getName(o)]):[e]:oe(e)?Le$1(e):Array.isArray(e)?Array.prototype.concat.apply(E$1,e.map(function(e){return Ge(e,t,n,o)})):[e.toString()]}function Ye(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Q(n)&&!ee$1(n))return  false}return  true}var We=j("6.0.7"),qe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process$1.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ye(e),this.componentId=t,this.baseHash=k$1(We,t),this.baseStyle=n,Ce$1.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=te$2(o,this.staticRulesId);else {var r=ne(Ge(this.rules,e,t,n)),s=R(k$1(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=te$2(o,s),this.staticRulesId=s;}else {for(var a=k$1(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process$1.env.NODE_ENV&&(a=k$1(a,u));else if(u){var p=ne(Ge(u,e,t,n));a=k$1(a,p),c+=p;}}if(c){var d=R(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=te$2(o,d);}}return o},e}(),He$1=o.createContext(void 0);He$1.Consumer;var Ze={},Ke=new Set;function Qe(e,r,s){var i=ee$1(e),a=e,c=!M(e),p=r.attrs,d=void 0===p?E$1:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":A(e);Ze[n]=(Ze[n]||0)+1;var o="".concat(n,"-").concat(x$1("6.0.7"+n+Ze[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return M(e)?"styled.".concat(e):"Styled(".concat(V(e),")")}(e):m,v=r.displayName&&r.componentId?"".concat(A(r.displayName),"-").concat(r.componentId):r.componentId||f,g=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,S=r.shouldForwardProp;if(i&&a.shouldForwardProp){var w=a.shouldForwardProp;if(r.shouldForwardProp){var C=r.shouldForwardProp;S=function(e,t){return w(e,t)&&C(e,t)};}else S=w;}var I=new qe(s,v,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=o.useContext(He$1),m=Ve$1(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process$1.env.NODE_ENV&&useDebugValue(d);var v=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=Q(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?te$2(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=te$2(s.className,n.className)),s}(i,r,P$1(r,f,c)||N$1),g=v.as||h,S={};for(var w in v) void 0===v[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?S.as=v.forwardedAs:y&&!y(w,g)||(S[w]=v[w],y||"development"!==process$1.env.NODE_ENV||isPropValid(w)||Ke.has(w)||!_$2.has(g)||(Ke.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=Ve$1(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process$1.env.NODE_ENV&&useDebugValue(o),o}(a,v);"production"!==process$1.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);var E=te$2(p,d);return b&&(E+=" "+b),v.className&&(E+=" "+v.className),S[M(g)&&!_$2.has(g)?"class":"className"]=E,S.ref=s,createElement(g,S)}(D,e,r)}"production"!==process$1.env.NODE_ENV&&(O.displayName=y);var D=o.forwardRef(O);return D.attrs=g,D.componentStyle=I,D.shouldForwardProp=S,"production"!==process$1.env.NODE_ENV&&(D.displayName=y),D.foldedComponentIds=i?te$2(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=v,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)re(e,r[o],true);return e}({},a.defaultProps,e):e;}}),"production"!==process$1.env.NODE_ENV&&(b(y,v),D.warnTooManyClasses=function(e,t){var n={},o=false;return function(r){if(!o&&(n[r]=true,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=true,n={};}}}(y,v)),se$1(D,function(){return ".".concat(D.styledComponentId)}),c&&K(D,e,{attrs:true,componentStyle:true,displayName:true,foldedComponentIds:true,shouldForwardProp:true,styledComponentId:true,target:true}),D}function et$1(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var tt$1=function(e){return Object.assign(e,{isCss:true})};function nt$1(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(Q(t)||oe(t)){var r=t;return tt$1(Ge(et$1(E$1,__spreadArray([r],n,true))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?Ge(s):tt$1(Ge(et$1(s,n)))}function ot$1(n,o,r){if(void 0===r&&(r=N$1),!o)throw ce(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,nt$1.apply(void 0,__spreadArray([t],s,false)))};return s.attrs=function(e){return ot$1(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ot$1(n,o,__assign(__assign({},r),e))},s}var rt$1=function(e){return ot$1(Qe,e)},st$1=rt$1;_$2.forEach(function(e){st$1[e]=rt$1(e);});var it$1=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Ye(e),Ce$1.registerId(this.componentId+1);}return e.prototype.createStyles=function(e,t,n,o){var r=o(ne(Ge(this.rules,t,n,o)),""),s=this.componentId+e;n.insertRules(s,s,r);},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e);},e.prototype.renderStyles=function(e,t,n,o){e>2&&Ce$1.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o);},e}();function at$1(n){for(var r=[],s=1;s<arguments.length;s++)r[s-1]=arguments[s];var i=nt$1.apply(void 0,__spreadArray([n],r,false)),a="sc-global-".concat(x$1(JSON.stringify(i))),c=new it$1(i,a);"production"!==process$1.env.NODE_ENV&&b(a);var l=function(e){var t=Ve$1(),n=o.useContext(He$1),r=o.useRef(t.styleSheet.allocateGSInstance(a)).current;return "production"!==process$1.env.NODE_ENV&&o.Children.count(e.children)&&console.warn("The global style component ".concat(a," was given child JSX. createGlobalStyle does not render children.")),"production"!==process$1.env.NODE_ENV&&i.some(function(e){return "string"==typeof e&&-1!==e.indexOf("@import")})&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.styleSheet.server&&u(r,e,t.styleSheet,n,t.stylis),o.useLayoutEffect(function(){if(!t.styleSheet.server)return u(r,e,t.styleSheet,n,t.stylis),function(){return c.removeStyles(r,t.styleSheet)}},[r,e,t.styleSheet,n,t.stylis]),null};function u(e,n,o,r,s){if(c.isStatic)c.renderStyles(e,g,o,s);else {var i=__assign(__assign({},n),{theme:P$1(n,r,l.defaultProps)});c.renderStyles(e,i,o,s);}}return o.memo(l)}"production"!==process$1.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var dt$1="__sc-".concat(f$1,"__");"production"!==process$1.env.NODE_ENV&&"test"!==process$1.env.NODE_ENV&&"undefined"!=typeof window&&(window[dt$1]||(window[dt$1]=0),1===window[dt$1]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[dt$1]+=1);
 
-const Spacer$1 = st.div`
+const Spacer$1 = st$1.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
   if ($spaceMob) {
     return $spaceMob;
@@ -2497,14 +2497,14 @@ if (process$1.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-const CustomTreeProvider = st.div`
+const CustomTreeProvider = st$1.div`
   .ant-tree-switcher {
     display: flex;
     align-items: center;
     justify-content: center;
   }
 `;
-const Styled$t = {
+const Styled$u = {
   CustomTreeProvider
 };
 
@@ -2569,7 +2569,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$t.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$u.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -8431,7 +8431,7 @@ const ResumeCircleIcon = () => {
   ) });
 };
 
-const ContentContainer = st.div`
+const ContentContainer = st$1.div`
   border: 1px solid ${({ $borderColor }) => $borderColor};
   border-radius: 6px;
   background-color: ${({ $bgColor }) => $bgColor};
@@ -8443,14 +8443,14 @@ const ContentContainer = st.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$s = {
+const Styled$t = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$s.ContentContainer,
+    Styled$t.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8463,11 +8463,11 @@ const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight })
   );
 };
 
-const FlexGrow = st.div`
+const FlexGrow = st$1.div`
   flex-grow: 1;
 `;
 
-const UncontrolledSelect$1 = st(Select)`
+const UncontrolledSelect$1 = st$1(Select)`
   width: 100%;
   margin: 0;
   padding: 4px;
@@ -8511,16 +8511,16 @@ const UncontrolledSelect$1 = st(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$r = {
+const Styled$s = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$s.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
 };
 
-const CustomSelect$5 = st(Select)`
+const CustomSelect$5 = st$1(Select)`
   width: 100%;
   margin: 0;
   padding: 4px;
@@ -8565,20 +8565,20 @@ const CustomSelect$5 = st(Select)`
     margin-block: 0 !important;
   }
 `;
-const Styled$q = {
+const Styled$r = {
   CustomSelect: CustomSelect$5
 };
 
 const CustomSelect$4 = (props) => {
   const { paddingContainerEnd, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$r.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
-const CursorPointerTag = st(Tag)`
+const CursorPointerTag = st$1(Tag)`
   cursor: pointer;
 `;
 
-const CursorDefaultDiv = st.div`
+const CursorDefaultDiv = st$1.div`
   cursor: ${({ $default }) => $default ? "default" : "inherit"};
 `;
 
@@ -8660,17 +8660,17 @@ const prepareDataForManageableBreadcrumbs = ({
   return result;
 };
 
-const PositionRelativeContainer = st.div`
+const PositionRelativeContainer = st$1.div`
   position: relative;
 `;
-const FullWidthContainer = st.div`
+const FullWidthContainer = st$1.div`
   width: 100%;
 
   .ant-dropdown-trigger svg {
     display: none;
   }
 `;
-const NoWrapContainer = st.div`
+const NoWrapContainer = st$1.div`
   position: absolute;
   visibility: hidden;
   pointer-events: none;
@@ -8685,7 +8685,7 @@ const NoWrapContainer = st.div`
     flex-wrap: nowrap !important;
   }
 `;
-const Styled$p = {
+const Styled$q = {
   PositionRelativeContainer,
   FullWidthContainer,
   NoWrapContainer
@@ -8728,22 +8728,22 @@ const CollapsibleBreadcrumb = ({ items }) => {
     };
     return [firstItem, ellipsisItem, lastItem];
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$p.PositionRelativeContainer, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$q.PositionRelativeContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items: renderItems() }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
   ] });
 };
 
-const HeightDiv = st.div`
+const HeightDiv = st$1.div`
   min-height: 22px;
   width: 100%;
 `;
-const Styled$o = {
+const Styled$p = {
   HeightDiv
 };
 
 const ManageableBreadcrumbs = ({ data }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
   uri,
@@ -8767,7 +8767,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     return null;
   }
   if (rawDataLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) });
   }
   if (!rawData) {
     return null;
@@ -8782,7 +8782,7 @@ const ManageableBreadcrumbsWithDataProvider = ({
     idToCompare
   });
   if (!result) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.HeightDiv, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.HeightDiv, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result });
 };
@@ -8850,7 +8850,7 @@ const prepareDataForManageableSidebar = ({
   return { ...result, selectedKeys: stringedOpenedKeys };
 };
 
-const CustomMenu = st(Menu)`
+const CustomMenu = st$1(Menu)`
   margin-top: ${({ $noMarginTop }) => $noMarginTop ? "0" : "16px"};
   font-size: 14px;
   line-height: 24px;
@@ -8873,7 +8873,7 @@ const CustomMenu = st(Menu)`
     margin: 0 !important;
   }
 `;
-const Styled$n = {
+const Styled$o = {
   CustomMenu
 };
 
@@ -8900,7 +8900,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
     setSelectedKeys(data.selectedKeys);
   }, [data.selectedKeys]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$n.CustomMenu,
+    Styled$o.CustomMenu,
     {
       selectedKeys,
       onSelect: () => {
@@ -32981,13 +32981,13 @@ lodash.exports;
 var lodashExports = lodash.exports;
 const _$1 = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
-const ShortenedText = st.div`
+const ShortenedText = st$1.div`
   max-width: ${({ $maxWidth }) => $maxWidth}px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-const Styled$m = {
+const Styled$n = {
   ShortenedText
 };
 
@@ -32996,7 +32996,7 @@ const ShortenedTextWithTooltip = ({ text, trimLength, maxWidth = 200 }) => {
     const trimmedText = text.substring(0, trimLength);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, placement: "top", children: trimmedText });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.ShortenedText, { $maxWidth: maxWidth, children: text }) });
 };
 
 const FilterDropdown = ({
@@ -33057,7 +33057,7 @@ const FilterDropdown = ({
   ] });
 };
 
-const TableContainer = st.div`
+const TableContainer = st$1.div`
   td {
     cursor: ${({ $isCursorPointer }) => $isCursorPointer && "pointer"};
   }
@@ -33108,7 +33108,7 @@ const TableContainer = st.div`
     width: auto !important;
   }
 `;
-const HideableControls = st.div`
+const HideableControls = st$1.div`
   && .ant-table-row .hideable {
     display: none;
   }
@@ -33124,11 +33124,11 @@ const TableComponents = {
   HideableControls
 };
 
-const TinyButton = st(Button)`
+const TinyButton = st$1(Button)`
   height: 24px !important;
 `;
 
-const TextAlignContainer = st.div`
+const TextAlignContainer = st$1.div`
   text-align: ${({ $align }) => $align};
 `;
 
@@ -34050,10 +34050,10 @@ const YamlEditorSingleton$1 = ({
   ] });
 };
 
-const VisibilityContainer$2 = st.div`
+const VisibilityContainer$2 = st$1.div`
   display: ${({ $hidden }) => $hidden ? "none" : "block"};
 `;
-const Styled$l = {
+const Styled$m = {
   VisibilityContainer: VisibilityContainer$2
 };
 
@@ -34076,7 +34076,7 @@ const VisibilityContainer$1 = ({
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.VisibilityContainer, { $hidden: valuePrepared === "~undefined-value~", children });
 };
 
 const unknownToString = (value) => {
@@ -34315,7 +34315,7 @@ const useUpdateIsTouchedPersisted = () => {
   return dispatch;
 };
 
-const Container$1 = st.div`
+const Container$1 = st$1.div`
   display: flex;
   flex-direction: column;
   gap: ${({ $designNewLayout }) => $designNewLayout ? "4px" : "8px"};
@@ -34330,18 +34330,18 @@ const Container$1 = st.div`
     0 3px 6px -4px #0000001f,
     0 9px 28px 8px #0000000d` : "initial"};
 `;
-const TitleBar = st.div`
+const TitleBar = st$1.div`
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
   cursor: pointer;
 `;
-const Content$1 = st.div`
+const Content$1 = st$1.div`
   display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$k = {
+const Styled$l = {
   Container: Container$1,
   TitleBar,
   Content: Content$1
@@ -34368,14 +34368,14 @@ const CustomCollapse = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Styled$k.Container,
+    Styled$l.Container,
     {
       $designNewLayout: designNewLayout,
       $borderColor: token.colorBorder,
       $bgColor: token.colorBgContainer,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$k.TitleBar, { onClick: () => toggleCollapse(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$l.TitleBar, { onClick: () => toggleCollapse(), children: [
             !designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(CaretDownOutlined, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CaretRightOutlined, { size: 14 }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title }),
             designNewLayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(DownIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UpIcon, {}) })
@@ -34386,7 +34386,7 @@ const CustomCollapse = ({
             persistedCheckbox
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.Content, { $isOpen: isOpen, $designNewLayout: designNewLayout, children })
       ]
     }
   );
@@ -34404,29 +34404,29 @@ const PersistedCheckbox = ({ formName, persistedControls, type }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: toggleCheckbox, children: isChecked ? /* @__PURE__ */ jsxRuntimeExports.jsx(LockedIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(UnlockedIcon, {}) }) });
 };
 
-const PossibleHiddenContainer = st.div`
+const PossibleHiddenContainer = st$1.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "block"};
 `;
 
-const ResetedFormItem = st(Form.Item)`
+const ResetedFormItem = st$1(Form.Item)`
   margin-bottom: 8px;
 `;
 
-const CustomSizeTitle = st.div`
+const CustomSizeTitle = st$1.div`
   font-size: ${({ $designNewLayout }) => $designNewLayout ? "16px" : "14px"};
   line-height: ${({ $designNewLayout }) => $designNewLayout ? "24px" : "22px"};
 `;
 
-const Content = st.div`
+const Content = st$1.div`
   padding: ${({ $designNewLayout }) => $designNewLayout ? "0 0 0 6px" : "4px"};
 `;
-const Styled$j = {
+const Styled$k = {
   Content
 };
 
 const ArrayInsideContainer = ({ children }) => {
   const designNewLayout = useDesignNewLayout();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.Content, { $designNewLayout: designNewLayout, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.Content, { $designNewLayout: designNewLayout, children });
 };
 
 const arraysEqual = (arr1, arr2) => {
@@ -34464,7 +34464,7 @@ const HiddenContainer = ({ name, secondName, children }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PossibleHiddenContainer, { $isHidden: !hiddenPaths || isHidden || isHiddenSecond, children });
 };
 
-const HeightContainer = st.div`
+const HeightContainer = st$1.div`
   height: ${({ $height }) => $height}px;
 `;
 
@@ -34871,10 +34871,10 @@ const LabelsToSearchParams = ({ data, children }) => {
   ] });
 };
 
-const ResetedFormList$3 = st(Form.List)`
+const ResetedFormList$3 = st$1(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$i = {
+const Styled$j = {
   ResetedFormList: ResetedFormList$3
 };
 
@@ -34959,7 +34959,7 @@ const EditModal$2 = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem,
@@ -35196,10 +35196,10 @@ const Taints = ({ data, children }) => {
   ] });
 };
 
-const ResetedFormList$2 = st(Form.List)`
+const ResetedFormList$2 = st$1(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$h = {
+const Styled$i = {
   ResetedFormList: ResetedFormList$2
 };
 
@@ -35294,7 +35294,7 @@ const EditModal$1 = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[4], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$i.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem,
@@ -35568,10 +35568,10 @@ const Tolerations = ({
   ] });
 };
 
-const ResetedFormList$1 = st(Form.List)`
+const ResetedFormList$1 = st$1(Form.List)`
   margin-bottom: 8px;
 `;
-const Styled$g = {
+const Styled$h = {
   ResetedFormList: ResetedFormList$1
 };
 
@@ -35661,7 +35661,7 @@ const EditModal = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$h.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResetedFormItem,
@@ -35849,6 +35849,997 @@ const Annotations = ({
   ] });
 };
 
+const UNIT_FACTORS = {
+  B: 1,
+  kB: 1e3,
+  MB: 1e6,
+  GB: 1e9,
+  TB: 1e12,
+  PB: 1e15,
+  EB: 1e18,
+  KiB: 1024,
+  MiB: 1024 ** 2,
+  GiB: 1024 ** 3,
+  TiB: 1024 ** 4,
+  PiB: 1024 ** 5,
+  EiB: 1024 ** 6
+};
+const ALIASES = (() => {
+  const siPairs = [
+    [["b", "byte", "bytes"], "B"],
+    [["k", "kb", "kB", "KB"], "kB"],
+    [["m", "mb", "MB"], "MB"],
+    [["g", "gb", "GB"], "GB"],
+    [["t", "tb, TB".replace(",", "")], "TB"],
+    [["p", "pb", "PB"], "PB"],
+    [["e", "eb", "EB"], "EB"]
+  ];
+  const iecPairs = [
+    [["ki", "kib", "Ki", "KiB"], "KiB"],
+    [["mi", "mib", "Mi", "MiB"], "MiB"],
+    [["gi", "gib", "Gi", "GiB"], "GiB"],
+    [["ti", "tib", "Ti", "TiB"], "TiB"],
+    [["pi", "pib", "Pi", "PiB"], "PiB"],
+    [["ei", "eib", "Ei", "EiB"], "EiB"]
+  ];
+  const entries = [...siPairs, ...iecPairs].flatMap(([keys, unit]) => keys.map((k) => [k.toLowerCase(), unit]));
+  const canon = Object.keys(UNIT_FACTORS).map((u) => [u.toLowerCase(), u]);
+  return Object.fromEntries([...entries, ...canon]);
+})();
+const normalizeUnit = (u) => {
+  const key = String(u).trim().toLowerCase();
+  const canon = ALIASES[key];
+  if (!canon) {
+    console.error(`Unknown unit: "${u}"`);
+    return "GB";
+  }
+  return canon;
+};
+const convertBytes = (bytes, unit, opts) => {
+  if (!Number.isFinite(bytes)) {
+    console.error("bytes must be a finite number");
+    return -1;
+  }
+  if (bytes < 0) {
+    console.error("bytes must be >= 0");
+    return -1;
+  }
+  const canon = normalizeUnit(unit);
+  const factor = UNIT_FACTORS[canon];
+  const value = bytes / factor;
+  return opts?.format ? `${value.toLocaleString(opts.locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: opts?.precision ?? 2
+  })} ${canon}` : value;
+};
+const formatBytesAuto = (bytes, { standard = "si", precision = 2, locale } = {}) => {
+  if (!Number.isFinite(bytes)) {
+    console.error("bytes must be a finite number");
+    return "infinite";
+  }
+  if (bytes < 0) {
+    console.error("bytes must be >= 0");
+    return "less then zero";
+  }
+  const ladder = standard === "iec" ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB"] : ["B", "kB", "MB", "GB", "TB", "PB", "EB"];
+  const base = standard === "iec" ? 1024 : 1e3;
+  const idx = bytes > 0 ? Math.min(ladder.length - 1, Math.floor(Math.log(bytes) / Math.log(base))) : 0;
+  const unit = ladder[Math.max(0, idx)];
+  return String(convertBytes(bytes, unit, { format: true, precision, locale }));
+};
+
+const ConverterBytes = ({ data }) => {
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    bytesValue,
+    unit,
+    format,
+    precision,
+    locale,
+    standard,
+    notANumberText,
+    style
+  } = data;
+  const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+    ] });
+  }
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const parsedText = parseAll({ text: bytesValue, replaceValues, multiQueryData });
+  const parsedNumber = Number(parsedText);
+  if (Number.isNaN(parsedNumber)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: notANumberText || "Not a proper value" });
+  }
+  if (unit) {
+    const result2 = String(convertBytes(parsedNumber, unit, { format, precision, locale }));
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: result2 });
+  }
+  const result = formatBytesAuto(parsedNumber, { standard, precision, locale });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: result });
+};
+
+const Mt = "matchMedia" in globalThis && typeof globalThis.matchMedia == "function";
+function _t(e, t = false) {
+  const n = useMemo(
+    () => Mt ? globalThis.matchMedia(e) : void 0,
+    [e]
+  ), r = useCallback(
+    (s) => n ? (n.addEventListener("change", s), () => n.removeEventListener("change", s)) : () => {
+    },
+    [n]
+  );
+  return useSyncExternalStore(
+    r,
+    () => n?.matches ?? false,
+    () => t
+    // value on the server
+  );
+}
+const ct = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", H$1 = ct ? useLayoutEffect : useEffect, G = ct ? useInsertionEffect : useEffect, v$1 = /* @__PURE__ */ new Map(), kt = (e, t) => {
+  const [n] = useState(() => e), [r] = useState(
+    () => (
+      /* note: `document` can be `undefined` in some environments like SSR */
+      t.current ? t.current.ownerDocument : globalThis.document
+    )
+  );
+  G(() => {
+    if (!(!n || typeof r > "u")) {
+      if (!v$1.has(r)) {
+        const s = r.createElement("style");
+        s.innerHTML = n, s.setAttribute("data-spoiled", ""), v$1.set(r, { element: s, refCount: 0 }), r.head.appendChild(s);
+      }
+      v$1.get(r).refCount++;
+    }
+  }, []), G(() => () => {
+    if (!n || typeof r > "u") return;
+    const s = v$1.get(r);
+    s && --s.refCount <= 0 && (v$1.delete(r), r.head.removeChild(s.element));
+  }, []);
+}, Wt = (e) => {
+  for (; e && e.parentNode; ) {
+    const t = e.parentNode;
+    if (t.nodeType === 1 && (t.offsetWidth !== 0 || t.offsetHeight !== 0))
+      return t;
+    e = t;
+  }
+  return e;
+}, J = (e, t) => {
+  let { width: n, height: r } = e.getBoundingClientRect();
+  return t > 1 && (n = Math.round(n / t) * t, r = Math.round(r / t) * t), [n, r];
+};
+function Pt(e, t = 4) {
+  const [n, r] = useState(() => e.current ? J(e.current, t) : [0, 0]);
+  return useEffect(() => {
+    if (!e.current || typeof ResizeObserver > "u") return;
+    const s = Wt(e.current), i = new ResizeObserver((a) => {
+      if (!e.current) return;
+      const [o, u] = J(e.current, t);
+      (o !== n[0] || u !== n[1]) && r([o, u]);
+    });
+    return i.observe(s), () => {
+      i.disconnect();
+    };
+  }, [e, t]), n;
+}
+var Et = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, f = function(e) {
+  return typeof e == "string" ? e.length > 0 : typeof e == "number";
+}, l$1 = function(e, t, n) {
+  return t === void 0 && (t = 0), n === void 0 && (n = Math.pow(10, t)), Math.round(n * e) / n + 0;
+}, d = function(e, t, n) {
+  return t === void 0 && (t = 0), n === void 0 && (n = 1), e > n ? n : e > t ? e : t;
+}, lt = function(e) {
+  return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
+}, X = function(e) {
+  return { r: d(e.r, 0, 255), g: d(e.g, 0, 255), b: d(e.b, 0, 255), a: d(e.a) };
+}, N = function(e) {
+  return { r: l$1(e.r), g: l$1(e.g), b: l$1(e.b), a: l$1(e.a, 3) };
+}, It = /^#([0-9a-f]{3,8})$/i, W = function(e) {
+  var t = e.toString(16);
+  return t.length < 2 ? "0" + t : t;
+}, dt = function(e) {
+  var t = e.r, n = e.g, r = e.b, s = e.a, i = Math.max(t, n, r), a = i - Math.min(t, n, r), o = a ? i === t ? (n - r) / a : i === n ? 2 + (r - t) / a : 4 + (t - n) / a : 0;
+  return { h: 60 * (o < 0 ? o + 6 : o), s: i ? a / i * 100 : 0, v: i / 255 * 100, a: s };
+}, ut = function(e) {
+  var t = e.h, n = e.s, r = e.v, s = e.a;
+  t = t / 360 * 6, n /= 100, r /= 100;
+  var i = Math.floor(t), a = r * (1 - n), o = r * (1 - (t - i) * n), u = r * (1 - (1 - t + i) * n), c = i % 6;
+  return { r: 255 * [r, o, a, a, u, r][c], g: 255 * [u, r, r, o, a, a][c], b: 255 * [a, a, u, r, r, o][c], a: s };
+}, tt = function(e) {
+  return { h: lt(e.h), s: d(e.s, 0, 100), l: d(e.l, 0, 100), a: d(e.a) };
+}, et = function(e) {
+  return { h: l$1(e.h), s: l$1(e.s), l: l$1(e.l), a: l$1(e.a, 3) };
+}, nt = function(e) {
+  return ut((n = (t = e).s, { h: t.h, s: (n *= ((r = t.l) < 50 ? r : 100 - r) / 100) > 0 ? 2 * n / (r + n) * 100 : 0, v: r + n, a: t.a }));
+  var t, n, r;
+}, x = function(e) {
+  return { h: (t = dt(e)).h, s: (s = (200 - (n = t.s)) * (r = t.v) / 100) > 0 && s < 200 ? n * r / 100 / (s <= 100 ? s : 200 - s) * 100 : 0, l: s / 2, a: t.a };
+  var t, n, r, s;
+}, Dt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ft$1 = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Rt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ct = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, rt = { string: [[function(e) {
+  var t = It.exec(e);
+  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? l$1(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? l$1(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+}, "hex"], [function(e) {
+  var t = Rt.exec(e) || Ct.exec(e);
+  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : X({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
+}, "rgb"], [function(e) {
+  var t = Dt.exec(e) || Ft$1.exec(e);
+  if (!t) return null;
+  var n, r, s = tt({ h: (n = t[1], r = t[2], r === void 0 && (r = "deg"), Number(n) * (Et[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return nt(s);
+}, "hsl"]], object: [[function(e) {
+  var t = e.r, n = e.g, r = e.b, s = e.a, i = s === void 0 ? 1 : s;
+  return f(t) && f(n) && f(r) ? X({ r: Number(t), g: Number(n), b: Number(r), a: Number(i) }) : null;
+}, "rgb"], [function(e) {
+  var t = e.h, n = e.s, r = e.l, s = e.a, i = s === void 0 ? 1 : s;
+  if (!f(t) || !f(n) || !f(r)) return null;
+  var a = tt({ h: Number(t), s: Number(n), l: Number(r), a: Number(i) });
+  return nt(a);
+}, "hsl"], [function(e) {
+  var t = e.h, n = e.s, r = e.v, s = e.a, i = s === void 0 ? 1 : s;
+  if (!f(t) || !f(n) || !f(r)) return null;
+  var a = function(o) {
+    return { h: lt(o.h), s: d(o.s, 0, 100), v: d(o.v, 0, 100), a: d(o.a) };
+  }({ h: Number(t), s: Number(n), v: Number(r), a: Number(i) });
+  return ut(a);
+}, "hsv"]] }, st = function(e, t) {
+  for (var n = 0; n < t.length; n++) {
+    var r = t[n][0](e);
+    if (r) return [r, t[n][1]];
+  }
+  return [null, void 0];
+}, Ht = function(e) {
+  return typeof e == "string" ? st(e.trim(), rt.string) : typeof e == "object" && e !== null ? st(e, rt.object) : [null, void 0];
+}, O = function(e, t) {
+  var n = x(e);
+  return { h: n.h, s: d(n.s + 100 * t, 0, 100), l: n.l, a: n.a };
+}, T = function(e) {
+  return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
+}, it = function(e, t) {
+  var n = x(e);
+  return { h: n.h, s: n.s, l: d(n.l + 100 * t, 0, 100), a: n.a };
+}, at = function() {
+  function e(t) {
+    this.parsed = Ht(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+  }
+  return e.prototype.isValid = function() {
+    return this.parsed !== null;
+  }, e.prototype.brightness = function() {
+    return l$1(T(this.rgba), 2);
+  }, e.prototype.isDark = function() {
+    return T(this.rgba) < 0.5;
+  }, e.prototype.isLight = function() {
+    return T(this.rgba) >= 0.5;
+  }, e.prototype.toHex = function() {
+    return t = N(this.rgba), n = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? W(l$1(255 * i)) : "", "#" + W(n) + W(r) + W(s) + a;
+    var t, n, r, s, i, a;
+  }, e.prototype.toRgb = function() {
+    return N(this.rgba);
+  }, e.prototype.toRgbString = function() {
+    return t = N(this.rgba), n = t.r, r = t.g, s = t.b, (i = t.a) < 1 ? "rgba(" + n + ", " + r + ", " + s + ", " + i + ")" : "rgb(" + n + ", " + r + ", " + s + ")";
+    var t, n, r, s, i;
+  }, e.prototype.toHsl = function() {
+    return et(x(this.rgba));
+  }, e.prototype.toHslString = function() {
+    return t = et(x(this.rgba)), n = t.h, r = t.s, s = t.l, (i = t.a) < 1 ? "hsla(" + n + ", " + r + "%, " + s + "%, " + i + ")" : "hsl(" + n + ", " + r + "%, " + s + "%)";
+    var t, n, r, s, i;
+  }, e.prototype.toHsv = function() {
+    return t = dt(this.rgba), { h: l$1(t.h), s: l$1(t.s), v: l$1(t.v), a: l$1(t.a, 3) };
+    var t;
+  }, e.prototype.invert = function() {
+    return p({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    var t;
+  }, e.prototype.saturate = function(t) {
+    return t === void 0 && (t = 0.1), p(O(this.rgba, t));
+  }, e.prototype.desaturate = function(t) {
+    return t === void 0 && (t = 0.1), p(O(this.rgba, -t));
+  }, e.prototype.grayscale = function() {
+    return p(O(this.rgba, -1));
+  }, e.prototype.lighten = function(t) {
+    return t === void 0 && (t = 0.1), p(it(this.rgba, t));
+  }, e.prototype.darken = function(t) {
+    return t === void 0 && (t = 0.1), p(it(this.rgba, -t));
+  }, e.prototype.rotate = function(t) {
+    return t === void 0 && (t = 15), this.hue(this.hue() + t);
+  }, e.prototype.alpha = function(t) {
+    return typeof t == "number" ? p({ r: (n = this.rgba).r, g: n.g, b: n.b, a: t }) : l$1(this.rgba.a, 3);
+    var n;
+  }, e.prototype.hue = function(t) {
+    var n = x(this.rgba);
+    return typeof t == "number" ? p({ h: t, s: n.s, l: n.l, a: n.a }) : l$1(n.h);
+  }, e.prototype.isEqual = function(t) {
+    return this.toHex() === p(t).toHex();
+  }, e;
+}(), p = function(e) {
+  return e instanceof at ? e : new at(e);
+};
+const Nt = `const _IS_WORKLET = typeof registerPaint !== "undefined";
+const M = Math;
+
+const lcgrand =
+  (seed = 1) =>
+  (a = 0, b = 1) =>
+    a +
+    (M.abs(b - a) * (M.imul(48271, (seed = M.imul(214013, seed) + 2531011)) & 0x7fffffff)) /
+      0x7fffffff;
+
+// vector utils
+const pol2vec = (l, a = 0) => [l * M.cos(a), l * M.sin(a)];
+const vecmag = ([x, y]) => M.sqrt(x * x + y * y);
+const vecnorm = ([x, y], l = vecmag([x, y])) => (l === 0 ? [0, 0] : [x / l, y / l]);
+
+//      ..____.
+// ____/       \\___
+// -1..0.a...b..l...
+const trapezoidalWave = (l, a, b) => {
+  const s = M.max(a, l - b);
+
+  return (t) => {
+    if (t < a) return M.max(0, t / a);
+    if (t > s) return M.max(0, 1 - (t - s) / (l - s));
+    return 1;
+  };
+};
+
+const _cycle = (x, n) => ((x % n) + n) % n;
+const _mirror = (x, n, r) => (x < r ? n + x : x > n - r ? x - n : x);
+const clamp = (min, x, max) => Math.max(min, Math.min(x, max));
+
+const cycleBounds = ([x, y], [w, h], r) => {
+  const [tx, ty] = [_cycle(x, w), _cycle(y, h)];
+  return [
+    [tx, ty],
+    [_mirror(tx, w, r), _mirror(ty, h, r)],
+  ];
+};
+
+/**
+ * WORKLET
+ */
+
+const getCSSVar = (props, name) => {
+  const val = props.get(name);
+
+  if (typeof val === "string") return val;
+  return val?.length >= 1 ? val[0] : undefined;
+};
+
+class SpoilerPainterWorklet {
+  static get contextOptions() {
+    return { alpha: true };
+  }
+
+  /*
+   use this function to retrieve any custom properties (or regular properties, such as 'height')
+   defined for the element, return them in the specified array
+  */
+  static get inputProperties() {
+    return ["--t", "--t-stop", "--fade", "--gap", "--accent", "--words", "--density"];
+  }
+
+  paint(ctx, size, props) {
+    const rand = lcgrand(4011505); // predictable random
+
+    const // \`devicePixelRatio\` and \`dprx\` are not the same
+      // user agents use higher density bitmaps for canvases when
+      // painting from worklets, so 1px stands for 1px on the screen
+      dprx = _IS_WORKLET ? 1.0 : devicePixelRatio,
+      // hsl format
+      accent = (getCSSVar(props, "--accent") || "0 0% 0%").split(" "), // default: black
+      mimicWords = getCSSVar(props, "--words") === "true",
+      frict = 0,
+      vmin = 2,
+      vmax = 12,
+      width = size.width / dprx,
+      height = size.height / dprx,
+      // gaps to the edges
+      [hgap, vgap] = (getCSSVar(props, "--gap") || "0px 0px").split(" ").map(parseFloat),
+      density = parseFloat(getCSSVar(props, "--density")) || 0.08,
+      // size deviation, disabled for low DPR devices, so we don't end up with
+      // particles that have initial size of 0 px
+      sizedev = devicePixelRatio > 1 ? 0.5 : 0.0,
+      fadeDuration = parseFloat(getCSSVar(props, "--fade")) || 0.0;
+
+    const World = {
+      // global world time in seconds (always increasing)
+      t: parseFloat(getCSSVar(props, "--t") ?? 0.0),
+
+      // fade in animation starts after this point in time
+      tStop: parseFloat(getCSSVar(props, "--t-stop") ?? "Infinity"),
+
+      // fade out animation starts after this point in time
+      tStart: 0,
+
+      // given \`density\`, total number of particles depends
+      // on the sq area, but we limit it so it doesn't hurt performance
+      n: M.round(M.min(5000, density * (width - 2 * hgap) * (height - 2 * vgap))),
+    };
+
+    const lineWidth = width - 2 * hgap,
+      lineHeight = height - 2 * vgap;
+
+    const wordDist = mimicWords
+      ? // we assume that the space character is 4 times smaller than a character,
+        // (which is an average difference between an EM and a whitespace)
+        // however it can't be too small otherwise it will be barely visible
+        makeWordDistribution(lineWidth, lineHeight, Math.max(12, lineHeight / 4))
+      : (x) => x * (width - 2 * hgap);
+
+    ctx.clearRect(0, 0, size.width, size.height);
+
+    for (let i = 0; i < World.n; ++i) {
+      /** Initial values */
+      const x0 = hgap + wordDist(rand());
+      const y0 = rand(vgap, height - vgap);
+
+      const v0mag = rand(vmin, vmax),
+        size0 = rand(1.0, 1.0 + sizedev);
+
+      const _l = parseInt(accent[2]);
+      const ldir = _l > 50 ? -1 : 1; // light or dark
+      const lightness = M.floor(clamp(0, _l + ldir * rand(0, 30), 100));
+
+      const v0 = pol2vec(v0mag, rand(0, M.PI * 2));
+      const [vx0norm, vy0norm] = vecnorm(v0);
+      const [vx0, vy0] = v0;
+
+      const shape = rand() > 0.5 ? "square" : "circle";
+
+      /** Time */
+      const lifetime = rand(0.3, 1.5); // in sec
+      const respawn = rand(0, 1); // how long until the next respawn
+
+      // make particles appear in 0.15s and disappear in 0.3s
+      const visibilityFn = trapezoidalWave(lifetime, 0.15, 0.3);
+
+      // ensures that particles don't all spawn at the same time
+      const phase = rand(0, lifetime + respawn);
+
+      const cantSpawnNoMore =
+        Math.floor((World.tStop + phase) / (lifetime + respawn)) <
+        Math.floor((World.t + phase) / (lifetime + respawn));
+
+      if (cantSpawnNoMore) continue; // can not respawn after \`tstop\`
+
+      let t = M.min(lifetime, (World.t + phase) % (lifetime + respawn));
+
+      const vx = vx0 - 0.5 * frict * t * vx0norm;
+      const vy = vy0 - 0.5 * frict * t * vy0norm;
+
+      const x = x0 + vx * t;
+      const y = y0 + vy * t;
+
+      const fade = animateFadeInOut(World, i, fadeDuration);
+
+      const alpha = fade * (1 - t / lifetime);
+      const size = fade * (size0 * visibilityFn(t));
+
+      for (const [wx, wy] of cycleBounds([x, y], [width, height], size / 2)) {
+        ctx.beginPath();
+
+        ctx.fillStyle = \`hsl(\${accent[0]} \${accent[1]} \${lightness}% / \${M.round(alpha * 100)}%)\`;
+
+        // Two types of shapes ■ and ●
+        if (shape === "square") {
+          ctx.rect(dprx * wx, dprx * wy, dprx * size, dprx * size);
+        } else {
+          ctx.arc(dprx * wx, dprx * wy, (dprx * size) / 2, 0, M.PI * 2);
+        }
+
+        ctx.closePath();
+        ctx.fill();
+      }
+    }
+  }
+}
+
+/**
+ * Returns a fade in/out scale factor for a particle at a given index
+ * @param {object} World world state, including current time and stop points
+ * @param {number} idx index of the particle
+ * @param {number} duration total time of the animation
+ * @returns number between 0 and 1 (fully opaque)
+ *
+ * How animation is performed. Particles start to animate sequentially, from
+ * 0 to 2 / 3 of the duration, the animation lasts for 1 / 3 of the duration.
+ *
+ *  ___duration___
+ * [....+....+....]
+ *  1   5   10.....
+ */
+const animateFadeInOut = (World, idx, duration, ease = easeOutCubic) => {
+  const direction = World.tStop <= World.t ? "out" : "in";
+  const animationStartT = direction === "in" ? World.tStart : World.tStop;
+
+  // when this particle should start fading
+  const t = animationStartT + ((2 / 3) * duration * idx) / World.n;
+  const fadeFor = (1 / 3) * duration;
+
+  let progress = 0.0;
+
+  if (direction === "in") {
+    progress = (fadeFor + t - World.t) / fadeFor || 0;
+  } else {
+    progress = (World.t - t) / fadeFor || 1;
+  }
+
+  return ease(1.0 - clamp(0, progress, 1));
+};
+
+function easeOutCubic(t) {
+  return --t * t * t + 1;
+}
+
+const FAKE_WORDS = [5, 3, 4, 4, 2, 4, 7, 6, 8, 6, 3, 1, 6];
+
+/**
+ *
+ * @param {number} line width of the line
+ * @param {number} em width of a character
+ * @param {number} space whitespace width
+ * @returns
+ */
+const makeWordDistribution = (line, em, space) => {
+  let marker = 0,
+    i = 0,
+    wordslen = 0,
+    chunks = [];
+
+  do {
+    const endOfWord = Math.min(line, marker + FAKE_WORDS[i++ % FAKE_WORDS.length] * em);
+    wordslen += endOfWord - marker; // total length of words excl gaps
+
+    chunks.push([marker, (marker = endOfWord)]);
+  } while ((marker += space) < line);
+
+  // ensure the last word always ends at the end of the line
+  if (chunks.length >= 0) chunks[chunks.length - 1][1] = line;
+
+  return (t) => {
+    const w = t * wordslen;
+
+    let m = 0.0;
+
+    for (const [start, end] of chunks) {
+      const wordLength = end - start;
+
+      if (m < w && w <= m + wordLength) {
+        return start + w - m;
+      }
+
+      m += wordLength;
+    }
+
+    return 0;
+  };
+};
+
+export { SpoilerPainterWorklet };
+if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
+`, I = typeof CSS < "u" && CSS.paintWorklet !== void 0, y = {
+  fps: 24,
+  gap: 6,
+  density: 0.12,
+  mimicWords: false,
+  fallback: "black"
+}, Ot = 24, P = 293, Tt = 333, Bt = 1.5, B = 8, ot = "matchMedia" in globalThis && typeof globalThis.matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+class Lt {
+  el;
+  maxFPS = Ot;
+  #i = false;
+  constructor(t, n = {}) {
+    this.el = t, this.#t = 0, this.update(n), n.onlyInViewport === true && this.#h();
+  }
+  #a = false;
+  /**
+   * Stops everything and reverts the styles
+   */
+  destroy() {
+    this.#a = true, this.stopAnimation(), ["background", "--t", "--t-stop", "--fade", "--gap", "--words", "--density"].forEach((t) => {
+      this.el.style.removeProperty(t);
+    }), this.#n && (this.#n.disconnect(), this.#n = null);
+  }
+  /**
+   * `fps` - the maximum frames per second
+   * `mimicWords` - if true, the spoiler will try to mimic the shape of words (cssvar)
+   * `density` - overrides the density of the noise (cssvar)
+   * `gap` - in px a gap that particles won't spawn within (ignored for elements that exceed
+   *         the size limit)
+   */
+  update({
+    fps: t = y.fps,
+    gap: n = y.gap,
+    mimicWords: r = y.mimicWords,
+    density: s = y.density,
+    fallback: i = y.fallback,
+    forceFallback: a,
+    accentColor: o
+  } = {}) {
+    if (this.#a)
+      throw new Error("Painter has been destroyed and can't be used again.");
+    if (this.maxFPS = ot ? 0 : t, this.#i = !!a, !I || a) {
+      this.el.style.setProperty("--fallback", i || "initial");
+      return;
+    }
+    const u = getComputedStyle(this.el).getPropertyValue("display") !== "inline";
+    if (this.useBackgroundStyle("auto", "auto", { tile: false }), u) {
+      r = false;
+      const c = this.el.getBoundingClientRect();
+      if (c.width * c.height > P * P)
+        this.useBackgroundStyle(
+          Math.min(c.width, P),
+          Math.min(c.height, P),
+          { tile: true }
+        );
+      else {
+        const m = Math.floor(
+          Math.min(Number(n), c.width / B, c.height / B)
+        );
+        this.el.style.setProperty("--gap", `${m}px ${m}px`);
+      }
+    }
+    if (!u) {
+      const c = [...this.el.getClientRects()], m = Math.min(...c.map((S) => S.height));
+      this.useBackgroundStyle(Tt, m, { tile: true });
+      const A = Math.floor(Math.min(m / B, Number(n)));
+      this.el.style.setProperty("--gap", `0 ${A}px`);
+    }
+    if (this.el.style.setProperty("--words", String(r)), this.el.style.setProperty("--density", String(s)), o) {
+      const c = p(o).toHsl();
+      this.el.style.setProperty("--accent", `${c.h}deg ${c.s}% ${c.l}%`);
+    } else
+      this.el.style.removeProperty("--accent");
+  }
+  useBackgroundStyle(t, n, r) {
+    t = typeof t == "number" ? `${t}px` : t, n = typeof n == "number" ? `${n}px` : n;
+    const s = r?.tile ? "repeat left center" : "no-repeat center center";
+    this.el.style.background = `paint(spoiler) ${s} / ${t} ${n}`;
+  }
+  /**
+   * Hides and reveals the content. Turns the noise animation on and off.
+   */
+  #o = false;
+  get isHidden() {
+    return this.#o;
+  }
+  #c = 0;
+  set #r(t) {
+    this.el.style.setProperty("--fade", `${this.#c = Number(t)}s`);
+  }
+  get #r() {
+    return this.#c;
+  }
+  parseFadeDuration(t) {
+    return ot ? 0 : t === true ? Bt : Number(t);
+  }
+  hide({ animate: t = true } = {}) {
+    if (this.#o = true, !I || this.#i) {
+      this.el.style.setProperty("background", "var(--fallback)");
+      return;
+    }
+    this.#r = this.parseFadeDuration(t), this.#t = null, this.t = 0, this.startAnimation();
+  }
+  reveal({ animate: t = true } = {}) {
+    if (this.#o = false, !I || this.#i) {
+      this.el.style.removeProperty("background");
+      return;
+    }
+    const n = this.parseFadeDuration(t);
+    this.#r = n, this.#t = this.t, n <= 0 && this.stopAnimation();
+  }
+  /**
+   * Clock states
+   */
+  #l = 0;
+  #s = 0;
+  #d = null;
+  get #t() {
+    return this.#d;
+  }
+  set #t(t) {
+    this.#d = t, t !== null ? this.el.style.setProperty("--t-stop", t.toFixed(3)) : this.el.style.removeProperty("--t-stop");
+  }
+  get t() {
+    return this.#l;
+  }
+  set t(t) {
+    this.#l = t, this.el.style.setProperty("--t", t.toFixed(3));
+  }
+  // animation loop
+  #u = (t) => {
+    if (this.#a) return;
+    const n = this.#t && this.t > this.#t + this.#r;
+    this.maxFPS > 0 && !n && (this.#e = requestAnimationFrame(this.#u));
+    const r = t - this.#s;
+    r > 0 && r < 1e3 / this.maxFPS || (this.t += r / 1e3, this.#s = t);
+  };
+  /** Animation state */
+  #e = null;
+  startAnimation() {
+    this.#s = performance.now(), this.#u(this.#s);
+  }
+  stopAnimation() {
+    this.#e && (cancelAnimationFrame(this.#e), this.#e = null);
+  }
+  get isAnimating() {
+    return this.#e !== null;
+  }
+  #n = null;
+  #h() {
+    typeof IntersectionObserver > "u" || (this.#n = new IntersectionObserver(
+      (t) => {
+        t.forEach((n) => {
+          n.isIntersecting ? this.startAnimation() : this.stopAnimation();
+        });
+      },
+      {
+        root: null,
+        // observes the element in the viewport
+        threshold: 0.1
+        // trigger if 10% of the element is visible
+      }
+    ), this.#n.observe(this.el));
+  }
+}
+I && CSS.paintWorklet.addModule(
+  URL.createObjectURL(new Blob([Nt], { type: "application/javascript" }))
+);
+const zt = "_spoiler_1cf3f_1", $t = "_hidden_1cf3f_1", Vt = "_transition_1cf3f_1", Qt = "_fade_1cf3f_17", Ut = "_iris_1cf3f_51", E = {
+  spoiler: zt,
+  hidden: $t,
+  transition: Vt,
+  fade: Qt,
+  iris: Ut,
+  "remove-mask": "_remove-mask_1cf3f_1"
+}, Kt = "data:image/webp;base64,UklGRuIAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEAAAABJyAQSOFmFxERg4PatlLpIgE0wLcAYwWQ/qXegzuLBBH9nwDsfPyUc2EYAMcwk/ABgDDsZBoAINgFtRWmeuYwzDTczGsw4QHwKgtqfZgjM3o3RBiWwAc7BsO0ophZfcQxZofRzEQPF3Z8WaYVpjrm/wBWUDggSgAAAHADAJ0BKiAAIAA+nUCYSaWkIqE36ACwE4lnAM50PvlSI7/wMAD+7rf8db9v/7SWp6hM/Twt6Iatza3v6Hxf/+ugJP+n55BGQsAA", qt = "data:image/webp;base64,UklGRswAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEAAAABJyAQSOFmFxERg4PatlLpIgE0wLcAYwWQ/qXegzuLBBH9nwDsfPyUc2EYAMcwk/ABgDDsZBoAINgFtRWmeuYwzDTczGsw4QHwKgtqfZgjM3o3RBiWwAc7BsO0ophZfcQxZofRzEQPF3Z8WaYVpjrm/wBWUDggNAAAAFADAJ0BKiAAIAA/MYKzVK6opKM3+qgB0CYJZwAAd47WlJcAAP7tvYyWGro6+OiP70TIoAA=";
+let Yt = { css: null };
+const jt = (e) => {
+  const [t] = useState(() => e.hidden !== void 0), [n, r] = useState(e.defaultHidden ?? true);
+  if (t !== (e.hidden !== void 0))
+    throw new Error("Cannot change from controlled to uncontrolled or vice versa.");
+  const s = useCallback(
+    (i) => {
+      t || r(i), e.onHiddenChange?.(i);
+    },
+    [t, e.onHiddenChange]
+  );
+  return t ? [
+    e.hidden,
+    // we know that it is not `undefined` because of the useState initializer
+    s
+  ] : [n, s];
+}, Zt = (e, t) => {
+  const [n, r] = t, s = useCallback(() => r(false), [r]), i = useCallback(() => r(true), [r]), a = useCallback(() => r(!n), [n, r]);
+  return useMemo(() => {
+    switch (e) {
+      case "hover":
+        return { onMouseEnter: s, onMouseLeave: i };
+      case "click":
+        return { onClick: a };
+      default:
+        return {};
+    }
+  }, [e, s, i, a]);
+}, Gt = (e) => {
+  const t = _t("(prefers-color-scheme: dark)");
+  return e === "system" ? t : e === "dark";
+}, Jt = (e, t) => {
+  const [n, r = n] = [e].flat();
+  return t ? r : n;
+}, te$1 = (e) => {
+  const {
+    asChild: t = false,
+    tagName: n = "span",
+    transition: r = "iris",
+    hidden: s,
+    revealOn: i = s === void 0 ? "hover" : false,
+    defaultHidden: a,
+    onHiddenChange: o,
+    // background noise settings
+    accentColor: u = ["#333", "#fff"],
+    theme: c = "system",
+    mimicWords: m = true,
+    fps: A = 24,
+    gap: S,
+    density: $,
+    noiseFadeDuration: V,
+    fallback: Q,
+    forceFallback: U = false,
+    // inherited props
+    className: ht,
+    children: M,
+    ...pt
+  } = e, _ = useRef(null), k = useRef(), [ft, mt] = Pt(_, 4), K = jt(e), [g] = K, D = Gt(c), q = Jt(u, D), F = useRef(V);
+  F.current = V, kt(Yt.css, _);
+  const R = useMemo(() => {
+    let h = Q ?? // image is 32x32
+    `repeat top left / 16px 16px url(${D ? qt : Kt})`;
+    return {
+      fps: A,
+      gap: S,
+      density: $,
+      mimicWords: m,
+      accentColor: q,
+      fallback: h,
+      forceFallback: U
+    };
+  }, [
+    A,
+    S,
+    $,
+    m,
+    q,
+    Q,
+    D,
+    ft,
+    mt,
+    U
+  ]), [gt] = useState(() => R);
+  H$1(() => {
+    const h = new Lt(_.current, gt);
+    return k.current = h, () => {
+      h.destroy(), k.current = void 0;
+    };
+  }, []), H$1(() => {
+    const h = k.current, j = F.current !== void 0 ? { animate: F.current } : {};
+    h && g !== h.isHidden && (g ? h.hide(j) : h.reveal(j));
+  }, [g]), H$1(() => {
+    k.current?.update(R);
+  }, [R]);
+  const bt = [
+    E.spoiler,
+    g ? `${E.hidden}` : "",
+    // append className provided above
+    ht
+  ].filter((h) => h).join(" ");
+  let Y = M;
+  (r === "fade" || r === "iris") && (Y = createElement(n, {
+    className: `${E.transition} ${E[r]}`,
+    children: M
+  }));
+  const vt = t && isValidElement(M) ? M : createElement(n, {
+    children: Y,
+    "aria-expanded": !g,
+    "data-hidden": g ? true : void 0
+  });
+  return cloneElement(vt, {
+    ref: _,
+    className: bt,
+    ...Zt(i, K),
+    ...pt
+  });
+};
+
+Yt.css = "._spoiler_1cf3f_1._hidden_1cf3f_1:not(:has(>._transition_1cf3f_1)){color:transparent;border-color:transparent;text-decoration-color:transparent;-webkit-text-emphasis-color:transparent;text-emphasis-color:transparent}._spoiler_1cf3f_1._hidden_1cf3f_1:not(:has(>._transition_1cf3f_1))>*{opacity:0}._transition_1cf3f_1._fade_1cf3f_17{--hide-transition: .2s ease-out;--reveal-transition: .5s ease-out;transition:opacity var(--reveal-transition),filter var(--reveal-transition)}._spoiler_1cf3f_1._hidden_1cf3f_1>._transition_1cf3f_1._fade_1cf3f_17{opacity:0;transition:opacity var(--hide-transition),filter var(--hide-transition);filter:blur(.5px)}@property --iris-gradient-length{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --iris-radius{syntax: \"<length> | <percentage>\"; inherits: false; initial-value: 16px;}._spoiler_1cf3f_1>._transition_1cf3f_1._iris_1cf3f_51{--hide-duration: .15s;--reveal-duration: .3s}._spoiler_1cf3f_1._hidden_1cf3f_1>._transition_1cf3f_1._iris_1cf3f_51{--iris-gradient-length: 0%;--iris-radius: 0px;opacity:0;filter:blur(1px);transition:--iris-gradient-length 0s linear var(--hide-duration),filter 0s linear var(--hide-duration),opacity var(--hide-duration) ease-out}._transition_1cf3f_1._iris_1cf3f_51{-webkit-mask:radial-gradient(circle closest-corner,black var(--iris-gradient-length),transparent calc(var(--iris-gradient-length) + var(--iris-radius))) no-repeat center;mask:radial-gradient(circle closest-corner,black var(--iris-gradient-length),transparent calc(var(--iris-gradient-length) + var(--iris-radius))) no-repeat center;transition:--iris-gradient-length var(--reveal-duration) ease-out,opacity var(--reveal-duration) ease-out,filter var(--reveal-duration) ease-out}@keyframes _remove-mask_1cf3f_1{to{-webkit-mask-image:none;mask-image:none}}._spoiler_1cf3f_1:not(._hidden_1cf3f_1)>._transition_1cf3f_1._iris_1cf3f_51{animation:0s linear var(--reveal-duration) 1 forwards _remove-mask_1cf3f_1}\n";
+
+const NoSelect = st$1.div`
+  * {
+    user-select: none;
+  }
+`;
+const DisabledInput = st$1(Input)`
+  /* stylelint-disable declaration-no-important */
+  cursor: ${({ $hidden }) => $hidden ? "default" : "pointer"} !important;
+`;
+const NotificationOverrides = at$1`
+  .no-message-notif .ant-notification-notice-message {
+    margin-bottom: 0 !important;
+  }
+`;
+const Styled$g = {
+  NoSelect,
+  DisabledInput,
+  NotificationOverrides
+};
+
+const SecretBase64Plain = ({ data }) => {
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    id,
+    base64Value,
+    plainTextValue,
+    containerStyle,
+    inputContainerStyle,
+    flexProps,
+    niceLooking,
+    notificationText,
+    notificationWidth
+  } = data;
+  const [hidden, setHidden] = useState(true);
+  const inputRef = useRef(null);
+  const [notificationApi, contextHolder] = notification.useNotification();
+  const { data: multiQueryData, isLoading, isError, errors } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
+  const theme = useTheme();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+    ] });
+  }
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const parsedText = parseAll({
+    text: base64Value || plainTextValue || "Oneof required",
+    replaceValues,
+    multiQueryData
+  });
+  const decodedText = base64Value ? atob(parsedText) : parsedText;
+  const copyToClipboard = async () => {
+    try {
+      if (decodedText !== null && decodedText !== void 0) {
+        await navigator.clipboard.writeText(decodedText);
+        notificationApi.info({
+          // message: `Copied: ${decodedText.substring(0, 5)}...`,
+          message: notificationText || "Text copied to clipboard",
+          placement: "bottomRight",
+          closeIcon: null,
+          style: {
+            width: notificationWidth || "300px"
+          },
+          className: "no-message-notif"
+        });
+      } else {
+        console.log("Failed to copy text");
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.NotificationOverrides, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, ...flexProps, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$g.NoSelect, { style: inputContainerStyle, children: niceLooking ? /* @__PURE__ */ jsxRuntimeExports.jsx(te$1, { theme, hidden, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Styled$g.DisabledInput,
+        {
+          $hidden: hidden,
+          ref: inputRef,
+          onClick: () => {
+            if (!hidden) {
+              inputRef.current?.focus({
+                cursor: "all"
+              });
+              copyToClipboard();
+            }
+          },
+          value: decodedText
+        }
+      ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Styled$g.DisabledInput,
+        {
+          $hidden: hidden,
+          ref: inputRef,
+          onClick: () => {
+            if (!hidden) {
+              inputRef.current?.focus({
+                cursor: "all"
+              });
+              copyToClipboard();
+            }
+          },
+          value: hidden ? "" : decodedText
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", onClick: () => setHidden(!hidden), children: hidden ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOutlined, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(EyeInvisibleOutlined, {}) })
+    ] }),
+    contextHolder
+  ] });
+};
+
 const DynamicComponents = {
   DefaultDiv,
   antdText: AntdText,
@@ -35881,7 +36872,9 @@ const DynamicComponents = {
   KeyCounter,
   Taints,
   Tolerations,
-  Annotations
+  Annotations,
+  ConverterBytes,
+  SecretBase64Plain
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -44566,7 +45559,7 @@ function stringify(value, replacer, options) {
     return new Document$1(value, _replacer, options).toString(options);
 }
 
-const BorderRadiusContainer$1 = st.div`
+const BorderRadiusContainer$1 = st$1.div`
   height: 100%;
 
   .monaco-editor,
@@ -44602,7 +45595,7 @@ const YamlEditor = ({ theme, currentValues, onChange }) => {
   ) });
 };
 
-const BorderRadiusContainer = st.div`
+const BorderRadiusContainer = st$1.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
 
   .monaco-editor,
@@ -44610,7 +45603,7 @@ const BorderRadiusContainer = st.div`
     border-radius: 8px;
   }
 `;
-const ControlsRowContainer$1 = st.div`
+const ControlsRowContainer$1 = st$1.div`
   margin-top: 10px;
   display: flex;
   align-items: center;
@@ -44618,7 +45611,7 @@ const ControlsRowContainer$1 = st.div`
   border-radius: 8px;
   padding: 4px;
 `;
-const BigText$1 = st.div`
+const BigText$1 = st$1.div`
   font-size: 16px;
   line-height: 24px;
 `;
@@ -45389,10 +46382,10 @@ const FormStringInput = ({
   ] });
 };
 
-const SwitchAndCrossContainer = st.div`
+const SwitchAndCrossContainer = st$1.div`
   display: flex;
 `;
-const CrossContainer = st.div`
+const CrossContainer = st$1.div`
   margin-left: 4px;
   cursor: pointer;
   padding-top: 11px;
@@ -45620,20 +46613,20 @@ const FormArrayHeader = ({
   ] });
 };
 
-const Container = st.div`
+const Container = st$1.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: ${({ $designNewLayout }) => $designNewLayout ? "36px" : "8px"};
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
 `;
-const OverflowContainer$1 = st.div`
+const OverflowContainer$1 = st$1.div`
   overflow-x: auto;
   scrollbar-width: thin;
 `;
-const ResetedFormList = st(Form.List)`
+const ResetedFormList = st$1(Form.List)`
   margin-bottom: 8px;
 `;
-const ControlsRowContainer = st.div`
+const ControlsRowContainer = st$1.div`
   margin-top: 10px;
   display: flex;
   align-items: center;
@@ -45641,10 +46634,10 @@ const ControlsRowContainer = st.div`
   border-radius: 8px;
   padding: 4px;
 `;
-const DebugContainer = st.div`
+const DebugContainer = st$1.div`
   height: ${({ $designNewLayoutHeight }) => $designNewLayoutHeight ? `${$designNewLayoutHeight}px` : "75vh"};
 `;
-const BigText = st.div`
+const BigText = st$1.div`
   font-size: 16px;
   line-height: 24px;
 `;
@@ -46839,7 +47832,7 @@ const BlackholeFormDataProvider = ({
   );
 };
 
-const CustomCard$5 = st(Card)`
+const CustomCard$5 = st$1(Card)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -47097,7 +48090,7 @@ const getListPath = ({
   return `/api/clusters/${clusterName}/k8s/api/v1${namespace ? `/namespaces/${namespace}` : ""}/${typeName}`;
 };
 
-const CustomCard$4 = st(Card)`
+const CustomCard$4 = st$1(Card)`
   position: relative;
   width: 238px;
   overflow-x: auto;
@@ -47117,7 +48110,7 @@ const CustomCard$4 = st(Card)`
     padding: 8px;
   }
 `;
-const ImageContainer = st.div`
+const ImageContainer = st$1.div`
   min-width: 45px;
   min-height: 45px;
   padding: 6px;
@@ -47127,12 +48120,12 @@ const ImageContainer = st.div`
     height: 45px;
   }
 `;
-const OverflowContainer = st.div`
+const OverflowContainer = st$1.div`
   overflow-x: auto;
   scrollbar-width: thin;
   margin-bottom: 20px;
 `;
-const TitleContainer = st.div`
+const TitleContainer = st$1.div`
   padding-left: 6px;
   padding-right: 6px;
   font-size: 16px;
@@ -47142,7 +48135,7 @@ const TitleContainer = st.div`
     font-weight: 700;
   }
 `;
-const TagsContainer = st.div`
+const TagsContainer = st$1.div`
   margin-top: 6px;
   margin-bottom: 6px;
   padding-left: 6px;
@@ -47151,7 +48144,7 @@ const TagsContainer = st.div`
   flex-flow: row wrap;
   align-items: flex-start;
 `;
-const CustomTag = st(Tag)`
+const CustomTag = st$1(Tag)`
   margin-right: 4px;
   margin-bottom: 4px;
 
@@ -47159,11 +48152,11 @@ const CustomTag = st(Tag)`
     margin-right: 0;
   }
 `;
-const DescriptionContainer = st.div`
+const DescriptionContainer = st$1.div`
   padding-left: 6px;
   padding-right: 6px;
 `;
-const EditButtonContainer = st.div`
+const EditButtonContainer = st$1.div`
   position: absolute;
   bottom: 6px;
   right: 6px;
@@ -47329,7 +48322,7 @@ const SearchTextInput = ({ uniqueTags, selectedTags, onSelectedTags }) => {
   );
 };
 
-const BigValue = st.div`
+const BigValue = st$1.div`
   font-size: 36px;
   line-height: 36px;
   font-weight: 700;
@@ -47640,11 +48633,11 @@ const DropdownAccessGroups = ({ accessGroups }) => {
   ) });
 };
 
-const ActionMenuPlaceholder = st.div`
+const ActionMenuPlaceholder = st$1.div`
   width: 45.33px;
   height: 1px;
 `;
-st.div`
+st$1.div`
   font-size: 36px;
   line-height: 36px;
   font-weight: 700;
@@ -47808,7 +48801,7 @@ var addonFit = {exports: {}};
 
 var addonFitExports = addonFit.exports;
 
-const CustomCard$3 = st.div`
+const CustomCard$3 = st$1.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -47816,7 +48809,7 @@ const CustomCard$3 = st.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$3 = st.div`
+const FullWidthDiv$3 = st$1.div`
   display: flex;
   justify-content: center;
   width: 100%;
@@ -47913,7 +48906,7 @@ const XTerminal$2 = ({ endpoint, namespace, podName, container, substractHeight
   ] });
 };
 
-const CustomSelect$3 = st.div`
+const CustomSelect$3 = st$1.div`
   .ant-select {
     width: 200px;
   }
@@ -47958,7 +48951,7 @@ const PodTerminal = ({ cluster, namespace, podName, containers, substractHeight
   ] });
 };
 
-const CustomCard$2 = st.div`
+const CustomCard$2 = st$1.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -47966,13 +48959,13 @@ const CustomCard$2 = st.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$2 = st.div`
+const FullWidthDiv$2 = st$1.div`
   display: flex;
   justify-content: center;
   width: 100%;
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 `;
-const ProgressContainer = st.div`
+const ProgressContainer = st$1.div`
   margin-top: calc(${({ $substractHeight }) => $substractHeight}px - 100vh);
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
   display: flex;
@@ -48130,7 +49123,7 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
   ] });
 };
 
-const CustomSelect$2 = st.div`
+const CustomSelect$2 = st$1.div`
   .ant-select {
     width: 200px;
   }
@@ -48169,7 +49162,7 @@ const NodeTerminal = ({ cluster, nodeName, substractHeight, defaultProfile }) =>
   ] });
 };
 
-const CustomCard$1 = st.div`
+const CustomCard$1 = st$1.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
@@ -48177,7 +49170,7 @@ const CustomCard$1 = st.div`
     scrollbar-width: thin;
   }
 `;
-const FullWidthDiv$1 = st.div`
+const FullWidthDiv$1 = st$1.div`
   display: flex;
   justify-content: center;
   width: 100%;
@@ -48270,7 +49263,7 @@ const XTerminal = ({ endpoint, namespace, podName, container, substractHeight })
   ] });
 };
 
-const CustomSelect$1 = st.div`
+const CustomSelect$1 = st$1.div`
   .ant-select {
     width: 200px;
   }
@@ -48315,12 +49308,12 @@ const PodLogs = ({ cluster, namespace, podName, containers, substractHeight }) =
   ] });
 };
 
-const FullWidthDiv = st.div`
+const FullWidthDiv = st$1.div`
   display: flex;
   justify-content: center;
   width: 100%;
 `;
-const CustomCard = st.div`
+const CustomCard = st$1.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   max-height: calc(100vh - 158px);
 
@@ -48328,11 +49321,11 @@ const CustomCard = st.div`
     scrollbar-width: thin;
   }
 `;
-const VisibilityContainer = st.div`
+const VisibilityContainer = st$1.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   margin-top: -51px;
 `;
-const CursorPointerDiv = st.div`
+const CursorPointerDiv = st$1.div`
   cursor: pointer;
   user-select: none;
 `;
@@ -48457,13 +49450,13 @@ const MonacoEditor = ({
   ] });
 };
 
-const TopRowContent = st.div`
+const TopRowContent = st$1.div`
   height: 35px;
   margin-left: 202px;
   display: flex;
   align-items: center;
 `;
-const CustomSelect = st.div`
+const CustomSelect = st$1.div`
   .ant-select {
     width: 200px;
   }