@patternfly/react-templates 6.3.1 → 6.4.0-prerelease.2

package/dist/umd/react-templates.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PatternFlyTemplates={},e.React,e.ReactDOM)}(this,(function(e,t,n){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=i(n);function o(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)t.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(n[i[s]]=e[i[s]])}return n}"function"==typeof SuppressedError&&SuppressedError;var a={exports:{}},l={},r=t,c=Symbol.for("react.element"),d=Symbol.for("react.fragment"),p=Object.prototype.hasOwnProperty,u=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function m(e,t,n){var i,s={},o=null,a=null;for(i in void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),void 0!==t.ref&&(a=t.ref),t)p.call(t,i)&&!f.hasOwnProperty(i)&&(s[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===s[i]&&(s[i]=t[i]);return{$$typeof:c,type:e,key:o,ref:a,props:s,_owner:u.current}}l.Fragment=d,l.jsx=m,l.jsxs=m,a.exports=l;var g=a.exports;function h(...e){const t=[],n={}.hasOwnProperty;return e.filter(Boolean).forEach((e=>{const i=typeof e;if("string"===i||"number"===i)t.push(e);else if(Array.isArray(e)&&e.length){const n=h(...e);n&&t.push(n)}else if("object"===i)for(const i in e)n.call(e,i)&&e[i]&&t.push(i)})),t.join(" ")}var b="pf-v6-c-divider",v="pf-v6-c-menu",x="pf-v6-c-menu__content",y="pf-v6-c-menu__item",O="pf-v6-c-menu__item-action",j="pf-v6-c-menu__item-check",w="pf-v6-c-menu__item-description",C="pf-v6-c-menu__item-external-icon",N="pf-v6-c-menu__item-icon",S="pf-v6-c-menu__item-main",I="pf-v6-c-menu__item-select-icon",E="pf-v6-c-menu__item-text",D="pf-v6-c-menu__item-toggle-icon",L="pf-v6-c-menu__list",k="pf-v6-c-menu__list-item",M="pf-v6-c-menu__search",T={disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",flyout:"pf-m-flyout",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",plain:"pf-m-plain",scrollable:"pf-m-scrollable",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorited:"pf-m-favorited"},R="pf-v6-c-breadcrumb__link";let P=0;function _({name:e,xOffset:n=0,yOffset:i=0,width:s,height:a,svgPath:l,svgClassName:r}){var c;return c=class extends t.Component{constructor(){super(...arguments),this.id="icon-title-"+P++}render(){const e=this.props,{title:t,className:r}=e,c=o(e,["title","className"]),d=Boolean(t),p=[n,i,s,a].join(" "),u=["pf-v6-svg"];return r&&u.push(r),g.jsxs("svg",Object.assign({className:u.join(" "),viewBox:p,fill:"currentColor","aria-labelledby":d?this.id:null,"aria-hidden":!d||null,role:"img",width:"1em",height:"1em"},c,{children:[d&&g.jsx("title",{id:this.id,children:t}),Array.isArray(l)?l.map(((e,t)=>g.jsx("path",{className:e.className,d:e.path},`${e.path}-${t}`))):g.jsx("path",{d:l})]}))}},c.displayName=e,c}const A=_({name:"CheckCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z",yOffset:0,xOffset:0,svgClassName:void 0}),F=_({name:"ExclamationCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0,svgClassName:void 0}),H=_({name:"ExclamationTriangleIcon",height:512,width:576,svgPath:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0,svgClassName:void 0}),B=_({name:"InfoCircleIcon",height:512,width:512,svgPath:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z",yOffset:0,xOffset:0,svgClassName:void 0}),$=_({name:"BellIcon",height:1024,width:896,svgPath:"M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z",yOffset:0,xOffset:0,svgClassName:void 0});var W;!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(W||(W={}));const z="Escape",V="Enter",U={success:A,danger:F,warning:H,info:B,custom:$};const q=(e,t,n="",i,s)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(G).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",X=e=>e.toUpperCase().replace("-","").replace("_",""),G=e=>e.replace(/([-_][a-z])/gi,X),K=!("undefined"==typeof window||!window.document||!window.document.createElement),Z=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let Y=0;function J(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class Q extends t.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?J():Y++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}Q.displayName="GenerateId",Q.defaultProps={prefix:"pf-random-id-",isRandom:!1};let ee=0;const te="OUIA-Generated-",ne={};function ie(e,t,n=!0){return{"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const se=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":oe(e,t,i)}),oe=(e,n,i)=>{const s=t.useMemo((()=>ae(e,i)),[e,i]);return null!=n?n:s};function ae(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,ne[n]||(ne[n]=0),`${te}${e}-${t?`${t}-`:""}${++ne[n]}`}catch(n){return`${te}${e}-${t?`${t}-`:""}${++ee}`}}function le(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function re(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ce(e){const t=re(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function de(e){return e instanceof re(e).Element||e instanceof Element}function pe(e){return e instanceof re(e).HTMLElement||e instanceof HTMLElement}function ue(e){return e?(e.nodeName||"").toLowerCase():null}function fe(e){return(de(e)?e.ownerDocument:e.document).documentElement}function me(e){return le(fe(e)).left+ce(e).scrollLeft}function ge(e){return re(e).getComputedStyle(e)}function he(e){const{overflow:t,overflowX:n,overflowY:i}=ge(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function be(e,t,n=!1){const i=fe(t),s=le(e),o=pe(t);let a={scrollLeft:0,scrollTop:0},l={x:0,y:0};var r,c;return(o||!o&&!n)&&(("body"!==ue(t)||he(i))&&(a=(r=t)!==re(r)&&pe(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:ce(r)),pe(t)?(l=le(t),l.x+=t.clientLeft,l.y+=t.clientTop):i&&(l.x=me(i))),{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function ve(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function xe(e){return"html"===ue(e)?e:e.assignedSlot||e.parentNode||e.host||fe(e)}function ye(e){return["html","body","#document"].indexOf(ue(e))>=0?e.ownerDocument.body:pe(e)&&he(e)?e:ye(xe(e))}function Oe(e,t=[]){const n=ye(e),i="body"===ue(n),s=re(n),o=i?[s].concat(s.visualViewport||[],he(n)?n:[]):n,a=t.concat(o);return i?a:a.concat(Oe(xe(o)))}function je(e){return["table","td","th"].indexOf(ue(e))>=0}function we(e){if(!pe(e)||"fixed"===ge(e).position)return null;const t=e.offsetParent;if(t){const e=fe(t);if("body"===ue(t)&&"static"===ge(t).position&&"static"!==ge(e).position)return e}return t}function Ce(e){const t=re(e);let n=we(e);for(;n&&je(n)&&"static"===ge(n).position;)n=we(n);return n&&"body"===ue(n)&&"static"===ge(n).position?t:n||function(e){let t=xe(e);for(;pe(t)&&["html","body"].indexOf(ue(t))<0;){const e=ge(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const Ne="top",Se="bottom",Ie="right",Ee="left",De="auto",Le=[Ne,Se,Ie,Ee],ke="start",Me="end",Te="clippingParents",Re="viewport",Pe="popper",_e="reference",Ae=Le.reduce(((e,t)=>e.concat([`${t}-${ke}`,`${t}-${Me}`])),[]),Fe=[...Le,De].reduce(((e,t)=>e.concat([t,`${t}-${ke}`,`${t}-${Me}`])),[]),He=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Be(e){const t=new Map,n=new Set,i=[];function s(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&s(n)}})),i.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||s(e)})),i}function $e(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function We(e){return e.split("-")[0]}function ze(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Ve(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ue(e,t){return t===Re?Ve(function(e){const t=re(e),n=fe(e),i=t.visualViewport;let s=n.clientWidth,o=n.clientHeight,a=0,l=0;return i&&(s=i.width,o=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=i.offsetLeft,l=i.offsetTop)),{width:s,height:o,x:a+me(e),y:l}}(e)):pe(t)?function(e){const t=le(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){const t=fe(e),n=ce(e),i=e.ownerDocument.body,s=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let a=-n.scrollLeft+me(e);const l=-n.scrollTop;return"rtl"===ge(i||t).direction&&(a+=Math.max(t.clientWidth,i?i.clientWidth:0)-s),{width:s,height:o,x:a,y:l}}(fe(e)))}function qe(e,t,n){const i="clippingParents"===t?function(e){const t=Oe(xe(e)),n=["absolute","fixed"].indexOf(ge(e).position)>=0&&pe(e)?Ce(e):e;return de(n)?t.filter((e=>de(e)&&ze(e,n)&&"body"!==ue(e))):[]}(e):[].concat(t),s=[...i,n],o=s[0],a=s.reduce(((t,n)=>{const i=Ue(e,n);return t.top=Math.max(i.top,t.top),t.right=Math.min(i.right,t.right),t.bottom=Math.min(i.bottom,t.bottom),t.left=Math.max(i.left,t.left),t}),Ue(e,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Xe(e){return e.split("-")[1]}function Ge(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ke({reference:e,element:t,placement:n}){const i=n?We(n):null,s=n?Xe(n):null,o=e.x+e.width/2-t.width/2,a=e.y+e.height/2-t.height/2;let l;switch(i){case Ne:l={x:o,y:e.y-t.height};break;case Se:l={x:o,y:e.y+e.height};break;case Ie:l={x:e.x+e.width,y:a};break;case Ee:l={x:e.x-t.width,y:a};break;default:l={x:e.x,y:e.y}}const r=i?Ge(i):null;if(null!=r){const n="y"===r?"height":"width";switch(s){case ke:l[r]=Math.floor(l[r])-Math.floor(e[n]/2-t[n]/2);break;case Me:l[r]=Math.floor(l[r])+Math.ceil(e[n]/2-t[n]/2)}}return l}function Ze(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Ye(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Je(e,t={}){const{placement:n=e.placement,boundary:i=Te,rootBoundary:s=Re,elementContext:o=Pe,altBoundary:a=!1,padding:l=0}=t,r=Ze("number"!=typeof l?l:Ye(l,Le)),c=o===Pe?_e:Pe,d=e.elements.reference,p=e.rects.popper,u=e.elements[a?c:o],f=qe(de(u)?u:u.contextElement||fe(e.elements.popper),i,s),m=le(d),g=Ke({reference:m,element:p,placement:n}),h=Ve(Object.assign(Object.assign({},p),g)),b=o===Pe?h:m,v={top:f.top-b.top+r.top,bottom:b.bottom-f.bottom+r.bottom,left:f.left-b.left+r.left,right:b.right-f.right+r.right},x=e.modifiersData.offset;if(o===Pe&&x){const e=x[n];Object.keys(v).forEach((t=>{const n=[Ie,Se].indexOf(t)>=0?1:-1,i=[Ne,Se].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Qe={placement:"bottom",modifiers:[],strategy:"absolute"};function et(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}function tt(e={}){const{defaultModifiers:t=[],defaultOptions:n=Qe}=e;return function(e,i,s=n){let o={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Qe),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},a=[],l=!1;const r={state:o,setOptions(s){c(),o.options=Object.assign(Object.assign(Object.assign({},n),o.options),s),o.scrollParents={reference:de(e)?Oe(e):e.contextElement?Oe(e.contextElement):[],popper:Oe(i)};const l=function(e){const t=Be(e);return He.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...o.options.modifiers]));return o.orderedModifiers=l.filter((e=>e.enabled)),o.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:o,name:e,instance:r,options:t}),s=()=>{};a.push(i||s)}})),r.update()},forceUpdate(){if(l)return;const{reference:e,popper:t}=o.elements;if(et(e,t)){o.rects={reference:be(e,Ce(t),"fixed"===o.options.strategy),popper:ve(t)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((e=>o.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<o.orderedModifiers.length;e++){if(!0===o.reset){o.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=o.orderedModifiers[e];"function"==typeof t&&(o=t({state:o,options:n,name:i,instance:r})||o)}}},update:$e((()=>new Promise((e=>{r.forceUpdate(),e(o)})))),destroy(){c(),l=!0}};if(!et(e,i))return r;function c(){a.forEach((e=>e())),a=[]}return r.setOptions(s).then((e=>{!l&&s.onFirstUpdate&&s.onFirstUpdate(e)})),r}}tt();const nt={passive:!0};const it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function st({popper:e,popperRect:t,placement:n,offsets:i,position:s,gpuAcceleration:o,adaptive:a}){let{x:l,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(i);const c=i.hasOwnProperty("x"),d=i.hasOwnProperty("y");let p=Ee,u=Ne;const f=window;if(a){let i=Ce(e);i===re(e)&&(i=fe(e)),n===Ne&&(u=Se,r-=i.clientHeight-t.height,r*=o?1:-1),n===Ee&&(p=Ie,l-=i.clientWidth-t.width,l*=o?1:-1)}const m=Object.assign({position:s},a&&it);return o?Object.assign(Object.assign({},m),{[u]:d?"0":"",[p]:c?"0":"",transform:(f.devicePixelRatio||1)<2?`translate(${l}px, ${r}px)`:`translate3d(${l}px, ${r}px, 0)`}):Object.assign(Object.assign({},m),{[u]:d?`${r}px`:"",[p]:c?`${l}px`:"",transform:""})}var ot={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,s=Fe.reduce(((t,n)=>(t[n]=function(e,t,n){const i=We(e),s=[Ee,Ne].indexOf(i)>=0?-1:1;let[o,a]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return o=o||0,a=(a||0)*s,[Ee,Ie].indexOf(i)>=0?{x:a,y:o}:{x:o,y:a}}(n,e.rects,i),t)),{}),{x:o,y:a}=s[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=o,e.modifiersData.popperOffsets.y+=a),e.modifiersData[n]=s}};const at={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(e){return e.replace(/left|right|bottom|top/g,(e=>at[e]))}const rt={start:"end",end:"start"};function ct(e){return e.replace(/start|end/g,(e=>rt[e]))}function dt(e,t={}){const{placement:n,boundary:i,rootBoundary:s,padding:o,flipVariations:a,allowedAutoPlacements:l=Fe}=t,r=Xe(n),c=r?a?Ae:Ae.filter((e=>Xe(e)===r)):Le;let d=c.filter((e=>l.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=Je(e,{placement:n,boundary:i,rootBoundary:s,padding:o})[We(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var pt={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:i=!0,altAxis:s=!0,fallbackPlacements:o,padding:a,boundary:l,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,f=We(u),m=[u,...o||(f===u||!d?[lt(u)]:function(e){if(We(e)===De)return[];const t=lt(e);return[ct(e),t,ct(t)]}(u))].reduce(((t,n)=>t.concat(We(n)===De?dt(e,{placement:n,boundary:l,rootBoundary:r,padding:a,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,x=m[0];for(let t=0;t<m.length;t++){const n=m[t],o=We(n),d=Xe(n)===ke,p=[Ne,Se].indexOf(o)>=0,u=p?"width":"height",f=Je(e,{placement:n,boundary:l,rootBoundary:r,altBoundary:c,padding:a});let y=p?d?Ie:Ee:d?Se:Ne;g[u]>h[u]&&(y=lt(y));const O=lt(y),j=[];if(i&&j.push(f[o]<=0),s&&j.push(f[y]<=0,f[O]<=0),j.every((e=>e))){x=n,v=!1;break}b.set(n,j)}if(v){for(let e=d?3:1;e>0;e--){const t=m.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){x=t;break}}}e.placement!==x&&(e.modifiersData[n]._skip=!0,e.placement=x,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function ut(e,t,n){return Math.max(e,Math.min(t,n))}var ft={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:s=!1,boundary:o,rootBoundary:a,altBoundary:l,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=Je(e,{boundary:o,rootBoundary:a,padding:r,altBoundary:l}),u=We(e.placement),f=Xe(e.placement),m=!f,g=Ge(u),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,x=e.rects.popper,y="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,O={x:0,y:0};if(b){if(i){const t="y"===g?Ne:Ee,n="y"===g?Se:Ie,i="y"===g?"height":"width",s=b[g],o=b[g]+p[t],a=b[g]-p[n],l=c?-x[i]/2:0,r=f===ke?v[i]:x[i],d=f===ke?-x[i]:-v[i],u=e.elements.arrow,h=c&&u?ve(u):{width:0,height:0},j=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=j[t],C=j[n],N=ut(0,v[i],h[i]),S=m?v[i]/2-l-N-w-y:r-N-w-y,I=m?-v[i]/2+l+N+C+y:d+N+C+y,E=e.elements.arrow&&Ce(e.elements.arrow),D=E?"y"===g?E.clientTop||0:E.clientLeft||0:0,L=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,k=b[g]+S-L-D,M=b[g]+I-L,T=ut(c?Math.min(o,k):o,s,c?Math.max(a,M):a);b[g]=T,O[g]=T-s}if(s){const e="x"===g?Ne:Ee,t="x"===g?Se:Ie,n=b[h],i=ut(n+p[e],n,n-p[t]);b[h]=i,O[h]=i-n}e.modifiersData[n]=O}},requiresIfExists:["offset"]};var mt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,s=We(e.placement),o=Ge(s),a=[Ee,Ie].indexOf(s)>=0?"height":"width";if(!n||!i)return;const l=e.modifiersData[`${t}#persistent`].padding,r=ve(n),c="y"===o?Ne:Ee,d="y"===o?Se:Ie,p=e.rects.reference[a]+e.rects.reference[o]-i[o]-e.rects.popper[a],u=i[o]-e.rects.reference[o],f=Ce(n),m=f?"y"===o?f.clientHeight||0:f.clientWidth||0:0,g=p/2-u/2,h=l[c],b=m-r[a]-l[d],v=m/2-r[a]/2+g,x=ut(h,v,b),y=o;e.modifiersData[t]={[y]:x,centerOffset:x-v}},effect:function({state:e,options:t,name:n}){let{element:i="[data-popper-arrow]",padding:s=0}=t;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i),i))&&ze(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:Ze("number"!=typeof s?s:Ye(s,Le))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function gt(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function ht(e){return[Ne,Ie,Se,Ee].some((t=>e[t]>=0))}const bt=tt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:s=!0}=n,o=re(e.elements.popper),a=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&a.forEach((e=>{e.addEventListener("scroll",t.update,nt)})),s&&o.addEventListener("resize",t.update,nt),()=>{i&&a.forEach((e=>{e.removeEventListener("scroll",t.update,nt)})),s&&o.removeEventListener("resize",t.update,nt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Ke({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:i=!0}=t,s={placement:We(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),st(Object.assign(Object.assign({},s),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:i})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),st(Object.assign(Object.assign({},s),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},i=e.attributes[t]||{},s=e.elements[t];pe(s)&&ue(s)&&(Object.assign(s.style,n),Object.keys(i).forEach((e=>{const t=i[e];!1===t?s.removeAttribute(e):s.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const i=e.elements[n],s=e.attributes[n]||{},o=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});pe(i)&&ue(i)&&(Object.assign(i.style,o),Object.keys(s).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},ot,pt,ft,mt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,i=e.rects.popper,s=e.modifiersData.preventOverflow,o=Je(e,{elementContext:"reference"}),a=Je(e,{altBoundary:!0}),l=gt(o,n),r=gt(a,i,s),c=ht(l),d=ht(r);e.modifiersData[t]={referenceClippingOffsets:l,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),vt=K?t.useLayoutEffect:t.useEffect,xt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),yt=[],Ot=(e,n,i={})=>{const s=t.useRef(null),o={onFirstUpdate:i.onFirstUpdate,placement:i.placement||"bottom",strategy:i.strategy||"absolute",modifiers:i.modifiers||yt},[a,l]=t.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"}},attributes:{}}),r=t.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);l({styles:xt(t.map((t=>[t,e.styles[t]||{}]))),attributes:xt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=t.useMemo((()=>{const e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[...o.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=s.current,n=e,JSON.stringify(t)===JSON.stringify(n)?s.current||e:(s.current=e,e);var t,n}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,r]),d=t.useRef(void 0);return vt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),vt((()=>{if(null==e||null==n)return;const t=(i.createPopper||bt)(e,n,c);return d.current=t,()=>{t.destroy(),d.current=null}}),[e,n,i.createPopper]),{state:d.current?d.current.state:null,styles:a.styles,attributes:a.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},jt={left:"right",right:"left",bottom:"top",top:"bottom","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},wt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,Ct=({trigger:e,popper:n,direction:i="down",position:o="start",placement:a,width:l,minWidth:r="trigger",maxWidth:c,appendTo:d=(()=>document.body),zIndex:p=9999,isVisible:u=!0,positionModifiers:f,distance:m=0,onMouseEnter:b,onMouseLeave:v,onFocus:x,onBlur:y,onDocumentClick:O,onTriggerClick:j,onTriggerEnter:w,onPopperClick:C,onPopperMouseEnter:N,onPopperMouseLeave:S,onDocumentKeyDown:I,enableFlip:E=!0,flipBehavior:D="flip",triggerRef:L,popperRef:k,animationDuration:M=0,entryDelay:T=0,exitDelay:R=0,onHidden:P=(()=>{}),onHide:_=(()=>{}),onMount:A=(()=>{}),onShow:F=(()=>{}),onShown:H=(()=>{}),preventOverflow:B=!1})=>{var $;const[W,z]=t.useState(null),[V,U]=t.useState(null),[q,X]=t.useState(null),[G,K]=t.useState(null),[Y,J]=t.useState(!1),[Q,ee]=t.useState(0),[te,ne]=t.useState(u),ie=t.useRef(null),se=t.useRef(null),oe=t.useRef(null),ae=t.useRef(void 0),le=V||W,re=u||te,ce=((e,t="ltr")=>{if(!e)return t;const n=getComputedStyle(e).getPropertyValue("direction");return["ltr","rtl"].includes(n)?n:t})(null===($=(null==L?void 0:L.current)||W)||void 0===$?void 0:$.parentElement),de=t.useMemo((()=>{const e={left:"left",right:"right",center:"center"};return{ltr:Object.assign({start:"left",end:"right"},e),rtl:Object.assign({start:"right",end:"left"},e)}[ce][o]}),[o,ce]),pe=t.useCallback((e=>O(e,le,q)),[re,W,V,q,O]);t.useEffect((()=>{J(!0),A()}),[]),t.useEffect((()=>()=>{Z([ie,oe,se])}),[]),t.useEffect((()=>{L&&(L.current?U(L.current):"function"==typeof L&&U(L()))}),[L,e]),t.useEffect((()=>{k&&(k.current?X(k.current):"function"==typeof k&&X(k()))}),[re,k]),t.useEffect((()=>{const e=new MutationObserver((()=>{ye&&ye()}));return q&&e.observe(q,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[q]);const ue=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},fe=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};t.useEffect((()=>(ue(b,le,"mouseenter"),ue(v,le,"mouseleave"),ue(x,le,"focus"),ue(y,le,"blur"),ue(j,le,"click"),ue(w,le,"keydown"),ue(C,q,"click"),ue(N,q,"mouseenter"),ue(S,q,"mouseleave"),O&&ue(pe,document,"click",!0),ue(I,document,"keydown",!0),()=>{fe(b,le,"mouseenter"),fe(v,le,"mouseleave"),fe(x,le,"focus"),fe(y,le,"blur"),fe(j,le,"click"),fe(w,le,"keydown"),fe(C,q,"click"),fe(N,q,"mouseenter"),fe(S,q,"mouseleave"),O&&fe(pe,document,"click",!0),fe(I,document,"keydown",!0)})),[W,q,b,v,x,y,j,w,C,N,S,O,I,V]);const me=()=>{if(a)return a;let e="up"===i?"top":"bottom";return"center"!==de&&(e=`${e}-${"right"===de?"end":"start"}`),e},ge=t.useMemo(me,[i,de,a]),he=t.useMemo((()=>(e=>e.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g,(e=>jt[e])))(me())),[i,de,a]),be=t.useMemo((()=>({name:"widthMods",enabled:void 0!==l||void 0!==r||void 0!==c,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;l&&(e.styles.popper.width="trigger"===l?`${t}px`:l),r&&(e.styles.popper.minWidth="trigger"===r?`${t}px`:r),c&&(e.styles.popper.maxWidth="trigger"===c?`${t}px`:c)},effect:({state:e})=>{const t=e.elements.reference.offsetWidth;return l&&(e.elements.popper.style.width="trigger"===l?`${t}px`:l),r&&(e.elements.popper.style.minWidth="trigger"===r?`${t}px`:r),c&&(e.elements.popper.style.maxWidth="trigger"===c?`${t}px`:c),()=>{}}})),[l,r,c]),{styles:ve,attributes:xe,update:ye,forceUpdate:Oe}=Ot(le,q,{placement:ge,modifiers:[{name:"offset",options:{offset:[0,m]}},{name:"preventOverflow",enabled:B},{name:"hide",enabled:!0},{name:"flip",enabled:ge.startsWith("auto")||E,options:{fallbackPlacements:"flip"===D?[he]:D}},be]});t.useEffect((()=>{var e,t,i,s,o,a,l;const r=(null===(s=null===(i=null===(t=null===(e=null==n?void 0:n.props)||void 0===e?void 0:e.children)||void 0===t?void 0:t[1])||void 0===i?void 0:i.props)||void 0===s?void 0:s.children)||(null===(l=null===(a=null===(o=null==n?void 0:n.props)||void 0===o?void 0:o.children)||void 0===a?void 0:a.props)||void 0===l?void 0:l.children);K(r),r&&G&&r!==G&&Oe&&Oe()}),[n]),t.useEffect((()=>{ae.current<R&&(Z([ie,oe]),oe.current=setTimeout((()=>{ie.current=setTimeout((()=>{ne(!1)}),M)}),R)),ae.current=R}),[R]);t.useEffect((()=>{u?(F(),Z([ie,oe]),se.current=setTimeout((()=>{ne(!0),ee(1),H()}),T)):(_(),Z([se]),oe.current=setTimeout((()=>{ee(0),ie.current=setTimeout((()=>{ne(!1),X(null),P()}),M)}),R))}),[u]);const je=Object.assign({className:h(n.props&&n.props.className,f&&(()=>{if(xe&&xe.popper&&xe.popper["data-popper-placement"]){const e=xe.popper["data-popper-placement"];return f[e]}return f.top})()),style:Object.assign(Object.assign(Object.assign({},n.props&&n.props.style||{}),ve.popper),{zIndex:p,opacity:Q,transition:wt(M)})},xe.popper),we=()=>{const e=t.cloneElement(n,je);return k?e:g.jsx("div",{style:{display:"contents"},ref:e=>{X(null==e?void 0:e.firstElementChild)},children:e})};return g.jsxs(g.Fragment,{children:[!L&&e&&t.isValidElement(e)&&g.jsx("div",{style:{display:"contents"},ref:e=>{z(null==e?void 0:e.firstElementChild)},children:e}),L&&e&&t.isValidElement(e)&&e,Y&&re&&(()=>{if("inline"===d)return we();{const e="function"==typeof d?d():d;return s.createPortal(we(),e)}})()]})};Ct.displayName="Popper";const Nt=(e,t)=>{var n;if("ArrowDown"!==e.key&&"ArrowUp"!==e.key)return;e.preventDefault();const i=Array.from(null===(n=t.current)||void 0===n?void 0:n.querySelectorAll("li")).map((e=>e.querySelector('button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])'))).filter((e=>null!==e));let s;s="ArrowDown"===e.key?i[0]:i[i.length-1],s&&s.focus()};class St extends t.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:i,noVerticalArrowHandling:s,noHorizontalArrowHandling:o,noEnterHandling:a,noSpaceHandling:l,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const f=p();if(!f)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const m=e.key;a||"Enter"===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),l||" "===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),s=["A","BUTTON","INPUT"],o=!1,a=!1,l=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let s=-1;t.forEach(((e,o)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,s=o+e,s>=t.length&&(s=0),s<0&&(s=t.length-1),p=i(t[s])}}))}if(!a&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((o,a)=>{var l;if(n(o)){const n=t[a].querySelectorAll(s.join(","));if(!n.length||r){let e=c;for(;e;){const t=e.parentElement===o?e:e.parentElement;if(e="ArrowLeft"===d?t.previousElementSibling:t.nextElementSibling,e){if(s.includes(null==e?void 0:e.tagName)){p=e;break}if(s.includes(null===(l=e.children[0])||void 0===l?void 0:l.tagName)){p=e.children[0];break}}}}else n.forEach(((t,s)=>{e.target===t&&(i=s+("ArrowLeft"===d?-1:1),i>=n.length&&(i=0),i<0&&(i=n.length-1),p=n[i])}))}}))}p&&(l&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,f,n,i,c,s,o,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){K&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){K&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}St.displayName="KeyboardHandler",St.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const It=t.createContext({menuId:null,parentMenu:null,onActionClick:()=>null,onSelect:()=>null,activeItemId:null,selected:null,drilledInMenus:[],drilldownItemPath:[],onDrillIn:null,onDrillOut:null,onGetMenuHeight:()=>null,flyoutRef:null,setFlyoutRef:()=>null,disableHover:!1,role:"menu"}),Et=t.createContext({itemId:null,isDisabled:!1});class Dt extends t.Component{constructor(e){super(e),this.menuRef=t.createRef(),this.activeMenu=null,this.state={ouiaStateId:ae(Lt.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${v}`)||Array.from(t.getElementsByClassName(v)).includes(e.target.closest(`.${v}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const s=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))))[0].firstChild;s.focus(),s.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${v}`)===this.activeMenu||e.target.classList.contains(R)||(this.activeMenu=e.target.closest(`.${v}`),this.setState({disableHover:!0})),"INPUT"===e.target.tagName)return;const i=this.activeMenu,s=e.key,o=n.classList.contains(R);if(" "===s||"Enter"===s){if(e.preventDefault(),t&&!o){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(v)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),K&&this.props.containsDrilldown&&this.props.isRootMenu&&window.addEventListener("transitionend",this.handleDrilldownTransition),this.allowTabFirstItem()}componentWillUnmount(){K&&this.props.containsDrilldown&&this.props.isRootMenu&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(e){e.children!==this.props.children&&this.allowTabFirstItem()}render(){const e=this.props,{id:t,children:n,className:i,onSelect:s,selected:a=null,onActionClick:l,ouiaId:r,ouiaSafe:c,containsFlyout:d,containsDrilldown:p,isMenuDrilledIn:u,isPlain:f,isScrollable:m,drilldownItemPath:b,drilledInMenus:x,onDrillIn:y,onDrillOut:O,onGetMenuHeight:j,parentMenu:w=null,activeItemId:C=null,innerRef:N,isRootMenu:S,activeMenu:I,role:E,isNavFlyout:D}=e,L=o(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role","isNavFlyout"]),k=u||x&&x.includes(t)||!1;return g.jsxs(It.Provider,{value:{menuId:t,parentMenu:w||t,onSelect:s,onActionClick:l,activeItemId:C,selected:a,drilledInMenus:x,drilldownItemPath:b,onDrillIn:y,onDrillOut:O,onGetMenuHeight:j,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:E},children:[S&&g.jsx(St,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${M}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(R)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),g.jsx("div",Object.assign({id:t,className:h(v,f&&T.plain,m&&T.scrollable,d&&T.flyout,D&&"pf-m-nav",p&&T.drilldown,k&&T.drilledIn,i),ref:this.menuRef},ie(Lt.displayName,void 0!==r?r:this.state.ouiaStateId,c),L,{children:n}))]})}}Dt.displayName="Menu",Dt.contextType=It,Dt.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const Lt=t.forwardRef(((e,t)=>g.jsx(Dt,Object.assign({},e,{innerRef:t}))));Lt.displayName="Menu";const kt="--pf-v6-c-menu__content--Height",Mt="--pf-v6-c-menu__content--MaxHeight",Tt=t.forwardRef(((e,n)=>{const{getHeight:i,children:s,menuHeight:a,maxMenuHeight:l}=e,r=o(e,["getHeight","children","menuHeight","maxMenuHeight"]);t.createRef();return g.jsx(It.Consumer,{children:({menuId:t,onGetMenuHeight:n})=>g.jsx("div",Object.assign({},r,{className:h(x,e.className),ref:e=>{((e,t,n)=>{if(e){let s=e.clientHeight,o=null,a=e.closest(`.${L}`);for(;null!==a&&1===a.nodeType;)a.classList.contains(L)&&(o=a),a=a.parentElement;if(o){const e=getComputedStyle(o);s+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(o.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}n&&n(t,s),i&&i(s.toString())}})(e,t,n)},style:Object.assign(Object.assign({},a&&{[kt]:a}),l&&{[Mt]:l}),children:s}))})}));Tt.displayName="MenuContent";const Rt="--pf-v6-c-menu--m-flyout__menu--top-offset",Pt="--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",_t="--pf-v6-c-menu--m-flyout__menu--left-offset",At=_({name:"ExternalLinkAltIcon",height:512,width:512,svgPath:"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z",yOffset:0,xOffset:0,svgClassName:void 0}),Ft=_({name:"AngleRightIcon",height:512,width:256,svgPath:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z",yOffset:0,xOffset:0,svgClassName:void 0}),Ht=_({name:"AngleLeftIcon",height:512,width:256,svgPath:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z",yOffset:0,xOffset:0,svgClassName:void 0}),Bt=_({name:"CheckIcon",height:512,width:512,svgPath:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z",yOffset:0,xOffset:0,svgClassName:void 0});var $t="pf-v6-c-check",Wt="pf-v6-c-check__body",zt="pf-v6-c-check__description",Vt="pf-v6-c-check__input",Ut="pf-v6-c-check__label",qt="pf-v6-c-check__label-required",Xt={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Gt=()=>{};class Kt extends t.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:ae(Kt.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:s,isLabelWrapped:a,labelPosition:l="end",isValid:r,isDisabled:c,isRequired:d,isChecked:p,label:u,checked:f,defaultChecked:m,description:b,body:v,ouiaId:x,ouiaSafe:y,component:O}=e,j=o(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);j.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(f)||!0===p)&&(w.checked=f||p),s!==Gt&&(w.checked=p),[!1,!0].includes(m)&&(w.defaultChecked=m);const C=g.jsx("input",Object.assign({},j,{className:h(Vt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!r,"aria-label":t,disabled:c,required:d,ref:e=>{e&&(e.indeterminate=null===p)}},w,ie(Kt.displayName,void 0!==x?x:this.state.ouiaStateId,y))),N=a&&!O||"label"===O,S=N?"span":"label",I=u?g.jsxs(S,{className:h(Ut,c&&Xt.disabled),htmlFor:N?void 0:j.id,children:[u,d&&g.jsx("span",{className:h(qt),"aria-hidden":"true",children:"*"})]}):null,E=null!=O?O:N?"label":"div";return w.checked=null!==w.checked&&w.checked,g.jsxs(E,{className:h($t,!u&&Xt.standalone,n),htmlFor:N?j.id:void 0,children:["start"===l?g.jsxs(g.Fragment,{children:[I,C]}):g.jsxs(g.Fragment,{children:[C,I]}),b&&g.jsx("span",{className:h(zt),children:b}),v&&g.jsx("span",{className:h(Wt),children:v})]})}}Kt.displayName="Checkbox",Kt.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Gt,ouiaSafe:!0};const Zt=_({name:"StarIcon",height:512,width:576,svgPath:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z",yOffset:0,xOffset:0,svgClassName:void 0});var Yt={button:"pf-v6-c-button",buttonCount:"pf-v6-c-button__count",buttonHamburgerIcon:"pf-v6-c-button--hamburger-icon",buttonHamburgerIconArrow:"pf-v6-c-button--hamburger-icon--arrow",buttonHamburgerIconBottom:"pf-v6-c-button--hamburger-icon--bottom",buttonHamburgerIconMiddle:"pf-v6-c-button--hamburger-icon--middle",buttonHamburgerIconTop:"pf-v6-c-button--hamburger-icon--top",buttonIcon:"pf-v6-c-button__icon",buttonProgress:"pf-v6-c-button__progress",modifiers:{primary:"pf-m-primary",unread:"pf-m-unread",secondary:"pf-m-secondary",danger:"pf-m-danger",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",displayLg:"pf-m-display-lg",warning:"pf-m-warning",control:"pf-m-control",stateful:"pf-m-stateful",read:"pf-m-read",attention:"pf-m-attention",plain:"pf-m-plain",noPadding:"pf-m-no-padding",block:"pf-m-block",small:"pf-m-small",favorite:"pf-m-favorite",favorited:"pf-m-favorited",settings:"pf-m-settings",hamburger:"pf-m-hamburger",expand:"pf-m-expand",collapse:"pf-m-collapse",clicked:"pf-m-clicked",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",notify:"pf-m-notify",start:"pf-m-start",end:"pf-m-end"}},Jt={modifiers:{inline:"pf-m-inline",xs:"pf-m-xs",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v6-c-spinner",spinnerPath:"pf-v6-c-spinner__path"};const Qt="--pf-v6-c-spinner--diameter";var en;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(en||(en={}));const tn=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:s,isInline:a=!1,"aria-label":l,"aria-labelledBy":r}=e,c=o(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return g.jsx("svg",Object.assign({className:h(Jt.spinner,a?Jt.modifiers.inline:Jt.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},s&&{style:{[Qt]:s}},l&&{"aria-label":l},r&&{"aria-labelledBy":r},!l&&!r&&{"aria-label":"Contents"},c,{children:g.jsx("circle",{className:Jt.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"})}))};tn.displayName="Spinner";var nn="pf-v6-c-badge",sn={read:"pf-m-read",unread:"pf-m-unread",disabled:"pf-m-disabled"};const on=e=>{var{isRead:t=!1,isDisabled:n=!1,className:i="",children:s="",screenReaderText:a}=e,l=o(e,["isRead","isDisabled","className","children","screenReaderText"]);return g.jsxs("span",Object.assign({},l,{className:h(nn,t?sn.read:sn.unread,n&&sn.disabled,i),children:[s,a&&g.jsx("span",{className:"pf-v6-screen-reader",children:a})]}))};on.displayName="Badge";const an=_({name:"OutlinedStarIcon",height:512,width:576,svgPath:"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z",yOffset:0,xOffset:0,svgClassName:void 0}),ln=_({name:"CogIcon",height:512,width:512,svgPath:"M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z",yOffset:0,xOffset:0,svgClassName:void 0}),rn=g.jsxs("svg",{viewBox:"0 0 10 10",className:h(Yt.buttonHamburgerIcon,"pf-v6-svg"),width:"1em",height:"1em",children:[g.jsx("path",{className:h(Yt.buttonHamburgerIconTop),d:"M1,1 L9,1"}),g.jsx("path",{className:h(Yt.buttonHamburgerIconMiddle),d:"M1,5 L9,5"}),g.jsx("path",{className:h(Yt.buttonHamburgerIconArrow),d:"M1,5 L1,5 L1,5"}),g.jsx("path",{className:h(Yt.buttonHamburgerIconBottom),d:"M9,9 L1,9"})]});var cn,dn,pn,un;!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control",e.stateful="stateful"}(cn||(cn={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(dn||(dn={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(pn||(pn={})),function(e){e.read="read",e.unread="unread",e.attention="attention"}(un||(un={}));const fn=e=>{var{children:t=null,className:n="",component:i="button",isClicked:s=!1,isBlock:a=!1,isDisabled:l=!1,isAriaDisabled:r=!1,isLoading:c=null,isDanger:d=!1,isExpanded:p,isSettings:u,isHamburger:f,hamburgerVariant:m,spinnerAriaValueText:b,spinnerAriaLabelledBy:v,spinnerAriaLabel:x,size:y=pn.default,inoperableEvents:O=["onClick","onKeyPress"],isInline:j=!1,isFavorite:w=!1,isFavorited:C=!1,type:N=dn.button,variant:S=cn.primary,state:I=un.unread,hasNoPadding:E=!1,iconPosition:D="start","aria-label":L=null,icon:k=null,role:M,ouiaId:T,ouiaSafe:R=!0,tabIndex:P=null,innerRef:_,countOptions:A}=e,F=o(e,["children","className","component","isClicked","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","isExpanded","isSettings","isHamburger","hamburgerVariant","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","isFavorite","isFavorited","type","variant","state","hasNoPadding","iconPosition","aria-label","icon","role","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);f&&![!0,!1].includes(p)&&console.error("Button: when the isHamburger property is passed in, you must also pass in a boolean value to the isExpanded property. It is expected that a hamburger button controls the expansion of other content."),!(u||f||w)||L||t||F["aria-labelledby"]||console.error("Button: you must provide either visible text content or an accessible name via the aria-label or aria-labelledby properties.");const H=se(mn.displayName,T,R,S),B=i,$="button"===B,W=j&&"span"===B,z="end"===D||"right"===D,V=u||f||w,U=O.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{}),q=(()=>{let e;return w&&(e=g.jsxs(g.Fragment,{children:[g.jsx("span",{className:h("pf-v6-c-button__icon-favorite"),children:g.jsx(an,{})}),g.jsx("span",{className:h("pf-v6-c-button__icon-favorited"),children:g.jsx(Zt,{})})]})),u&&(e=g.jsx(ln,{})),f&&(e=rn),k&&!V&&(e=k),e&&g.jsx("span",{className:h(Yt.buttonIcon,t&&Yt.modifiers[z?"end":"start"]),children:e})})(),X=t&&g.jsx("span",{className:h("pf-v6-c-button__text"),children:t}),G=r||!$&&l;return g.jsxs(B,Object.assign({"aria-expanded":p},F,r?U:null,G&&{"aria-disabled":!0},{"aria-label":L,className:h(Yt.button,Yt.modifiers[S],u&&Yt.modifiers.settings,f&&Yt.modifiers.hamburger,f&&m&&Yt.modifiers[m],a&&Yt.modifiers.block,l&&!$&&Yt.modifiers.disabled,r&&Yt.modifiers.ariaDisabled,s&&Yt.modifiers.clicked,j&&S===cn.link&&Yt.modifiers.inline,w&&Yt.modifiers.favorite,w&&C&&Yt.modifiers.favorited,d&&(S===cn.secondary||S===cn.link)&&Yt.modifiers.danger,null!==c&&S!==cn.plain&&Yt.modifiers.progress,c&&Yt.modifiers.inProgress,E&&S===cn.plain&&Yt.modifiers.noPadding,S===cn.stateful&&Yt.modifiers[I],y===pn.sm&&Yt.modifiers.small,y===pn.lg&&Yt.modifiers.displayLg,n),disabled:$?l:null,tabIndex:null!==P?P:l?$?null:-1:r?null:W?0:void 0,type:$||W?N:null,role:W?"button":M,ref:_},H,{children:[c&&g.jsx("span",{className:h(Yt.buttonProgress),children:g.jsx(tn,{size:en.md,isInline:j,"aria-valuetext":b,"aria-label":x,"aria-labelledby":v})}),z?g.jsxs(g.Fragment,{children:[X,q]}):g.jsxs(g.Fragment,{children:[q,X]}),A&&g.jsx("span",{className:h(Yt.buttonCount,A.className),children:g.jsx(on,{isRead:A.isRead,isDisabled:l,children:A.count})})]}))},mn=t.forwardRef(((e,t)=>g.jsx(fn,Object.assign({innerRef:t},e))));mn.displayName="Button";const gn=e=>{var{className:t,icon:n,onClick:i,"aria-label":s,isFavorited:a=null,isDisabled:l,actionId:r,innerRef:c}=e,d=o(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return g.jsx(It.Consumer,{children:({onActionClick:e})=>g.jsx(Et.Consumer,{children:({itemId:o,isDisabled:p})=>g.jsx("div",Object.assign({className:h(O,null!==a&&"pf-m-favorite",a&&T.favorited,t)},d,{children:g.jsx(mn,{"aria-label":s,onClick:t=>{i&&i(t),e&&e(t,o,r)},ref:c,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:l||p,icon:"favorites"===n||null!==a?g.jsx(Zt,{}):n})}))})})},hn=t.forwardRef(((e,t)=>g.jsx(gn,Object.assign({},e,{innerRef:t}))));hn.displayName="MenuItemAction";var bn={top:"pf-m-top",topLeft:"pf-m-top-left",topRight:"pf-m-top-right",bottom:"pf-m-bottom",bottomLeft:"pf-m-bottom-left",bottomRight:"pf-m-bottom-right",left:"pf-m-left",leftTop:"pf-m-left-top",leftBottom:"pf-m-left-bottom",right:"pf-m-right",rightTop:"pf-m-right-top",rightBottom:"pf-m-right-bottom",textAlignLeft:"pf-m-text-align-left"},vn="pf-v6-c-tooltip",xn="pf-v6-c-tooltip__arrow",yn="pf-v6-c-tooltip__content";const On=e=>{var{className:t,children:n,isLeftAligned:i}=e,s=o(e,["className","children","isLeftAligned"]);return g.jsx("div",Object.assign({className:h(yn,i&&bn.textAlignLeft,t)},s,{children:n}))};On.displayName="TooltipContent";const jn=e=>{var{className:t}=e,n=o(e,["className"]);return g.jsx("div",Object.assign({className:h(xn,t)},n))};jn.displayName="TooltipArrow";const wn={value:"18.75rem"};var Cn;!function(e){e.auto="auto",e.top="top",e.bottom="bottom",e.left="left",e.right="right",e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end"}(Cn||(Cn={}));let Nn=1;const Sn=e=>{var{content:n,position:i="top",trigger:s="mouseenter focus",isVisible:a=!1,isContentLeftAligned:l=!1,enableFlip:r=!0,className:c="",entryDelay:d=300,exitDelay:p=300,appendTo:u=(()=>document.body),zIndex:f=9999,minWidth:m,maxWidth:b=wn.value,distance:v=15,aria:x="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:O="pf-tooltip-"+Nn++,children:j,animationDuration:w=300,triggerRef:C,"aria-live":N=(C?"polite":"off"),onTooltipHidden:S=(()=>{})}=e,I=o(e,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const E=s.includes("mouseenter"),D=s.includes("focus"),L=s.includes("click"),k="manual"===s,[M,T]=t.useState(!1),R=t.createRef();t.useEffect((()=>{a?P():_()}),[a]);const P=()=>{T(!0)},_=()=>{T(!1)},A={top:bn.top,bottom:bn.bottom,left:bn.left,right:bn.right,"top-start":bn.topLeft,"top-end":bn.topRight,"bottom-start":bn.bottomLeft,"bottom-end":bn.bottomRight,"left-start":bn.leftTop,"left-end":bn.leftBottom,"right-start":bn.rightTop,"right-end":bn.rightBottom},F=b!==wn.value,H=g.jsxs("div",Object.assign({"aria-live":N,className:h(vn,c),role:"tooltip",id:O,style:{maxWidth:F?b:null},ref:R},I,{children:[g.jsx(jn,{}),g.jsx(On,{isLeftAligned:l,children:n})]}));return g.jsx(Ct,{trigger:"none"!==x&&M?"describedby"===x&&j&&j.props&&!j.props["aria-describedby"]?t.cloneElement(j,{"aria-describedby":O}):"labelledby"===x&&j.props&&!j.props["aria-labelledby"]?t.cloneElement(j,{"aria-labelledby":O}):j:j,triggerRef:C,popper:H,popperRef:R,minWidth:void 0!==m?m:"revert",appendTo:u,isVisible:M,positionModifiers:A,distance:v,placement:i,onMouseEnter:E&&P,onMouseLeave:E&&_,onPopperMouseEnter:E&&P,onPopperMouseLeave:E&&_,onFocus:D&&P,onBlur:D&&_,onDocumentClick:L&&((e,t)=>{M?_():e.target===t&&P()}),onDocumentKeyDown:k?null:e=>{k||e.key===z&&M&&_()},onTriggerEnter:k?null:e=>{e.key===V&&(M?_():P())},enableFlip:r,zIndex:f,flipBehavior:y,animationDuration:w,entryDelay:d,exitDelay:p,onHidden:S})};Sn.displayName="Tooltip";const In=t.createContext({direction:"right"}),En=e=>{var{children:n,className:i,itemId:s=null,to:a,hasCheckbox:l=!1,isActive:r=null,isFavorited:c=null,isLoadButton:d=!1,isLoading:p=!1,flyoutMenu:u,direction:f,description:m=null,onClick:x=(()=>{}),component:O="button",isDisabled:L=!1,isAriaDisabled:M=!1,isExternalLink:R=!1,isSelected:P=null,isFocused:_,isDanger:A=!1,icon:F,actions:H,onShowFlyout:B,drilldownMenu:$,isOnPath:W,innerRef:z,id:V,"aria-label":U,tooltipProps:q,rel:X,target:G,download:Z}=e,Y=o(e,["children","className","itemId","to","hasCheckbox","isActive","isFavorited","isLoadButton","isLoading","flyoutMenu","direction","description","onClick","component","isDisabled","isAriaDisabled","isExternalLink","isSelected","isFocused","isDanger","icon","actions","onShowFlyout","drilldownMenu","isOnPath","innerRef","id","aria-label","tooltipProps","rel","target","download"]);const{menuId:J,parentMenu:ee,onSelect:te,onActionClick:ne,activeItemId:ie,selected:se,drilldownItemPath:oe,onDrillIn:ae,onDrillOut:le,flyoutRef:re,setFlyoutRef:ce,disableHover:de,role:pe}=t.useContext(It);let ue=a?"a":O;l&&!a&&(ue="label");const[fe,me]=t.useState(null),ge=t.useContext(In),[he,be]=t.useState(ge.direction),ve=t.useRef(void 0),xe=t.useRef(void 0),ye=z||xe,Oe=ve===re,je=void 0!==u,we=e=>{!Oe&&e?ce(ve):Oe&&!e&&ce(null),B&&e&&B()};vt((()=>{if(je&&ve.current&&K){const e=ve.current.lastElementChild;if(e&&e.classList.contains(v)){const t=ve.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,s=window.innerWidth-t.x-t.width-n.width;let o=he;s<0&&"left"!==o?(be("left"),o="left"):i<0&&"right"!==o&&(be("right"),o="right");let a=0;i<0&&s<0&&(a="right"===o?-s:-i),"left"===o?(e.classList.add(T.left),e.style.setProperty(Pt,`-${a}px`)):e.style.setProperty(_t,`-${a}px`);const l=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&l<0||l<0&&e.style.setProperty(Rt,`${l}px`)}}}}),[Oe,u]),t.useEffect((()=>{be(ge.direction)}),[ge]),t.useEffect((()=>{if(fe)if(Oe){const e=fe.nextElementSibling;Array.from(e.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))))[0].firstChild.focus()}else fe.focus()}),[Oe,fe]);const Ce=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),Oe||(we(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||Oe&&(e.stopPropagation(),we(!1))},Ne=(e,t)=>{M||(t&&t(e,s),x&&x(e))},Se=W&&W||oe&&oe.includes(s)||!1;let Ie;f&&(Ie="down"===f?e=>ae&&ae(e,J,"function"==typeof $?$().props.id:$.props.id,s):e=>le&&le(e,ee,s));let Ee={};"a"===ue?Ee={href:a,"aria-disabled":!(!L&&!M)||null,disabled:null,target:R?"_blank":G,rel:X,download:Z}:"button"===ue&&(Ee={type:"button","aria-disabled":!!M||null}),W?Ee["aria-expanded"]=!0:je&&(Ee["aria-haspopup"]="menu",Ee["aria-expanded"]=Oe);const De=()=>null!==P?P:null!==se&&null!==s&&(Array.isArray(se)&&se.includes(s)||s===se);t.useEffect((()=>{if(_&&ve.current){const e=ve.current,t=e.parentElement;if(t){const n=e.offsetTop-t.offsetTop<t.scrollTop,i=e.offsetTop-t.offsetTop+e.clientHeight;(n||i)&&e.scrollIntoView({behavior:"auto",block:"nearest"})}}}),[_]);const Le="listbox"===pe,ke=g.jsxs(g.Fragment,{children:[g.jsx(Q,{children:e=>g.jsxs(ue,Object.assign({id:V,tabIndex:-1,className:h(y,De()&&!l&&T.selected,i),"aria-current":null!==r?r?"page":null:null!==s&&null!==ie?s===ie:null},!l&&{disabled:L,"aria-label":U},!l&&!u&&{role:Le?"option":"menuitem"},!l&&!u&&Le&&{"aria-selected":De()},{ref:ye},!l&&{onClick:e=>{M?e.preventDefault():(Ne(e,te),Ie&&Ie(e),u&&Ce(e))}},l&&{htmlFor:e},Ee,{children:[g.jsxs("span",{className:h(S),children:["up"===f&&g.jsx("span",{className:h(D),children:g.jsx(Ht,{})}),F&&g.jsx("span",{className:h(N),children:F}),l&&g.jsx("span",{className:h(j),children:g.jsx(Kt,{id:e,component:"span",isChecked:P||!1,onChange:e=>Ne(e,te),isDisabled:L,"aria-disabled":M})}),g.jsx("span",{className:h(E),children:n}),R&&g.jsx("span",{className:h(C),children:g.jsx(At,{})}),(u||"down"===f)&&g.jsx("span",{className:h(D),children:g.jsx(Ft,{})}),De()&&g.jsx("span",{className:h(I),children:g.jsx(Bt,{})})]}),m&&"up"!==f&&g.jsx("span",{className:h(w),children:g.jsx("span",{children:m})})]}))}),Oe&&g.jsx(It.Provider,{value:{disableHover:de},children:g.jsx(In.Provider,{value:{direction:he},children:u})}),"function"==typeof $?$():$,g.jsxs(Et.Provider,{value:{itemId:s,isDisabled:L},children:[H,null!==c&&g.jsx(hn,{icon:"favorites",isFavorited:c,"aria-label":c?"starred":"not starred",onClick:e=>ne(e,s),tabIndex:-1,actionId:"fav"})]})]});return g.jsxs(g.Fragment,{children:[g.jsx("li",Object.assign({className:h(k,L&&T.disabled,M&&T.ariaDisabled,Se&&T.currentPath,d&&T.load,p&&T.loading,_&&"pf-m-focus",A&&T.danger,i),onMouseOver:()=>{M||de||(je?we(!0):ce(null))}},u&&!M&&{onKeyDown:Ce},{ref:ve,role:l?"menuitem":"none"},l&&{"aria-label":U},Y,{children:ke})),q&&g.jsx(Sn,Object.assign({},q,{triggerRef:ye}))]})},Dn=t.forwardRef(((e,t)=>g.jsx(En,Object.assign({},e,{innerRef:t}))));Dn.displayName="MenuItem";const Ln=e=>{var{children:n=null,className:i,isAriaMultiselectable:s=!1,"aria-label":a}=e,l=o(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:r}=t.useContext(It);return g.jsx("ul",Object.assign({role:r},"listbox"===r&&{"aria-multiselectable":s},{className:h(L,i),"aria-label":a},l,{children:n}))};Ln.displayName="MenuList";const kn=e=>{var{children:n,className:i,onSelect:s,isOpen:a,toggle:l,shouldFocusToggleOnSelect:r=!1,onOpenChange:c,onToggleKeydown:d,isPlain:p,isScrollable:u,innerRef:f,ouiaId:m,ouiaSafe:b=!0,zIndex:v=9999,popperProps:x,onOpenChangeKeys:y=["Escape","Tab"],menuHeight:O,maxMenuHeight:j,shouldFocusFirstItemOnOpen:w=!1,shouldPreventScrollOnItemFocus:C=!0,focusTimeoutDelay:N=0}=e,S=o(e,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","onToggleKeydown","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const I=t.useRef(void 0),E=t.useRef(void 0),D=se(Mn.displayName,m,b),L=f||I,k="function"==typeof l||"function"!=typeof l&&!l.toggleRef?E:null==l?void 0:l.toggleRef,M=t.useRef(a);t.useEffect((()=>{!1===M.current&&!0===a&&w&&setTimeout((()=>{var e;const t=null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');t&&t.focus({preventScroll:C})}),N),M.current=a}),[a]),t.useEffect((()=>{const e=e=>{var t,n,i,s;a&&c&&((null===(t=L.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=k.current)||void 0===n?void 0:n.contains(e.target)))&&y.includes(e.key)&&(c(!1),null===(i=k.current)||void 0===i||i.focus()),(null===(s=k.current)||void 0===s?void 0:s.contains(e.target))&&(d?d(e):a&&Nt(e,L))},t=e=>{var t,n;a&&c&&!(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.contains(e.target))&&a&&!(null===(n=L.current)||void 0===n?void 0:n.contains(e.target))&&c(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[a,L,k,c,y,d,C,w,N]);const T=void 0!==j||void 0!==O||u,R=g.jsx(Lt,Object.assign({className:h(i),ref:L,onSelect:(e,t)=>{var n;s&&s(e,t),r&&(null===(n=k.current)||void 0===n||n.focus())},isPlain:p,isScrollable:T},S,D,{children:g.jsx(Tt,{menuHeight:O,maxMenuHeight:j,children:n})}));return g.jsx(Ct,Object.assign({trigger:"function"==typeof l?l(k):l.toggleNode,triggerRef:k,popper:R,popperRef:L,isVisible:a,zIndex:v},x))},Mn=t.forwardRef(((e,t)=>g.jsx(kn,Object.assign({innerRef:t},e))));Mn.displayName="Dropdown";const Tn=e=>{var{children:t,className:n,description:i,isDisabled:s,isAriaDisabled:a,value:l,onClick:r,ouiaId:c,ouiaSafe:d,innerRef:p,tooltipProps:u}=e,f=o(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const m=se(Rn.displayName,c,d);return g.jsx(Dn,Object.assign({className:h(n),description:i,isDisabled:s,isAriaDisabled:a,itemId:l,onClick:r,tooltipProps:u,ref:p},m,f,{children:t}))},Rn=t.forwardRef(((e,t)=>g.jsx(Tn,Object.assign({},e,{innerRef:t}))));Rn.displayName="DropdownItem";const Pn=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return g.jsx(Ln,Object.assign({className:h(n)},i,{children:t}))};Pn.displayName="DropdownList";var _n={menuToggle:"pf-v6-c-menu-toggle",menuToggleButton:"pf-v6-c-menu-toggle__button",menuToggleControls:"pf-v6-c-menu-toggle__controls",menuToggleCount:"pf-v6-c-menu-toggle__count",menuToggleIcon:"pf-v6-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v6-c-menu-toggle__status-icon",menuToggleText:"pf-v6-c-menu-toggle__text",menuToggleToggleIcon:"pf-v6-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",fullHeight:"pf-m-full-height",fullWidth:"pf-m-full-width",plain:"pf-m-plain",expanded:"pf-m-expanded",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",settings:"pf-m-settings",placeholder:"pf-m-placeholder",splitButton:"pf-m-split-button",standalone:"pf-m-standalone",typeahead:"pf-m-typeahead",text:"pf-m-text",avatar:"pf-m-avatar"}};const An=_({name:"CaretDownIcon",height:512,width:320,svgPath:"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z",yOffset:0,xOffset:0,svgClassName:void 0});var Fn,Hn;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(Fn||(Fn={})),function(e){e.default="default",e.sm="sm"}(Hn||(Hn={}));class Bn extends t.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:ae($n.displayName,this.props.variant)}}render(){const e=this.props,{children:n,className:i,icon:s,badge:a,isExpanded:l,isDisabled:r,isFullHeight:c,isFullWidth:d,isPlaceholder:p,isSettings:u,splitButtonItems:f,variant:m,status:b,statusIcon:v,innerRef:x,onClick:y,"aria-label":O,ouiaId:j,ouiaSafe:w,size:C}=e,N=o(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","isSettings","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),S="plain"===m,I="plainText"===m,E="typeahead"===m,D=ie($n.displayName,null!=j?j:this.state.ouiaStateId,w);let L=v;if(!v)switch(b){case Fn.success:L=g.jsx(A,{});break;case Fn.warning:L=g.jsx(H,{});break;case Fn.danger:L=g.jsx(F,{})}const k=g.jsxs("span",{className:h(_n.menuToggleControls),children:[void 0!==b&&g.jsx("span",{className:h(_n.menuToggleStatusIcon),children:L}),g.jsx("span",{className:h(_n.menuToggleToggleIcon),children:g.jsx(An,{})})]}),M=g.jsxs(g.Fragment,{children:[(s||u)&&g.jsx("span",{className:h(_n.menuToggleIcon),children:u?g.jsx(ln,{}):s}),E?n:n&&g.jsx("span",{className:h(_n.menuToggleText),children:n}),t.isValidElement(a)&&g.jsx("span",{className:h(_n.menuToggleCount),children:a}),E?g.jsx("button",Object.assign({type:"button",className:h(_n.menuToggleButton),"aria-expanded":l,onClick:y,"aria-label":O||"Menu toggle",tabIndex:-1},D,{children:k})):!S&&k]}),T=h(_n.menuToggle,l&&_n.modifiers.expanded,"primary"===m&&_n.modifiers.primary,"secondary"===m&&_n.modifiers.secondary,b&&_n.modifiers[b],(S||I)&&_n.modifiers.plain,I&&"pf-m-text",c&&_n.modifiers.fullHeight,d&&_n.modifiers.fullWidth,r&&_n.modifiers.disabled,p&&_n.modifiers.placeholder,u&&_n.modifiers.settings,C===Hn.sm&&_n.modifiers.small,i),R=Object.assign(Object.assign({children:M},r&&{disabled:!0}),N);return E?g.jsx("div",Object.assign({ref:x,className:h(T,_n.modifiers.typeahead)},R)):f?g.jsxs("div",{ref:x,className:h(T,_n.modifiers.splitButton),children:[f,g.jsxs("button",Object.assign({className:h(_n.menuToggleButton,n&&_n.modifiers.text),type:"button","aria-expanded":l,"aria-label":O,disabled:r,onClick:y},N,D,{children:[n&&g.jsx("span",{className:h(_n.menuToggleText),children:n}),k]}))]}):g.jsx("button",Object.assign({className:h(T),type:"button","aria-label":O,"aria-expanded":l,ref:x,disabled:r,onClick:y},R,D))}}Bn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const $n=t.forwardRef(((e,t)=>g.jsx(Bn,Object.assign({innerRef:t},e))));$n.displayName="MenuToggle";var Wn,zn={divider:"pf-v6-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",horizontal:"pf-m-horizontal",vertical:"pf-m-vertical",insetNone:"pf-m-inset-none",insetXs:"pf-m-inset-xs",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",inset_3xl:"pf-m-inset-3xl",horizontalOnSm:"pf-m-horizontal-on-sm",verticalOnSm:"pf-m-vertical-on-sm",insetNoneOnSm:"pf-m-inset-none-on-sm",insetXsOnSm:"pf-m-inset-xs-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",inset_3xlOnSm:"pf-m-inset-3xl-on-sm",horizontalOnMd:"pf-m-horizontal-on-md",verticalOnMd:"pf-m-vertical-on-md",insetNoneOnMd:"pf-m-inset-none-on-md",insetXsOnMd:"pf-m-inset-xs-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",inset_3xlOnMd:"pf-m-inset-3xl-on-md",horizontalOnLg:"pf-m-horizontal-on-lg",verticalOnLg:"pf-m-vertical-on-lg",insetNoneOnLg:"pf-m-inset-none-on-lg",insetXsOnLg:"pf-m-inset-xs-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",inset_3xlOnLg:"pf-m-inset-3xl-on-lg",horizontalOnXl:"pf-m-horizontal-on-xl",verticalOnXl:"pf-m-vertical-on-xl",insetNoneOnXl:"pf-m-inset-none-on-xl",insetXsOnXl:"pf-m-inset-xs-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",inset_3xlOnXl:"pf-m-inset-3xl-on-xl",horizontalOn_2xl:"pf-m-horizontal-on-2xl",verticalOn_2xl:"pf-m-vertical-on-2xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetXsOn_2xl:"pf-m-inset-xs-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl",inset_3xlOn_2xl:"pf-m-inset-3xl-on-2xl"}};!function(e){e.hr="hr",e.li="li",e.div="div"}(Wn||(Wn={}));const Vn=e=>{var{className:t,component:n=Wn.hr,inset:i,orientation:s,role:a="separator"}=e,l=o(e,["className","component","inset","orientation","role"]);const r=n;return g.jsx(r,Object.assign({className:h(zn.divider,q(i,zn),q(s,zn),t)},"hr"!==n&&{role:a},l))};Vn.displayName="Divider";const Un=e=>{var{innerRef:n,initialItems:i,onSelect:s,onToggle:a,isDisabled:l,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",toggleWidth:u,toggleProps:f,shouldFocusToggleOnSelect:m}=e,h=o(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[b,v]=t.useState(!1),x=()=>{a&&a(!b),v(!b)},y=null==i?void 0:i.map((e=>{const{content:t,onClick:n,to:i,value:s,isDivider:a}=e,l=o(e,["content","onClick","to","value","isDivider"]);return a?g.jsx(Vn,{component:"li"},s):g.jsx(Rn,Object.assign({onClick:n,to:i,value:s},l,{children:t}),s)}));return g.jsx(Mn,Object.assign({toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:x,isExpanded:b,isDisabled:l,variant:p,"aria-label":r,isFullWidth:d,style:{width:u}},f,{children:c})),isOpen:b,onSelect:(e,t)=>{s&&s(e,t),a&&a(!1),v(!1)},shouldFocusToggleOnSelect:m,onOpenChange:e=>{a&&a(e),v(e)},ref:n},h,{children:g.jsx(Pn,{children:y})}))},qn=t.forwardRef(((e,t)=>g.jsx(Un,Object.assign({},e,{innerRef:t}))));qn.displayName="SimpleDropdown";const Xn=e=>{var{children:n,className:i,onSelect:s,isOpen:a,selected:l,toggle:r,shouldFocusToggleOnSelect:c=!1,shouldFocusFirstItemOnOpen:d=!1,onOpenChange:p,onOpenChangeKeys:u=["Escape","Tab"],onToggleKeydown:f,variant:m,isPlain:b,innerRef:v,zIndex:x=9999,role:y="listbox",popperProps:O,menuHeight:j,maxMenuHeight:w,isScrollable:C,shouldPreventScrollOnItemFocus:N=!0,focusTimeoutDelay:S=0}=e,I=o(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","onToggleKeydown","variant","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const E=t.useRef(void 0),D=t.useRef(void 0),L=v||E,k="function"==typeof r||"function"!=typeof r&&!r.toggleRef?D:null==r?void 0:r.toggleRef,M=t.useRef(a);t.useEffect((()=>{!1===M.current&&!0===a&&d&&setTimeout((()=>{var e;const t=null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus({preventScroll:N})}),S),M.current=a}),[a]),t.useEffect((()=>{const e=e=>{var t,n,i,s;a&&p&&((null===(t=L.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=k.current)||void 0===n?void 0:n.contains(e.target)))&&u.includes(e.key)&&(e.preventDefault(),p(!1),null===(i=k.current)||void 0===i||i.focus()),(null===(s=k.current)||void 0===s?void 0:s.contains(e.target))&&(f?f(e):a&&"typeahead"!==m&&Nt(e,L))},t=e=>{var t,n;a&&p&&!(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.contains(e.target))&&a&&!(null===(n=L.current)||void 0===n?void 0:n.contains(e.target))&&p(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[a,L,k,p,u,f,N,d,S]);const T=g.jsx(Lt,Object.assign({role:y,className:h(i),ref:L,onSelect:(e,t)=>{s&&s(e,t),c&&k.current.focus()},isPlain:b,selected:l,isScrollable:null!=C?C:void 0!==j||void 0!==w},ie(Gn.displayName,void 0!==I.ouiaId?I.ouiaId:ae(Gn.displayName),void 0===I.ouiaSafe||I.ouiaSafe),I,{children:g.jsx(Tt,{menuHeight:j,maxMenuHeight:w,children:n})}));return g.jsx(Ct,Object.assign({trigger:"function"==typeof r?r(k):r.toggleNode,triggerRef:k,popper:T,popperRef:L,isVisible:a,zIndex:x},O))},Gn=t.forwardRef(((e,t)=>g.jsx(Xn,Object.assign({innerRef:t},e))));Gn.displayName="Select";const Kn=e=>{var{children:t,className:n,isAriaMultiselectable:i=!1}=e,s=o(e,["children","className","isAriaMultiselectable"]);return g.jsx(Ln,Object.assign({isAriaMultiselectable:i,className:h(n)},s,{children:t}))};Kn.displayName="SelectList";const Zn=e=>{var{children:t,className:n,innerRef:i,value:s}=e,a=o(e,["children","className","innerRef","value"]);return g.jsx(Dn,Object.assign({itemId:s,ref:i,className:h(n)},a,{children:t}))},Yn=t.forwardRef(((e,t)=>g.jsx(Zn,Object.assign({},e,{innerRef:t}))));Yn.displayName="SelectOption";const Jn=e=>{var{innerRef:n,initialOptions:i,isDisabled:s,onSelect:a,onToggle:l,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:p="Select a value"}=e,u=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps","placeholder"]);const[f,m]=t.useState(!1),[h,b]=t.useState();t.useEffect((()=>{const e=null==i?void 0:i.find((e=>e.selected));b(e)}),[i]);const v=null==i?void 0:i.map((e=>{const{content:t,value:n}=e,i=o(e,["content","value"]),s=(null==h?void 0:h.value)===n;return g.jsx(Yn,Object.assign({value:n,isSelected:s},i,{children:t}),n)})),x=()=>{l&&l(!f),m(!f)};return g.jsx(Gn,Object.assign({isOpen:f,selected:h,onSelect:(e,t)=>{a&&a(e,t),b(i.find((e=>e.value===t))),l&&l(!0),m(!1)},onOpenChange:e=>{l&&l(e),m(e)},toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:x,isExpanded:f,isDisabled:s,style:{width:c}},d,{children:r||((null==h?void 0:h.content)||p)})),shouldFocusToggleOnSelect:!0,ref:n},u,{children:g.jsx(Kn,{children:v})}))},Qn=t.forwardRef(((e,t)=>g.jsx(Jn,Object.assign({},e,{innerRef:t}))));Qn.displayName="SimpleSelect";const ei=e=>{var{innerRef:n,initialOptions:i,isDisabled:s,onSelect:a,onToggle:l,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,p=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps"]);const[u,f]=t.useState(!1),[m,h]=t.useState([]);t.useEffect((()=>{var e;const t=null==i?void 0:i.filter((e=>e.selected));h(null!==(e=null==t?void 0:t.map((e=>String(e.value))))&&void 0!==e?e:[])}),[i]);const b=null==i?void 0:i.map((e=>{const{content:t,value:n}=e,i=o(e,["content","value"]),s=m.includes(`${n}`);return g.jsx(Yn,Object.assign({value:n,hasCheckbox:!0,isSelected:s},i,{children:t}),n)})),v=()=>{l&&l(!u),f(!u)},x=g.jsxs(g.Fragment,{children:["Filter by status",m.length>0&&g.jsx(on,{isRead:!0,children:m.length})]});return g.jsx(Gn,Object.assign({isOpen:u,selected:m,onSelect:(e,t)=>{const n=`${t}`;m.includes(n)?h((e=>e.filter((e=>e!==n)))):h((e=>[...e,n])),a&&a(e,t)},onOpenChange:e=>{l&&l(e),f(e)},toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:v,isExpanded:u,isDisabled:s,style:{width:c}},d,{children:r||x})),ref:n,role:"menu"},p,{children:g.jsx(Kn,{children:b})}))},ti=t.forwardRef(((e,t)=>g.jsx(ei,Object.assign({},e,{innerRef:t}))));var ni={modifiers:{disabled:"pf-m-disabled",plain:"pf-m-plain",success:"pf-m-success",warning:"pf-m-warning",error:"pf-m-error",status:"pf-m-status",icon:"pf-m-icon",hint:"pf-m-hint"},textInputGroup:"pf-v6-c-text-input-group",textInputGroupIcon:"pf-v6-c-text-input-group__icon",textInputGroupMain:"pf-v6-c-text-input-group__main",textInputGroupText:"pf-v6-c-text-input-group__text",textInputGroupTextInput:"pf-v6-c-text-input-group__text-input",textInputGroupUtilities:"pf-v6-c-text-input-group__utilities"};const ii=t.createContext({isDisabled:!1}),si=e=>{var{children:n,className:i,isDisabled:s,isPlain:a,validated:l,innerRef:r}=e,c=o(e,["children","className","isDisabled","isPlain","validated","innerRef"]);const d=t.useRef(null),p=r||d;return g.jsx(ii.Provider,{value:{isDisabled:s,validated:l},children:g.jsx("div",Object.assign({ref:p,className:h(ni.textInputGroup,s&&ni.modifiers.disabled,a&&ni.modifiers.plain,l&&ni.modifiers[l],i)},c,{children:n}))})};si.displayName="TextInputGroup";const oi=e=>{var{children:t,className:n,isStatus:i}=e,s=o(e,["children","className","isStatus"]);return g.jsx("span",Object.assign({className:h(ni.textInputGroupIcon,i&&ni.modifiers.status,n)},s,{children:t}))};oi.displayName="TextInputGroupIcon";const ai=e=>{var{children:n,className:i,icon:s,type:a="text",hint:l,onChange:r=(()=>{}),onFocus:c,onBlur:d,"aria-label":p="Type to filter",value:u,placeholder:f,innerRef:m,name:b,"aria-activedescendant":v,role:x,isExpanded:y,"aria-controls":O,inputId:j,inputProps:w}=e,C=o(e,["children","className","icon","type","hint","onChange","onFocus","onBlur","aria-label","value","placeholder","innerRef","name","aria-activedescendant","role","isExpanded","aria-controls","inputId","inputProps"]);const{isDisabled:N,validated:S}=t.useContext(ii),I=t.useRef(null),E=m||I,D=U[S===W.error?"danger":S];return g.jsxs("div",Object.assign({className:h(ni.textInputGroupMain,s&&ni.modifiers.icon,i)},C,{children:[n,g.jsxs("span",{className:h(ni.textInputGroupText),children:[l&&g.jsx("input",{className:h(ni.textInputGroupTextInput,ni.modifiers.hint),type:"text",disabled:!0,"aria-hidden":"true",value:l,id:j}),s&&g.jsx(oi,{children:s}),g.jsx("input",Object.assign({ref:E,type:a,className:h(ni.textInputGroupTextInput),"aria-label":p,disabled:N,onChange:e=>{r(e,e.currentTarget.value)},onFocus:c,onBlur:d,value:u||"",placeholder:f,name:b,"aria-activedescendant":v,id:j},x&&{role:x},void 0!==y&&{"aria-expanded":y},O&&{"aria-controls":O},w)),S&&g.jsx(oi,{isStatus:!0,children:g.jsx(D,{})})]})]}))},li=t.forwardRef(((e,t)=>g.jsx(ai,Object.assign({innerRef:t},e))));li.displayName="TextInputGroupMain";const ri=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return g.jsx("div",Object.assign({className:h(ni.textInputGroupUtilities,n)},i,{children:t}))};ri.displayName="TextInputGroupUtilities";const ci=_({name:"TimesIcon",height:512,width:352,svgPath:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",yOffset:0,xOffset:0,svgClassName:void 0}),di=e=>`No results found for "${e}"`,pi=e=>`Create "${e}"`,ui=e=>{var n,i,s,a,{innerRef:l,initialOptions:r,onSelect:c,onToggle:d,onInputChange:p,onInputKeyDown:u,onClearSelection:f,placeholder:m="Select an option",noOptionsAvailableMessage:h="No options are available",noOptionsFoundMessage:b=di,isCreatable:v=!1,isCreateOptionOnTop:x=!1,createOptionMessage:y=pi,isDisabled:O,toggleWidth:j,toggleProps:w}=e,C=o(e,["innerRef","initialOptions","onSelect","onToggle","onInputChange","onInputKeyDown","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[N,S]=t.useState(!1),[I,E]=t.useState(String(null!==(i=null===(n=r.find((e=>e.selected)))||void 0===n?void 0:n.content)&&void 0!==i?i:"")),[D,L]=t.useState(String(null!==(a=null===(s=r.find((e=>e.selected)))||void 0===s?void 0:s.content)&&void 0!==a?a:"")),[k,M]=t.useState(""),[T,R]=t.useState(r),[P,_]=t.useState(null),[A,F]=t.useState(null),H=t.useRef(void 0),B="no results";t.useEffect((()=>{let e=r;if(k){if(e=r.filter((e=>String(e.content).toLowerCase().includes(k.toLowerCase()))),v&&k&&!r.find((e=>String(e.content).toLowerCase()===k.toLowerCase()))){const t={content:"string"==typeof y?y:y(k),value:k};e=x?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof b?b:b(k),value:B}]),W()}e.length||(e=[{isAriaDisabled:!0,content:h,value:B}]),R(e)}),[k,r,b,v,x,y,h]),t.useEffect((()=>{var e;const t=r.find((e=>e.selected));D===I&&(null==t?void 0:t.value)!==I&&L(String(null!==(e=null==t?void 0:t.content)&&void 0!==e?e:""))}),[r]);const $=()=>{_(null),F(null)},W=()=>{N||(d&&d(!0),S(!0))},z=()=>{d&&d(!1),S(!1),$();const e=r.find((e=>e.value===I));e&&L(String(e.content))},V=()=>{N?D||z():W()},U=(e,t)=>{c&&c(e,t.value),L(String(t.content)),M(""),E(String(t.value)),z()},q=(e,t)=>{L(t),p&&p(t),M(t),$()},X=e=>{let t=0;if(W(),!T.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===P||0===P?T.length-1:P-1;T[t].isDisabled;)t--,-1===t&&(t=T.length-1);if("ArrowDown"===e)for(t=null===P||P===T.length-1?0:P+1;T[t].isDisabled;)t++,t===T.length&&(t=0);(e=>{_(e);const t=T[e];F(String(t.value))})(t)}},G=e=>{u?u(e):(e=>{const t=null!==P?T[P]:null;switch(e.key){case"Enter":e.preventDefault(),N&&t&&t.value!==B&&!t.isAriaDisabled&&U(e,t),W();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),X(e.key)}})(e)},K=()=>{var e;d&&d(!N),S(!N),null===(e=H.current)||void 0===e||e.focus()},Z=()=>{var e;E(""),L(""),p&&p(""),M(""),$(),null===(e=H.current)||void 0===e||e.focus(),f&&f()};return g.jsx(Gn,Object.assign({isOpen:N,selected:I,onSelect:(e,t)=>{if(t&&t!==B){const n=T.find((e=>e.value===t));U(e,n)}},onOpenChange:e=>{!e&&z()},toggle:e=>g.jsx($n,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:K,isExpanded:N,isDisabled:O,isFullWidth:!0,style:{width:j}},w,{children:g.jsxs(si,{isPlain:!0,children:[g.jsx(li,Object.assign({value:D,onClick:V,onChange:q,onKeyDown:G,autoComplete:"off",innerRef:H,placeholder:m},A&&{"aria-activedescendant":A},{role:"combobox",isExpanded:N,"aria-controls":"select-typeahead-listbox"})),g.jsx(ri,Object.assign({},D?{}:{style:{display:"none"}},{children:g.jsx(mn,{variant:"plain",onClick:Z,"aria-label":"Clear input value",icon:g.jsx(ci,{})})}))]})})),variant:"typeahead",ref:l},C,{children:g.jsx(Kn,{children:T.map(((e,t)=>{const{content:n,value:i}=e,s=o(e,["content","value"]);return g.jsx(Yn,Object.assign({value:i,isFocused:P===t},s,{children:n}),i)}))})}))};ui.displayName="TypeaheadSelectBase";const fi=t.forwardRef(((e,t)=>g.jsx(ui,Object.assign({},e,{innerRef:t}))));fi.displayName="TypeaheadSelect";var mi={label:"pf-v6-c-label",labelActions:"pf-v6-c-label__actions",labelContent:"pf-v6-c-label__content",labelIcon:"pf-v6-c-label__icon",labelText:"pf-v6-c-label__text",modifiers:{blue:"pf-m-blue",red:"pf-m-red",orange:"pf-m-orange",orangered:"pf-m-orangered",yellow:"pf-m-yellow",green:"pf-m-green",teal:"pf-m-teal",purple:"pf-m-purple",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",info:"pf-m-info",custom:"pf-m-custom",compact:"pf-m-compact",filled:"pf-m-filled",outline:"pf-m-outline",editable:"pf-m-editable",editableActive:"pf-m-editable-active",overflow:"pf-m-overflow",add:"pf-m-add",clickable:"pf-m-clickable",disabled:"pf-m-disabled"}},gi="pf-v6-c-label-group",hi="pf-v6-c-label-group__close",bi="pf-v6-c-label-group__label",vi="pf-v6-c-label-group__list",xi="pf-v6-c-label-group__list-item",yi="pf-v6-c-label-group__main",Oi="pf-v6-c-label-group__textarea",ji={category:"pf-m-category",vertical:"pf-m-vertical",editable:"pf-m-editable",textarea:"pf-m-textarea"};const wi="--pf-v6-c-label__text--MaxWidth",Ci={blue:mi.modifiers.blue,teal:mi.modifiers.teal,green:mi.modifiers.green,orange:mi.modifiers.orange,purple:mi.modifiers.purple,red:mi.modifiers.red,orangered:mi.modifiers.orangered,yellow:mi.modifiers.yellow,grey:""},Ni={success:g.jsx(A,{}),warning:g.jsx(H,{}),danger:g.jsx(F,{}),info:g.jsx(B,{}),custom:g.jsx($,{})},Si=e=>{var{children:n,className:i="",color:s="grey",variant:a="filled",status:l,isCompact:r=!1,isDisabled:c=!1,isEditable:d=!1,isClickable:p=!1,editableProps:u,textMaxWidth:f,tooltipPosition:m,icon:b,onClose:v,onClick:x,onEditCancel:y,onEditComplete:O,closeBtn:j,closeBtnAriaLabel:w,closeBtnProps:C,href:N,render:S}=e,I=o(e,["children","className","color","variant","status","isCompact","isDisabled","isEditable","isClickable","editableProps","textMaxWidth","tooltipPosition","icon","onClose","onClick","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","render"]);const[E,D]=t.useState(!1),[L,k]=t.useState(n),M=t.useRef(void 0),T=t.useRef(void 0),R="overflow"===a,P="add"===a,_=p||x&&!R&&!P||N;let A;l&&(A=Ni[l]),b&&(A=b),t.useEffect((()=>{const e=e=>{E&&T&&T.current&&!T.current.contains(e.target)&&(T.current.value&&O&&O(e,T.current.value),D(!1))},t=e=>{var t,i;const s=e.key;if((E||M&&M.current&&M.current.contains(e.target))&&(!E||T&&T.current&&T.current.contains(e.target))&&(!E||"Enter"!==s&&"Tab"!==s||(e.preventDefault(),e.stopImmediatePropagation(),T.current.value&&O&&O(e,T.current.value),D(!1),null===(t=null==M?void 0:M.current)||void 0===t||t.focus()),E&&"Escape"===s&&(e.preventDefault(),e.stopImmediatePropagation(),T.current.value&&(T.current.value=n,y&&y(e,n)),D(!1),null===(i=null==M?void 0:M.current)||void 0===i||i.focus()),!E&&"Enter"===s)){e.preventDefault(),e.stopImmediatePropagation(),D(!0);const t=e.target,n=document.createRange(),i=window.getSelection();n.selectNodeContents(t),n.collapse(!1),i.removeAllRanges(),i.addRange(n)}};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}}),[E,T,M,O,y,n]),t.useEffect((()=>{x&&N?console.warn("Link labels cannot have onClick passed, this results in invalid HTML. Please remove either the href or onClick prop."):x&&d&&console.warn("Editable labels cannot have onClick passed, clicking starts the label edit process. Please remove either the isEditable or onClick prop.")}),[x,N,d]);const F=(N||x)&&c,H=g.jsx(mn,Object.assign({type:"button",variant:"plain",hasNoPadding:!0,onClick:v,"aria-label":w||`Close ${n}`},F&&{isDisabled:!0},C,{icon:g.jsx(ci,{})})),B=g.jsx("span",{className:h(mi.labelActions),children:j||H}),$=t.createRef(),W=t.useRef(void 0),[z,V]=t.useState(!1);vt((()=>{const e=d?M:$;E||V(e.current&&e.current.offsetWidth<e.current.scrollWidth)}),[E]);const U=g.jsxs(t.Fragment,{children:[A&&g.jsx("span",{className:h(mi.labelIcon),children:A}),g.jsx("span",Object.assign({ref:$,className:h(mi.labelText)},f&&{style:{[wi]:f}},{children:n}))]});t.useEffect((()=>{E&&T&&T.current&&T.current.focus()}),[T,E]);let q="span";N?q="a":(d||x&&!R&&!P)&&(q="button");const X={type:"button",onClick:x},G="button"===q,K=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({className:h(mi.labelContent,_&&mi.modifiers.clickable)},z&&{tabIndex:0}),N&&{href:N}),N&&c&&{onClick:e=>e.preventDefault()}),G&&X),d&&Object.assign({ref:M,onClick:e=>{D(!0),e.stopPropagation()}},u)),F&&G&&{disabled:!0}),F&&N&&{tabIndex:-1,"aria-disabled":!0});let Z=g.jsx(q,Object.assign({},K,{children:U}));S?Z=g.jsxs(t.Fragment,{children:[z&&g.jsx(Sn,{triggerRef:W,content:n,position:m}),S({className:mi.labelContent,content:U,componentRef:W})]}):z&&(Z=g.jsx(Sn,{content:n,position:m,children:Z}));const Y=R?"button":"span";return g.jsxs(Y,Object.assign({},I,{className:h(mi.label,F&&mi.modifiers.disabled,Ci[s],"filled"===a&&mi.modifiers.filled,"outline"===a&&mi.modifiers.outline,l&&mi.modifiers[l],R&&mi.modifiers.overflow,r&&mi.modifiers.compact,d&&ji.editable,E&&mi.modifiers.editableActive,_&&mi.modifiers.clickable,P&&mi.modifiers.add,i),onClick:R||P?x:void 0},"button"===Y&&{type:"button"},{children:[!E&&Z,!E&&v&&B,E&&g.jsx("input",Object.assign({className:h(mi.labelContent),type:"text",id:"editable-input",ref:T,value:L,onChange:()=>{k(T.current.value)}},u))]}))};Si.displayName="Label";const Ii=_({name:"TimesCircleIcon",height:512,width:512,svgPath:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z",yOffset:0,xOffset:0,svgClassName:void 0});class Ei extends t.Component{constructor(e){super(e),this.headingRef=t.createRef(),this.toggleCollapse=()=>{this.setState((e=>({isOpen:!e.isOpen,isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})))},this.state={isOpen:this.props.defaultIsOpen,isTooltipVisible:!1}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})}renderLabel(e){const{categoryName:t,tooltipPosition:n}=this.props,{isTooltipVisible:i}=this.state;return i?g.jsx(Sn,{position:n,content:t,children:g.jsx("span",{tabIndex:0,ref:this.headingRef,className:h(bi),children:g.jsx("span",{"aria-hidden":"true",id:e,children:t})})}):g.jsx("span",{ref:this.headingRef,className:h(bi),"aria-hidden":"true",id:e,children:t})}render(){const e=this.props,{categoryName:n,children:i,className:s,isClosable:a,isCompact:l,closeBtnAriaLabel:r,"aria-label":c,onClick:d,numLabels:p,expandedText:u,collapsedText:f,defaultIsOpen:m,tooltipPosition:b,isVertical:v,isEditable:x,hasEditableTextArea:y,editableTextAreaProps:O,addLabelControl:j}=e,w=o(e,["categoryName","children","className","isClosable","isCompact","closeBtnAriaLabel","aria-label","onClick","numLabels","expandedText","collapsedText","defaultIsOpen","tooltipPosition","isVertical","isEditable","hasEditableTextArea","editableTextAreaProps","addLabelControl"]),{isOpen:C}=this.state,N=t.Children.toArray(i),S=N.length,I=(E={remaining:S-p},f.replace(/\${(.*?)}/g,((e,t)=>E[t]||"")));var E;const D=e=>{const i=C?N:N.slice(0,p),o=g.jsxs(t.Fragment,{children:[n&&this.renderLabel(e),g.jsxs("ul",Object.assign({className:h(vi)},n&&{"aria-labelledby":e},!n&&{"aria-label":c},{role:"list"},w,{children:[i.map(((e,t)=>g.jsx("li",{className:h(xi),children:e},t))),S>p&&g.jsx("li",{className:h(xi),children:g.jsx(Si,{variant:"overflow",onClick:this.toggleCollapse,className:h(l&&mi.modifiers.compact),children:C?u:I})}),j&&g.jsx("li",{className:h(xi),children:j}),x&&y&&g.jsx("li",{className:h(xi,ji.textarea),children:g.jsx("textarea",Object.assign({className:h(Oi),rows:1,tabIndex:0},O))})]}))]}),f=g.jsx("div",{className:h(hi),children:g.jsx(mn,{variant:"plain",hasNoPadding:!0,"aria-label":r,onClick:d,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,icon:g.jsx(Ii,{})})});return g.jsxs("div",{className:h(gi,s,n&&ji.category,v&&ji.vertical,x&&ji.editable),children:[g.jsx("div",{className:h(yi),children:o}),a&&f]})};return 0===S&&void 0===j?null:g.jsx(Q,{children:e=>D(this.props.id||e)})}}Ei.displayName="LabelGroup",Ei.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numLabels:3,isClosable:!1,isCompact:!1,onClick:e=>{},closeBtnAriaLabel:"Close label group",tooltipPosition:"top","aria-label":"Label group category",isVertical:!1,isEditable:!1,hasEditableTextArea:!1};const Di=e=>{var n,{innerRef:i,initialOptions:s,onSelectionChange:a,onToggle:l,onInputChange:r,onInputKeyDown:c,placeholder:d="Select an option",noOptionsFoundMessage:p=(e=>`No results found for "${e}"`),isDisabled:u,toggleWidth:f,toggleProps:m,labelProps:h,initialInputValue:b}=e,v=o(e,["innerRef","initialOptions","onSelectionChange","onToggle","onInputChange","onInputKeyDown","placeholder","noOptionsFoundMessage","isDisabled","toggleWidth","toggleProps","labelProps","initialInputValue"]);const[x,y]=t.useState(!1),[O,j]=t.useState((null!==(n=null==s?void 0:s.filter((e=>e.selected)))&&void 0!==n?n:[]).map((e=>e.value))),[w,C]=t.useState(b),[N,S]=t.useState(s),[I,E]=t.useState(null),[D,L]=t.useState(null),k=t.useRef(void 0),M="no results",T=()=>{l&&l(!0),y(!0)};t.useEffect((()=>{let e=s;w&&(e=s.filter((e=>String(e.content).toLowerCase().includes(w.toLowerCase()))),e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof p?p:p(w),value:M}])),S(e)}),[w,s]),t.useEffect((()=>{var e;return j((null!==(e=null==s?void 0:s.filter((e=>e.selected)))&&void 0!==e?e:[]).map((e=>e.value)))}),[s]);const R=()=>{E(null),L(null)},P=()=>{l&&l(!1),y(!1),R(),C("")},_=()=>{x?w||P():T()},A=(e,t)=>{const n=O.includes(t)?O.filter((e=>t!==e)):[...O,t];a&&a(e,n),j(n)},F=(e,t)=>{C(t),r&&r(t),t&&!x&&T(),R()},H=e=>{let t=0;if(x||T(),!N.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===I||0===I?N.length-1:I-1;N[t].isDisabled;)t--,-1===t&&(t=N.length-1);if("ArrowDown"===e)for(t=null===I||I===N.length-1?0:I+1;N[t].isDisabled;)t++,t===N.length&&(t=0);(e=>{E(e);const t=N[e];L(t.value)})(t)}},B=e=>{c?c(e):(e=>{const t=null!==I?N[I]:null;switch(e.key){case"Enter":e.preventDefault(),x&&t&&t.value!==M&&!t.isAriaDisabled&&A(e,null==t?void 0:t.value),x||(l&&l(!0),y(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),H(e.key)}})(e)},$=()=>{var e;l&&l(!x),y(!x),null===(e=null==k?void 0:k.current)||void 0===e||e.focus()},W=e=>{var t;j([]),r&&r(""),R(),null===(t=null==k?void 0:k.current)||void 0===t||t.focus(),a&&a(e,[])};return g.jsx(Gn,Object.assign({isOpen:x,selected:O,onSelect:(e,t)=>{t&&t!==M&&A(e,t)},onOpenChange:e=>{!e&&P()},toggle:e=>g.jsx($n,Object.assign({ref:e,variant:"typeahead","aria-label":"Multi select Typeahead menu toggle",onClick:$,isExpanded:x,isDisabled:u,isFullWidth:!0,style:{width:f}},m,{children:g.jsxs(si,{isPlain:!0,children:[g.jsx(li,Object.assign({value:w,onClick:_,onChange:F,onKeyDown:B,autoComplete:"off",innerRef:k,placeholder:d},D&&{"aria-activedescendant":D},{role:"combobox",isExpanded:x,"aria-controls":"select-typeahead-listbox",children:g.jsx(Ei,{"aria-label":"Current selections",children:O.map(((e,t)=>{var n;return g.jsx(Si,Object.assign({"datatest-id":`${e}-chip`,onClose:t=>{t.stopPropagation(),((e,t)=>{const n=O.filter((e=>t!==e));a&&a(e,n),j(n)})(t,e)}},h,{children:null===(n=s.find((t=>t.value===e)))||void 0===n?void 0:n.content}),t)}))})})),g.jsx(ri,Object.assign({},0===O.length?{style:{display:"none"}}:{},{children:g.jsx(mn,{variant:"plain",onClick:W,"aria-label":"Clear input value",children:g.jsx(ci,{})})}))]})})),variant:"typeahead",ref:i},v,{children:g.jsx(Kn,{children:N.map(((e,t)=>{const{content:n,value:i}=e,s=o(e,["content","value"]);return g.jsx(Yn,Object.assign({value:i,isFocused:I===t},s,{children:n}),i)}))})}))};Di.displayName="MultiTypeaheadSelectBase";const Li=t.forwardRef(((e,t)=>g.jsx(Di,Object.assign({},e,{innerRef:t}))));Li.displayName="MultiTypeaheadSelect",e.CheckboxSelect=ti,e.MultiTypeaheadSelect=Li,e.MultiTypeaheadSelectBase=Di,e.SimpleDropdown=qn,e.SimpleSelect=Qn,e.TypeaheadSelect=fi,e.TypeaheadSelectBase=ui}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PatternFlyTemplates={},e.React,e.ReactDOM)}(this,(function(e,t,n){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=i(n);function o(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)t.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(n[i[s]]=e[i[s]])}return n}"function"==typeof SuppressedError&&SuppressedError;var a={exports:{}},l={},r=t,c=Symbol.for("react.element"),d=Symbol.for("react.fragment"),p=Object.prototype.hasOwnProperty,u=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function m(e,t,n){var i,s={},o=null,a=null;for(i in void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),void 0!==t.ref&&(a=t.ref),t)p.call(t,i)&&!f.hasOwnProperty(i)&&(s[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===s[i]&&(s[i]=t[i]);return{$$typeof:c,type:e,key:o,ref:a,props:s,_owner:u.current}}l.Fragment=d,l.jsx=m,l.jsxs=m,a.exports=l;var g=a.exports;function h(...e){const t=[],n={}.hasOwnProperty;return e.filter(Boolean).forEach((e=>{const i=typeof e;if("string"===i||"number"===i)t.push(e);else if(Array.isArray(e)&&e.length){const n=h(...e);n&&t.push(n)}else if("object"===i)for(const i in e)n.call(e,i)&&e[i]&&t.push(i)})),t.join(" ")}var b="pf-v6-c-divider",v="pf-v6-c-menu",x="pf-v6-c-menu__content",y="pf-v6-c-menu__item",O="pf-v6-c-menu__item-action",j="pf-v6-c-menu__item-check",w="pf-v6-c-menu__item-description",C="pf-v6-c-menu__item-external-icon",N="pf-v6-c-menu__item-icon",S="pf-v6-c-menu__item-main",I="pf-v6-c-menu__item-select-icon",E="pf-v6-c-menu__item-text",D="pf-v6-c-menu__item-toggle-icon",k="pf-v6-c-menu__list",L="pf-v6-c-menu__list-item",M="pf-v6-c-menu__search",T={disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",flyout:"pf-m-flyout",left:"pf-m-left",drilldown:"pf-m-drilldown",drilledIn:"pf-m-drilled-in",currentPath:"pf-m-current-path",plain:"pf-m-plain",scrollable:"pf-m-scrollable",load:"pf-m-load",loading:"pf-m-loading",danger:"pf-m-danger",selected:"pf-m-selected",favorited:"pf-m-favorited"},R="pf-v6-c-breadcrumb__link";let P=0;function _({name:e,xOffset:n=0,yOffset:i=0,width:s,height:a,svgPath:l,svgClassName:r}){var c;return c=class extends t.Component{constructor(){super(...arguments),this.id="icon-title-"+P++}render(){const e=this.props,{title:t,className:r}=e,c=o(e,["title","className"]),d=Boolean(t),p=[n,i,s,a].join(" "),u=["pf-v6-svg"];return r&&u.push(r),g.jsxs("svg",Object.assign({className:u.join(" "),viewBox:p,fill:"currentColor","aria-labelledby":d?this.id:null,"aria-hidden":!d||null,role:"img",width:"1em",height:"1em"},c,{children:[d&&g.jsx("title",{id:this.id,children:t}),Array.isArray(l)?l.map(((e,t)=>g.jsx("path",{className:e.className,d:e.path},`${e.path}-${t}`))):g.jsx("path",{d:l})]}))}},c.displayName=e,c}const A=_({name:"CheckCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z",yOffset:0,xOffset:0,svgClassName:void 0}),F=_({name:"ExclamationCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0,svgClassName:void 0}),H=_({name:"ExclamationTriangleIcon",height:512,width:576,svgPath:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z",yOffset:0,xOffset:0,svgClassName:void 0}),B=_({name:"InfoCircleIcon",height:512,width:512,svgPath:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z",yOffset:0,xOffset:0,svgClassName:void 0}),$=_({name:"BellIcon",height:1024,width:896,svgPath:"M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z",yOffset:0,xOffset:0,svgClassName:void 0});var W;!function(e){e.success="success",e.error="error",e.warning="warning",e.default="default"}(W||(W={}));const z="Escape",V="Enter",U={success:A,danger:F,warning:H,info:B,custom:$};const q=(e,t,n="",i,s)=>e?Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(G).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "):"",X=e=>e.toUpperCase().replace("-","").replace("_",""),G=e=>e.replace(/([-_][a-z])/gi,X),K=!("undefined"==typeof window||!window.document||!window.document.createElement),Z=e=>{e.forEach((e=>{e.current&&clearTimeout(e.current)}))};let Y=0;function J(){return"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():function(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}()}class Q extends t.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?J():Y++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}Q.displayName="GenerateId",Q.defaultProps={prefix:"pf-random-id-",isRandom:!1};let ee=0;const te="OUIA-Generated-",ne={};function ie(e,t,n=!0){return{"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const se=(e,t,n=!0,i)=>({"data-ouia-component-type":`PF6/${e}`,"data-ouia-safe":n,"data-ouia-component-id":oe(e,t,i)}),oe=(e,n,i)=>{const s=t.useMemo((()=>ae(e,i)),[e,i]);return null!=n?n:s};function ae(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,ne[n]||(ne[n]=0),`${te}${e}-${t?`${t}-`:""}${++ne[n]}`}catch(n){return`${te}${e}-${t?`${t}-`:""}${++ee}`}}function le(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function re(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ce(e){const t=re(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function de(e){return e instanceof re(e).Element||e instanceof Element}function pe(e){return e instanceof re(e).HTMLElement||e instanceof HTMLElement}function ue(e){return e?(e.nodeName||"").toLowerCase():null}function fe(e){return(de(e)?e.ownerDocument:e.document).documentElement}function me(e){return le(fe(e)).left+ce(e).scrollLeft}function ge(e){return re(e).getComputedStyle(e)}function he(e){const{overflow:t,overflowX:n,overflowY:i}=ge(e);return/auto|scroll|overlay|hidden/.test(t+i+n)}function be(e,t,n=!1){const i=fe(t),s=le(e),o=pe(t);let a={scrollLeft:0,scrollTop:0},l={x:0,y:0};var r,c;return(o||!o&&!n)&&(("body"!==ue(t)||he(i))&&(a=(r=t)!==re(r)&&pe(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:ce(r)),pe(t)?(l=le(t),l.x+=t.clientLeft,l.y+=t.clientTop):i&&(l.x=me(i))),{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function ve(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function xe(e){return"html"===ue(e)?e:e.assignedSlot||e.parentNode||e.host||fe(e)}function ye(e){return["html","body","#document"].indexOf(ue(e))>=0?e.ownerDocument.body:pe(e)&&he(e)?e:ye(xe(e))}function Oe(e,t=[]){const n=ye(e),i="body"===ue(n),s=re(n),o=i?[s].concat(s.visualViewport||[],he(n)?n:[]):n,a=t.concat(o);return i?a:a.concat(Oe(xe(o)))}function je(e){return["table","td","th"].indexOf(ue(e))>=0}function we(e){if(!pe(e)||"fixed"===ge(e).position)return null;const t=e.offsetParent;if(t){const e=fe(t);if("body"===ue(t)&&"static"===ge(t).position&&"static"!==ge(e).position)return e}return t}function Ce(e){const t=re(e);let n=we(e);for(;n&&je(n)&&"static"===ge(n).position;)n=we(n);return n&&"body"===ue(n)&&"static"===ge(n).position?t:n||function(e){let t=xe(e);for(;pe(t)&&["html","body"].indexOf(ue(t))<0;){const e=ge(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}const Ne="top",Se="bottom",Ie="right",Ee="left",De="auto",ke=[Ne,Se,Ie,Ee],Le="start",Me="end",Te="clippingParents",Re="viewport",Pe="popper",_e="reference",Ae=ke.reduce(((e,t)=>e.concat([`${t}-${Le}`,`${t}-${Me}`])),[]),Fe=[...ke,De].reduce(((e,t)=>e.concat([t,`${t}-${Le}`,`${t}-${Me}`])),[]),He=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Be(e){const t=new Map,n=new Set,i=[];function s(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&s(n)}})),i.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||s(e)})),i}function $e(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function We(e){return e.split("-")[0]}function ze(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Ve(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ue(e,t){return t===Re?Ve(function(e){const t=re(e),n=fe(e),i=t.visualViewport;let s=n.clientWidth,o=n.clientHeight,a=0,l=0;return i&&(s=i.width,o=i.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=i.offsetLeft,l=i.offsetTop)),{width:s,height:o,x:a+me(e),y:l}}(e)):pe(t)?function(e){const t=le(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Ve(function(e){const t=fe(e),n=ce(e),i=e.ownerDocument.body,s=Math.max(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let a=-n.scrollLeft+me(e);const l=-n.scrollTop;return"rtl"===ge(i||t).direction&&(a+=Math.max(t.clientWidth,i?i.clientWidth:0)-s),{width:s,height:o,x:a,y:l}}(fe(e)))}function qe(e,t,n){const i="clippingParents"===t?function(e){const t=Oe(xe(e)),n=["absolute","fixed"].indexOf(ge(e).position)>=0&&pe(e)?Ce(e):e;return de(n)?t.filter((e=>de(e)&&ze(e,n)&&"body"!==ue(e))):[]}(e):[].concat(t),s=[...i,n],o=s[0],a=s.reduce(((t,n)=>{const i=Ue(e,n);return t.top=Math.max(i.top,t.top),t.right=Math.min(i.right,t.right),t.bottom=Math.min(i.bottom,t.bottom),t.left=Math.max(i.left,t.left),t}),Ue(e,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Xe(e){return e.split("-")[1]}function Ge(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ke({reference:e,element:t,placement:n}){const i=n?We(n):null,s=n?Xe(n):null,o=e.x+e.width/2-t.width/2,a=e.y+e.height/2-t.height/2;let l;switch(i){case Ne:l={x:o,y:e.y-t.height};break;case Se:l={x:o,y:e.y+e.height};break;case Ie:l={x:e.x+e.width,y:a};break;case Ee:l={x:e.x-t.width,y:a};break;default:l={x:e.x,y:e.y}}const r=i?Ge(i):null;if(null!=r){const n="y"===r?"height":"width";switch(s){case Le:l[r]=Math.floor(l[r])-Math.floor(e[n]/2-t[n]/2);break;case Me:l[r]=Math.floor(l[r])+Math.ceil(e[n]/2-t[n]/2)}}return l}function Ze(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Ye(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Je(e,t={}){const{placement:n=e.placement,boundary:i=Te,rootBoundary:s=Re,elementContext:o=Pe,altBoundary:a=!1,padding:l=0}=t,r=Ze("number"!=typeof l?l:Ye(l,ke)),c=o===Pe?_e:Pe,d=e.elements.reference,p=e.rects.popper,u=e.elements[a?c:o],f=qe(de(u)?u:u.contextElement||fe(e.elements.popper),i,s),m=le(d),g=Ke({reference:m,element:p,placement:n}),h=Ve(Object.assign(Object.assign({},p),g)),b=o===Pe?h:m,v={top:f.top-b.top+r.top,bottom:b.bottom-f.bottom+r.bottom,left:f.left-b.left+r.left,right:b.right-f.right+r.right},x=e.modifiersData.offset;if(o===Pe&&x){const e=x[n];Object.keys(v).forEach((t=>{const n=[Ie,Se].indexOf(t)>=0?1:-1,i=[Ne,Se].indexOf(t)>=0?"y":"x";v[t]+=e[i]*n}))}return v}const Qe={placement:"bottom",modifiers:[],strategy:"absolute"};function et(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}function tt(e={}){const{defaultModifiers:t=[],defaultOptions:n=Qe}=e;return function(e,i,s=n){let o={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},Qe),n),modifiersData:{},elements:{reference:e,popper:i},attributes:{},styles:{}},a=[],l=!1;const r={state:o,setOptions(s){c(),o.options=Object.assign(Object.assign(Object.assign({},n),o.options),s),o.scrollParents={reference:de(e)?Oe(e):e.contextElement?Oe(e.contextElement):[],popper:Oe(i)};const l=function(e){const t=Be(e);return He.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...o.options.modifiers]));return o.orderedModifiers=l.filter((e=>e.enabled)),o.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const i=n({state:o,name:e,instance:r,options:t}),s=()=>{};a.push(i||s)}})),r.update()},forceUpdate(){if(l)return;const{reference:e,popper:t}=o.elements;if(et(e,t)){o.rects={reference:be(e,Ce(t),"fixed"===o.options.strategy),popper:ve(t)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((e=>o.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<o.orderedModifiers.length;e++){if(!0===o.reset){o.reset=!1,e=-1;continue}const{fn:t,options:n={},name:i}=o.orderedModifiers[e];"function"==typeof t&&(o=t({state:o,options:n,name:i,instance:r})||o)}}},update:$e((()=>new Promise((e=>{r.forceUpdate(),e(o)})))),destroy(){c(),l=!0}};if(!et(e,i))return r;function c(){a.forEach((e=>e())),a=[]}return r.setOptions(s).then((e=>{!l&&s.onFirstUpdate&&s.onFirstUpdate(e)})),r}}tt();const nt={passive:!0};const it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function st({popper:e,popperRect:t,placement:n,offsets:i,position:s,gpuAcceleration:o,adaptive:a}){let{x:l,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(i);const c=i.hasOwnProperty("x"),d=i.hasOwnProperty("y");let p=Ee,u=Ne;const f=window;if(a){let i=Ce(e);i===re(e)&&(i=fe(e)),n===Ne&&(u=Se,r-=i.clientHeight-t.height,r*=o?1:-1),n===Ee&&(p=Ie,l-=i.clientWidth-t.width,l*=o?1:-1)}const m=Object.assign({position:s},a&&it);return o?Object.assign(Object.assign({},m),{[u]:d?"0":"",[p]:c?"0":"",transform:(f.devicePixelRatio||1)<2?`translate(${l}px, ${r}px)`:`translate3d(${l}px, ${r}px, 0)`}):Object.assign(Object.assign({},m),{[u]:d?`${r}px`:"",[p]:c?`${l}px`:"",transform:""})}var ot={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:i=[0,0]}=t,s=Fe.reduce(((t,n)=>(t[n]=function(e,t,n){const i=We(e),s=[Ee,Ne].indexOf(i)>=0?-1:1;let[o,a]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return o=o||0,a=(a||0)*s,[Ee,Ie].indexOf(i)>=0?{x:a,y:o}:{x:o,y:a}}(n,e.rects,i),t)),{}),{x:o,y:a}=s[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=o,e.modifiersData.popperOffsets.y+=a),e.modifiersData[n]=s}};const at={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(e){return e.replace(/left|right|bottom|top/g,(e=>at[e]))}const rt={start:"end",end:"start"};function ct(e){return e.replace(/start|end/g,(e=>rt[e]))}function dt(e,t={}){const{placement:n,boundary:i,rootBoundary:s,padding:o,flipVariations:a,allowedAutoPlacements:l=Fe}=t,r=Xe(n),c=r?a?Ae:Ae.filter((e=>Xe(e)===r)):ke;let d=c.filter((e=>l.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=Je(e,{placement:n,boundary:i,rootBoundary:s,padding:o})[We(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var pt={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:i=!0,altAxis:s=!0,fallbackPlacements:o,padding:a,boundary:l,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,u=e.options.placement,f=We(u),m=[u,...o||(f===u||!d?[lt(u)]:function(e){if(We(e)===De)return[];const t=lt(e);return[ct(e),t,ct(t)]}(u))].reduce(((t,n)=>t.concat(We(n)===De?dt(e,{placement:n,boundary:l,rootBoundary:r,padding:a,flipVariations:d,allowedAutoPlacements:p}):n)),[]),g=e.rects.reference,h=e.rects.popper,b=new Map;let v=!0,x=m[0];for(let t=0;t<m.length;t++){const n=m[t],o=We(n),d=Xe(n)===Le,p=[Ne,Se].indexOf(o)>=0,u=p?"width":"height",f=Je(e,{placement:n,boundary:l,rootBoundary:r,altBoundary:c,padding:a});let y=p?d?Ie:Ee:d?Se:Ne;g[u]>h[u]&&(y=lt(y));const O=lt(y),j=[];if(i&&j.push(f[o]<=0),s&&j.push(f[y]<=0,f[O]<=0),j.every((e=>e))){x=n,v=!1;break}b.set(n,j)}if(v){for(let e=d?3:1;e>0;e--){const t=m.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){x=t;break}}}e.placement!==x&&(e.modifiersData[n]._skip=!0,e.placement=x,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function ut(e,t,n){return Math.max(e,Math.min(t,n))}var ft={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:i=!0,altAxis:s=!1,boundary:o,rootBoundary:a,altBoundary:l,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=Je(e,{boundary:o,rootBoundary:a,padding:r,altBoundary:l}),u=We(e.placement),f=Xe(e.placement),m=!f,g=Ge(u),h="x"===g?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,x=e.rects.popper,y="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,O={x:0,y:0};if(b){if(i){const t="y"===g?Ne:Ee,n="y"===g?Se:Ie,i="y"===g?"height":"width",s=b[g],o=b[g]+p[t],a=b[g]-p[n],l=c?-x[i]/2:0,r=f===Le?v[i]:x[i],d=f===Le?-x[i]:-v[i],u=e.elements.arrow,h=c&&u?ve(u):{width:0,height:0},j=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},w=j[t],C=j[n],N=ut(0,v[i],h[i]),S=m?v[i]/2-l-N-w-y:r-N-w-y,I=m?-v[i]/2+l+N+C+y:d+N+C+y,E=e.elements.arrow&&Ce(e.elements.arrow),D=E?"y"===g?E.clientTop||0:E.clientLeft||0:0,k=e.modifiersData.offset?e.modifiersData.offset[e.placement][g]:0,L=b[g]+S-k-D,M=b[g]+I-k,T=ut(c?Math.min(o,L):o,s,c?Math.max(a,M):a);b[g]=T,O[g]=T-s}if(s){const e="x"===g?Ne:Ee,t="x"===g?Se:Ie,n=b[h],i=ut(n+p[e],n,n-p[t]);b[h]=i,O[h]=i-n}e.modifiersData[n]=O}},requiresIfExists:["offset"]};var mt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,i=e.modifiersData.popperOffsets,s=We(e.placement),o=Ge(s),a=[Ee,Ie].indexOf(s)>=0?"height":"width";if(!n||!i)return;const l=e.modifiersData[`${t}#persistent`].padding,r=ve(n),c="y"===o?Ne:Ee,d="y"===o?Se:Ie,p=e.rects.reference[a]+e.rects.reference[o]-i[o]-e.rects.popper[a],u=i[o]-e.rects.reference[o],f=Ce(n),m=f?"y"===o?f.clientHeight||0:f.clientWidth||0:0,g=p/2-u/2,h=l[c],b=m-r[a]-l[d],v=m/2-r[a]/2+g,x=ut(h,v,b),y=o;e.modifiersData[t]={[y]:x,centerOffset:x-v}},effect:function({state:e,options:t,name:n}){let{element:i="[data-popper-arrow]",padding:s=0}=t;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i),i))&&ze(e.elements.popper,i)&&(e.elements.arrow=i,e.modifiersData[`${n}#persistent`]={padding:Ze("number"!=typeof s?s:Ye(s,ke))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function gt(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function ht(e){return[Ne,Ie,Se,Ee].some((t=>e[t]>=0))}const bt=tt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:i=!0,resize:s=!0}=n,o=re(e.elements.popper),a=[...e.scrollParents.reference,...e.scrollParents.popper];return i&&a.forEach((e=>{e.addEventListener("scroll",t.update,nt)})),s&&o.addEventListener("resize",t.update,nt),()=>{i&&a.forEach((e=>{e.removeEventListener("scroll",t.update,nt)})),s&&o.removeEventListener("resize",t.update,nt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Ke({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:i=!0}=t,s={placement:We(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),st(Object.assign(Object.assign({},s),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:i})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),st(Object.assign(Object.assign({},s),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},i=e.attributes[t]||{},s=e.elements[t];pe(s)&&ue(s)&&(Object.assign(s.style,n),Object.keys(i).forEach((e=>{const t=i[e];!1===t?s.removeAttribute(e):s.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const i=e.elements[n],s=e.attributes[n]||{},o=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});pe(i)&&ue(i)&&(Object.assign(i.style,o),Object.keys(s).forEach((e=>{i.removeAttribute(e)})))}))}},requires:["computeStyles"]},ot,pt,ft,mt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,i=e.rects.popper,s=e.modifiersData.preventOverflow,o=Je(e,{elementContext:"reference"}),a=Je(e,{altBoundary:!0}),l=gt(o,n),r=gt(a,i,s),c=ht(l),d=ht(r);e.modifiersData[t]={referenceClippingOffsets:l,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),vt=K?t.useLayoutEffect:t.useEffect,xt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),yt=[],Ot=(e,n,i={})=>{const s=t.useRef(null),o={onFirstUpdate:i.onFirstUpdate,placement:i.placement||"bottom",strategy:i.strategy||"absolute",modifiers:i.modifiers||yt},[a,l]=t.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"}},attributes:{}}),r=t.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);l({styles:xt(t.map((t=>[t,e.styles[t]||{}]))),attributes:xt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=t.useMemo((()=>{const e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[...o.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=s.current,n=e,JSON.stringify(t)===JSON.stringify(n)?s.current||e:(s.current=e,e);var t,n}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,r]),d=t.useRef(void 0);return vt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),vt((()=>{if(null==e||null==n)return;const t=(i.createPopper||bt)(e,n,c);return d.current=t,()=>{t.destroy(),d.current=null}}),[e,n,i.createPopper]),{state:d.current?d.current.state:null,styles:a.styles,attributes:a.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},jt={left:"right",right:"left",bottom:"top",top:"bottom","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},wt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,Ct=({trigger:e,popper:n,direction:i="down",position:o="start",placement:a,width:l,minWidth:r="trigger",maxWidth:c,appendTo:d=(()=>document.body),zIndex:p=9999,isVisible:u=!0,positionModifiers:f,distance:m=0,offset:b,onMouseEnter:v,onMouseLeave:x,onFocus:y,onBlur:O,onDocumentClick:j,onTriggerClick:w,onTriggerEnter:C,onPopperClick:N,onPopperMouseEnter:S,onPopperMouseLeave:I,onDocumentKeyDown:E,enableFlip:D=!0,flipBehavior:k="flip",triggerRef:L,popperRef:M,animationDuration:T=0,entryDelay:R=0,exitDelay:P=0,onHidden:_=(()=>{}),onHide:A=(()=>{}),onMount:F=(()=>{}),onShow:H=(()=>{}),onShown:B=(()=>{}),preventOverflow:$=!1})=>{var W;const[z,V]=t.useState(null),[U,q]=t.useState(null),[X,G]=t.useState(null),[K,Y]=t.useState(null),[J,Q]=t.useState(!1),[ee,te]=t.useState(0),[ne,ie]=t.useState(u),se=t.useRef(null),oe=t.useRef(null),ae=t.useRef(null),le=t.useRef(void 0),re=U||z,ce=u||ne,de=((e,t="ltr")=>{if(!e)return t;const n=getComputedStyle(e).getPropertyValue("direction");return["ltr","rtl"].includes(n)?n:t})(null===(W=(null==L?void 0:L.current)||z)||void 0===W?void 0:W.parentElement),pe=t.useMemo((()=>{const e={left:"left",right:"right",center:"center"};return{ltr:Object.assign({start:"left",end:"right"},e),rtl:Object.assign({start:"right",end:"left"},e)}[de][o]}),[o,de]),ue=t.useCallback((e=>j(e,re,X)),[ce,z,U,X,j]);t.useEffect((()=>{Q(!0),F()}),[]),t.useEffect((()=>()=>{Z([se,ae,oe])}),[]),t.useEffect((()=>{L&&(L.current?q(L.current):"function"==typeof L&&q(L()))}),[L,e]),t.useEffect((()=>{M&&(M.current?G(M.current):"function"==typeof M&&G(M()))}),[ce,M]),t.useEffect((()=>{const e=new MutationObserver((()=>{Oe&&Oe()}));return X&&e.observe(X,{attributes:!0,childList:!0,subtree:!0}),()=>{e.disconnect()}}),[X]);const fe=(e,t,n,i=!1)=>{e&&t&&t.addEventListener(n,e,{capture:i})},me=(e,t,n,i=!1)=>{e&&t&&t.removeEventListener(n,e,{capture:i})};t.useEffect((()=>(fe(v,re,"mouseenter"),fe(x,re,"mouseleave"),fe(y,re,"focus"),fe(O,re,"blur"),fe(w,re,"click"),fe(C,re,"keydown"),fe(N,X,"click"),fe(S,X,"mouseenter"),fe(I,X,"mouseleave"),j&&fe(ue,document,"click",!0),fe(E,document,"keydown",!0),()=>{me(v,re,"mouseenter"),me(x,re,"mouseleave"),me(y,re,"focus"),me(O,re,"blur"),me(w,re,"click"),me(C,re,"keydown"),me(N,X,"click"),me(S,X,"mouseenter"),me(I,X,"mouseleave"),j&&me(ue,document,"click",!0),me(E,document,"keydown",!0)})),[z,X,v,x,y,O,w,C,N,S,I,j,E,U]);const ge=()=>{if(a)return a;let e="up"===i?"top":"bottom";return"center"!==pe&&(e=`${e}-${"right"===pe?"end":"start"}`),e},he=t.useMemo(ge,[i,pe,a]),be=t.useMemo((()=>(e=>e.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g,(e=>jt[e])))(ge())),[i,pe,a]),ve=t.useMemo((()=>({name:"widthMods",enabled:void 0!==l||void 0!==r||void 0!==c,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{const t=e.rects.reference.width;l&&(e.styles.popper.width="trigger"===l?`${t}px`:l),r&&(e.styles.popper.minWidth="trigger"===r?`${t}px`:r),c&&(e.styles.popper.maxWidth="trigger"===c?`${t}px`:c)},effect:({state:e})=>{const t=e.elements.reference.offsetWidth;return l&&(e.elements.popper.style.width="trigger"===l?`${t}px`:l),r&&(e.elements.popper.style.minWidth="trigger"===r?`${t}px`:r),c&&(e.elements.popper.style.maxWidth="trigger"===c?`${t}px`:c),()=>{}}})),[l,r,c]),{styles:xe,attributes:ye,update:Oe,forceUpdate:je}=Ot(re,X,{placement:he,modifiers:[{name:"offset",options:{offset:b||[0,m]}},{name:"preventOverflow",enabled:$},{name:"hide",enabled:!0},{name:"flip",enabled:he.startsWith("auto")||D,options:{fallbackPlacements:"flip"===k?[be]:k}},ve]});t.useEffect((()=>{var e,t,i,s,o,a,l;const r=(null===(s=null===(i=null===(t=null===(e=null==n?void 0:n.props)||void 0===e?void 0:e.children)||void 0===t?void 0:t[1])||void 0===i?void 0:i.props)||void 0===s?void 0:s.children)||(null===(l=null===(a=null===(o=null==n?void 0:n.props)||void 0===o?void 0:o.children)||void 0===a?void 0:a.props)||void 0===l?void 0:l.children);Y(r),r&&K&&r!==K&&je&&je()}),[n]),t.useEffect((()=>{le.current<P&&(Z([se,ae]),ae.current=setTimeout((()=>{se.current=setTimeout((()=>{ie(!1)}),T)}),P)),le.current=P}),[P]);t.useEffect((()=>{u?(H(),Z([se,ae]),oe.current=setTimeout((()=>{ie(!0),te(1),B()}),R)):(A(),Z([oe]),ae.current=setTimeout((()=>{te(0),se.current=setTimeout((()=>{ie(!1),G(null),_()}),T)}),P))}),[u]);const we=Object.assign({className:h(n.props&&n.props.className,f&&(()=>{if(ye&&ye.popper&&ye.popper["data-popper-placement"]){const e=ye.popper["data-popper-placement"];return f[e]}return f.top})()),style:Object.assign(Object.assign(Object.assign({},n.props&&n.props.style||{}),xe.popper),{zIndex:p,opacity:ee,transition:wt(T)})},ye.popper),Ce=()=>{const e=t.cloneElement(n,we);return M?e:g.jsx("div",{style:{display:"contents"},ref:e=>{G(null==e?void 0:e.firstElementChild)},children:e})};return g.jsxs(g.Fragment,{children:[!L&&e&&t.isValidElement(e)&&g.jsx("div",{style:{display:"contents"},ref:e=>{V(null==e?void 0:e.firstElementChild)},children:e}),L&&e&&t.isValidElement(e)&&e,J&&ce&&(()=>{if("inline"===d)return Ce();{const e="function"==typeof d?d():d;return s.createPortal(Ce(),e)}})()]})};Ct.displayName="Popper";const Nt=(e,t)=>{var n;if("ArrowDown"!==e.key&&"ArrowUp"!==e.key)return;e.preventDefault();const i=Array.from(null===(n=t.current)||void 0===n?void 0:n.querySelectorAll("li")).map((e=>e.querySelector('button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])'))).filter((e=>null!==e));let s;s="ArrowDown"===e.key?i[0]:i[i.length-1],s&&s.focus()};class St extends t.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:i,noVerticalArrowHandling:s,noHorizontalArrowHandling:o,noEnterHandling:a,noSpaceHandling:l,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:u}=this.props;d&&d(e);const f=p();if(!f)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const m=e.key;a||"Enter"===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),l||" "===m&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),((e,t,n=(e=>document.activeElement.contains(e)),i=(e=>e),s=["A","BUTTON","INPUT"],o=!1,a=!1,l=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let s=-1;t.forEach(((e,o)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,s=o+e,s>=t.length&&(s=0),s<0&&(s=t.length-1),p=i(t[s])}}))}if(!a&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((o,a)=>{var l;if(n(o)){const n=t[a].querySelectorAll(s.join(","));if(!n.length||r){let e=c;for(;e;){const t=e.parentElement===o?e:e.parentElement;if(e="ArrowLeft"===d?t.previousElementSibling:t.nextElementSibling,e){if(s.includes(null==e?void 0:e.tagName)){p=e;break}if(s.includes(null===(l=e.children[0])||void 0===l?void 0:l.tagName)){p=e.children[0];break}}}}else n.forEach(((t,s)=>{e.target===t&&(i=s+("ArrowLeft"===d?-1:1),i>=n.length&&(i=0),i<0&&(i=n.length-1),p=n[i])}))}}))}p&&(l&&(c.tabIndex=-1,p.tabIndex=0),p.focus())})(e,f,n,i,c,s,o,r,u)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){K&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){K&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}St.displayName="KeyboardHandler",St.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const It=t.createContext({menuId:null,parentMenu:null,onActionClick:()=>null,onSelect:()=>null,activeItemId:null,selected:null,drilledInMenus:[],drilldownItemPath:[],onDrillIn:null,onDrillOut:null,onGetMenuHeight:()=>null,flyoutRef:null,setFlyoutRef:()=>null,disableHover:!1,role:"menu"}),Et=t.createContext({itemId:null,isDisabled:!1});class Dt extends t.Component{constructor(e){super(e),this.menuRef=t.createRef(),this.activeMenu=null,this.state={ouiaStateId:ae(kt.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=e=>{const t=this.menuRef.current;if(t&&(t===e.target.closest(`.${v}`)||Array.from(t.getElementsByClassName(v)).includes(e.target.closest(`.${v}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const e=t.querySelector("#"+this.props.activeMenu)||t||null,n=e.getElementsByTagName("UL");if(0===n.length)return;const i=Array.from(n[0].children);if(this.state.currentDrilldownMenuId&&e.id===this.state.currentDrilldownMenuId)return;this.setState({currentDrilldownMenuId:e.id});const s=i.filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))))[0].firstChild;s.focus(),s.tabIndex=0}},this.handleExtraKeys=e=>{const t=this.props.containsDrilldown,n=document.activeElement;if(e.target.closest(`.${v}`)===this.activeMenu||e.target.classList.contains(R)||(this.activeMenu=e.target.closest(`.${v}`)),"INPUT"===e.target.tagName)return;const i=this.activeMenu,s=e.key,o=n.classList.contains(R);if(" "===s||"Enter"===s){if(e.preventDefault(),t&&!o){if(n.closest("li").classList.contains("pf-m-current-path")&&"LI"===i.parentElement.tagName)n.tabIndex=-1,i.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:i.parentElement.firstChild});else if(n.nextElementSibling&&n.nextElementSibling.classList.contains(v)){const e=Array.from(n.nextElementSibling.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))));n.tabIndex=-1,e[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:e[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b)))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b)))):[],e.innerRef&&(this.menuRef=e.innerRef)}allowTabFirstItem(){const e=this.menuRef.current;if(e){const t=e.querySelector("ul button:not(:disabled), ul a:not(:disabled)");t&&(t.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),K&&this.props.containsDrilldown&&this.props.isRootMenu&&window.addEventListener("transitionend",this.handleDrilldownTransition),this.allowTabFirstItem()}componentWillUnmount(){K&&this.props.containsDrilldown&&this.props.isRootMenu&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(e){e.children!==this.props.children&&this.allowTabFirstItem()}render(){const e=this.props,{id:t,children:n,className:i,onSelect:s,selected:a=null,onActionClick:l,ouiaId:r,ouiaSafe:c,containsFlyout:d,containsDrilldown:p,isMenuDrilledIn:u,isPlain:f,isScrollable:m,drilldownItemPath:b,drilledInMenus:x,onDrillIn:y,onDrillOut:O,onGetMenuHeight:j,parentMenu:w=null,activeItemId:C=null,innerRef:N,isRootMenu:S,activeMenu:I,role:E,isNavFlyout:D}=e,k=o(e,["id","children","className","onSelect","selected","onActionClick","ouiaId","ouiaSafe","containsFlyout","containsDrilldown","isMenuDrilledIn","isPlain","isScrollable","drilldownItemPath","drilledInMenus","onDrillIn","onDrillOut","onGetMenuHeight","parentMenu","activeItemId","innerRef","isRootMenu","activeMenu","role","isNavFlyout"]),L=u||x&&x.includes(t)||!1;return g.jsxs(It.Provider,{value:{menuId:t,parentMenu:w||t,onSelect:s,onActionClick:l,activeItemId:C,selected:a,drilledInMenus:x,drilldownItemPath:b,onDrillIn:y,onDrillOut:O,onGetMenuHeight:j,flyoutRef:this.state.flyoutRef,setFlyoutRef:e=>this.setState({flyoutRef:e}),disableHover:this.state.disableHover,role:E},children:[S&&g.jsx(St,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:e=>document.activeElement.closest("li")===e||document.activeElement.parentElement===e||document.activeElement.closest(`.${M}`)===e||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===e,getFocusableElement:e=>{var t,n;return"DIV"===(null==e?void 0:e.tagName)&&e.querySelector("input")||"LABEL"===(null===(t=e.firstChild)||void 0===t?void 0:t.tagName)&&e.querySelector("input")||"DIV"===(null===(n=e.firstChild)||void 0===n?void 0:n.tagName)&&e.querySelector("a, button, input")||e.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(R)||"INPUT"===document.activeElement.tagName),noEnterHandling:!0,noSpaceHandling:!0}),g.jsx("div",Object.assign({id:t,className:h(v,f&&T.plain,m&&T.scrollable,d&&T.flyout,D&&"pf-m-nav",p&&T.drilldown,L&&T.drilledIn,i),ref:this.menuRef},ie(kt.displayName,void 0!==r?r:this.state.ouiaStateId,c),k,{children:n}))]})}}Dt.displayName="Menu",Dt.contextType=It,Dt.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const kt=t.forwardRef(((e,t)=>g.jsx(Dt,Object.assign({},e,{innerRef:t}))));kt.displayName="Menu";const Lt="--pf-v6-c-menu__content--Height",Mt="--pf-v6-c-menu__content--MaxHeight",Tt=t.forwardRef(((e,n)=>{const{getHeight:i,children:s,menuHeight:a,maxMenuHeight:l}=e,r=o(e,["getHeight","children","menuHeight","maxMenuHeight"]);t.createRef();return g.jsx(It.Consumer,{children:({menuId:t,onGetMenuHeight:n})=>g.jsx("div",Object.assign({},r,{className:h(x,e.className),ref:e=>{((e,t,n)=>{if(e){let s=e.clientHeight,o=null,a=e.closest(`.${k}`);for(;null!==a&&1===a.nodeType;)a.classList.contains(k)&&(o=a),a=a.parentElement;if(o){const e=getComputedStyle(o);s+=parseFloat(e.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(e.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(o.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""))}n&&n(t,s),i&&i(s.toString())}})(e,t,n)},style:Object.assign(Object.assign({},a&&{[Lt]:a}),l&&{[Mt]:l}),children:s}))})}));Tt.displayName="MenuContent";const Rt="--pf-v6-c-menu--m-flyout__menu--top-offset",Pt="--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",_t="--pf-v6-c-menu--m-flyout__menu--left-offset",At=_({name:"ExternalLinkAltIcon",height:512,width:512,svgPath:"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z",yOffset:0,xOffset:0,svgClassName:void 0}),Ft=_({name:"AngleRightIcon",height:512,width:256,svgPath:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z",yOffset:0,xOffset:0,svgClassName:void 0}),Ht=_({name:"AngleLeftIcon",height:512,width:256,svgPath:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z",yOffset:0,xOffset:0,svgClassName:void 0}),Bt=_({name:"CheckIcon",height:512,width:512,svgPath:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z",yOffset:0,xOffset:0,svgClassName:void 0});var $t="pf-v6-c-check",Wt="pf-v6-c-check__body",zt="pf-v6-c-check__description",Vt="pf-v6-c-check__input",Ut="pf-v6-c-check__label",qt="pf-v6-c-check__label-required",Xt={standalone:"pf-m-standalone",disabled:"pf-m-disabled"};const Gt=()=>{};class Kt extends t.Component{constructor(e){super(e),this.handleChange=e=>{this.props.onChange(e,e.currentTarget.checked)},this.state={ouiaStateId:ae(Kt.displayName)}}render(){const e=this.props,{"aria-label":t,className:n,inputClassName:i,onChange:s,isLabelWrapped:a,labelPosition:l="end",isValid:r,isDisabled:c,isRequired:d,isChecked:p,label:u,checked:f,defaultChecked:m,description:b,body:v,ouiaId:x,ouiaSafe:y,component:O}=e,j=o(e,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);j.id||console.error("Checkbox:","id is required to make input accessible");const w={};([!0,!1].includes(f)||!0===p)&&(w.checked=f||p),s!==Gt&&(w.checked=p),[!1,!0].includes(m)&&(w.defaultChecked=m);const C=g.jsx("input",Object.assign({},j,{className:h(Vt,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!r,"aria-label":t,disabled:c,required:d,ref:e=>{e&&(e.indeterminate=null===p)}},w,ie(Kt.displayName,void 0!==x?x:this.state.ouiaStateId,y))),N=a&&!O||"label"===O,S=N?"span":"label",I=u?g.jsxs(S,{className:h(Ut,c&&Xt.disabled),htmlFor:N?void 0:j.id,children:[u,d&&g.jsx("span",{className:h(qt),"aria-hidden":"true",children:"*"})]}):null,E=null!=O?O:N?"label":"div";return w.checked=null!==w.checked&&w.checked,g.jsxs(E,{className:h($t,!u&&Xt.standalone,n),htmlFor:N?j.id:void 0,children:["start"===l?g.jsxs(g.Fragment,{children:[I,C]}):g.jsxs(g.Fragment,{children:[C,I]}),b&&g.jsx("span",{className:h(zt),children:b}),v&&g.jsx("span",{className:h(Wt),children:v})]})}}Kt.displayName="Checkbox",Kt.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Gt,ouiaSafe:!0};var Zt={button:"pf-v6-c-button",buttonCount:"pf-v6-c-button__count",buttonHamburgerIcon:"pf-v6-c-button--hamburger-icon",buttonHamburgerIconArrow:"pf-v6-c-button--hamburger-icon--arrow",buttonHamburgerIconBottom:"pf-v6-c-button--hamburger-icon--bottom",buttonHamburgerIconMiddle:"pf-v6-c-button--hamburger-icon--middle",buttonHamburgerIconTop:"pf-v6-c-button--hamburger-icon--top",buttonIcon:"pf-v6-c-button__icon",buttonProgress:"pf-v6-c-button__progress",modifiers:{primary:"pf-m-primary",unread:"pf-m-unread",secondary:"pf-m-secondary",danger:"pf-m-danger",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",displayLg:"pf-m-display-lg",warning:"pf-m-warning",control:"pf-m-control",stateful:"pf-m-stateful",read:"pf-m-read",attention:"pf-m-attention",plain:"pf-m-plain",noPadding:"pf-m-no-padding",block:"pf-m-block",small:"pf-m-small",favorite:"pf-m-favorite",favorited:"pf-m-favorited",settings:"pf-m-settings",hamburger:"pf-m-hamburger",expand:"pf-m-expand",collapse:"pf-m-collapse",clicked:"pf-m-clicked",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",notify:"pf-m-notify",start:"pf-m-start",end:"pf-m-end"}},Yt={modifiers:{inline:"pf-m-inline",xs:"pf-m-xs",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-v6-c-spinner",spinnerPath:"pf-v6-c-spinner__path"};const Jt="--pf-v6-c-spinner--diameter";var Qt;!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Qt||(Qt={}));const en=e=>{var{className:t="",size:n="xl","aria-valuetext":i="Loading...",diameter:s,isInline:a=!1,"aria-label":l,"aria-labelledBy":r}=e,c=o(e,["className","size","aria-valuetext","diameter","isInline","aria-label","aria-labelledBy"]);return g.jsx("svg",Object.assign({className:h(Yt.spinner,a?Yt.modifiers.inline:Yt.modifiers[n],t),role:"progressbar","aria-valuetext":i,viewBox:"0 0 100 100"},s&&{style:{[Jt]:s}},l&&{"aria-label":l},r&&{"aria-labelledBy":r},!l&&!r&&{"aria-label":"Contents"},c,{children:g.jsx("circle",{className:Yt.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"})}))};en.displayName="Spinner";var tn="pf-v6-c-badge",nn={read:"pf-m-read",unread:"pf-m-unread",disabled:"pf-m-disabled"};const sn=e=>{var{isRead:t=!1,isDisabled:n=!1,className:i="",children:s="",screenReaderText:a}=e,l=o(e,["isRead","isDisabled","className","children","screenReaderText"]);return g.jsxs("span",Object.assign({},l,{className:h(tn,t?nn.read:nn.unread,n&&nn.disabled,i),children:[s,a&&g.jsx("span",{className:"pf-v6-screen-reader",children:a})]}))};sn.displayName="Badge";const on=_({name:"StarIcon",height:512,width:576,svgPath:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z",yOffset:0,xOffset:0,svgClassName:void 0}),an=_({name:"OutlinedStarIcon",height:512,width:576,svgPath:"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z",yOffset:0,xOffset:0,svgClassName:void 0}),ln=_({name:"CogIcon",height:512,width:512,svgPath:"M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z",yOffset:0,xOffset:0,svgClassName:void 0}),rn=g.jsxs("svg",{viewBox:"0 0 10 10",className:h(Zt.buttonHamburgerIcon,"pf-v6-svg"),width:"1em",height:"1em",children:[g.jsx("path",{className:h(Zt.buttonHamburgerIconTop),d:"M1,1 L9,1"}),g.jsx("path",{className:h(Zt.buttonHamburgerIconMiddle),d:"M1,5 L9,5"}),g.jsx("path",{className:h(Zt.buttonHamburgerIconArrow),d:"M1,5 L1,5 L1,5"}),g.jsx("path",{className:h(Zt.buttonHamburgerIconBottom),d:"M9,9 L1,9"})]});var cn,dn,pn,un;!function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control",e.stateful="stateful"}(cn||(cn={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(dn||(dn={})),function(e){e.default="default",e.sm="sm",e.lg="lg"}(pn||(pn={})),function(e){e.read="read",e.unread="unread",e.attention="attention"}(un||(un={}));const fn=e=>{var{children:t=null,className:n="",component:i="button",isClicked:s=!1,isBlock:a=!1,isDisabled:l=!1,isAriaDisabled:r=!1,isLoading:c=null,isDanger:d=!1,isExpanded:p,isSettings:u,isHamburger:f,hamburgerVariant:m,spinnerAriaValueText:b,spinnerAriaLabelledBy:v,spinnerAriaLabel:x,size:y=pn.default,inoperableEvents:O=["onClick","onKeyPress"],isInline:j=!1,isFavorite:w=!1,isFavorited:C=!1,type:N=dn.button,variant:S=cn.primary,state:I=un.unread,hasNoPadding:E=!1,iconPosition:D="start","aria-label":k=null,icon:L=null,role:M,ouiaId:T,ouiaSafe:R=!0,tabIndex:P=null,innerRef:_,countOptions:A}=e,F=o(e,["children","className","component","isClicked","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","isExpanded","isSettings","isHamburger","hamburgerVariant","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","size","inoperableEvents","isInline","isFavorite","isFavorited","type","variant","state","hasNoPadding","iconPosition","aria-label","icon","role","ouiaId","ouiaSafe","tabIndex","innerRef","countOptions"]);f&&![!0,!1].includes(p)&&console.error("Button: when the isHamburger property is passed in, you must also pass in a boolean value to the isExpanded property. It is expected that a hamburger button controls the expansion of other content."),!(u||f||w)||k||t||F["aria-labelledby"]||console.error("Button: you must provide either visible text content or an accessible name via the aria-label or aria-labelledby properties.");const H=se(mn.displayName,T,R,S),B=i,$="button"===B,W=j&&"span"===B,z="end"===D||"right"===D,V=u||f||w,U=O.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{}),q=(()=>{let e;return w&&(e=g.jsxs(g.Fragment,{children:[g.jsx("span",{className:h("pf-v6-c-button__icon-favorite"),children:g.jsx(an,{})}),g.jsx("span",{className:h("pf-v6-c-button__icon-favorited"),children:g.jsx(on,{})})]})),u&&(e=g.jsx(ln,{})),f&&(e=rn),L&&!V&&(e=L),e&&g.jsx("span",{className:h(Zt.buttonIcon,t&&Zt.modifiers[z?"end":"start"]),children:e})})(),X=t&&g.jsx("span",{className:h("pf-v6-c-button__text"),children:t}),G=r||!$&&l;return g.jsxs(B,Object.assign({"aria-expanded":p},F,r?U:null,G&&{"aria-disabled":!0},{"aria-label":k,className:h(Zt.button,Zt.modifiers[S],u&&Zt.modifiers.settings,f&&Zt.modifiers.hamburger,f&&m&&Zt.modifiers[m],a&&Zt.modifiers.block,l&&!$&&Zt.modifiers.disabled,r&&Zt.modifiers.ariaDisabled,s&&Zt.modifiers.clicked,j&&S===cn.link&&Zt.modifiers.inline,w&&Zt.modifiers.favorite,w&&C&&Zt.modifiers.favorited,d&&(S===cn.secondary||S===cn.link)&&Zt.modifiers.danger,null!==c&&S!==cn.plain&&Zt.modifiers.progress,c&&Zt.modifiers.inProgress,E&&S===cn.plain&&Zt.modifiers.noPadding,S===cn.stateful&&Zt.modifiers[I],y===pn.sm&&Zt.modifiers.small,y===pn.lg&&Zt.modifiers.displayLg,n),disabled:$?l:null,tabIndex:null!==P?P:l?$?null:-1:r?null:W?0:void 0,type:$||W?N:null,role:W?"button":M,ref:_},H,{children:[c&&g.jsx("span",{className:h(Zt.buttonProgress),children:g.jsx(en,{size:Qt.md,isInline:j,"aria-valuetext":b,"aria-label":x,"aria-labelledby":v})}),z?g.jsxs(g.Fragment,{children:[X,q]}):g.jsxs(g.Fragment,{children:[q,X]}),A&&g.jsx("span",{className:h(Zt.buttonCount,A.className),children:g.jsx(sn,{isRead:A.isRead,isDisabled:l,children:A.count})})]}))},mn=t.forwardRef(((e,t)=>g.jsx(fn,Object.assign({innerRef:t},e))));mn.displayName="Button";const gn=e=>{var{className:t,icon:n,onClick:i,"aria-label":s,isFavorited:a=null,isDisabled:l,actionId:r,innerRef:c}=e,d=o(e,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return g.jsx(It.Consumer,{children:({onActionClick:e})=>g.jsx(Et.Consumer,{children:({itemId:o,isDisabled:p})=>g.jsx("div",Object.assign({className:h(O,null!==a&&"pf-m-favorite",a&&T.favorited,t)},d,{children:g.jsx(mn,{"aria-label":s,onClick:t=>{i&&i(t),e&&e(t,o,r)},ref:c,role:"menuitem",variant:"plain",isFavorite:null!==a,isFavorited:null!=a&&a,tabIndex:-1,isDisabled:l||p,icon:null===a?n:void 0})}))})})},hn=t.forwardRef(((e,t)=>g.jsx(gn,Object.assign({},e,{innerRef:t}))));hn.displayName="MenuItemAction";var bn={top:"pf-m-top",topLeft:"pf-m-top-left",topRight:"pf-m-top-right",bottom:"pf-m-bottom",bottomLeft:"pf-m-bottom-left",bottomRight:"pf-m-bottom-right",left:"pf-m-left",leftTop:"pf-m-left-top",leftBottom:"pf-m-left-bottom",right:"pf-m-right",rightTop:"pf-m-right-top",rightBottom:"pf-m-right-bottom",textAlignLeft:"pf-m-text-align-left"},vn="pf-v6-c-tooltip",xn="pf-v6-c-tooltip__arrow",yn="pf-v6-c-tooltip__content";const On=e=>{var{className:t,children:n,isLeftAligned:i}=e,s=o(e,["className","children","isLeftAligned"]);return g.jsx("div",Object.assign({className:h(yn,i&&bn.textAlignLeft,t)},s,{children:n}))};On.displayName="TooltipContent";const jn=e=>{var{className:t}=e,n=o(e,["className"]);return g.jsx("div",Object.assign({className:h(xn,t)},n))};jn.displayName="TooltipArrow";const wn={value:"18.75rem"};var Cn;!function(e){e.auto="auto",e.top="top",e.bottom="bottom",e.left="left",e.right="right",e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end"}(Cn||(Cn={}));let Nn=1;const Sn=e=>{var{content:n,position:i="top",trigger:s="mouseenter focus",isVisible:a=!1,isContentLeftAligned:l=!1,enableFlip:r=!0,className:c="",entryDelay:d=300,exitDelay:p=300,appendTo:u=(()=>document.body),zIndex:f=9999,minWidth:m,maxWidth:b=wn.value,distance:v=15,aria:x="describedby",flipBehavior:y=["top","right","bottom","left","top","right","bottom"],id:O="pf-tooltip-"+Nn++,children:j,animationDuration:w=300,triggerRef:C,"aria-live":N=(C?"polite":"off"),onTooltipHidden:S=(()=>{})}=e,I=o(e,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const E=s.includes("mouseenter"),D=s.includes("focus"),k=s.includes("click"),L="manual"===s,[M,T]=t.useState(!1),R=t.createRef(),P=()=>"none"!==x?`aria-${x}`:null,_=e=>{if("none"===x||!C||j)return;const t="function"==typeof C?C():C&&"object"==typeof C&&"current"in C?C.current:C instanceof HTMLElement?C:null;t&&(e?(e=>{const t=P();if(!e||!t)return;const n=e.getAttribute(t);if(!n||!n.includes(O)){const i=n?`${n} ${O}`:O;e.setAttribute(t,i)}})(t):(e=>{const t=P();if(!e||!t)return;const n=e.getAttribute(t);if(!n)return;const i=n.replace(new RegExp(`\\b${O}\\b`,"g"),"").trim();i?e.setAttribute(t,i):e.removeAttribute(t)})(t))};t.useEffect((()=>(_(M),()=>{_(!1)})),[M,x,C,j,O]);t.useEffect((()=>{a?A():F()}),[a]);const A=()=>{T(!0)},F=()=>{T(!1)},H={top:bn.top,bottom:bn.bottom,left:bn.left,right:bn.right,"top-start":bn.topLeft,"top-end":bn.topRight,"bottom-start":bn.bottomLeft,"bottom-end":bn.bottomRight,"left-start":bn.leftTop,"left-end":bn.leftBottom,"right-start":bn.rightTop,"right-end":bn.rightBottom},B=b!==wn.value,$=g.jsxs("div",Object.assign({"aria-live":N,className:h(vn,c),role:"tooltip",id:O,style:{maxWidth:B?b:null},ref:R},I,{children:[g.jsx(jn,{}),g.jsx(On,{isLeftAligned:l,children:n})]}));return g.jsx(Ct,{trigger:"none"!==x&&M?(()=>{if(j)return"describedby"===x&&j.props&&!j.props["aria-describedby"]?t.cloneElement(j,{"aria-describedby":O}):"labelledby"===x&&j.props&&!j.props["aria-labelledby"]?t.cloneElement(j,{"aria-labelledby":O}):j})():j,triggerRef:C,popper:$,popperRef:R,minWidth:void 0!==m?m:"revert",appendTo:u,isVisible:M,positionModifiers:H,distance:v,placement:i,onMouseEnter:E&&A,onMouseLeave:E&&F,onPopperMouseEnter:E&&A,onPopperMouseLeave:E&&F,onFocus:D&&A,onBlur:D&&F,onDocumentClick:k&&((e,t)=>{M?F():e.target===t&&A()}),onDocumentKeyDown:L?null:e=>{L||e.key===z&&M&&F()},onTriggerEnter:L?null:e=>{e.key===V&&(M?F():A())},enableFlip:r,zIndex:f,flipBehavior:y,animationDuration:w,entryDelay:d,exitDelay:p,onHidden:S})};Sn.displayName="Tooltip";const In=t.createContext({direction:"right"}),En=e=>{var{children:n,className:i,itemId:s=null,to:a,hasCheckbox:l=!1,isActive:r=null,isFavorited:c=null,isLoadButton:d=!1,isLoading:p=!1,flyoutMenu:u,direction:f,description:m=null,onClick:x=(()=>{}),component:O="button",isDisabled:k=!1,isAriaDisabled:M=!1,isExternalLink:R=!1,isSelected:P=null,isFocused:_,isDanger:A=!1,icon:F,actions:H,onShowFlyout:B,drilldownMenu:$,isOnPath:W,innerRef:z,id:V,"aria-label":U,tooltipProps:q,rel:X,target:G,download:Z}=e,Y=o(e,["children","className","itemId","to","hasCheckbox","isActive","isFavorited","isLoadButton","isLoading","flyoutMenu","direction","description","onClick","component","isDisabled","isAriaDisabled","isExternalLink","isSelected","isFocused","isDanger","icon","actions","onShowFlyout","drilldownMenu","isOnPath","innerRef","id","aria-label","tooltipProps","rel","target","download"]);const{menuId:J,parentMenu:ee,onSelect:te,onActionClick:ne,activeItemId:ie,selected:se,drilldownItemPath:oe,onDrillIn:ae,onDrillOut:le,flyoutRef:re,setFlyoutRef:ce,disableHover:de,role:pe}=t.useContext(It);let ue=a?"a":O;l&&!a&&(ue="label");const[fe,me]=t.useState(null),ge=t.useContext(In),[he,be]=t.useState(ge.direction),ve=t.useRef(void 0),xe=t.useRef(void 0),ye=z||xe,Oe=ve===re,je=void 0!==u,we=e=>{!Oe&&e?ce(ve):Oe&&!e&&ce(null),B&&e&&B()};vt((()=>{if(je&&ve.current&&K){const e=ve.current.lastElementChild;if(e&&e.classList.contains(v)){const t=ve.current.getClientRects()[0],n=e.getClientRects()[0];if(t&&n){const i=t.x-n.width,s=window.innerWidth-t.x-t.width-n.width;let o=he;s<0&&"left"!==o?(be("left"),o="left"):i<0&&"right"!==o&&(be("right"),o="right");let a=0;i<0&&s<0&&(a="right"===o?-s:-i),"left"===o?(e.classList.add(T.left),e.style.setProperty(Pt,`-${a}px`)):e.style.setProperty(_t,`-${a}px`);const l=window.innerHeight-t.y-n.height;window.innerHeight-n.height<0&&l<0||l<0&&e.style.setProperty(Rt,`${l}px`)}}}}),[Oe,u]),t.useEffect((()=>{be(ge.direction)}),[ge]),t.useEffect((()=>{var e,t,n;if(fe)if(Oe){const i=fe.nextElementSibling;null===(n=null===(t=Array.from((null===(e=null==i?void 0:i.getElementsByTagName("UL")[0])||void 0===e?void 0:e.children)||[]).filter((e=>!(e.classList.contains("pf-m-disabled")||e.classList.contains(b))))[0])||void 0===t?void 0:t.firstChild)||void 0===n||n.focus()}else fe.focus()}),[Oe,fe]);const Ce=e=>{const t=e.key,n=e.target,i=e.type;" "!==t&&"Enter"!==t&&"ArrowRight"!==t&&"click"!==i||(e.stopPropagation(),e.preventDefault(),Oe||(we(!0),me(n))),"Escape"!==t&&"ArrowLeft"!==t||Oe&&(e.stopPropagation(),we(!1))},Ne=(e,t)=>{M||(t&&t(e,s),x&&x(e))},Se=W&&W||oe&&oe.includes(s)||!1;let Ie;f&&(Ie="down"===f?e=>ae&&ae(e,J,"function"==typeof $?$().props.id:$.props.id,s):e=>le&&le(e,ee,s));let Ee={};"a"===ue?Ee={href:a,"aria-disabled":!(!k&&!M)||null,disabled:null,target:R?"_blank":G,rel:X,download:Z}:"button"===ue&&(Ee={type:"button","aria-disabled":!!M||null}),W?Ee["aria-expanded"]=!0:je&&(Ee["aria-haspopup"]="menu",Ee["aria-expanded"]=Oe);const De=()=>null!==P?P:null!==se&&null!==s&&(Array.isArray(se)&&se.includes(s)||s===se);t.useEffect((()=>{if(_&&ve.current){const e=ve.current,t=e.parentElement;if(t){const n=e.offsetTop-t.offsetTop<t.scrollTop,i=e.offsetTop-t.offsetTop+e.clientHeight;(n||i)&&e.scrollIntoView({behavior:"auto",block:"nearest"})}}}),[_]);const ke="listbox"===pe,Le=g.jsxs(g.Fragment,{children:[g.jsx(Q,{children:e=>g.jsxs(ue,Object.assign({id:V,tabIndex:-1,className:h(y,De()&&!l&&T.selected,i),"aria-current":null!==r?r?"page":null:null!==s&&null!==ie?s===ie:null},!l&&{disabled:k,"aria-label":U},!l&&!u&&{role:ke?"option":"menuitem"},!l&&!u&&ke&&{"aria-selected":De()},{ref:ye},!l&&{onClick:e=>{M?e.preventDefault():(Ne(e,te),Ie&&Ie(e),u&&Ce(e))}},l&&{htmlFor:e},Ee,{children:[g.jsxs("span",{className:h(S),children:["up"===f&&g.jsx("span",{className:h(D),children:g.jsx(Ht,{})}),F&&g.jsx("span",{className:h(N),children:F}),l&&g.jsx("span",{className:h(j),children:g.jsx(Kt,{id:e,component:"span",isChecked:P||!1,onChange:e=>Ne(e,te),isDisabled:k,"aria-disabled":M})}),g.jsx("span",{className:h(E),children:n}),R&&g.jsx("span",{className:h(C),children:g.jsx(At,{})}),(u||"down"===f)&&g.jsx("span",{className:h(D),children:g.jsx(Ft,{})}),De()&&g.jsx("span",{className:h(I),children:g.jsx(Bt,{})})]}),m&&"up"!==f&&g.jsx("span",{className:h(w),children:g.jsx("span",{children:m})})]}))}),Oe&&g.jsx(It.Provider,{value:{disableHover:de},children:g.jsx(In.Provider,{value:{direction:he},children:u})}),"function"==typeof $?$():$,g.jsxs(Et.Provider,{value:{itemId:s,isDisabled:k},children:[H,null!==c&&g.jsx(hn,{icon:"favorites",isFavorited:c,"aria-label":c?"starred":"not starred",onClick:e=>ne(e,s),tabIndex:-1,actionId:"fav"})]})]});return g.jsxs(g.Fragment,{children:[g.jsx("li",Object.assign({className:h(L,k&&T.disabled,M&&T.ariaDisabled,Se&&T.currentPath,d&&T.load,p&&T.loading,_&&"pf-m-focus",A&&T.danger,i),onMouseOver:()=>{M||de||(je?we(!0):ce(null))}},u&&!M&&{onKeyDown:Ce},{ref:ve,role:l?"menuitem":"none"},l&&{"aria-label":U},Y,{children:Le})),q&&g.jsx(Sn,Object.assign({},q,{triggerRef:ye}))]})},Dn=t.forwardRef(((e,t)=>g.jsx(En,Object.assign({},e,{innerRef:t}))));Dn.displayName="MenuItem";const kn=e=>{var{children:n=null,className:i,isAriaMultiselectable:s=!1,"aria-label":a}=e,l=o(e,["children","className","isAriaMultiselectable","aria-label"]);const{role:r}=t.useContext(It);return g.jsx("ul",Object.assign({role:r},"listbox"===r&&{"aria-multiselectable":s},{className:h(k,i),"aria-label":a},l,{children:n}))};kn.displayName="MenuList";const Ln=e=>{var{children:n,className:i,onSelect:s,isOpen:a,toggle:l,shouldFocusToggleOnSelect:r=!1,onOpenChange:c,onToggleKeydown:d,isPlain:p,isScrollable:u,innerRef:f,ouiaId:m,ouiaSafe:b=!0,zIndex:v=9999,popperProps:x,onOpenChangeKeys:y=["Escape","Tab"],menuHeight:O,maxMenuHeight:j,shouldFocusFirstItemOnOpen:w=!1,shouldPreventScrollOnItemFocus:C=!0,focusTimeoutDelay:N=0}=e,S=o(e,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","onToggleKeydown","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const I=t.useRef(void 0),E=t.useRef(void 0),D=se(Mn.displayName,m,b),k=f||I,L="function"==typeof l||"function"!=typeof l&&!l.toggleRef?E:null==l?void 0:l.toggleRef,M=t.useRef(a);t.useEffect((()=>{!1===M.current&&!0===a&&w&&setTimeout((()=>{var e;const t=null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');t&&t.focus({preventScroll:C})}),N),M.current=a}),[a]),t.useEffect((()=>{const e=e=>{var t,n,i,s;a&&c&&((null===(t=k.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=L.current)||void 0===n?void 0:n.contains(e.target)))&&y.includes(e.key)&&(c(!1),null===(i=L.current)||void 0===i||i.focus()),(null===(s=L.current)||void 0===s?void 0:s.contains(e.target))&&(d?d(e):a&&Nt(e,k))},t=e=>{var t,n;a&&c&&!(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.contains(e.target))&&a&&!(null===(n=k.current)||void 0===n?void 0:n.contains(e.target))&&c(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[a,k,L,c,y,d,C,w,N]);const T=void 0!==j||void 0!==O||u,R=g.jsx(kt,Object.assign({className:h(i),ref:k,onSelect:(e,t)=>{var n;s&&s(e,t),r&&(null===(n=L.current)||void 0===n||n.focus())},isPlain:p,isScrollable:T},S,D,{children:g.jsx(Tt,{menuHeight:O,maxMenuHeight:j,children:n})}));return g.jsx(Ct,Object.assign({trigger:"function"==typeof l?l(L):l.toggleNode,triggerRef:L,popper:R,popperRef:k,isVisible:a,zIndex:v},x))},Mn=t.forwardRef(((e,t)=>g.jsx(Ln,Object.assign({innerRef:t},e))));Mn.displayName="Dropdown";const Tn=e=>{var{children:t,className:n,description:i,isDisabled:s,isAriaDisabled:a,value:l,onClick:r,ouiaId:c,ouiaSafe:d,innerRef:p,tooltipProps:u}=e,f=o(e,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const m=se(Rn.displayName,c,d);return g.jsx(Dn,Object.assign({className:h(n),description:i,isDisabled:s,isAriaDisabled:a,itemId:l,onClick:r,tooltipProps:u,ref:p},m,f,{children:t}))},Rn=t.forwardRef(((e,t)=>g.jsx(Tn,Object.assign({},e,{innerRef:t}))));Rn.displayName="DropdownItem";const Pn=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return g.jsx(kn,Object.assign({className:h(n)},i,{children:t}))};Pn.displayName="DropdownList";var _n={menuToggle:"pf-v6-c-menu-toggle",menuToggleButton:"pf-v6-c-menu-toggle__button",menuToggleControls:"pf-v6-c-menu-toggle__controls",menuToggleCount:"pf-v6-c-menu-toggle__count",menuToggleIcon:"pf-v6-c-menu-toggle__icon",menuToggleStatusIcon:"pf-v6-c-menu-toggle__status-icon",menuToggleText:"pf-v6-c-menu-toggle__text",menuToggleToggleIcon:"pf-v6-c-menu-toggle__toggle-icon",modifiers:{primary:"pf-m-primary",secondary:"pf-m-secondary",fullHeight:"pf-m-full-height",fullWidth:"pf-m-full-width",plain:"pf-m-plain",expanded:"pf-m-expanded",disabled:"pf-m-disabled",small:"pf-m-small",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",settings:"pf-m-settings",placeholder:"pf-m-placeholder",splitButton:"pf-m-split-button",standalone:"pf-m-standalone",typeahead:"pf-m-typeahead",text:"pf-m-text",avatar:"pf-m-avatar"}};const An=_({name:"CaretDownIcon",height:512,width:320,svgPath:"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z",yOffset:0,xOffset:0,svgClassName:void 0});var Fn,Hn;!function(e){e.success="success",e.danger="danger",e.warning="warning"}(Fn||(Fn={})),function(e){e.default="default",e.sm="sm"}(Hn||(Hn={}));class Bn extends t.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:ae($n.displayName,this.props.variant)}}render(){const e=this.props,{children:n,className:i,icon:s,badge:a,isExpanded:l,isDisabled:r,isFullHeight:c,isFullWidth:d,isPlaceholder:p,isSettings:u,splitButtonItems:f,variant:m,status:b,statusIcon:v,innerRef:x,onClick:y,"aria-label":O,ouiaId:j,ouiaSafe:w,size:C}=e,N=o(e,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","isSettings","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),S="plain"===m,I="plainText"===m,E="typeahead"===m,D=ie($n.displayName,null!=j?j:this.state.ouiaStateId,w);let k=v;if(!v)switch(b){case Fn.success:k=g.jsx(A,{});break;case Fn.warning:k=g.jsx(H,{});break;case Fn.danger:k=g.jsx(F,{})}const L=g.jsxs("span",{className:h(_n.menuToggleControls),children:[void 0!==b&&g.jsx("span",{className:h(_n.menuToggleStatusIcon),children:k}),g.jsx("span",{className:h(_n.menuToggleToggleIcon),children:g.jsx(An,{})})]}),M=g.jsxs(g.Fragment,{children:[(s||u)&&g.jsx("span",{className:h(_n.menuToggleIcon),children:u?g.jsx(ln,{}):s}),E?n:n&&g.jsx("span",{className:h(_n.menuToggleText),children:n}),t.isValidElement(a)&&g.jsx("span",{className:h(_n.menuToggleCount),children:a}),E?g.jsx("button",Object.assign({type:"button",className:h(_n.menuToggleButton),"aria-expanded":l,onClick:y,"aria-label":O||"Menu toggle",tabIndex:-1},D,{children:L})):!S&&L]}),T=h(_n.menuToggle,l&&_n.modifiers.expanded,"primary"===m&&_n.modifiers.primary,"secondary"===m&&_n.modifiers.secondary,b&&_n.modifiers[b],(S||I)&&_n.modifiers.plain,I&&"pf-m-text",c&&_n.modifiers.fullHeight,d&&_n.modifiers.fullWidth,r&&_n.modifiers.disabled,p&&_n.modifiers.placeholder,u&&_n.modifiers.settings,C===Hn.sm&&_n.modifiers.small,i),R=Object.assign(Object.assign({children:M},r&&{disabled:!0}),N);return E?g.jsx("div",Object.assign({ref:x,className:h(T,_n.modifiers.typeahead)},R)):f?g.jsxs("div",{ref:x,className:h(T,_n.modifiers.splitButton),children:[f,g.jsxs("button",Object.assign({className:h(_n.menuToggleButton,n&&_n.modifiers.text),type:"button","aria-expanded":l,"aria-label":O,disabled:r,onClick:y},N,D,{children:[n&&g.jsx("span",{className:h(_n.menuToggleText),children:n}),L]}))]}):g.jsx("button",Object.assign({className:h(T),type:"button","aria-label":O,"aria-expanded":l,ref:x,disabled:r,onClick:y},R,D))}}Bn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const $n=t.forwardRef(((e,t)=>g.jsx(Bn,Object.assign({innerRef:t},e))));$n.displayName="MenuToggle";var Wn,zn={divider:"pf-v6-c-divider",modifiers:{hidden:"pf-m-hidden",hiddenOnSm:"pf-m-hidden-on-sm",visibleOnSm:"pf-m-visible-on-sm",hiddenOnMd:"pf-m-hidden-on-md",visibleOnMd:"pf-m-visible-on-md",hiddenOnLg:"pf-m-hidden-on-lg",visibleOnLg:"pf-m-visible-on-lg",hiddenOnXl:"pf-m-hidden-on-xl",visibleOnXl:"pf-m-visible-on-xl",hiddenOn_2xl:"pf-m-hidden-on-2xl",visibleOn_2xl:"pf-m-visible-on-2xl",horizontal:"pf-m-horizontal",vertical:"pf-m-vertical",insetNone:"pf-m-inset-none",insetXs:"pf-m-inset-xs",insetSm:"pf-m-inset-sm",insetMd:"pf-m-inset-md",insetLg:"pf-m-inset-lg",insetXl:"pf-m-inset-xl",inset_2xl:"pf-m-inset-2xl",inset_3xl:"pf-m-inset-3xl",horizontalOnSm:"pf-m-horizontal-on-sm",verticalOnSm:"pf-m-vertical-on-sm",insetNoneOnSm:"pf-m-inset-none-on-sm",insetXsOnSm:"pf-m-inset-xs-on-sm",insetSmOnSm:"pf-m-inset-sm-on-sm",insetMdOnSm:"pf-m-inset-md-on-sm",insetLgOnSm:"pf-m-inset-lg-on-sm",insetXlOnSm:"pf-m-inset-xl-on-sm",inset_2xlOnSm:"pf-m-inset-2xl-on-sm",inset_3xlOnSm:"pf-m-inset-3xl-on-sm",horizontalOnMd:"pf-m-horizontal-on-md",verticalOnMd:"pf-m-vertical-on-md",insetNoneOnMd:"pf-m-inset-none-on-md",insetXsOnMd:"pf-m-inset-xs-on-md",insetSmOnMd:"pf-m-inset-sm-on-md",insetMdOnMd:"pf-m-inset-md-on-md",insetLgOnMd:"pf-m-inset-lg-on-md",insetXlOnMd:"pf-m-inset-xl-on-md",inset_2xlOnMd:"pf-m-inset-2xl-on-md",inset_3xlOnMd:"pf-m-inset-3xl-on-md",horizontalOnLg:"pf-m-horizontal-on-lg",verticalOnLg:"pf-m-vertical-on-lg",insetNoneOnLg:"pf-m-inset-none-on-lg",insetXsOnLg:"pf-m-inset-xs-on-lg",insetSmOnLg:"pf-m-inset-sm-on-lg",insetMdOnLg:"pf-m-inset-md-on-lg",insetLgOnLg:"pf-m-inset-lg-on-lg",insetXlOnLg:"pf-m-inset-xl-on-lg",inset_2xlOnLg:"pf-m-inset-2xl-on-lg",inset_3xlOnLg:"pf-m-inset-3xl-on-lg",horizontalOnXl:"pf-m-horizontal-on-xl",verticalOnXl:"pf-m-vertical-on-xl",insetNoneOnXl:"pf-m-inset-none-on-xl",insetXsOnXl:"pf-m-inset-xs-on-xl",insetSmOnXl:"pf-m-inset-sm-on-xl",insetMdOnXl:"pf-m-inset-md-on-xl",insetLgOnXl:"pf-m-inset-lg-on-xl",insetXlOnXl:"pf-m-inset-xl-on-xl",inset_2xlOnXl:"pf-m-inset-2xl-on-xl",inset_3xlOnXl:"pf-m-inset-3xl-on-xl",horizontalOn_2xl:"pf-m-horizontal-on-2xl",verticalOn_2xl:"pf-m-vertical-on-2xl",insetNoneOn_2xl:"pf-m-inset-none-on-2xl",insetXsOn_2xl:"pf-m-inset-xs-on-2xl",insetSmOn_2xl:"pf-m-inset-sm-on-2xl",insetMdOn_2xl:"pf-m-inset-md-on-2xl",insetLgOn_2xl:"pf-m-inset-lg-on-2xl",insetXlOn_2xl:"pf-m-inset-xl-on-2xl",inset_2xlOn_2xl:"pf-m-inset-2xl-on-2xl",inset_3xlOn_2xl:"pf-m-inset-3xl-on-2xl"}};!function(e){e.hr="hr",e.li="li",e.div="div"}(Wn||(Wn={}));const Vn=e=>{var{className:t,component:n=Wn.hr,inset:i,orientation:s,role:a="separator"}=e,l=o(e,["className","component","inset","orientation","role"]);const r=n;return g.jsx(r,Object.assign({className:h(zn.divider,q(i,zn),q(s,zn),t)},"hr"!==n&&{role:a},l))};Vn.displayName="Divider";const Un=e=>{var{innerRef:n,initialItems:i,onSelect:s,onToggle:a,isDisabled:l,toggleAriaLabel:r,toggleContent:c,isToggleFullWidth:d,toggleVariant:p="default",toggleWidth:u,toggleProps:f,shouldFocusToggleOnSelect:m}=e,h=o(e,["innerRef","initialItems","onSelect","onToggle","isDisabled","toggleAriaLabel","toggleContent","isToggleFullWidth","toggleVariant","toggleWidth","toggleProps","shouldFocusToggleOnSelect"]);const[b,v]=t.useState(!1),x=()=>{a&&a(!b),v(!b)},y=null==i?void 0:i.map((e=>{const{content:t,onClick:n,to:i,value:s,isDivider:a}=e,l=o(e,["content","onClick","to","value","isDivider"]);return a?g.jsx(Vn,{component:"li"},s):g.jsx(Rn,Object.assign({onClick:n,to:i,value:s},l,{children:t}),s)}));return g.jsx(Mn,Object.assign({toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:x,isExpanded:b,isDisabled:l,variant:p,"aria-label":r,isFullWidth:d,style:{width:u}},f,{children:c})),isOpen:b,onSelect:(e,t)=>{s&&s(e,t),a&&a(!1),v(!1)},shouldFocusToggleOnSelect:m,onOpenChange:e=>{a&&a(e),v(e)},ref:n},h,{children:g.jsx(Pn,{children:y})}))},qn=t.forwardRef(((e,t)=>g.jsx(Un,Object.assign({},e,{innerRef:t}))));qn.displayName="SimpleDropdown";const Xn=e=>{var{children:n,className:i,onSelect:s,isOpen:a,selected:l,toggle:r,shouldFocusToggleOnSelect:c=!1,shouldFocusFirstItemOnOpen:d=!1,onOpenChange:p,onOpenChangeKeys:u=["Escape","Tab"],onToggleKeydown:f,variant:m,isPlain:b,innerRef:v,zIndex:x=9999,role:y="listbox",popperProps:O,menuHeight:j,maxMenuHeight:w,isScrollable:C,shouldPreventScrollOnItemFocus:N=!0,focusTimeoutDelay:S=0}=e,I=o(e,["children","className","onSelect","isOpen","selected","toggle","shouldFocusToggleOnSelect","shouldFocusFirstItemOnOpen","onOpenChange","onOpenChangeKeys","onToggleKeydown","variant","isPlain","innerRef","zIndex","role","popperProps","menuHeight","maxMenuHeight","isScrollable","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const E=t.useRef(void 0),D=t.useRef(void 0),k=v||E,L="function"==typeof r||"function"!=typeof r&&!r.toggleRef?D:null==r?void 0:r.toggleRef,M=t.useRef(a);t.useEffect((()=>{!1===M.current&&!0===a&&d&&setTimeout((()=>{var e;const t=null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.querySelector("li button:not(:disabled),li input:not(:disabled)");t&&t.focus({preventScroll:N})}),S),M.current=a}),[a]),t.useEffect((()=>{const e=e=>{var t,n,i,s;a&&p&&((null===(t=k.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=L.current)||void 0===n?void 0:n.contains(e.target)))&&u.includes(e.key)&&(e.preventDefault(),p(!1),null===(i=L.current)||void 0===i||i.focus()),(null===(s=L.current)||void 0===s?void 0:s.contains(e.target))&&(f?f(e):a&&"typeahead"!==m&&Nt(e,k))},t=e=>{var t,n;a&&p&&!(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.contains(e.target))&&a&&!(null===(n=k.current)||void 0===n?void 0:n.contains(e.target))&&p(!1)};return window.addEventListener("keydown",e),window.addEventListener("click",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("click",t)}}),[a,k,L,p,u,f,N,d,S]);const T=g.jsx(kt,Object.assign({role:y,className:h(i),ref:k,onSelect:(e,t)=>{s&&s(e,t),c&&L.current.focus()},isPlain:b,selected:l,isScrollable:null!=C?C:void 0!==j||void 0!==w},ie(Gn.displayName,void 0!==I.ouiaId?I.ouiaId:ae(Gn.displayName),void 0===I.ouiaSafe||I.ouiaSafe),I,{children:g.jsx(Tt,{menuHeight:j,maxMenuHeight:w,children:n})}));return g.jsx(Ct,Object.assign({trigger:"function"==typeof r?r(L):r.toggleNode,triggerRef:L,popper:T,popperRef:k,isVisible:a,zIndex:x},O))},Gn=t.forwardRef(((e,t)=>g.jsx(Xn,Object.assign({innerRef:t},e))));Gn.displayName="Select";const Kn=e=>{var{children:t,className:n,isAriaMultiselectable:i=!1}=e,s=o(e,["children","className","isAriaMultiselectable"]);return g.jsx(kn,Object.assign({isAriaMultiselectable:i,className:h(n)},s,{children:t}))};Kn.displayName="SelectList";const Zn=e=>{var{children:t,className:n,innerRef:i,value:s}=e,a=o(e,["children","className","innerRef","value"]);return g.jsx(Dn,Object.assign({itemId:s,ref:i,className:h(n)},a,{children:t}))},Yn=t.forwardRef(((e,t)=>g.jsx(Zn,Object.assign({},e,{innerRef:t}))));Yn.displayName="SelectOption";const Jn=e=>{var{innerRef:n,initialOptions:i,isDisabled:s,onSelect:a,onToggle:l,toggleContent:r,toggleWidth:c="200px",toggleProps:d,placeholder:p="Select a value"}=e,u=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps","placeholder"]);const[f,m]=t.useState(!1),[h,b]=t.useState();t.useEffect((()=>{const e=null==i?void 0:i.find((e=>e.selected));b(e)}),[i]);const v=null==i?void 0:i.map((e=>{const{content:t,value:n}=e,i=o(e,["content","value"]),s=(null==h?void 0:h.value)===n;return g.jsx(Yn,Object.assign({value:n,isSelected:s},i,{children:t}),n)})),x=()=>{l&&l(!f),m(!f)};return g.jsx(Gn,Object.assign({isOpen:f,selected:h,onSelect:(e,t)=>{a&&a(e,t),b(i.find((e=>e.value===t))),l&&l(!0),m(!1)},onOpenChange:e=>{l&&l(e),m(e)},toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:x,isExpanded:f,isDisabled:s,style:{width:c}},d,{children:r||((null==h?void 0:h.content)||p)})),shouldFocusToggleOnSelect:!0,ref:n},u,{children:g.jsx(Kn,{children:v})}))},Qn=t.forwardRef(((e,t)=>g.jsx(Jn,Object.assign({},e,{innerRef:t}))));Qn.displayName="SimpleSelect";const ei=e=>{var{innerRef:n,initialOptions:i,isDisabled:s,onSelect:a,onToggle:l,toggleContent:r,toggleWidth:c="200px",toggleProps:d}=e,p=o(e,["innerRef","initialOptions","isDisabled","onSelect","onToggle","toggleContent","toggleWidth","toggleProps"]);const[u,f]=t.useState(!1),[m,h]=t.useState([]);t.useEffect((()=>{var e;const t=null==i?void 0:i.filter((e=>e.selected));h(null!==(e=null==t?void 0:t.map((e=>String(e.value))))&&void 0!==e?e:[])}),[i]);const b=null==i?void 0:i.map((e=>{const{content:t,value:n}=e,i=o(e,["content","value"]),s=m.includes(`${n}`);return g.jsx(Yn,Object.assign({value:n,hasCheckbox:!0,isSelected:s},i,{children:t}),n)})),v=()=>{l&&l(!u),f(!u)},x=g.jsxs(g.Fragment,{children:["Filter by status",m.length>0&&g.jsx(sn,{isRead:!0,children:m.length})]});return g.jsx(Gn,Object.assign({isOpen:u,selected:m,onSelect:(e,t)=>{const n=`${t}`;m.includes(n)?h((e=>e.filter((e=>e!==n)))):h((e=>[...e,n])),a&&a(e,t)},onOpenChange:e=>{l&&l(e),f(e)},toggle:e=>g.jsx($n,Object.assign({ref:e,onClick:v,isExpanded:u,isDisabled:s,style:{width:c}},d,{children:r||x})),ref:n,role:"menu"},p,{children:g.jsx(Kn,{children:b})}))},ti=t.forwardRef(((e,t)=>g.jsx(ei,Object.assign({},e,{innerRef:t}))));var ni={modifiers:{disabled:"pf-m-disabled",plain:"pf-m-plain",success:"pf-m-success",warning:"pf-m-warning",error:"pf-m-error",status:"pf-m-status",icon:"pf-m-icon",hint:"pf-m-hint"},textInputGroup:"pf-v6-c-text-input-group",textInputGroupIcon:"pf-v6-c-text-input-group__icon",textInputGroupMain:"pf-v6-c-text-input-group__main",textInputGroupText:"pf-v6-c-text-input-group__text",textInputGroupTextInput:"pf-v6-c-text-input-group__text-input",textInputGroupUtilities:"pf-v6-c-text-input-group__utilities"};const ii=t.createContext({isDisabled:!1}),si=e=>{var{children:n,className:i,isDisabled:s,isPlain:a,validated:l,innerRef:r}=e,c=o(e,["children","className","isDisabled","isPlain","validated","innerRef"]);const d=t.useRef(null),p=r||d;return g.jsx(ii.Provider,{value:{isDisabled:s,validated:l},children:g.jsx("div",Object.assign({ref:p,className:h(ni.textInputGroup,s&&ni.modifiers.disabled,a&&ni.modifiers.plain,l&&ni.modifiers[l],i)},c,{children:n}))})};si.displayName="TextInputGroup";const oi=e=>{var{children:t,className:n,isStatus:i}=e,s=o(e,["children","className","isStatus"]);return g.jsx("span",Object.assign({className:h(ni.textInputGroupIcon,i&&ni.modifiers.status,n)},s,{children:t}))};oi.displayName="TextInputGroupIcon";const ai=e=>{var{children:n,className:i,icon:s,type:a="text",hint:l,onChange:r=(()=>{}),onFocus:c,onBlur:d,"aria-label":p="Type to filter",value:u,placeholder:f,innerRef:m,name:b,"aria-activedescendant":v,role:x,isExpanded:y,"aria-controls":O,inputId:j,inputProps:w}=e,C=o(e,["children","className","icon","type","hint","onChange","onFocus","onBlur","aria-label","value","placeholder","innerRef","name","aria-activedescendant","role","isExpanded","aria-controls","inputId","inputProps"]);const{isDisabled:N,validated:S}=t.useContext(ii),I=t.useRef(null),E=m||I,D=U[S===W.error?"danger":S];return g.jsxs("div",Object.assign({className:h(ni.textInputGroupMain,s&&ni.modifiers.icon,i)},C,{children:[n,g.jsxs("span",{className:h(ni.textInputGroupText),children:[l&&g.jsx("input",{className:h(ni.textInputGroupTextInput,ni.modifiers.hint),type:"text",disabled:!0,"aria-hidden":"true",value:l,id:j}),s&&g.jsx(oi,{children:s}),g.jsx("input",Object.assign({ref:E,type:a,className:h(ni.textInputGroupTextInput),"aria-label":p,disabled:N,onChange:e=>{r(e,e.currentTarget.value)},onFocus:c,onBlur:d,value:u||"",placeholder:f,name:b,"aria-activedescendant":v,id:j},x&&{role:x},void 0!==y&&{"aria-expanded":y},O&&{"aria-controls":O},w)),S&&g.jsx(oi,{isStatus:!0,children:g.jsx(D,{})})]})]}))},li=t.forwardRef(((e,t)=>g.jsx(ai,Object.assign({innerRef:t},e))));li.displayName="TextInputGroupMain";const ri=e=>{var{children:t,className:n}=e,i=o(e,["children","className"]);return g.jsx("div",Object.assign({className:h(ni.textInputGroupUtilities,n)},i,{children:t}))};ri.displayName="TextInputGroupUtilities";const ci=_({name:"TimesIcon",height:512,width:352,svgPath:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z",yOffset:0,xOffset:0,svgClassName:void 0}),di=e=>`No results found for "${e}"`,pi=e=>`Create "${e}"`,ui=e=>{var n,i,s,a,{innerRef:l,initialOptions:r,onSelect:c,onToggle:d,onInputChange:p,onInputKeyDown:u,onClearSelection:f,placeholder:m="Select an option",noOptionsAvailableMessage:h="No options are available",noOptionsFoundMessage:b=di,isCreatable:v=!1,isCreateOptionOnTop:x=!1,createOptionMessage:y=pi,isDisabled:O,toggleWidth:j,toggleProps:w}=e,C=o(e,["innerRef","initialOptions","onSelect","onToggle","onInputChange","onInputKeyDown","onClearSelection","placeholder","noOptionsAvailableMessage","noOptionsFoundMessage","isCreatable","isCreateOptionOnTop","createOptionMessage","isDisabled","toggleWidth","toggleProps"]);const[N,S]=t.useState(!1),[I,E]=t.useState(String(null!==(i=null===(n=r.find((e=>e.selected)))||void 0===n?void 0:n.content)&&void 0!==i?i:"")),[D,k]=t.useState(String(null!==(a=null===(s=r.find((e=>e.selected)))||void 0===s?void 0:s.content)&&void 0!==a?a:"")),[L,M]=t.useState(""),[T,R]=t.useState(r),[P,_]=t.useState(null),[A,F]=t.useState(null),H=t.useRef(void 0),B="no results";t.useEffect((()=>{let e=r;if(L){if(e=r.filter((e=>String(e.content).toLowerCase().includes(L.toLowerCase()))),v&&L&&!r.find((e=>String(e.content).toLowerCase()===L.toLowerCase()))){const t={content:"string"==typeof y?y:y(L),value:L};e=x?[t,...e]:[...e,t]}e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof b?b:b(L),value:B}]),W()}e.length||(e=[{isAriaDisabled:!0,content:h,value:B}]),R(e)}),[L,r,b,v,x,y,h]),t.useEffect((()=>{var e;const t=r.find((e=>e.selected));D===I&&(null==t?void 0:t.value)!==I&&k(String(null!==(e=null==t?void 0:t.content)&&void 0!==e?e:""))}),[r]);const $=()=>{_(null),F(null)},W=()=>{N||(d&&d(!0),S(!0))},z=()=>{d&&d(!1),S(!1),$();const e=r.find((e=>e.value===I));e&&k(String(e.content))},V=()=>{N?D||z():W()},U=(e,t)=>{c&&c(e,t.value),k(String(t.content)),M(""),E(String(t.value)),z()},q=(e,t)=>{k(t),p&&p(t),M(t),$()},X=e=>{let t=0;if(W(),!T.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===P||0===P?T.length-1:P-1;T[t].isDisabled;)t--,-1===t&&(t=T.length-1);if("ArrowDown"===e)for(t=null===P||P===T.length-1?0:P+1;T[t].isDisabled;)t++,t===T.length&&(t=0);(e=>{_(e);const t=T[e];F(String(t.value))})(t)}},G=e=>{u?u(e):(e=>{const t=null!==P?T[P]:null;switch(e.key){case"Enter":e.preventDefault(),N&&t&&t.value!==B&&!t.isAriaDisabled&&U(e,t),W();break;case"ArrowUp":case"ArrowDown":e.preventDefault(),X(e.key)}})(e)},K=()=>{var e;d&&d(!N),S(!N),null===(e=H.current)||void 0===e||e.focus()},Z=()=>{var e;E(""),k(""),p&&p(""),M(""),$(),null===(e=H.current)||void 0===e||e.focus(),f&&f()};return g.jsx(Gn,Object.assign({isOpen:N,selected:I,onSelect:(e,t)=>{if(t&&t!==B){const n=T.find((e=>e.value===t));U(e,n)}},onOpenChange:e=>{!e&&z()},toggle:e=>g.jsx($n,Object.assign({ref:e,variant:"typeahead","aria-label":"Typeahead menu toggle",onClick:K,isExpanded:N,isDisabled:O,isFullWidth:!0,style:{width:j}},w,{children:g.jsxs(si,{isPlain:!0,children:[g.jsx(li,Object.assign({value:D,onClick:V,onChange:q,onKeyDown:G,autoComplete:"off",innerRef:H,placeholder:m},A&&{"aria-activedescendant":A},{role:"combobox",isExpanded:N,"aria-controls":"select-typeahead-listbox"})),g.jsx(ri,Object.assign({},D?{}:{style:{display:"none"}},{children:g.jsx(mn,{variant:"plain",onClick:Z,"aria-label":"Clear input value",icon:g.jsx(ci,{})})}))]})})),variant:"typeahead",ref:l},C,{children:g.jsx(Kn,{children:T.map(((e,t)=>{const{content:n,value:i}=e,s=o(e,["content","value"]);return g.jsx(Yn,Object.assign({value:i,isFocused:P===t},s,{children:n}),i)}))})}))};ui.displayName="TypeaheadSelectBase";const fi=t.forwardRef(((e,t)=>g.jsx(ui,Object.assign({},e,{innerRef:t}))));fi.displayName="TypeaheadSelect";var mi={label:"pf-v6-c-label",labelActions:"pf-v6-c-label__actions",labelContent:"pf-v6-c-label__content",labelIcon:"pf-v6-c-label__icon",labelText:"pf-v6-c-label__text",modifiers:{blue:"pf-m-blue",red:"pf-m-red",orange:"pf-m-orange",orangered:"pf-m-orangered",yellow:"pf-m-yellow",green:"pf-m-green",teal:"pf-m-teal",purple:"pf-m-purple",success:"pf-m-success",warning:"pf-m-warning",danger:"pf-m-danger",info:"pf-m-info",custom:"pf-m-custom",compact:"pf-m-compact",filled:"pf-m-filled",outline:"pf-m-outline",editable:"pf-m-editable",editableActive:"pf-m-editable-active",overflow:"pf-m-overflow",add:"pf-m-add",clickable:"pf-m-clickable",disabled:"pf-m-disabled"}},gi="pf-v6-c-label-group",hi="pf-v6-c-label-group__close",bi="pf-v6-c-label-group__label",vi="pf-v6-c-label-group__list",xi="pf-v6-c-label-group__list-item",yi="pf-v6-c-label-group__main",Oi="pf-v6-c-label-group__textarea",ji={category:"pf-m-category",vertical:"pf-m-vertical",editable:"pf-m-editable",textarea:"pf-m-textarea"};const wi="--pf-v6-c-label__text--MaxWidth",Ci={blue:mi.modifiers.blue,teal:mi.modifiers.teal,green:mi.modifiers.green,orange:mi.modifiers.orange,purple:mi.modifiers.purple,red:mi.modifiers.red,orangered:mi.modifiers.orangered,yellow:mi.modifiers.yellow,grey:""},Ni={success:g.jsx(A,{}),warning:g.jsx(H,{}),danger:g.jsx(F,{}),info:g.jsx(B,{}),custom:g.jsx($,{})},Si=e=>{var{children:n,className:i="",color:s="grey",variant:a="filled",status:l,isCompact:r=!1,isDisabled:c=!1,isEditable:d=!1,isClickable:p=!1,editableProps:u,textMaxWidth:f,tooltipPosition:m,icon:b,onClose:v,onClick:x,onEditCancel:y,onEditComplete:O,closeBtn:j,closeBtnAriaLabel:w,closeBtnProps:C,href:N,render:S}=e,I=o(e,["children","className","color","variant","status","isCompact","isDisabled","isEditable","isClickable","editableProps","textMaxWidth","tooltipPosition","icon","onClose","onClick","onEditCancel","onEditComplete","closeBtn","closeBtnAriaLabel","closeBtnProps","href","render"]);const[E,D]=t.useState(!1),[k,L]=t.useState(n),M=t.useRef(void 0),T=t.useRef(void 0),R="overflow"===a,P="add"===a,_=p||x&&!R&&!P||N;let A;l&&(A=Ni[l]),b&&(A=b),t.useEffect((()=>{const e=e=>{E&&T&&T.current&&!T.current.contains(e.target)&&(T.current.value&&O&&O(e,T.current.value),D(!1))},t=e=>{var t,i;const s=e.key;if((E||M&&M.current&&M.current.contains(e.target))&&(!E||T&&T.current&&T.current.contains(e.target))&&(!E||"Enter"!==s&&"Tab"!==s||(e.preventDefault(),e.stopImmediatePropagation(),T.current.value&&O&&O(e,T.current.value),D(!1),null===(t=null==M?void 0:M.current)||void 0===t||t.focus()),E&&"Escape"===s&&(e.preventDefault(),e.stopImmediatePropagation(),T.current.value&&(T.current.value=n,y&&y(e,n)),D(!1),null===(i=null==M?void 0:M.current)||void 0===i||i.focus()),!E&&"Enter"===s)){e.preventDefault(),e.stopImmediatePropagation(),D(!0);const t=e.target,n=document.createRange(),i=window.getSelection();n.selectNodeContents(t),n.collapse(!1),i.removeAllRanges(),i.addRange(n)}};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}}),[E,T,M,O,y,n]),t.useEffect((()=>{x&&N?console.warn("Link labels cannot have onClick passed, this results in invalid HTML. Please remove either the href or onClick prop."):x&&d&&console.warn("Editable labels cannot have onClick passed, clicking starts the label edit process. Please remove either the isEditable or onClick prop.")}),[x,N,d]);const F=(N||x)&&c,H=g.jsx(mn,Object.assign({type:"button",variant:"plain",hasNoPadding:!0,onClick:v,"aria-label":w||`Close ${n}`},F&&{isDisabled:!0},C,{icon:g.jsx(ci,{})})),B=g.jsx("span",{className:h(mi.labelActions),children:j||H}),$=t.createRef(),W=t.useRef(void 0),[z,V]=t.useState(!1);vt((()=>{const e=d?M:$;E||V(e.current&&e.current.offsetWidth<e.current.scrollWidth)}),[E]);const U=g.jsxs(t.Fragment,{children:[A&&g.jsx("span",{className:h(mi.labelIcon),children:A}),g.jsx("span",Object.assign({ref:$,className:h(mi.labelText)},f&&{style:{[wi]:f}},{children:n}))]});t.useEffect((()=>{E&&T&&T.current&&T.current.focus()}),[T,E]);let q="span";N?q="a":(d||x&&!R&&!P)&&(q="button");const X={type:"button",onClick:x},G="button"===q,K=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({className:h(mi.labelContent,_&&mi.modifiers.clickable)},z&&{tabIndex:0}),N&&{href:N}),N&&c&&{onClick:e=>e.preventDefault()}),G&&X),d&&Object.assign({ref:M,onClick:e=>{D(!0),e.stopPropagation()}},u)),F&&G&&{disabled:!0}),F&&N&&{tabIndex:-1,"aria-disabled":!0});let Z=g.jsx(q,Object.assign({},K,{children:U}));S?Z=g.jsxs(t.Fragment,{children:[z&&g.jsx(Sn,{triggerRef:W,content:n,position:m}),S({className:mi.labelContent,content:U,componentRef:W})]}):z&&(Z=g.jsx(Sn,{content:n,position:m,children:Z}));const Y=R?"button":"span";return g.jsxs(Y,Object.assign({},I,{className:h(mi.label,F&&mi.modifiers.disabled,Ci[s],"filled"===a&&mi.modifiers.filled,"outline"===a&&mi.modifiers.outline,l&&mi.modifiers[l],R&&mi.modifiers.overflow,r&&mi.modifiers.compact,d&&ji.editable,E&&mi.modifiers.editableActive,_&&mi.modifiers.clickable,P&&mi.modifiers.add,i),onClick:R||P?x:void 0},"button"===Y&&{type:"button"},{children:[!E&&Z,!E&&v&&B,E&&g.jsx("input",Object.assign({className:h(mi.labelContent),type:"text",id:"editable-input",ref:T,value:k,onChange:()=>{L(T.current.value)}},u))]}))};Si.displayName="Label";class Ii extends t.Component{constructor(e){super(e),this.headingRef=t.createRef(),this.toggleCollapse=()=>{this.setState((e=>({isOpen:!e.isOpen,isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})))},this.state={isOpen:this.props.defaultIsOpen,isTooltipVisible:!1}}componentDidMount(){this.setState({isTooltipVisible:Boolean(this.headingRef.current&&this.headingRef.current.offsetWidth<this.headingRef.current.scrollWidth)})}renderLabel(e){const{categoryName:t,tooltipPosition:n}=this.props,{isTooltipVisible:i}=this.state;return i?g.jsx(Sn,{position:n,content:t,children:g.jsx("span",{tabIndex:0,ref:this.headingRef,className:h(bi),children:g.jsx("span",{"aria-hidden":"true",id:e,children:t})})}):g.jsx("span",{ref:this.headingRef,className:h(bi),"aria-hidden":"true",id:e,children:t})}render(){const e=this.props,{categoryName:n,children:i,className:s,isClosable:a,isCompact:l,closeBtnAriaLabel:r,"aria-label":c,onClick:d,numLabels:p,expandedText:u,collapsedText:f,defaultIsOpen:m,tooltipPosition:b,isVertical:v,isEditable:x,hasEditableTextArea:y,editableTextAreaProps:O,addLabelControl:j}=e,w=o(e,["categoryName","children","className","isClosable","isCompact","closeBtnAriaLabel","aria-label","onClick","numLabels","expandedText","collapsedText","defaultIsOpen","tooltipPosition","isVertical","isEditable","hasEditableTextArea","editableTextAreaProps","addLabelControl"]),{isOpen:C}=this.state,N=t.Children.toArray(i),S=N.length,I=(E={remaining:S-p},f.replace(/\${(.*?)}/g,((e,t)=>E[t]||"")));var E;const D=e=>{const i=C?N:N.slice(0,p),o=g.jsxs(t.Fragment,{children:[n&&this.renderLabel(e),g.jsxs("ul",Object.assign({className:h(vi)},n&&{"aria-labelledby":e},!n&&{"aria-label":c},{role:"list"},w,{children:[i.map(((e,t)=>g.jsx("li",{className:h(xi),children:e},t))),S>p&&g.jsx("li",{className:h(xi),children:g.jsx(Si,{variant:"overflow",onClick:this.toggleCollapse,className:h(l&&mi.modifiers.compact),children:C?u:I})}),j&&g.jsx("li",{className:h(xi),children:j}),x&&y&&g.jsx("li",{className:h(xi,ji.textarea),children:g.jsx("textarea",Object.assign({className:h(Oi),rows:1,tabIndex:0},O))})]}))]}),f=g.jsx("div",{className:h(hi),children:g.jsx(mn,{variant:"plain",size:"sm","aria-label":r,onClick:d,id:`remove_group_${e}`,"aria-labelledby":`remove_group_${e} ${e}`,icon:g.jsx(ci,{})})});return g.jsxs("div",{className:h(gi,s,n&&ji.category,v&&ji.vertical,x&&ji.editable),children:[g.jsx("div",{className:h(yi),children:o}),a&&f]})};return 0===S&&void 0===j?null:g.jsx(Q,{children:e=>D(this.props.id||e)})}}Ii.displayName="LabelGroup",Ii.defaultProps={expandedText:"Show Less",collapsedText:"${remaining} more",categoryName:"",defaultIsOpen:!1,numLabels:3,isClosable:!1,isCompact:!1,onClick:e=>{},closeBtnAriaLabel:"Close label group",tooltipPosition:"top","aria-label":"Label group category",isVertical:!1,isEditable:!1,hasEditableTextArea:!1};const Ei=e=>{var n,{innerRef:i,initialOptions:s,onSelectionChange:a,onToggle:l,onInputChange:r,onInputKeyDown:c,placeholder:d="Select an option",noOptionsFoundMessage:p=(e=>`No results found for "${e}"`),isDisabled:u,toggleWidth:f,toggleProps:m,labelProps:h,initialInputValue:b}=e,v=o(e,["innerRef","initialOptions","onSelectionChange","onToggle","onInputChange","onInputKeyDown","placeholder","noOptionsFoundMessage","isDisabled","toggleWidth","toggleProps","labelProps","initialInputValue"]);const[x,y]=t.useState(!1),[O,j]=t.useState((null!==(n=null==s?void 0:s.filter((e=>e.selected)))&&void 0!==n?n:[]).map((e=>e.value))),[w,C]=t.useState(b),[N,S]=t.useState(s),[I,E]=t.useState(null),[D,k]=t.useState(null),L=t.useRef(void 0),M="no results",T=()=>{l&&l(!0),y(!0)};t.useEffect((()=>{let e=s;w&&(e=s.filter((e=>String(e.content).toLowerCase().includes(w.toLowerCase()))),e.length||(e=[{isAriaDisabled:!0,content:"string"==typeof p?p:p(w),value:M}])),S(e)}),[w,s]),t.useEffect((()=>{var e;return j((null!==(e=null==s?void 0:s.filter((e=>e.selected)))&&void 0!==e?e:[]).map((e=>e.value)))}),[s]);const R=()=>{E(null),k(null)},P=()=>{l&&l(!1),y(!1),R(),C("")},_=()=>{x?w||P():T()},A=(e,t)=>{const n=O.includes(t)?O.filter((e=>t!==e)):[...O,t];a&&a(e,n),j(n)},F=(e,t)=>{C(t),r&&r(t),t&&!x&&T(),R()},H=e=>{let t=0;if(x||T(),!N.every((e=>e.isDisabled))){if("ArrowUp"===e)for(t=null===I||0===I?N.length-1:I-1;N[t].isDisabled;)t--,-1===t&&(t=N.length-1);if("ArrowDown"===e)for(t=null===I||I===N.length-1?0:I+1;N[t].isDisabled;)t++,t===N.length&&(t=0);(e=>{E(e);const t=N[e];k(t.value)})(t)}},B=e=>{c?c(e):(e=>{const t=null!==I?N[I]:null;switch(e.key){case"Enter":e.preventDefault(),x&&t&&t.value!==M&&!t.isAriaDisabled&&A(e,null==t?void 0:t.value),x||(l&&l(!0),y(!0));break;case"ArrowUp":case"ArrowDown":e.preventDefault(),H(e.key)}})(e)},$=()=>{var e;l&&l(!x),y(!x),null===(e=null==L?void 0:L.current)||void 0===e||e.focus()},W=e=>{var t;j([]),r&&r(""),R(),null===(t=null==L?void 0:L.current)||void 0===t||t.focus(),a&&a(e,[])};return g.jsx(Gn,Object.assign({isOpen:x,selected:O,onSelect:(e,t)=>{t&&t!==M&&A(e,t)},onOpenChange:e=>{!e&&P()},toggle:e=>g.jsx($n,Object.assign({ref:e,variant:"typeahead","aria-label":"Multi select Typeahead menu toggle",onClick:$,isExpanded:x,isDisabled:u,isFullWidth:!0,style:{width:f}},m,{children:g.jsxs(si,{isPlain:!0,children:[g.jsx(li,Object.assign({value:w,onClick:_,onChange:F,onKeyDown:B,autoComplete:"off",innerRef:L,placeholder:d},D&&{"aria-activedescendant":D},{role:"combobox",isExpanded:x,"aria-controls":"select-typeahead-listbox",children:g.jsx(Ii,{"aria-label":"Current selections",children:O.map(((e,t)=>{var n;return g.jsx(Si,Object.assign({"datatest-id":`${e}-chip`,onClose:t=>{t.stopPropagation(),((e,t)=>{const n=O.filter((e=>t!==e));a&&a(e,n),j(n)})(t,e)}},h,{children:null===(n=s.find((t=>t.value===e)))||void 0===n?void 0:n.content}),t)}))})})),g.jsx(ri,Object.assign({},0===O.length?{style:{display:"none"}}:{},{children:g.jsx(mn,{variant:"plain",onClick:W,"aria-label":"Clear input value",children:g.jsx(ci,{})})}))]})})),variant:"typeahead",ref:i},v,{children:g.jsx(Kn,{children:N.map(((e,t)=>{const{content:n,value:i}=e,s=o(e,["content","value"]);return g.jsx(Yn,Object.assign({value:i,isFocused:I===t},s,{children:n}),i)}))})}))};Ei.displayName="MultiTypeaheadSelectBase";const Di=t.forwardRef(((e,t)=>g.jsx(Ei,Object.assign({},e,{innerRef:t}))));Di.displayName="MultiTypeaheadSelect",e.CheckboxSelect=ti,e.MultiTypeaheadSelect=Di,e.MultiTypeaheadSelectBase=Ei,e.SimpleDropdown=qn,e.SimpleSelect=Qn,e.TypeaheadSelect=fi,e.TypeaheadSelectBase=ui}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-templates",
-  "version": "6.3.1",
+  "version": "6.4.0-prerelease.2",
   "description": "This package provides wrapped component demos for ease of use\n",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -33,15 +33,15 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.3.1",
-    "@patternfly/react-icons": "^6.3.1",
-    "@patternfly/react-styles": "^6.3.1",
-    "@patternfly/react-tokens": "^6.3.1",
+    "@patternfly/react-core": "^6.4.0-prerelease.2",
+    "@patternfly/react-icons": "^6.4.0-prerelease.2",
+    "@patternfly/react-styles": "^6.4.0-prerelease.2",
+    "@patternfly/react-tokens": "^6.4.0-prerelease.2",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "08775efb8b882f3b2b6cf7b7221f41154875415b"
+  "gitHead": "1e63105aae6b8ac5c6896743bb06fda4c825714b"
 }

package/src/components/Dropdown/SimpleDropdown.tsx

@@ -35,7 +35,7 @@ export interface SimpleDropdownProps extends Omit<DropdownProps, 'toggle' | 'onT
   /** Flag indicated whether the dropdown toggle should take up the full width of its parent. */
   isToggleFullWidth?: boolean;
   /** Callback triggered when any dropdown item is clicked. */
-  onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, value?: string | number) => void;
+  onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, value?: SimpleDropdownItem['value']) => void;
   /** Callback triggered when the dropdown toggle opens or closes. */
   onToggle?: (nextIsOpen: boolean) => void;
   /** Flag indicating the dropdown toggle should be focused after a dropdown item is clicked. */