@patternfly/patternfly-doc-core 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/.astro/collections/dir.schema.json +28 -0
  2. package/.astro/collections/textContent.schema.json +28 -0
  3. package/.astro/content-assets.mjs +1 -0
  4. package/.astro/content-modules.mjs +1 -0
  5. package/.astro/content.d.ts +171 -0
  6. package/.astro/types.d.ts +2 -0
  7. package/.github/workflows/build.yml +61 -0
  8. package/.history/package_20250227163130.json +97 -0
  9. package/.history/package_20250227163527.json +97 -0
  10. package/.history/package_20250227163646.json +97 -0
  11. package/.history/package_20250227163651.json +97 -0
  12. package/.history/package_20250227163654.json +97 -0
  13. package/.history/package_20250227163657.json +97 -0
  14. package/.history/package_20250227163659.json +97 -0
  15. package/.history/package_20250227164608.json +97 -0
  16. package/.history/package_20250227164611.json +97 -0
  17. package/.history/package_20250227164616.json +98 -0
  18. package/.vscode/extensions.json +4 -0
  19. package/.vscode/launch.json +11 -0
  20. package/README.md +49 -0
  21. package/astro.config.mjs +18 -0
  22. package/babel.config.cjs +4 -0
  23. package/cli/cli.ts +81 -0
  24. package/cli/createCollectionContent.ts +31 -0
  25. package/cli/createConfigFile.ts +36 -0
  26. package/cli/getConfig.ts +28 -0
  27. package/cli/setFsRootDir.ts +29 -0
  28. package/cli/templates/package.json +19 -0
  29. package/cli/templates/pf-docs.config.mjs +20 -0
  30. package/cli/testData/good.config.js +12 -0
  31. package/cli/tsconfig.json +9 -0
  32. package/cli/updatePackageFile.ts +55 -0
  33. package/dist/PF-HorizontalLogo-Color.svg +29 -0
  34. package/dist/PF-HorizontalLogo-Reverse.svg +28 -0
  35. package/dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.BScVxmeO.js +1 -0
  36. package/dist/_astro/Navigation.BoL0fVlO.js +1 -0
  37. package/dist/_astro/PageContext.CGSBAxAd.js +9 -0
  38. package/dist/_astro/PageToggle.jHn9PsTr.js +1 -0
  39. package/dist/_astro/RedHatDisplayVF-Italic.CRpusWc8.woff2 +0 -0
  40. package/dist/_astro/RedHatDisplayVF.CYDHf1NI.woff2 +0 -0
  41. package/dist/_astro/RedHatMonoVF-Italic.DGQo2ogW.woff2 +0 -0
  42. package/dist/_astro/RedHatMonoVF.C4fMH6Vz.woff2 +0 -0
  43. package/dist/_astro/RedHatTextVF-Italic.Dkj_WqbA.woff2 +0 -0
  44. package/dist/_astro/RedHatTextVF.wYvZ7prR.woff2 +0 -0
  45. package/dist/_astro/Toolbar.BI0orElX.js +1 -0
  46. package/dist/_astro/_id_.DZfGTTvw.css +1 -0
  47. package/dist/_astro/_id_.EhyPoRav.css +1 -0
  48. package/dist/_astro/client.DBe4QnD_.js +1 -0
  49. package/dist/_astro/divider.DrQDtXS2.js +1 -0
  50. package/dist/_astro/fa-solid-900.DguXoeIz.woff2 +0 -0
  51. package/dist/_astro/index.IDjx8w0N.js +32 -0
  52. package/dist/_astro/navStore.br_igkhP.js +1 -0
  53. package/dist/_astro/pf-v6-pficon.Dy6oiu9u.woff2 +0 -0
  54. package/dist/avatarImg.svg +18 -0
  55. package/dist/avatarImgDark.svg +16 -0
  56. package/dist/cli/cli.js +57 -0
  57. package/dist/cli/createCollectionContent.js +26 -0
  58. package/dist/cli/createConfigFile.js +22 -0
  59. package/dist/cli/getConfig.js +14 -0
  60. package/dist/cli/setFsRootDir.js +20 -0
  61. package/dist/cli/templates/pf-docs.config.mjs +20 -0
  62. package/dist/cli/tsconfig.tsbuildinfo +1 -0
  63. package/dist/cli/updatePackageFile.js +35 -0
  64. package/dist/content/typography/line-height.png +0 -0
  65. package/dist/design-foundations/typography/index.html +193 -0
  66. package/dist/design-foundations/usage-and-behavior/index.html +342 -0
  67. package/dist/favicon.svg +9 -0
  68. package/dist/get-started/contribute/index.html +89 -0
  69. package/dist/index.html +42 -0
  70. package/eslint.config.mjs +131 -0
  71. package/jest.config.ts +27 -0
  72. package/package.json +98 -0
  73. package/public/PF-HorizontalLogo-Color.svg +29 -0
  74. package/public/PF-HorizontalLogo-Reverse.svg +28 -0
  75. package/public/avatarImg.svg +18 -0
  76. package/public/avatarImgDark.svg +16 -0
  77. package/public/content/typography/line-height.png +0 -0
  78. package/public/favicon.svg +9 -0
  79. package/release.config.mjs +16 -0
  80. package/src/__mocks__/styleMock.ts +2 -0
  81. package/src/components/Breadcrumbs.astro +10 -0
  82. package/src/components/KebabDropdownItems.astro +14 -0
  83. package/src/components/KebabDropdownItems.tsx +15 -0
  84. package/src/components/Masthead.astro +30 -0
  85. package/src/components/NavEntry.tsx +26 -0
  86. package/src/components/NavSection.tsx +38 -0
  87. package/src/components/Navigation.astro +13 -0
  88. package/src/components/Navigation.tsx +58 -0
  89. package/src/components/Page.astro +19 -0
  90. package/src/components/PageToggle.tsx +47 -0
  91. package/src/components/Toolbar.astro +5 -0
  92. package/src/components/Toolbar.tsx +173 -0
  93. package/src/components/UserDropdownItems.astro +9 -0
  94. package/src/components/UserDropdownItems.tsx +10 -0
  95. package/src/content.config.ts +36 -0
  96. package/src/content.ts +1 -0
  97. package/src/env.d.ts +1 -0
  98. package/src/layouts/Main.astro +26 -0
  99. package/src/pages/[section]/[...id].astro +31 -0
  100. package/src/pages/index.astro +17 -0
  101. package/src/stores/navStore.ts +3 -0
  102. package/src/styles/global.scss +1 -0
  103. package/src/utils/capitalize.ts +3 -0
  104. package/src/utils/index.ts +1 -0
  105. package/test.setup.ts +2 -0
  106. package/textContent/contribute.md +71 -0
  107. package/textContent/typography.md +95 -0
  108. package/textContent/usage-and-behavior.md +139 -0
  109. package/tsconfig.jest.json +8 -0
  110. package/tsconfig.json +14 -0
  111. package/tsconfig.vitest.json +6 -0
@@ -0,0 +1 @@
1
+ import{c as $,g as Xn,b as q,_ as T,d as p,K as ln,e as Se,f as Ee,B as de,h as K,u as dn,t as jn,i as An,k as Bn,l as Hn,m as ye,n as fn,j as b,a as Ae}from"./PageContext.CGSBAxAd.js";import{r as e,R as z}from"./index.IDjx8w0N.js";import{P as gn,m as O,u as Pn,A as zn,a as Wn,d as Be}from"./divider.DrQDtXS2.js";/* empty css */const Un={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},Kn=$(Un),Vn={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},$n=$(Vn),qn={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},Zn=$(qn),Qn={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},Jn=$(Qn);let Yn=0;function et(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():Xn()}class _e extends e.Component{constructor(){super(...arguments),this.uniqueElement=this.props.isRandom?et():Yn++,this.id=`${this.props.prefix}${this.uniqueElement}`}render(){return this.props.children(this.id)}}_e.displayName="GenerateId";_e.defaultProps={prefix:"pf-random-id-",isRandom:!1};const nt="*",tt=(n,t,l=u=>document.activeElement.contains(u),a=u=>u,i=["A","BUTTON","INPUT"],o=!1,f=!1,g=!0,w=!0)=>{const u=document.activeElement,d=n.key;let c=null;if(!o&&["ArrowUp","ArrowDown"].includes(d)){n.preventDefault(),n.stopImmediatePropagation();let s=-1;t.forEach((v,x)=>{if(l(v)){let m=0;for(;!c&&m<t.length&&m*-1<t.length;)d==="ArrowUp"?m--:m++,s=x+m,s>=t.length&&(s=0),s<0&&(s=t.length-1),c=a(t[s])}})}if(!f&&["ArrowLeft","ArrowRight"].includes(d)){n.preventDefault(),n.stopImmediatePropagation();let s=-1;t.forEach((v,x)=>{if(l(v)){const m=t[x].querySelectorAll(i.join(","));if(!m.length||w){let r=u;for(;r;){const I=r.parentElement===v?r:r.parentElement;if(r=d==="ArrowLeft"?I.previousElementSibling:I.nextElementSibling,r){if(i.includes(r.tagName)){c=r;break}if(i.includes(r.children[0].tagName)){c=r.children[0];break}}}}else m.forEach((r,S)=>{n.target===r&&(s=S+(d==="ArrowLeft"?-1:1),s>=m.length&&(s=0),s<0&&(s=m.length-1),c=m[s])})}})}c&&(g&&(u.tabIndex=-1,c.tabIndex=0),c.focus())};class Ve extends e.Component{constructor(){super(...arguments),this.keyHandler=t=>{const{isEventFromContainer:l}=this.props;if(l?!l(t):!this._isEventFromContainer(t))return;const{isActiveElement:a,getFocusableElement:i,noVerticalArrowHandling:o,noHorizontalArrowHandling:f,noEnterHandling:g,noSpaceHandling:w,updateTabIndex:u,validSiblingTags:d,additionalKeyHandler:c,createNavigableElements:s,onlyTraverseSiblings:v}=this.props;c&&c(t);const x=s();if(!x){console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");return}const m=t.key;g||m==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation(),document.activeElement.click()),w||m===" "&&(t.preventDefault(),t.stopImmediatePropagation(),document.activeElement.click()),tt(t,x,a,i,d,o,f,u,v)},this._isEventFromContainer=t=>{const{containerRef:l}=this.props;return l.current&&l.current.contains(t.target)}}componentDidMount(){q&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){q&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}Ve.displayName="KeyboardHandler";Ve.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:n=>document.activeElement===n,getFocusableElement:n=>n,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const H={modifiers:{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"},tooltip:"pf-v6-c-tooltip",tooltipArrow:"pf-v6-c-tooltip__arrow",tooltipContent:"pf-v6-c-tooltip__content"},un=n=>{var{className:t,children:l,isLeftAligned:a}=n,i=T(n,["className","children","isLeftAligned"]);return e.createElement("div",Object.assign({className:p(H.tooltipContent,a&&H.modifiers.textAlignLeft,t)},i),l)};un.displayName="TooltipContent";const xn=n=>{var{className:t}=n,l=T(n,["className"]);return e.createElement("div",Object.assign({className:p(H.tooltipArrow,t)},l))};xn.displayName="TooltipArrow";const an={name:"--pf-v6-c-tooltip--MaxWidth",value:"18.75rem",var:"var(--pf-v6-c-tooltip--MaxWidth)"};var on;(function(n){n.auto="auto",n.top="top",n.bottom="bottom",n.left="left",n.right="right",n.topStart="top-start",n.topEnd="top-end",n.bottomStart="bottom-start",n.bottomEnd="bottom-end",n.leftStart="left-start",n.leftEnd="left-end",n.rightStart="right-start",n.rightEnd="right-end"})(on||(on={}));let lt=1;const hn=n=>{var{content:t,position:l="top",trigger:a="mouseenter focus",isVisible:i=!1,isContentLeftAligned:o=!1,enableFlip:f=!0,className:g="",entryDelay:w=300,exitDelay:u=300,appendTo:d=()=>document.body,zIndex:c=9999,minWidth:s,maxWidth:v=an.value,distance:x=15,aria:m="describedby",flipBehavior:r=["top","right","bottom","left","top","right","bottom"],id:S=`pf-tooltip-${lt++}`,children:I,animationDuration:M=300,triggerRef:F,"aria-live":N=F?"polite":"off",onTooltipHidden:A=()=>{}}=n,R=T(n,["content","position","trigger","isVisible","isContentLeftAligned","enableFlip","className","entryDelay","exitDelay","appendTo","zIndex","minWidth","maxWidth","distance","aria","flipBehavior","id","children","animationDuration","triggerRef","aria-live","onTooltipHidden"]);const G=a.includes("mouseenter"),_=a.includes("focus"),k=a.includes("click"),X=a==="manual",[W,E]=e.useState(!1),D=e.createRef(),P=J=>{X||J.key===ln.Escape&&W&&j()},U=J=>{J.key===ln.Enter&&(W?j():B())};e.useEffect(()=>{i?B():j()},[i]);const B=()=>{E(!0)},j=()=>{E(!1)},ne={top:H.modifiers.top,bottom:H.modifiers.bottom,left:H.modifiers.left,right:H.modifiers.right,"top-start":H.modifiers.topLeft,"top-end":H.modifiers.topRight,"bottom-start":H.modifiers.bottomLeft,"bottom-end":H.modifiers.bottomRight,"left-start":H.modifiers.leftTop,"left-end":H.modifiers.leftBottom,"right-start":H.modifiers.rightTop,"right-end":H.modifiers.rightBottom},ue=v!==an.value,Me=e.createElement("div",Object.assign({"aria-live":N,className:p(H.tooltip,g),role:"tooltip",id:S,style:{maxWidth:ue?v:null},ref:D},R),e.createElement(xn,null),e.createElement(un,{isLeftAligned:o},t)),xe=(J,he)=>{W?j():J.target===he&&B()},ie=()=>m==="describedby"&&I&&I.props&&!I.props["aria-describedby"]?e.cloneElement(I,{"aria-describedby":S}):m==="labelledby"&&I.props&&!I.props["aria-labelledby"]?e.cloneElement(I,{"aria-labelledby":S}):I;return e.createElement(gn,{trigger:m!=="none"&&W?ie():I,triggerRef:F,popper:Me,popperRef:D,minWidth:s!==void 0?s:"revert",appendTo:d,isVisible:W,positionModifiers:ne,distance:x,placement:l,onMouseEnter:G&&B,onMouseLeave:G&&j,onPopperMouseEnter:G&&B,onPopperMouseLeave:G&&j,onFocus:_&&B,onBlur:_&&j,onDocumentClick:k&&xe,onDocumentKeyDown:X?null:P,onTriggerEnter:X?null:U,enableFlip:f,zIndex:c,flipBehavior:r,animationDuration:M,entryDelay:w,exitDelay:u,onHidden:A})};hn.displayName="Tooltip";const He={avatar:"pf-v6-c-avatar",modifiers:{bordered:"pf-m-bordered",sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"}},bn=n=>{var{className:t,src:l="",alt:a,isBordered:i,size:o}=n,f=T(n,["className","src","alt","isBordered","size"]);return e.createElement("img",Object.assign({src:l,alt:a,className:p(He.avatar,He.modifiers[o],i&&He.modifiers.bordered,t)},f))};bn.displayName="Avatar";const Pe={breadcrumb:"pf-v6-c-breadcrumb",breadcrumbDropdown:"pf-v6-c-breadcrumb__dropdown",breadcrumbHeading:"pf-v6-c-breadcrumb__heading",breadcrumbItem:"pf-v6-c-breadcrumb__item",breadcrumbItemDivider:"pf-v6-c-breadcrumb__item-divider",breadcrumbLink:"pf-v6-c-breadcrumb__link",breadcrumbList:"pf-v6-c-breadcrumb__list",dirRtl:"pf-v6-m-dir-rtl",modifiers:{current:"pf-m-current"}},ae=e.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"}),On=e.createContext({itemId:null,isDisabled:!1});class Le extends e.Component{constructor(t){super(t),this.menuRef=e.createRef(),this.activeMenu=null,this.state={ouiaStateId:Se(ve.displayName),transitionMoveTarget:null,flyoutRef:null,disableHover:!1,currentDrilldownMenuId:this.props.id},this.handleDrilldownTransition=l=>{const a=this.menuRef.current;if(!(!a||a!==l.target.closest(`.${O.menu}`)&&!Array.from(a.getElementsByClassName(O.menu)).includes(l.target.closest(`.${O.menu}`))))if(this.state.transitionMoveTarget)this.state.transitionMoveTarget.focus(),this.setState({transitionMoveTarget:null});else{const i=a.querySelector("#"+this.props.activeMenu)||a||null,o=i.getElementsByTagName("UL");if(o.length===0)return;const f=Array.from(o[0].children);if(!this.state.currentDrilldownMenuId||i.id!==this.state.currentDrilldownMenuId)this.setState({currentDrilldownMenuId:i.id});else return;const g=f.filter(w=>!(w.classList.contains("pf-m-disabled")||w.classList.contains(O.divider)))[0].firstChild;g.focus(),g.tabIndex=0}},this.handleExtraKeys=l=>{const a=this.props.containsDrilldown,i=document.activeElement;if(l.target.closest(`.${O.menu}`)!==this.activeMenu&&!l.target.classList.contains(Pe.breadcrumbLink)&&(this.activeMenu=l.target.closest(`.${O.menu}`),this.setState({disableHover:!0})),l.target.tagName==="INPUT")return;const o=this.activeMenu,f=l.key,g=i.classList.contains(Pe.breadcrumbLink);if(f===" "||f==="Enter"){if(l.preventDefault(),a&&!g){if(i.closest("li").classList.contains("pf-m-current-path")&&o.parentElement.tagName==="LI")i.tabIndex=-1,o.parentElement.firstChild.tabIndex=0,this.setState({transitionMoveTarget:o.parentElement.firstChild});else if(i.nextElementSibling&&i.nextElementSibling.classList.contains(O.menu)){const u=Array.from(i.nextElementSibling.getElementsByTagName("UL")[0].children).filter(d=>!(d.classList.contains("pf-m-disabled")||d.classList.contains(O.divider)));i.tabIndex=-1,u[0].firstChild.tabIndex=0,this.setState({transitionMoveTarget:u[0].firstChild})}}document.activeElement.click()}},this.createNavigableElements=()=>this.props.containsDrilldown?this.activeMenu?Array.from(this.activeMenu.getElementsByTagName("UL")[0].children).filter(a=>!(a.classList.contains("pf-m-disabled")||a.classList.contains(O.divider))):[]:this.menuRef.current?Array.from(this.menuRef.current.getElementsByTagName("LI")).filter(a=>!(a.classList.contains("pf-m-disabled")||a.classList.contains(O.divider))):[],t.innerRef&&(this.menuRef=t.innerRef)}allowTabFirstItem(){const t=this.menuRef.current;if(t){const l=t.querySelector("ul button:not(:disabled), ul a:not(:disabled)");l&&(l.tabIndex=0)}}componentDidMount(){this.context&&this.setState({disableHover:this.context.disableHover}),q&&this.props.containsDrilldown&&window.addEventListener("transitionend",this.props.isRootMenu?this.handleDrilldownTransition:null),this.allowTabFirstItem()}componentWillUnmount(){q&&this.props.containsDrilldown&&window.removeEventListener("transitionend",this.handleDrilldownTransition)}componentDidUpdate(t){t.children!==this.props.children&&this.allowTabFirstItem()}render(){const t=this.props,{id:l,children:a,className:i,onSelect:o,selected:f=null,onActionClick:g,ouiaId:w,ouiaSafe:u,containsFlyout:d,containsDrilldown:c,isMenuDrilledIn:s,isPlain:v,isScrollable:x,drilldownItemPath:m,drilledInMenus:r,onDrillIn:S,onDrillOut:I,onGetMenuHeight:M,parentMenu:F=null,activeItemId:N=null,innerRef:A,isRootMenu:R,activeMenu:G,role:_,isNavFlyout:k}=t,X=T(t,["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"]),W=s||r&&r.includes(l)||!1;return e.createElement(ae.Provider,{value:{menuId:l,parentMenu:F||l,onSelect:o,onActionClick:g,activeItemId:N,selected:f,drilledInMenus:r,drilldownItemPath:m,onDrillIn:S,onDrillOut:I,onGetMenuHeight:M,flyoutRef:this.state.flyoutRef,setFlyoutRef:E=>this.setState({flyoutRef:E}),disableHover:this.state.disableHover,role:_}},R&&e.createElement(Ve,{containerRef:this.menuRef||null,additionalKeyHandler:this.handleExtraKeys,createNavigableElements:this.createNavigableElements,isActiveElement:E=>document.activeElement.closest("li")===E||document.activeElement.parentElement===E||document.activeElement.closest(`.${O.menuSearch}`)===E||document.activeElement.closest("ol")&&document.activeElement.closest("ol").firstChild===E,getFocusableElement:E=>{var D,P;return E?.tagName==="DIV"&&E.querySelector("input")||((D=E.firstChild)===null||D===void 0?void 0:D.tagName)==="LABEL"&&E.querySelector("input")||((P=E.firstChild)===null||P===void 0?void 0:P.tagName)==="DIV"&&E.querySelector("a, button, input")||E.firstChild},noHorizontalArrowHandling:document.activeElement&&(document.activeElement.classList.contains(Pe.breadcrumbLink)||document.activeElement.tagName==="INPUT"),noEnterHandling:!0,noSpaceHandling:!0}),e.createElement("div",Object.assign({id:l,className:p(O.menu,v&&O.modifiers.plain,x&&O.modifiers.scrollable,d&&O.modifiers.flyout,k&&"pf-m-nav",c&&O.modifiers.drilldown,W&&O.modifiers.drilledIn,i),ref:this.menuRef},Ee(ve.displayName,w!==void 0?w:this.state.ouiaStateId,u),X),a))}}Le.displayName="Menu";Le.contextType=ae;Le.defaultProps={ouiaSafe:!0,isRootMenu:!0,isPlain:!1,isScrollable:!1,role:"menu"};const ve=e.forwardRef((n,t)=>e.createElement(Le,Object.assign({},n,{innerRef:t})));ve.displayName="Menu";const at={name:"--pf-v6-c-menu__content--Height",value:"auto",var:"var(--pf-v6-c-menu__content--Height)"},it={name:"--pf-v6-c-menu__content--MaxHeight",value:"18.75rem",var:"var(--pf-v6-c-menu__content--MaxHeight)"},wn=e.forwardRef((n,t)=>{const{getHeight:l,children:a,menuHeight:i,maxMenuHeight:o}=n,f=T(n,["getHeight","children","menuHeight","maxMenuHeight"]),g=e.createRef(),w=(u,d,c)=>{if(u){let s=u.clientHeight,v=null,x=u.closest(`.${O.menuList}`);for(;x!==null&&x.nodeType===1;)x.classList.contains(O.menuList)&&(v=x),x=x.parentElement;if(v){const m=getComputedStyle(v),r=parseFloat(m.getPropertyValue("padding-top").replace(/px/g,""))+parseFloat(m.getPropertyValue("padding-bottom").replace(/px/g,""))+parseFloat(getComputedStyle(v.parentElement).getPropertyValue("border-bottom-width").replace(/px/g,""));s=s+r}c&&c(d,s),l&&l(s.toString())}return t||g};return e.createElement(ae.Consumer,null,({menuId:u,onGetMenuHeight:d})=>e.createElement("div",Object.assign({},f,{className:p(O.menuContent,n.className),ref:c=>w(c,u,d),style:Object.assign(Object.assign({},i&&{[at.name]:i}),o&&{[it.name]:o})}),a))});wn.displayName="MenuContent";const ot=n=>{var{children:t,className:l="",label:a="",titleId:i,innerRef:o,labelHeadingLevel:f="h1"}=n,g=T(n,["children","className","label","titleId","innerRef","labelHeadingLevel"]);const w=typeof a=="function"?a:f;return e.createElement("section",Object.assign({},g,{className:p(O.menuGroup,l),ref:o}),e.createElement(e.Fragment,null,["function","string"].includes(typeof a)?e.createElement(w,{className:p(O.menuGroupTitle),id:i},a):a,t))},vn=e.forwardRef((n,t)=>e.createElement(ot,Object.assign({},n,{innerRef:t})));vn.displayName="MenuGroup";const st={name:"--pf-v6-c-menu--m-flyout__menu--top-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--top-offset)"},rt={name:"--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset)"},mt={name:"--pf-v6-c-menu--m-flyout__menu--left-offset",value:"0px",var:"var(--pf-v6-c-menu--m-flyout__menu--left-offset)"},ct={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},pt=$(ct),dt={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},ft=$(dt),ee={check:"pf-v6-c-check",checkBody:"pf-v6-c-check__body",checkDescription:"pf-v6-c-check__description",checkInput:"pf-v6-c-check__input",checkLabel:"pf-v6-c-check__label",checkLabelRequired:"pf-v6-c-check__label-required",modifiers:{standalone:"pf-m-standalone",disabled:"pf-m-disabled"}},Cn=()=>{};class me extends e.Component{constructor(t){super(t),this.handleChange=l=>{this.props.onChange(l,l.currentTarget.checked)},this.state={ouiaStateId:Se(me.displayName)}}render(){const t=this.props,{"aria-label":l,className:a,inputClassName:i,onChange:o,isLabelWrapped:f,labelPosition:g="end",isValid:w,isDisabled:u,isRequired:d,isChecked:c,label:s,checked:v,defaultChecked:x,description:m,body:r,ouiaId:S,ouiaSafe:I,component:M}=t,F=T(t,["aria-label","className","inputClassName","onChange","isLabelWrapped","labelPosition","isValid","isDisabled","isRequired","isChecked","label","checked","defaultChecked","description","body","ouiaId","ouiaSafe","component"]);F.id||console.error("Checkbox:","id is required to make input accessible");const N={};([!0,!1].includes(v)||c===!0)&&(N.checked=v||c),o!==Cn&&(N.checked=c),[!1,!0].includes(x)&&(N.defaultChecked=x);const A=e.createElement("input",Object.assign({},F,{className:p(ee.checkInput,i),type:"checkbox",onChange:this.handleChange,"aria-invalid":!w,"aria-label":l,disabled:u,required:d,ref:X=>X&&(X.indeterminate=c===null)},N,Ee(me.displayName,S!==void 0?S:this.state.ouiaStateId,I))),R=f&&!M||M==="label",G=R?"span":"label",_=s?e.createElement(G,{className:p(ee.checkLabel,u&&ee.modifiers.disabled),htmlFor:R?void 0:F.id},s,d&&e.createElement("span",{className:p(ee.checkLabelRequired),"aria-hidden":"true"},nt)):null,k=M??(R?"label":"div");return N.checked=N.checked===null?!1:N.checked,e.createElement(k,{className:p(ee.check,!s&&ee.modifiers.standalone,a),htmlFor:R?F.id:void 0},g==="start"?e.createElement(e.Fragment,null,_,A):e.createElement(e.Fragment,null,A,_),m&&e.createElement("span",{className:p(ee.checkDescription)},m),r&&e.createElement("span",{className:p(ee.checkBody)},r))}}me.displayName="Checkbox";me.defaultProps={className:"",isLabelWrapped:!1,isValid:!0,isDisabled:!1,isRequired:!1,isChecked:!1,onChange:Cn,ouiaSafe:!0};const gt={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},ut=$(gt),xt=n=>{var{className:t,icon:l,onClick:a,"aria-label":i,isFavorited:o=null,isDisabled:f,actionId:g,innerRef:w}=n,u=T(n,["className","icon","onClick","aria-label","isFavorited","isDisabled","actionId","innerRef"]);return e.createElement(ae.Consumer,null,({onActionClick:d})=>e.createElement(On.Consumer,null,({itemId:c,isDisabled:s})=>{const v=x=>{a&&a(x),d&&d(x,c,g)};return e.createElement("div",Object.assign({className:p(O.menuItemAction,o!==null&&"pf-m-favorite",o&&O.modifiers.favorited,t)},u),e.createElement(de,{"aria-label":i,onClick:v,ref:w,role:"menuitem",variant:"plain",tabIndex:-1,isDisabled:f||s,icon:l==="favorites"||o!==null?e.createElement(ut,{"aria-hidden":!0}):l}))}))},In=e.forwardRef((n,t)=>e.createElement(xt,Object.assign({},n,{innerRef:t})));In.displayName="MenuItemAction";const sn=e.createContext({direction:"right"}),ht=n=>{var{children:t,className:l,itemId:a=null,to:i,hasCheckbox:o=!1,isActive:f=null,isFavorited:g=null,isLoadButton:w=!1,isLoading:u=!1,flyoutMenu:d,direction:c,description:s=null,onClick:v=()=>{},component:x="button",isDisabled:m=!1,isAriaDisabled:r=!1,isExternalLink:S=!1,isSelected:I=null,isFocused:M,isDanger:F=!1,icon:N,actions:A,onShowFlyout:R,drilldownMenu:G,isOnPath:_,innerRef:k,id:X,"aria-label":W,tooltipProps:E,rel:D,target:P,download:U}=n,B=T(n,["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:ne,onSelect:ue,onActionClick:Me,activeItemId:xe,selected:ie,drilldownItemPath:J,onDrillIn:he,onDrillOut:Ze,flyoutRef:Gn,setFlyoutRef:Ne,disableHover:Qe,role:kn}=e.useContext(ae);let be=i?"a":x;o&&!i&&(be="label");const[Oe,Tn]=e.useState(null),Ge=e.useContext(sn),[Je,ke]=e.useState(Ge.direction),Y=e.useRef(),Z=Y===Gn,Te=d!==void 0,De=C=>{!Z&&C?Ne(Y):Z&&!C&&Ne(null),R&&C&&R()};Pn(()=>{if(Te&&Y.current&&q){const C=Y.current.lastElementChild;if(C&&C.classList.contains(O.menu)){const y=Y.current.getClientRects()[0],V=C.getClientRects()[0];if(y&&V){const te=y.x-V.width,Re=window.innerWidth-y.x-y.width-V.width;let se=Je;Re<0&&se!=="left"?(ke("left"),se="left"):te<0&&se!=="right"&&(ke("right"),se="right");let Xe=0;te<0&&Re<0&&(Xe=se==="right"?-Re:-te),se==="left"?(C.classList.add(O.modifiers.left),C.style.setProperty(rt.name,`-${Xe}px`)):C.style.setProperty(mt.name,`-${Xe}px`);const je=window.innerHeight-y.y-V.height;window.innerHeight-V.height<0&&je<0||je<0&&C.style.setProperty(st.name,`${je}px`)}}}},[Z,d]),e.useEffect(()=>{ke(Ge.direction)},[Ge]),e.useEffect(()=>{if(Oe)if(Z){const C=Oe.nextElementSibling;Array.from(C.getElementsByTagName("UL")[0].children).filter(V=>!(V.classList.contains("pf-m-disabled")||V.classList.contains(O.divider)))[0].firstChild.focus()}else Oe.focus()},[Z,Oe]);const Ye=C=>{const y=C.key,V=C.target,te=C.type;(y===" "||y==="Enter"||y==="ArrowRight"||te==="click")&&(C.stopPropagation(),C.preventDefault(),Z||(De(!0),Tn(V))),(y==="Escape"||y==="ArrowLeft")&&Z&&(C.stopPropagation(),De(!1))},en=(C,y)=>{r||(y&&y(C,a),v&&v(C))},Dn=_&&_||J&&J.includes(a)||!1;let we;c&&(c==="down"?we=C=>he&&he(C,j,typeof G=="function"?G().props.id:G.props.id,a):we=C=>Ze&&Ze(C,ne,a));let oe={};be==="a"?oe={href:i,"aria-disabled":m||r?!0:null,disabled:null,target:S?"_blank":P,rel:D,download:U}:be==="button"&&(oe={type:"button","aria-disabled":r?!0:null}),_?oe["aria-expanded"]=!0:Te&&(oe["aria-haspopup"]="menu",oe["aria-expanded"]=Z);const Fn=()=>f!==null?f?"page":null:a!==null&&xe!==null?a===xe:null,Fe=()=>I!==null?I:ie!==null&&a!==null?Array.isArray(ie)&&ie.includes(a)||a===ie:!1,Rn=()=>{Qe||(Te?De(!0):Ne(null))};e.useEffect(()=>{if(M&&Y.current){const C=Y.current,y=C.parentElement;if(y){const V=C.offsetTop-y.offsetTop<y.scrollTop,te=C.offsetTop-y.offsetTop+C.clientHeight;(V||te)&&C.scrollIntoView({behavior:"auto",block:"nearest"})}}},[M]);const nn=kn==="listbox",tn=e.createElement(e.Fragment,null,e.createElement(_e,null,C=>e.createElement(be,Object.assign({id:X,tabIndex:-1,className:p(O.menuItem,Fe()&&!o&&O.modifiers.selected,l),"aria-current":Fn()},!o&&{disabled:m,"aria-label":W},!o&&!d&&{role:nn?"option":"menuitem"},!o&&!d&&nn&&{"aria-selected":Fe()},{ref:k},!o&&{onClick:y=>{r?y.preventDefault():(en(y,ue),we&&we(y),d&&Ye(y))}},o&&{htmlFor:C},oe),e.createElement("span",{className:p(O.menuItemMain)},c==="up"&&e.createElement("span",{className:p(O.menuItemToggleIcon)},e.createElement(zn,{"aria-hidden":!0})),N&&e.createElement("span",{className:p(O.menuItemIcon)},N),o&&e.createElement("span",{className:p(O.menuItemCheck)},e.createElement(me,{id:C,component:"span",isChecked:I||!1,onChange:y=>en(y,ue),isDisabled:m,"aria-disabled":r})),e.createElement("span",{className:p(O.menuItemText)},t),S&&e.createElement("span",{className:p(O.menuItemExternalIcon)},e.createElement(pt,{"aria-hidden":!0})),(d||c==="down")&&e.createElement("span",{className:p(O.menuItemToggleIcon)},e.createElement(Wn,{"aria-hidden":!0})),Fe()&&e.createElement("span",{className:p(O.menuItemSelectIcon)},e.createElement(ft,{"aria-hidden":!0}))),s&&c!=="up"&&e.createElement("span",{className:p(O.menuItemDescription)},e.createElement("span",null,s)))),Z&&e.createElement(ae.Provider,{value:{disableHover:Qe}},e.createElement(sn.Provider,{value:{direction:Je}},d)),typeof G=="function"?G():G,e.createElement(On.Provider,{value:{itemId:a,isDisabled:m}},A,g!==null&&e.createElement(In,{icon:"favorites",isFavorited:g,"aria-label":g?"starred":"not starred",onClick:C=>Me(C,a),tabIndex:-1,actionId:"fav"})));return e.createElement("li",Object.assign({className:p(O.menuListItem,m&&O.modifiers.disabled,r&&O.modifiers.ariaDisabled,Dn&&O.modifiers.currentPath,w&&O.modifiers.load,u&&O.modifiers.loading,M&&"pf-m-focus",F&&O.modifiers.danger,l),onMouseOver:()=>{r||Rn()}},d&&!r&&{onKeyDown:Ye},{ref:Y,role:o?"menuitem":"none"},o&&{"aria-label":W},B),E?e.createElement(hn,Object.assign({},E),tn):tn)},Sn=e.forwardRef((n,t)=>e.createElement(ht,Object.assign({},n,{innerRef:t})));Sn.displayName="MenuItem";const En=n=>{var{children:t=null,className:l,isAriaMultiselectable:a=!1,"aria-label":i}=n,o=T(n,["children","className","isAriaMultiselectable","aria-label"]);const{role:f}=e.useContext(ae);return e.createElement("ul",Object.assign({role:f},f==="listbox"&&{"aria-multiselectable":a},{className:p(O.menuList,l),"aria-label":i},o),t)};En.displayName="MenuList";const L={avatar:"pf-v6-c-avatar",button:"pf-v6-c-button",check:"pf-v6-c-check",checkInput:"pf-v6-c-check__input",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",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"},textInputGroup:"pf-v6-c-text-input-group"},bt={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},Ot=$(bt);var fe;(function(n){n.success="success",n.danger="danger",n.warning="warning"})(fe||(fe={}));var ze;(function(n){n.default="default",n.sm="sm"})(ze||(ze={}));class yn extends e.Component{constructor(){super(...arguments),this.displayName="MenuToggleBase",this.state={ouiaStateId:Se(re.displayName,this.props.variant)}}render(){const t=this.props,{children:l,className:a,icon:i,badge:o,isExpanded:f,isDisabled:g,isFullHeight:w,isFullWidth:u,isPlaceholder:d,splitButtonItems:c,variant:s,status:v,statusIcon:x,innerRef:m,onClick:r,"aria-label":S,ouiaId:I,ouiaSafe:M,size:F}=t,N=T(t,["children","className","icon","badge","isExpanded","isDisabled","isFullHeight","isFullWidth","isPlaceholder","splitButtonItems","variant","status","statusIcon","innerRef","onClick","aria-label","ouiaId","ouiaSafe","size"]),A=s==="plain",R=s==="plainText",G=s==="typeahead",_=Ee(re.displayName,I??this.state.ouiaStateId,M);let k=x;if(!x)switch(v){case fe.success:k=e.createElement(Kn,{"aria-hidden":"true"});break;case fe.warning:k=e.createElement(Zn,{"aria-hidden":"true"});break;case fe.danger:k=e.createElement($n,{"aria-hidden":"true"});break}const X=e.createElement("span",{className:p(L.menuToggleControls)},v!==void 0&&e.createElement("span",{className:p(L.menuToggleStatusIcon)},k),e.createElement("span",{className:p(L.menuToggleToggleIcon)},e.createElement(Ot,{"aria-hidden":!0}))),W=e.createElement(e.Fragment,null,i&&e.createElement("span",{className:p(L.menuToggleIcon)},i),G?l:l&&e.createElement("span",{className:p(L.menuToggleText)},l),e.isValidElement(o)&&e.createElement("span",{className:p(L.menuToggleCount)},o),G?e.createElement("button",Object.assign({type:"button",className:p(L.menuToggleButton),"aria-expanded":f,onClick:r,"aria-label":S||"Menu toggle",tabIndex:-1},_),X):!A&&X),E=p(L.menuToggle,f&&L.modifiers.expanded,s==="primary"&&L.modifiers.primary,s==="secondary"&&L.modifiers.secondary,v&&L.modifiers[v],(A||R)&&L.modifiers.plain,R&&"pf-m-text",w&&L.modifiers.fullHeight,u&&L.modifiers.fullWidth,g&&L.modifiers.disabled,d&&L.modifiers.placeholder,F===ze.sm&&L.modifiers.small,a),D=Object.assign(Object.assign({children:W},g&&{disabled:!0}),N);return G?e.createElement("div",Object.assign({ref:m,className:p(E,L.modifiers.typeahead)},D)):c?e.createElement("div",{ref:m,className:p(E,L.modifiers.splitButton)},c,e.createElement("button",Object.assign({className:p(L.menuToggleButton,l&&L.modifiers.text),type:"button","aria-expanded":f,"aria-label":S,disabled:g,onClick:r},N,_),l&&e.createElement("span",{className:p(L.menuToggleText)},l),X)):e.createElement("button",Object.assign({className:p(E),type:"button","aria-label":S,"aria-expanded":f,ref:m,disabled:g,onClick:r},D,_))}}yn.defaultProps={className:"",isExpanded:!1,isDisabled:!1,isFullWidth:!1,isFullHeight:!1,isPlaceholder:!1,size:"default",ouiaSafe:!0};const re=e.forwardRef((n,t)=>e.createElement(yn,Object.assign({innerRef:t},n)));re.displayName="MenuToggle";var We;(function(n){n.hr="hr",n.li="li",n.div="div"})(We||(We={}));const $e=n=>{var{className:t,component:l=We.hr,inset:a,orientation:i}=n,o=T(n,["className","component","inset","orientation"]);const f=l;return e.createElement(f,Object.assign({className:p(Be.divider,K(a,Be),K(i,Be),t)},l!=="hr"&&{role:"separator"},o))};$e.displayName="Divider";const wt=n=>{var{children:t,className:l,onSelect:a,isOpen:i,toggle:o,shouldFocusToggleOnSelect:f=!1,onOpenChange:g,isPlain:w,isScrollable:u,innerRef:d,ouiaId:c,ouiaSafe:s=!0,zIndex:v=9999,popperProps:x,onOpenChangeKeys:m=["Escape","Tab"],menuHeight:r,maxMenuHeight:S,shouldFocusFirstItemOnOpen:I=!1,shouldPreventScrollOnItemFocus:M=!0,focusTimeoutDelay:F=0}=n,N=T(n,["children","className","onSelect","isOpen","toggle","shouldFocusToggleOnSelect","onOpenChange","isPlain","isScrollable","innerRef","ouiaId","ouiaSafe","zIndex","popperProps","onOpenChangeKeys","menuHeight","maxMenuHeight","shouldFocusFirstItemOnOpen","shouldPreventScrollOnItemFocus","focusTimeoutDelay"]);const A=z.useRef(),R=z.useRef(),G=dn(ge.displayName,c,s),_=d||A,k=typeof o=="function"||typeof o!="function"&&!o.toggleRef?R:o?.toggleRef,X=z.useRef(i);z.useEffect(()=>{X.current===!1&&i===!0&&I&&setTimeout(()=>{var D;const P=(D=_?.current)===null||D===void 0?void 0:D.querySelector('li button:not(:disabled),li input:not(:disabled),li a:not([aria-disabled="true"])');P&&P.focus({preventScroll:M})},F),X.current=i},[i]),z.useEffect(()=>{const D=U=>{var B,j,ne;i&&g&&(!((B=_.current)===null||B===void 0)&&B.contains(U.target)||!((j=k.current)===null||j===void 0)&&j.contains(U.target))&&m.includes(U.key)&&(g(!1),(ne=k.current)===null||ne===void 0||ne.focus())},P=U=>{var B,j;i&&g&&!(!((B=k?.current)===null||B===void 0)&&B.contains(U.target))&&i&&!(!((j=_.current)===null||j===void 0)&&j.contains(U.target))&&g(!1)};return window.addEventListener("keydown",D),window.addEventListener("click",P),()=>{window.removeEventListener("keydown",D),window.removeEventListener("click",P)}},[i,_,k,g,m,M,I,F]);const W=S!==void 0||r!==void 0||u,E=z.createElement(ve,Object.assign({className:p(l),ref:_,onSelect:(D,P)=>{var U;a&&a(D,P),f&&((U=k.current)===null||U===void 0||U.focus())},isPlain:w,isScrollable:W},N,G),z.createElement(wn,{menuHeight:r,maxMenuHeight:S},t));return z.createElement(gn,Object.assign({trigger:typeof o=="function"?o(k):o.toggleNode,triggerRef:k,popper:E,popperRef:_,isVisible:i,zIndex:v},x))},ge=z.forwardRef((n,t)=>z.createElement(wt,Object.assign({innerRef:t},n)));ge.displayName="Dropdown";const _n=n=>{var{children:t,className:l,label:a,labelHeadingLevel:i="h1"}=n,o=T(n,["children","className","label","labelHeadingLevel"]);return z.createElement(vn,Object.assign({className:p(l),label:a,labelHeadingLevel:i},o),t)};_n.displayName="DropdownGroup";const vt=n=>{var{children:t,className:l,description:a,isDisabled:i,isAriaDisabled:o,value:f,onClick:g,ouiaId:w,ouiaSafe:u,innerRef:d,tooltipProps:c}=n,s=T(n,["children","className","description","isDisabled","isAriaDisabled","value","onClick","ouiaId","ouiaSafe","innerRef","tooltipProps"]);const v=dn(le.displayName,w,u);return z.createElement(Sn,Object.assign({className:p(l),description:a,isDisabled:i,isAriaDisabled:o,itemId:f,onClick:g,tooltipProps:c,ref:d},v,s),t)},le=z.forwardRef((n,t)=>z.createElement(vt,Object.assign({},n,{innerRef:t})));le.displayName="DropdownItem";const pe=n=>{var{children:t,className:l}=n,a=T(n,["children","className"]);return z.createElement(En,Object.assign({className:p(l)},a),t)};pe.displayName="DropdownList";const Ct={name:"QuestionCircleIcon",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 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z",yOffset:0,xOffset:0},It=$(Ct),h={dirRtl:"pf-v6-m-dir-rtl",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",sticky:"pf-m-sticky",static:"pf-m-static",fullHeight:"pf-m-full-height",primary:"pf-m-primary",secondary:"pf-m-secondary",noBackground:"pf-m-no-background",expandAll:"pf-m-expand-all",expanded:"pf-m-expanded",label:"pf-m-label",pagination:"pf-m-pagination",overflowContainer:"pf-m-overflow-container",filterGroup:"pf-m-filter-group",labelGroup:"pf-m-label-group",actionGroup:"pf-m-action-group",actionGroupPlain:"pf-m-action-group-plain",actionGroupInline:"pf-m-action-group-inline",alignStart:"pf-m-align-start",alignCenter:"pf-m-align-center",alignEnd:"pf-m-align-end",flexGrow:"pf-m-flex-grow",alignSelfStretch:"pf-m-align-self-stretch",alignSelfBaseline:"pf-m-align-self-baseline",alignSelfStart:"pf-m-align-self-start",alignSelfCenter:"pf-m-align-self-center",alignSelfEnd:"pf-m-align-self-end",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",inset_4xl:"pf-m-inset-4xl",wrap:"pf-m-wrap",nowrap:"pf-m-nowrap",alignItemsStretch:"pf-m-align-items-stretch",alignItemsBaseline:"pf-m-align-items-baseline",alignItemsStart:"pf-m-align-items-start",alignItemsCenter:"pf-m-align-items-center",alignItemsEnd:"pf-m-align-items-end",gapNone:"pf-m-gap-none",gapXs:"pf-m-gap-xs",gapSm:"pf-m-gap-sm",gapMd:"pf-m-gap-md",gapLg:"pf-m-gap-lg",gapXl:"pf-m-gap-xl",gap_2xl:"pf-m-gap-2xl",gap_3xl:"pf-m-gap-3xl",gap_4xl:"pf-m-gap-4xl",columnGapNone:"pf-m-column-gap-none",rowGapNone:"pf-m-row-gap-none",columnGapXs:"pf-m-column-gap-xs",rowGapXs:"pf-m-row-gap-xs",columnGapSm:"pf-m-column-gap-sm",rowGapSm:"pf-m-row-gap-sm",columnGapMd:"pf-m-column-gap-md",rowGapMd:"pf-m-row-gap-md",columnGapLg:"pf-m-column-gap-lg",rowGapLg:"pf-m-row-gap-lg",columnGapXl:"pf-m-column-gap-xl",rowGapXl:"pf-m-row-gap-xl",columnGap_2xl:"pf-m-column-gap-2xl",rowGap_2xl:"pf-m-row-gap-2xl",columnGap_3xl:"pf-m-column-gap-3xl",rowGap_3xl:"pf-m-row-gap-3xl",columnGap_4xl:"pf-m-column-gap-4xl",rowGap_4xl:"pf-m-row-gap-4xl",toggleGroup:"pf-m-toggle-group",show:"pf-m-show",hide:"pf-m-hide",alignStartOnSm:"pf-m-align-start-on-sm",alignCenterOnSm:"pf-m-align-center-on-sm",alignEndOnSm:"pf-m-align-end-on-sm",flexGrowOnSm:"pf-m-flex-grow-on-sm",alignSelfStretchOnSm:"pf-m-align-self-stretch-on-sm",alignSelfBaselineOnSm:"pf-m-align-self-baseline-on-sm",alignSelfStartOnSm:"pf-m-align-self-start-on-sm",alignSelfCenterOnSm:"pf-m-align-self-center-on-sm",alignSelfEndOnSm:"pf-m-align-self-end-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",inset_4xlOnSm:"pf-m-inset-4xl-on-sm",wrapOnSm:"pf-m-wrap-on-sm",nowrapOnSm:"pf-m-nowrap-on-sm",alignItemsStretchOnSm:"pf-m-align-items-stretch-on-sm",alignItemsBaselineOnSm:"pf-m-align-items-baseline-on-sm",alignItemsStartOnSm:"pf-m-align-items-start-on-sm",alignItemsCenterOnSm:"pf-m-align-items-center-on-sm",alignItemsEndOnSm:"pf-m-align-items-end-on-sm",gapNoneOnSm:"pf-m-gap-none-on-sm",gapXsOnSm:"pf-m-gap-xs-on-sm",gapSmOnSm:"pf-m-gap-sm-on-sm",gapMdOnSm:"pf-m-gap-md-on-sm",gapLgOnSm:"pf-m-gap-lg-on-sm",gapXlOnSm:"pf-m-gap-xl-on-sm",gap_2xlOnSm:"pf-m-gap-2xl-on-sm",gap_3xlOnSm:"pf-m-gap-3xl-on-sm",gap_4xlOnSm:"pf-m-gap-4xl-on-sm",columnGapNoneOnSm:"pf-m-column-gap-none-on-sm",rowGapNoneOnSm:"pf-m-row-gap-none-on-sm",columnGapXsOnSm:"pf-m-column-gap-xs-on-sm",rowGapXsOnSm:"pf-m-row-gap-xs-on-sm",columnGapSmOnSm:"pf-m-column-gap-sm-on-sm",rowGapSmOnSm:"pf-m-row-gap-sm-on-sm",columnGapMdOnSm:"pf-m-column-gap-md-on-sm",rowGapMdOnSm:"pf-m-row-gap-md-on-sm",columnGapLgOnSm:"pf-m-column-gap-lg-on-sm",rowGapLgOnSm:"pf-m-row-gap-lg-on-sm",columnGapXlOnSm:"pf-m-column-gap-xl-on-sm",rowGapXlOnSm:"pf-m-row-gap-xl-on-sm",columnGap_2xlOnSm:"pf-m-column-gap-2xl-on-sm",rowGap_2xlOnSm:"pf-m-row-gap-2xl-on-sm",columnGap_3xlOnSm:"pf-m-column-gap-3xl-on-sm",rowGap_3xlOnSm:"pf-m-row-gap-3xl-on-sm",columnGap_4xlOnSm:"pf-m-column-gap-4xl-on-sm",rowGap_4xlOnSm:"pf-m-row-gap-4xl-on-sm",showOnSm:"pf-m-show-on-sm",hideOnSm:"pf-m-hide-on-sm",alignStartOnMd:"pf-m-align-start-on-md",alignCenterOnMd:"pf-m-align-center-on-md",alignEndOnMd:"pf-m-align-end-on-md",flexGrowOnMd:"pf-m-flex-grow-on-md",alignSelfStretchOnMd:"pf-m-align-self-stretch-on-md",alignSelfBaselineOnMd:"pf-m-align-self-baseline-on-md",alignSelfStartOnMd:"pf-m-align-self-start-on-md",alignSelfCenterOnMd:"pf-m-align-self-center-on-md",alignSelfEndOnMd:"pf-m-align-self-end-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",inset_4xlOnMd:"pf-m-inset-4xl-on-md",wrapOnMd:"pf-m-wrap-on-md",nowrapOnMd:"pf-m-nowrap-on-md",alignItemsStretchOnMd:"pf-m-align-items-stretch-on-md",alignItemsBaselineOnMd:"pf-m-align-items-baseline-on-md",alignItemsStartOnMd:"pf-m-align-items-start-on-md",alignItemsCenterOnMd:"pf-m-align-items-center-on-md",alignItemsEndOnMd:"pf-m-align-items-end-on-md",gapNoneOnMd:"pf-m-gap-none-on-md",gapXsOnMd:"pf-m-gap-xs-on-md",gapSmOnMd:"pf-m-gap-sm-on-md",gapMdOnMd:"pf-m-gap-md-on-md",gapLgOnMd:"pf-m-gap-lg-on-md",gapXlOnMd:"pf-m-gap-xl-on-md",gap_2xlOnMd:"pf-m-gap-2xl-on-md",gap_3xlOnMd:"pf-m-gap-3xl-on-md",gap_4xlOnMd:"pf-m-gap-4xl-on-md",columnGapNoneOnMd:"pf-m-column-gap-none-on-md",rowGapNoneOnMd:"pf-m-row-gap-none-on-md",columnGapXsOnMd:"pf-m-column-gap-xs-on-md",rowGapXsOnMd:"pf-m-row-gap-xs-on-md",columnGapSmOnMd:"pf-m-column-gap-sm-on-md",rowGapSmOnMd:"pf-m-row-gap-sm-on-md",columnGapMdOnMd:"pf-m-column-gap-md-on-md",rowGapMdOnMd:"pf-m-row-gap-md-on-md",columnGapLgOnMd:"pf-m-column-gap-lg-on-md",rowGapLgOnMd:"pf-m-row-gap-lg-on-md",columnGapXlOnMd:"pf-m-column-gap-xl-on-md",rowGapXlOnMd:"pf-m-row-gap-xl-on-md",columnGap_2xlOnMd:"pf-m-column-gap-2xl-on-md",rowGap_2xlOnMd:"pf-m-row-gap-2xl-on-md",columnGap_3xlOnMd:"pf-m-column-gap-3xl-on-md",rowGap_3xlOnMd:"pf-m-row-gap-3xl-on-md",columnGap_4xlOnMd:"pf-m-column-gap-4xl-on-md",rowGap_4xlOnMd:"pf-m-row-gap-4xl-on-md",showOnMd:"pf-m-show-on-md",hideOnMd:"pf-m-hide-on-md",alignStartOnLg:"pf-m-align-start-on-lg",alignCenterOnLg:"pf-m-align-center-on-lg",alignEndOnLg:"pf-m-align-end-on-lg",flexGrowOnLg:"pf-m-flex-grow-on-lg",alignSelfStretchOnLg:"pf-m-align-self-stretch-on-lg",alignSelfBaselineOnLg:"pf-m-align-self-baseline-on-lg",alignSelfStartOnLg:"pf-m-align-self-start-on-lg",alignSelfCenterOnLg:"pf-m-align-self-center-on-lg",alignSelfEndOnLg:"pf-m-align-self-end-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",inset_4xlOnLg:"pf-m-inset-4xl-on-lg",wrapOnLg:"pf-m-wrap-on-lg",nowrapOnLg:"pf-m-nowrap-on-lg",alignItemsStretchOnLg:"pf-m-align-items-stretch-on-lg",alignItemsBaselineOnLg:"pf-m-align-items-baseline-on-lg",alignItemsStartOnLg:"pf-m-align-items-start-on-lg",alignItemsCenterOnLg:"pf-m-align-items-center-on-lg",alignItemsEndOnLg:"pf-m-align-items-end-on-lg",gapNoneOnLg:"pf-m-gap-none-on-lg",gapXsOnLg:"pf-m-gap-xs-on-lg",gapSmOnLg:"pf-m-gap-sm-on-lg",gapMdOnLg:"pf-m-gap-md-on-lg",gapLgOnLg:"pf-m-gap-lg-on-lg",gapXlOnLg:"pf-m-gap-xl-on-lg",gap_2xlOnLg:"pf-m-gap-2xl-on-lg",gap_3xlOnLg:"pf-m-gap-3xl-on-lg",gap_4xlOnLg:"pf-m-gap-4xl-on-lg",columnGapNoneOnLg:"pf-m-column-gap-none-on-lg",rowGapNoneOnLg:"pf-m-row-gap-none-on-lg",columnGapXsOnLg:"pf-m-column-gap-xs-on-lg",rowGapXsOnLg:"pf-m-row-gap-xs-on-lg",columnGapSmOnLg:"pf-m-column-gap-sm-on-lg",rowGapSmOnLg:"pf-m-row-gap-sm-on-lg",columnGapMdOnLg:"pf-m-column-gap-md-on-lg",rowGapMdOnLg:"pf-m-row-gap-md-on-lg",columnGapLgOnLg:"pf-m-column-gap-lg-on-lg",rowGapLgOnLg:"pf-m-row-gap-lg-on-lg",columnGapXlOnLg:"pf-m-column-gap-xl-on-lg",rowGapXlOnLg:"pf-m-row-gap-xl-on-lg",columnGap_2xlOnLg:"pf-m-column-gap-2xl-on-lg",rowGap_2xlOnLg:"pf-m-row-gap-2xl-on-lg",columnGap_3xlOnLg:"pf-m-column-gap-3xl-on-lg",rowGap_3xlOnLg:"pf-m-row-gap-3xl-on-lg",columnGap_4xlOnLg:"pf-m-column-gap-4xl-on-lg",rowGap_4xlOnLg:"pf-m-row-gap-4xl-on-lg",showOnLg:"pf-m-show-on-lg",hideOnLg:"pf-m-hide-on-lg",alignStartOnXl:"pf-m-align-start-on-xl",alignCenterOnXl:"pf-m-align-center-on-xl",alignEndOnXl:"pf-m-align-end-on-xl",flexGrowOnXl:"pf-m-flex-grow-on-xl",alignSelfStretchOnXl:"pf-m-align-self-stretch-on-xl",alignSelfBaselineOnXl:"pf-m-align-self-baseline-on-xl",alignSelfStartOnXl:"pf-m-align-self-start-on-xl",alignSelfCenterOnXl:"pf-m-align-self-center-on-xl",alignSelfEndOnXl:"pf-m-align-self-end-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",inset_4xlOnXl:"pf-m-inset-4xl-on-xl",wrapOnXl:"pf-m-wrap-on-xl",nowrapOnXl:"pf-m-nowrap-on-xl",alignItemsStretchOnXl:"pf-m-align-items-stretch-on-xl",alignItemsBaselineOnXl:"pf-m-align-items-baseline-on-xl",alignItemsStartOnXl:"pf-m-align-items-start-on-xl",alignItemsCenterOnXl:"pf-m-align-items-center-on-xl",alignItemsEndOnXl:"pf-m-align-items-end-on-xl",gapNoneOnXl:"pf-m-gap-none-on-xl",gapXsOnXl:"pf-m-gap-xs-on-xl",gapSmOnXl:"pf-m-gap-sm-on-xl",gapMdOnXl:"pf-m-gap-md-on-xl",gapLgOnXl:"pf-m-gap-lg-on-xl",gapXlOnXl:"pf-m-gap-xl-on-xl",gap_2xlOnXl:"pf-m-gap-2xl-on-xl",gap_3xlOnXl:"pf-m-gap-3xl-on-xl",gap_4xlOnXl:"pf-m-gap-4xl-on-xl",columnGapNoneOnXl:"pf-m-column-gap-none-on-xl",rowGapNoneOnXl:"pf-m-row-gap-none-on-xl",columnGapXsOnXl:"pf-m-column-gap-xs-on-xl",rowGapXsOnXl:"pf-m-row-gap-xs-on-xl",columnGapSmOnXl:"pf-m-column-gap-sm-on-xl",rowGapSmOnXl:"pf-m-row-gap-sm-on-xl",columnGapMdOnXl:"pf-m-column-gap-md-on-xl",rowGapMdOnXl:"pf-m-row-gap-md-on-xl",columnGapLgOnXl:"pf-m-column-gap-lg-on-xl",rowGapLgOnXl:"pf-m-row-gap-lg-on-xl",columnGapXlOnXl:"pf-m-column-gap-xl-on-xl",rowGapXlOnXl:"pf-m-row-gap-xl-on-xl",columnGap_2xlOnXl:"pf-m-column-gap-2xl-on-xl",rowGap_2xlOnXl:"pf-m-row-gap-2xl-on-xl",columnGap_3xlOnXl:"pf-m-column-gap-3xl-on-xl",rowGap_3xlOnXl:"pf-m-row-gap-3xl-on-xl",columnGap_4xlOnXl:"pf-m-column-gap-4xl-on-xl",rowGap_4xlOnXl:"pf-m-row-gap-4xl-on-xl",showOnXl:"pf-m-show-on-xl",hideOnXl:"pf-m-hide-on-xl",alignStartOn_2xl:"pf-m-align-start-on-2xl",alignCenterOn_2xl:"pf-m-align-center-on-2xl",alignEndOn_2xl:"pf-m-align-end-on-2xl",flexGrowOn_2xl:"pf-m-flex-grow-on-2xl",alignSelfStretchOn_2xl:"pf-m-align-self-stretch-on-2xl",alignSelfBaselineOn_2xl:"pf-m-align-self-baseline-on-2xl",alignSelfStartOn_2xl:"pf-m-align-self-start-on-2xl",alignSelfCenterOn_2xl:"pf-m-align-self-center-on-2xl",alignSelfEndOn_2xl:"pf-m-align-self-end-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",inset_4xlOn_2xl:"pf-m-inset-4xl-on-2xl",wrapOn_2xl:"pf-m-wrap-on-2xl",nowrapOn_2xl:"pf-m-nowrap-on-2xl",alignItemsStretchOn_2xl:"pf-m-align-items-stretch-on-2xl",alignItemsBaselineOn_2xl:"pf-m-align-items-baseline-on-2xl",alignItemsStartOn_2xl:"pf-m-align-items-start-on-2xl",alignItemsCenterOn_2xl:"pf-m-align-items-center-on-2xl",alignItemsEndOn_2xl:"pf-m-align-items-end-on-2xl",gapNoneOn_2xl:"pf-m-gap-none-on-2xl",gapXsOn_2xl:"pf-m-gap-xs-on-2xl",gapSmOn_2xl:"pf-m-gap-sm-on-2xl",gapMdOn_2xl:"pf-m-gap-md-on-2xl",gapLgOn_2xl:"pf-m-gap-lg-on-2xl",gapXlOn_2xl:"pf-m-gap-xl-on-2xl",gap_2xlOn_2xl:"pf-m-gap-2xl-on-2xl",gap_3xlOn_2xl:"pf-m-gap-3xl-on-2xl",gap_4xlOn_2xl:"pf-m-gap-4xl-on-2xl",columnGapNoneOn_2xl:"pf-m-column-gap-none-on-2xl",rowGapNoneOn_2xl:"pf-m-row-gap-none-on-2xl",columnGapXsOn_2xl:"pf-m-column-gap-xs-on-2xl",rowGapXsOn_2xl:"pf-m-row-gap-xs-on-2xl",columnGapSmOn_2xl:"pf-m-column-gap-sm-on-2xl",rowGapSmOn_2xl:"pf-m-row-gap-sm-on-2xl",columnGapMdOn_2xl:"pf-m-column-gap-md-on-2xl",rowGapMdOn_2xl:"pf-m-row-gap-md-on-2xl",columnGapLgOn_2xl:"pf-m-column-gap-lg-on-2xl",rowGapLgOn_2xl:"pf-m-row-gap-lg-on-2xl",columnGapXlOn_2xl:"pf-m-column-gap-xl-on-2xl",rowGapXlOn_2xl:"pf-m-row-gap-xl-on-2xl",columnGap_2xlOn_2xl:"pf-m-column-gap-2xl-on-2xl",rowGap_2xlOn_2xl:"pf-m-row-gap-2xl-on-2xl",columnGap_3xlOn_2xl:"pf-m-column-gap-3xl-on-2xl",rowGap_3xlOn_2xl:"pf-m-row-gap-3xl-on-2xl",columnGap_4xlOn_2xl:"pf-m-column-gap-4xl-on-2xl",rowGap_4xlOn_2xl:"pf-m-row-gap-4xl-on-2xl",showOn_2xl:"pf-m-show-on-2xl",hideOn_2xl:"pf-m-hide-on-2xl"},pagination:"pf-v6-c-pagination",toolbar:"pf-v6-c-toolbar",toolbarContent:"pf-v6-c-toolbar__content",toolbarContentSection:"pf-v6-c-toolbar__content-section",toolbarExpandAllIcon:"pf-v6-c-toolbar__expand-all-icon",toolbarExpandableContent:"pf-v6-c-toolbar__expandable-content",toolbarGroup:"pf-v6-c-toolbar__group",toolbarItem:"pf-v6-c-toolbar__item",toolbarToggle:"pf-v6-c-toolbar__toggle"},Ln=e.createContext({isExpanded:!1,toggleIsExpanded:()=>{},labelGroupContentRef:null,updateNumberFilters:()=>{},numberOfFilters:0,clearAllFilters:()=>{}}),St=e.createContext({expandableContentRef:null,expandableContentId:"",labelContainerRef:null,clearAllFilters:()=>{}}),Et={md:parseInt(jn.value)*16,lg:parseInt(An.value)*16,xl:parseInt(Bn.value)*16,"2xl":parseInt(Hn.value)*16};var Ce;(function(n){n.separator="separator",n.pagination="pagination",n.label="label",n["label-group"]="label-group",n["expand-all"]="expand-all"})(Ce||(Ce={}));const Q=n=>{var{className:t,variant:l,visibility:a,gap:i,columnGap:o,rowGap:f,align:g,alignSelf:w,alignItems:u,id:d,children:c,isAllExpanded:s,isOverflowContainer:v}=n,x=T(n,["className","variant","visibility","gap","columnGap","rowGap","align","alignSelf","alignItems","id","children","isAllExpanded","isOverflowContainer"]);return l===Ce.separator?e.createElement($e,Object.assign({className:p(t),orientation:{default:"vertical"}},x)):e.createElement(ye.Consumer,null,({width:m,getBreakpoint:r})=>e.createElement("div",Object.assign({className:p(h.toolbarItem,l&&h.modifiers[fn(l)],l===Ce["label-group"]&&h.modifiers.labelGroup,s&&h.modifiers.expanded,v&&h.modifiers.overflowContainer,K(a,h,"",r(m)),K(g,h,"",r(m)),K(i,h,"",r(m)),K(o,h,"",r(m)),K(f,h,"",r(m)),u==="start"&&h.modifiers.alignItemsStart,u==="center"&&h.modifiers.alignItemsCenter,u==="baseline"&&h.modifiers.alignItemsBaseline,w==="start"&&h.modifiers.alignSelfStart,w==="center"&&h.modifiers.alignSelfCenter,w==="baseline"&&h.modifiers.alignSelfBaseline,t)},l==="label"&&{"aria-hidden":!0},{id:d},x),c))};Q.displayName="ToolbarItem";var rn;(function(n){n["filter-group"]="filter-group",n["action-group"]="action-group",n["action-group-inline"]="action-group-inline",n["action-group-plain"]="action-group-plain",n["label-group"]="label-group"})(rn||(rn={}));class yt extends e.Component{render(){const t=this.props,{visibility:l,align:a,alignItems:i,alignSelf:o,gap:f,columnGap:g,rowGap:w,className:u,variant:d,children:c,isOverflowContainer:s,innerRef:v}=t,x=T(t,["visibility","align","alignItems","alignSelf","gap","columnGap","rowGap","className","variant","children","isOverflowContainer","innerRef"]);return e.createElement(ye.Consumer,null,({width:m,getBreakpoint:r})=>e.createElement("div",Object.assign({className:p(h.toolbarGroup,d&&h.modifiers[fn(d)],K(l,h,"",r(m)),K(a,h,"",r(m)),K(f,h,"",r(m)),K(g,h,"",r(m)),K(w,h,"",r(m)),i==="start"&&h.modifiers.alignItemsStart,i==="center"&&h.modifiers.alignItemsCenter,i==="baseline"&&h.modifiers.alignItemsBaseline,o==="start"&&h.modifiers.alignSelfStart,o==="center"&&h.modifiers.alignSelfCenter,o==="baseline"&&h.modifiers.alignSelfBaseline,s&&h.modifiers.overflowContainer,u)},x,{ref:v}),c))}}const Ie=e.forwardRef((n,t)=>e.createElement(yt,Object.assign({},n,{innerRef:t})));class qe extends e.Component{render(){const t=this.props,{className:l,isExpanded:a,labelGroupContentRef:i,clearAllFilters:o,showClearFiltersButton:f,clearFiltersButtonText:g,collapseListedFiltersBreakpoint:w,numberOfFilters:u,numberOfFiltersText:d,customLabelGroupContent:c}=t,s=T(t,["className","isExpanded","labelGroupContentRef","clearAllFilters","showClearFiltersButton","clearFiltersButtonText","collapseListedFiltersBreakpoint","numberOfFilters","numberOfFiltersText","customLabelGroupContent"]),v=()=>{o()};let x=!1;w==="all"?x=!0:q&&(x=(q?window.innerWidth:1200)<Et[w]);const m=u===0||a,r=x&&u>0&&!a,S=f&&!a&&!c;return e.createElement("div",Object.assign({className:p(h.toolbarContent,m&&h.modifiers.hidden,l)},(u===0||a)&&{hidden:!0},{ref:i},s),e.createElement(Ie,Object.assign({className:p(x&&h.modifiers.hidden)},x&&{hidden:!0},x&&{"aria-hidden":!0})),(r||S||c)&&e.createElement(Ie,{variant:"action-group-inline"},r&&e.createElement(Q,null,d(u)),S&&e.createElement(Q,null,e.createElement(de,{variant:"link",onClick:v,isInline:!0},g)),c&&c))}}qe.displayName="ToolbarLabelGroupContent";qe.defaultProps={clearFiltersButtonText:"Clear all filters",collapseListedFiltersBreakpoint:"lg",numberOfFiltersText:n=>`${n} filters applied`};var Ue;(function(n){n.default="default",n.primary="primary",n.secondary="secondary",n.noBackground="no-background"})(Ue||(Ue={}));let Mn=class Ke extends e.Component{constructor(){super(...arguments),this.labelGroupContentRef=e.createRef(),this.staticFilterInfo={},this.state={isManagedToggleExpanded:!1,filterInfo:{},windowWidth:q?window.innerWidth:1200,ouiaStateId:Se(Ke.displayName)},this.isToggleManaged=()=>!(this.props.isExpanded||this.props.toggleIsExpanded),this.toggleIsExpanded=()=>{this.setState(t=>({isManagedToggleExpanded:!t.isManagedToggleExpanded}))},this.closeExpandableContent=t=>{t.target.innerWidth!==this.state.windowWidth&&this.setState(()=>({isManagedToggleExpanded:!1,windowWidth:t.target.innerWidth}))},this.updateNumberFilters=(t,l)=>{const a=Object.assign({},this.staticFilterInfo);(!a.hasOwnProperty(t)||a[t]!==l)&&(a[t]=l,this.staticFilterInfo=a,this.setState({filterInfo:a}))},this.getNumberOfFilters=()=>Object.values(this.state.filterInfo).reduce((t,l)=>t+l,0),this.renderToolbar=t=>{const l=this.props,{clearAllFilters:a,clearFiltersButtonText:i,collapseListedFiltersBreakpoint:o,isExpanded:f,toggleIsExpanded:g,className:w,children:u,isFullHeight:d,isStatic:c,inset:s,isSticky:v,ouiaId:x,numberOfFiltersText:m,customLabelGroupContent:r,colorVariant:S=Ue.default}=l,I=T(l,["clearAllFilters","clearFiltersButtonText","collapseListedFiltersBreakpoint","isExpanded","toggleIsExpanded","className","children","isFullHeight","isStatic","inset","isSticky","ouiaId","numberOfFiltersText","customLabelGroupContent","colorVariant"]),{isManagedToggleExpanded:M}=this.state,F=this.isToggleManaged(),N=F?M:f,A=this.getNumberOfFilters(),R=A>0;return e.createElement(ye.Consumer,null,({width:G,getBreakpoint:_})=>e.createElement("div",Object.assign({className:p(h.toolbar,d&&h.modifiers.fullHeight,c&&h.modifiers.static,v&&h.modifiers.sticky,K(s,h,"",_(G)),S==="primary"&&h.modifiers.primary,S==="secondary"&&h.modifiers.secondary,S==="no-background"&&h.modifiers.noBackground,w),id:t},Ee(Ke.displayName,x!==void 0?x:this.state.ouiaStateId),I),e.createElement(Ln.Provider,{value:{isExpanded:N,toggleIsExpanded:F?this.toggleIsExpanded:g,labelGroupContentRef:this.labelGroupContentRef,updateNumberFilters:this.updateNumberFilters,numberOfFilters:A,clearAllFilters:a,clearFiltersButtonText:i,showClearFiltersButton:R,toolbarId:t,customLabelGroupContent:r}},u,e.createElement(qe,{isExpanded:N,labelGroupContentRef:this.labelGroupContentRef,clearAllFilters:a,showClearFiltersButton:R,clearFiltersButtonText:i,numberOfFilters:A,numberOfFiltersText:m,collapseListedFiltersBreakpoint:o,customLabelGroupContent:r}))))}}componentDidMount(){this.isToggleManaged()&&q&&window.addEventListener("resize",this.closeExpandableContent)}componentWillUnmount(){this.isToggleManaged()&&q&&window.removeEventListener("resize",this.closeExpandableContent)}render(){return this.props.id?this.renderToolbar(this.props.id):e.createElement(_e,null,t=>this.renderToolbar(t))}};Mn.displayName="Toolbar";class ce extends e.Component{constructor(){super(...arguments),this.expandableContentRef=e.createRef(),this.labelContainerRef=e.createRef()}render(){const t=this.props,{className:l,children:a,isExpanded:i,toolbarId:o,visibility:f,alignItems:g,clearAllFilters:w,showClearFiltersButton:u,clearFiltersButtonText:d}=t,c=T(t,["className","children","isExpanded","toolbarId","visibility","alignItems","clearAllFilters","showClearFiltersButton","clearFiltersButtonText"]);return e.createElement(ye.Consumer,null,({width:s,getBreakpoint:v})=>e.createElement("div",Object.assign({className:p(h.toolbarContent,K(f,h,"",v(s)),l),ref:this.expandableContentRef},c),e.createElement(Ln.Consumer,null,({clearAllFilters:x,clearFiltersButtonText:m,showClearFiltersButton:r,isExpanded:S,toolbarId:I})=>{const M=`${o||I}-expandable-content-${ce.currentId++}`;return e.createElement(St.Provider,{value:{expandableContentRef:this.expandableContentRef,expandableContentId:M,labelContainerRef:this.labelContainerRef,isExpanded:i||S,clearAllFilters:w||x,clearFiltersButtonText:d||m,showClearFiltersButton:u||r}},e.createElement("div",{className:p(h.toolbarContentSection,g==="center"&&h.modifiers.alignItemsCenter,g==="start"&&h.modifiers.alignItemsStart,g==="baseline"&&h.modifiers.alignItemsBaseline)},a))})))}}ce.displayName="ToolbarContent";ce.currentId=0;ce.defaultProps={isExpanded:!1,showClearFiltersButton:!1};const _t={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},Nn=$(_t),Lt={name:"EllipsisVIcon",height:512,width:192,svgPath:"M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z",yOffset:0,xOffset:0},mn=$(Lt),Mt="/avatarImg.svg",Nt={name:"HelpIcon",height:1024,width:1024,svgPath:"M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0",yOffset:0,xOffset:0},Gt=$(Nt),cn=()=>b.jsxs(b.Fragment,{children:[b.jsxs(le,{children:[b.jsx(Nn,{})," Settings"]}),b.jsxs(le,{children:[b.jsx(Gt,{})," Help"]})]}),pn=()=>b.jsxs(b.Fragment,{children:[b.jsx(le,{children:"My profile"},"group 2 profile"),b.jsx(le,{children:"User management"},"group 2 user"),b.jsx(le,{children:"Logout"},"group 2 logout")]}),Xt=()=>{const[n,t]=e.useState(!1),[l,a]=e.useState(!1),[i,o]=e.useState(!1),f=()=>{t(!n)},g=()=>{t(!1)},w=()=>{a(!l)},u=()=>{a(!1)},d=()=>{o(!i)},c=()=>{o(!1)};return b.jsx(Mn,{id:"toolbar",isStatic:!0,children:b.jsxs(ce,{children:[b.jsxs(Ie,{variant:"action-group-plain",align:{default:"alignEnd"},gap:{default:"gapNone",md:"gapMd"},children:[b.jsx(Q,{children:b.jsx(de,{"aria-label":"Notifications",variant:Ae.plain,icon:b.jsx(Jn,{})})}),b.jsxs(Ie,{variant:"action-group-plain",visibility:{default:"hidden",lg:"visible"},children:[b.jsx(Q,{children:b.jsx(de,{"aria-label":"Settings",variant:Ae.plain,icon:b.jsx(Nn,{})})}),b.jsx(Q,{children:b.jsx(de,{"aria-label":"Help",variant:Ae.plain,icon:b.jsx(It,{})})})]}),b.jsx(Q,{visibility:{default:"hidden",md:"visible",lg:"hidden"},children:b.jsx(ge,{isOpen:l,onSelect:u,onOpenChange:s=>a(s),popperProps:{position:"right"},toggle:s=>b.jsx(re,{ref:s,onClick:w,isExpanded:l,variant:"plain","aria-label":"Settings and help",children:b.jsx(mn,{"aria-hidden":"true"})}),children:b.jsx(pe,{children:b.jsx(cn,{})})})}),b.jsx(Q,{visibility:{md:"hidden"},children:b.jsxs(ge,{isOpen:i,onSelect:c,onOpenChange:s=>o(s),popperProps:{position:"right"},toggle:s=>b.jsx(re,{ref:s,onClick:d,isExpanded:i,variant:"plain","aria-label":"Toolbar menu",children:b.jsx(mn,{"aria-hidden":"true"})}),children:[b.jsx(_n,{"aria-label":"User actions",children:b.jsx(pe,{children:b.jsx(pn,{})})},"group 2"),b.jsx($e,{}),b.jsx(pe,{children:b.jsx(cn,{})})]})})]}),b.jsx(Q,{visibility:{default:"hidden",md:"visible"},children:b.jsx(ge,{isOpen:n,onSelect:g,onOpenChange:s=>t(s),popperProps:{position:"right"},toggle:s=>b.jsx(re,{ref:s,onClick:f,isExpanded:n,icon:b.jsx(bn,{src:Mt,alt:"",size:"sm"}),children:"Ned Username"}),children:b.jsx(pe,{children:b.jsx(pn,{})})})})]})})};export{Xt as Toolbar};