@patternfly/patternfly-doc-core 1.13.2 → 1.13.3

package/dist/docs/_worker.js/manifest_Cz7n9zdK.mjs

@@ -0,0 +1,100 @@
+globalThis.process ??= {}; globalThis.process.env ??= {};
+import { v as decodeKey } from './chunks/astro/server_DJAlTAUe.mjs';
+import './chunks/astro-designed-error-pages_RucpOaTo.mjs';
+import { N as NOOP_MIDDLEWARE_FN } from './chunks/noop-middleware_BUlUjpRM.mjs';
+
+function sanitizeParams(params) {
+  return Object.fromEntries(
+    Object.entries(params).map(([key, value]) => {
+      if (typeof value === "string") {
+        return [key, value.normalize().replace(/#/g, "%23").replace(/\?/g, "%3F")];
+      }
+      return [key, value];
+    })
+  );
+}
+function getParameter(part, params) {
+  if (part.spread) {
+    return params[part.content.slice(3)] || "";
+  }
+  if (part.dynamic) {
+    if (!params[part.content]) {
+      throw new TypeError(`Missing parameter: ${part.content}`);
+    }
+    return params[part.content];
+  }
+  return part.content.normalize().replace(/\?/g, "%3F").replace(/#/g, "%23").replace(/%5B/g, "[").replace(/%5D/g, "]");
+}
+function getSegment(segment, params) {
+  const segmentPath = segment.map((part) => getParameter(part, params)).join("");
+  return segmentPath ? "/" + segmentPath : "";
+}
+function getRouteGenerator(segments, addTrailingSlash) {
+  return (params) => {
+    const sanitizedParams = sanitizeParams(params);
+    let trailing = "";
+    if (addTrailingSlash === "always" && segments.length) {
+      trailing = "/";
+    }
+    const path = segments.map((segment) => getSegment(segment, sanitizedParams)).join("") + trailing;
+    return path || "/";
+  };
+}
+
+function deserializeRouteData(rawRouteData) {
+  return {
+    route: rawRouteData.route,
+    type: rawRouteData.type,
+    pattern: new RegExp(rawRouteData.pattern),
+    params: rawRouteData.params,
+    component: rawRouteData.component,
+    generate: getRouteGenerator(rawRouteData.segments, rawRouteData._meta.trailingSlash),
+    pathname: rawRouteData.pathname || void 0,
+    segments: rawRouteData.segments,
+    prerender: rawRouteData.prerender,
+    redirect: rawRouteData.redirect,
+    redirectRoute: rawRouteData.redirectRoute ? deserializeRouteData(rawRouteData.redirectRoute) : void 0,
+    fallbackRoutes: rawRouteData.fallbackRoutes.map((fallback) => {
+      return deserializeRouteData(fallback);
+    }),
+    isIndex: rawRouteData.isIndex,
+    origin: rawRouteData.origin
+  };
+}
+
+function deserializeManifest(serializedManifest) {
+  const routes = [];
+  for (const serializedRoute of serializedManifest.routes) {
+    routes.push({
+      ...serializedRoute,
+      routeData: deserializeRouteData(serializedRoute.routeData)
+    });
+    const route = serializedRoute;
+    route.routeData = deserializeRouteData(serializedRoute.routeData);
+  }
+  const assets = new Set(serializedManifest.assets);
+  const componentMetadata = new Map(serializedManifest.componentMetadata);
+  const inlinedScripts = new Map(serializedManifest.inlinedScripts);
+  const clientDirectives = new Map(serializedManifest.clientDirectives);
+  const serverIslandNameMap = new Map(serializedManifest.serverIslandNameMap);
+  const key = decodeKey(serializedManifest.key);
+  return {
+    // in case user middleware exists, this no-op middleware will be reassigned (see plugin-ssr.ts)
+    middleware() {
+      return { onRequest: NOOP_MIDDLEWARE_FN };
+    },
+    ...serializedManifest,
+    assets,
+    componentMetadata,
+    inlinedScripts,
+    clientDirectives,
+    routes,
+    serverIslandNameMap,
+    key
+  };
+}
+
+const manifest = deserializeManifest({"hrefRoot":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/","cacheDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/.astro/","outDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/dist/docs/","srcDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/src/","publicDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/public/","buildClientDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/dist/docs/","buildServerDir":"file:///home/runner/work/patternfly-doc-core/patternfly-doc-core/dist/docs/_worker.js/","adapterName":"@astrojs/cloudflare","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"page","component":"_server-islands.astro","params":["name"],"segments":[[{"content":"_server-islands","dynamic":false,"spread":false}],[{"content":"name","dynamic":true,"spread":false}]],"pattern":"^\\/_server-islands\\/([^/]+?)\\/?$","prerender":false,"isIndex":false,"fallbackRoutes":[],"route":"/_server-islands/[name]","origin":"internal","_meta":{"trailingSlash":"ignore"}}},{"file":"index.html","links":[],"scripts":[],"styles":[],"routeData":{"route":"/","isIndex":true,"type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":true,"fallbackRoutes":[],"distURL":[],"origin":"project","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","isIndex":false,"route":"/_image","pattern":"^\\/_image\\/?$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"node_modules/@astrojs/cloudflare/dist/entrypoints/image-endpoint.js","pathname":"/_image","prerender":false,"fallbackRoutes":[],"origin":"internal","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/props","isIndex":false,"type":"endpoint","pattern":"^\\/props\\/?$","segments":[[{"content":"props","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/props.ts","pathname":"/props","prerender":false,"fallbackRoutes":[],"distURL":[],"origin":"project","_meta":{"trailingSlash":"ignore"}}}],"base":"/","trailingSlash":"ignore","compressHTML":true,"componentMetadata":[["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/pages/index.astro",{"propagation":"in-tree","containsHead":true}],["\u0000astro:content",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/Navigation.astro",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/layouts/Main.astro",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/pages/[section]/[...page].astro",{"propagation":"in-tree","containsHead":true}],["\u0000@astro-page:src/pages/[section]/[...page]@_@astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astrojs-ssr-virtual-entry",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/pages/[section]/[page]/[...tab].astro",{"propagation":"in-tree","containsHead":true}],["\u0000@astro-page:src/pages/[section]/[page]/[...tab]@_@astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/index@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/Page.astro",{"propagation":"in-tree","containsHead":false}],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/Masthead.astro",{"propagation":"in-tree","containsHead":false}]],"renderers":[],"clientDirectives":[["idle","(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value==\"object\"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};\"requestIdleCallback\"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var n=(a,t)=>{let i=async()=>{await(await a())()};if(t.value){let e=matchMedia(t.value);e.matches?i():e.addEventListener(\"change\",i,{once:!0})}};(self.Astro||(self.Astro={})).media=n;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value==\"object\"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000astro-internal:middleware":"_astro-internal_middleware.mjs","\u0000noop-actions":"_noop-actions.mjs","\u0000@astro-page:node_modules/@astrojs/cloudflare/dist/entrypoints/image-endpoint@_@js":"pages/_image.astro.mjs","\u0000@astro-page:src/pages/props@_@ts":"pages/props.astro.mjs","\u0000@astro-page:src/pages/[section]/[page]/[...tab]@_@astro":"pages/_section_/_page_/_---tab_.astro.mjs","\u0000@astro-page:src/pages/[section]/[...page]@_@astro":"pages/_section_/_---page_.astro.mjs","\u0000@astro-page:src/pages/index@_@astro":"pages/index.astro.mjs","\u0000@astrojs-ssr-virtual-entry":"index.js","\u0000@astro-renderers":"renderers.mjs","\u0000@astrojs-ssr-adapter":"_@astrojs-ssr-adapter.mjs","\u0000@astrojs-manifest":"manifest_Cz7n9zdK.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/astro/node_modules/unstorage/drivers/cloudflare-kv-binding.mjs":"chunks/cloudflare-kv-binding_DMly_2Gl.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/astro/dist/assets/services/sharp.js":"chunks/sharp_DdDF6upK.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/.astro/content-assets.mjs":"chunks/content-assets_XqCgPAV2.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/.astro/content-modules.mjs":"chunks/content-modules_BkNrgIXI.mjs","\u0000astro:data-layer-content":"chunks/_astro_data-layer-content_aS8_cRFJ.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/AboutModal/examples/AboutModal.mdx?astroPropagatedAssets":"chunks/AboutModal_Bq3UkWc8.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Accordion/examples/Accordion.mdx?astroPropagatedAssets":"chunks/Accordion_DRoasdwW.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Alert/examples/Alert.mdx?astroPropagatedAssets":"chunks/Alert_CPdL1vUD.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ActionList/examples/ActionList.mdx?astroPropagatedAssets":"chunks/ActionList_DqDNZT3u.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Avatar/examples/Avatar.mdx?astroPropagatedAssets":"chunks/Avatar_BdN2tI4Z.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/BackToTop/examples/BackToTop.mdx?astroPropagatedAssets":"chunks/BackToTop_CQrkN4vo.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/BackgroundImage/examples/BackgroundImage.mdx?astroPropagatedAssets":"chunks/BackgroundImage_B95WtDtI.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Backdrop/examples/Backdrop.mdx?astroPropagatedAssets":"chunks/Backdrop_Bw8DXuQW.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Banner/examples/Banner.mdx?astroPropagatedAssets":"chunks/Banner_BBMun_pf.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Badge/examples/Badge.mdx?astroPropagatedAssets":"chunks/Badge_9BXEKeIX.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Brand/examples/Brand.mdx?astroPropagatedAssets":"chunks/Brand_BpBKJkui.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Button/examples/Button.mdx?astroPropagatedAssets":"chunks/Button_B-jQM-mS.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Breadcrumb/examples/Breadcrumb.mdx?astroPropagatedAssets":"chunks/Breadcrumb_D0B5NecG.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/CalendarMonth/examples/CalendarMonth.mdx?astroPropagatedAssets":"chunks/CalendarMonth_CtyCDM_4.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Card/examples/Card.mdx?astroPropagatedAssets":"chunks/Card_BL_KFAWY.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.mdx?astroPropagatedAssets":"chunks/ClipboardCopy_BHFbqYI-.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/CodeBlock/examples/CodeBlock.mdx?astroPropagatedAssets":"chunks/CodeBlock_CwKrtp-D.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Checkbox/examples/Checkbox.mdx?astroPropagatedAssets":"chunks/Checkbox_DaX-zjAc.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Content/examples/Content.mdx?astroPropagatedAssets":"chunks/Content_0CWGm4rN.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DatePicker/examples/DatePicker.mdx?astroPropagatedAssets":"chunks/DatePicker_BQOndvp6.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DataList/examples/DataList.mdx?astroPropagatedAssets":"chunks/DataList_CDy650B7.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DescriptionList/examples/DescriptionList.mdx?astroPropagatedAssets":"chunks/DescriptionList_BJ6vItOU.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Divider/examples/Divider.mdx?astroPropagatedAssets":"chunks/Divider_CYqs87wx.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Dropdown/examples/Dropdown.mdx?astroPropagatedAssets":"chunks/Dropdown_DN6hLqJ9.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Drawer/examples/Drawer.mdx?astroPropagatedAssets":"chunks/Drawer_DNl2avZP.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DualListSelector/examples/DualListSelector.mdx?astroPropagatedAssets":"chunks/DualListSelector_BlKIcmLH.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/EmptyState/examples/EmptyState.mdx?astroPropagatedAssets":"chunks/EmptyState_CyuMXV7z.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/FileUpload/examples/FileUpload.mdx?astroPropagatedAssets":"chunks/FileUpload_Dz6qx2Au.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ExpandableSection/examples/ExpandableSection.mdx?astroPropagatedAssets":"chunks/ExpandableSection_CW95SdOW.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/FormSelect/examples/FormSelect.mdx?astroPropagatedAssets":"chunks/FormSelect_CMF2Pw8r.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Form/examples/Form.mdx?astroPropagatedAssets":"chunks/Form_Dyfbp-xB.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Icon/examples/Icon.mdx?astroPropagatedAssets":"chunks/Icon_I_Jxay-o.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Hint/examples/Hint.mdx?astroPropagatedAssets":"chunks/Hint_JlGz6qCF.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/HelperText/examples/HelperText.mdx?astroPropagatedAssets":"chunks/HelperText_I6gDmQuM.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/InputGroup/examples/InputGroup.mdx?astroPropagatedAssets":"chunks/InputGroup_C1qnMb39.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/JumpLinks/examples/JumpLinks.mdx?astroPropagatedAssets":"chunks/JumpLinks_B6V7Oept.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Label/examples/Label.mdx?astroPropagatedAssets":"chunks/Label_DV6JdsMd.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/List/examples/List.mdx?astroPropagatedAssets":"chunks/List_D6-bxLhY.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/LoginPage/examples/LoginPage.mdx?astroPropagatedAssets":"chunks/LoginPage_-uTxWToD.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Masthead/examples/Masthead.mdx?astroPropagatedAssets":"chunks/Masthead_rpdMuWpg.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/MenuToggle/examples/MenuToggle.mdx?astroPropagatedAssets":"chunks/MenuToggle_DVmAV48i.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Menu/examples/Menu.mdx?astroPropagatedAssets":"chunks/Menu_dxw3tZmM.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Modal/examples/Modal.mdx?astroPropagatedAssets":"chunks/Modal_BbXa3EV6.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.mdx?astroPropagatedAssets":"chunks/MultipleFileUpload_CJirO2Tv.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Nav/examples/Nav.mdx?astroPropagatedAssets":"chunks/Nav_Cv7y3tKr.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NumberInput/examples/NumberInput.mdx?astroPropagatedAssets":"chunks/NumberInput_M2Arq19A.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NotificationBadge/examples/NotificationBadge.mdx?astroPropagatedAssets":"chunks/NotificationBadge_uLLBi7Nf.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.mdx?astroPropagatedAssets":"chunks/NotificationDrawer_DsOv-Bc1.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/OverflowMenu/examples/OverflowMenu.mdx?astroPropagatedAssets":"chunks/OverflowMenu_CgQ02tet.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Page/examples/Page.mdx?astroPropagatedAssets":"chunks/Page_BmNS_HKl.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Pagination/examples/Pagination.mdx?astroPropagatedAssets":"chunks/Pagination_EnfXcy1c.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Panel/examples/Panel.mdx?astroPropagatedAssets":"chunks/Panel_CAl9TttI.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Progress/examples/Progress.mdx?astroPropagatedAssets":"chunks/Progress_Ct2ZmHWP.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Popover/examples/Popover.mdx?astroPropagatedAssets":"chunks/Popover_DNBqVY6K.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Radio/examples/Radio.mdx?astroPropagatedAssets":"chunks/Radio_BW36RoyQ.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ProgressStepper/examples/ProgressStepper.mdx?astroPropagatedAssets":"chunks/ProgressStepper_Bj7xdcVW.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SearchInput/examples/SearchInput.mdx?astroPropagatedAssets":"chunks/SearchInput_D5zVWGRR.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Sidebar/examples/Sidebar.mdx?astroPropagatedAssets":"chunks/Sidebar_CUsSON01.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Select/examples/Select.mdx?astroPropagatedAssets":"chunks/Select_DxSAnryc.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SimpleList/examples/SimpleList.mdx?astroPropagatedAssets":"chunks/SimpleList_A4ZllarK.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Skeleton/examples/Skeleton.mdx?astroPropagatedAssets":"chunks/Skeleton_ppLKyrxA.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SkipToContent/examples/SkipToContent.mdx?astroPropagatedAssets":"chunks/SkipToContent_BRt-mxN_.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Slider/examples/Slider.mdx?astroPropagatedAssets":"chunks/Slider_XCexzUeI.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Spinner/examples/Spinner.mdx?astroPropagatedAssets":"chunks/Spinner_CP9Rq_gX.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Switch/examples/Switch.mdx?astroPropagatedAssets":"chunks/Switch_RNh98qtJ.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextArea/examples/TextArea.mdx?astroPropagatedAssets":"chunks/TextArea_ovxC_0Ab.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Tabs/examples/Tabs.mdx?astroPropagatedAssets":"chunks/Tabs_DT6Yi6be.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextInput/examples/TextInput.mdx?astroPropagatedAssets":"chunks/TextInput_Db5MQT0r.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TimePicker/examples/TimePicker.mdx?astroPropagatedAssets":"chunks/TimePicker_qLqDQt66.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextInputGroup/examples/TextInputGroup.mdx?astroPropagatedAssets":"chunks/TextInputGroup_Br_i0HvU.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Timestamp/examples/Timestamp.mdx?astroPropagatedAssets":"chunks/Timestamp_Bm1TmV0u.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Title/examples/Title.mdx?astroPropagatedAssets":"chunks/Title_CbgR81X9.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ToggleGroup/examples/ToggleGroup.mdx?astroPropagatedAssets":"chunks/ToggleGroup_CLcoYGlf.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Tooltip/examples/Tooltip.mdx?astroPropagatedAssets":"chunks/Tooltip_ByLTXbvB.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TreeView/examples/TreeView.mdx?astroPropagatedAssets":"chunks/TreeView_BepL2dW_.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Toolbar/examples/Toolbar.mdx?astroPropagatedAssets":"chunks/Toolbar_WEvlPE_Z.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Truncate/examples/Truncate.mdx?astroPropagatedAssets":"chunks/Truncate_fFugxOSE.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Wizard/examples/Wizard.mdx?astroPropagatedAssets":"chunks/Wizard_CgLDSR4C.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Chip/examples/Chip.mdx?astroPropagatedAssets":"chunks/Chip_BpeES5rc.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/DragDrop/examples/DragDrop.mdx?astroPropagatedAssets":"chunks/DragDrop_hMbQYdDP.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Modal/examples/Modal.mdx?astroPropagatedAssets":"chunks/Modal_BDIrTlau.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.mdx?astroPropagatedAssets":"chunks/DualListSelector_DhE2Hwgc.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Tile/examples/Tile.mdx?astroPropagatedAssets":"chunks/Tile_DSLiQefE.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Wizard/examples/Wizard.mdx?astroPropagatedAssets":"chunks/Wizard_BZDTr1GR.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/AboutModal/examples/AboutModal.mdx":"chunks/AboutModal_DZETQtiE.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Accordion/examples/Accordion.mdx":"chunks/Accordion_ChuDfd26.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Alert/examples/Alert.mdx":"chunks/Alert_DwPYvJAI.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ActionList/examples/ActionList.mdx":"chunks/ActionList_pAt5URX0.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Avatar/examples/Avatar.mdx":"chunks/Avatar_DjnLfcKy.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/BackToTop/examples/BackToTop.mdx":"chunks/BackToTop_B7k52guD.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/BackgroundImage/examples/BackgroundImage.mdx":"chunks/BackgroundImage_D25W0eG4.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Backdrop/examples/Backdrop.mdx":"chunks/Backdrop_D5VKp0Pn.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Banner/examples/Banner.mdx":"chunks/Banner_Bzf9E_Yg.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Badge/examples/Badge.mdx":"chunks/Badge_DY7mAZxX.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Brand/examples/Brand.mdx":"chunks/Brand_BvV48K7K.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Button/examples/Button.mdx":"chunks/Button_D4xV2ZHx.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Breadcrumb/examples/Breadcrumb.mdx":"chunks/Breadcrumb_7xVGXyOH.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/CalendarMonth/examples/CalendarMonth.mdx":"chunks/CalendarMonth_BPH-iWlS.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Card/examples/Card.mdx":"chunks/Card_56uPtmT4.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.mdx":"chunks/ClipboardCopy_761fbT2Y.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/CodeBlock/examples/CodeBlock.mdx":"chunks/CodeBlock_DOqKbnLY.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Checkbox/examples/Checkbox.mdx":"chunks/Checkbox_CM-N3RVv.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Content/examples/Content.mdx":"chunks/Content_CLL8cKDM.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DatePicker/examples/DatePicker.mdx":"chunks/DatePicker_DpTevTA0.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DataList/examples/DataList.mdx":"chunks/DataList_BN8khk3S.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DescriptionList/examples/DescriptionList.mdx":"chunks/DescriptionList_CtWKTF3e.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Divider/examples/Divider.mdx":"chunks/Divider_CB0eK6ED.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Dropdown/examples/Dropdown.mdx":"chunks/Dropdown_VLF3XzpL.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Drawer/examples/Drawer.mdx":"chunks/Drawer_QrI_Bnwl.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/DualListSelector/examples/DualListSelector.mdx":"chunks/DualListSelector_BKTQQnIz.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/EmptyState/examples/EmptyState.mdx":"chunks/EmptyState__skv13AF.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/FileUpload/examples/FileUpload.mdx":"chunks/FileUpload_BB5VBmj8.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ExpandableSection/examples/ExpandableSection.mdx":"chunks/ExpandableSection_yNWV4j_1.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/FormSelect/examples/FormSelect.mdx":"chunks/FormSelect_ImdHPQ8r.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Form/examples/Form.mdx":"chunks/Form_BlqSvroo.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Icon/examples/Icon.mdx":"chunks/Icon_CVgO9TfB.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Hint/examples/Hint.mdx":"chunks/Hint_CmH0eX8e.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/HelperText/examples/HelperText.mdx":"chunks/HelperText_iuAAuAAX.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/InputGroup/examples/InputGroup.mdx":"chunks/InputGroup_CO4BbgKK.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/JumpLinks/examples/JumpLinks.mdx":"chunks/JumpLinks_xK6Xtd_P.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Label/examples/Label.mdx":"chunks/Label_DDNQOBjJ.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/List/examples/List.mdx":"chunks/List_BXSnNYCk.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/LoginPage/examples/LoginPage.mdx":"chunks/LoginPage_C4Fpi4_3.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Masthead/examples/Masthead.mdx":"chunks/Masthead_rYGQQQdw.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/MenuToggle/examples/MenuToggle.mdx":"chunks/MenuToggle_Cij7zNik.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Menu/examples/Menu.mdx":"chunks/Menu_XN6Bsy-K.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Modal/examples/Modal.mdx":"chunks/Modal_DXt8fdwv.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.mdx":"chunks/MultipleFileUpload_BY7N0d2_.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Nav/examples/Nav.mdx":"chunks/Nav_B9aNkM3u.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NumberInput/examples/NumberInput.mdx":"chunks/NumberInput_C_v8A68W.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NotificationBadge/examples/NotificationBadge.mdx":"chunks/NotificationBadge_BdyrqrxS.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.mdx":"chunks/NotificationDrawer_C2D_vkJA.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/OverflowMenu/examples/OverflowMenu.mdx":"chunks/OverflowMenu_GhL_Hxhj.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Page/examples/Page.mdx":"chunks/Page_BqhHgZEf.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Pagination/examples/Pagination.mdx":"chunks/Pagination_6zsdJgjo.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Panel/examples/Panel.mdx":"chunks/Panel_Bns9Yczb.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Progress/examples/Progress.mdx":"chunks/Progress_Bwa6IFCG.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Popover/examples/Popover.mdx":"chunks/Popover_Cq5GlG_u.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Radio/examples/Radio.mdx":"chunks/Radio_CD1tbLUH.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ProgressStepper/examples/ProgressStepper.mdx":"chunks/ProgressStepper_DLwBtQPD.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SearchInput/examples/SearchInput.mdx":"chunks/SearchInput_C5t7rgL8.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Sidebar/examples/Sidebar.mdx":"chunks/Sidebar_CBHc_qDs.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Select/examples/Select.mdx":"chunks/Select_B7PClV22.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SimpleList/examples/SimpleList.mdx":"chunks/SimpleList_CA6-eKv7.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Skeleton/examples/Skeleton.mdx":"chunks/Skeleton_BCcNwA3X.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/SkipToContent/examples/SkipToContent.mdx":"chunks/SkipToContent_DJ0j9iWN.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Slider/examples/Slider.mdx":"chunks/Slider_C9b3jjeF.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Spinner/examples/Spinner.mdx":"chunks/Spinner_9AYi3VBw.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Switch/examples/Switch.mdx":"chunks/Switch_DXdLGDOE.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextArea/examples/TextArea.mdx":"chunks/TextArea_Cf_R8jQK.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Tabs/examples/Tabs.mdx":"chunks/Tabs_DlM_bjlT.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextInput/examples/TextInput.mdx":"chunks/TextInput_DmvzGSiB.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TimePicker/examples/TimePicker.mdx":"chunks/TimePicker_DRkouY7Y.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TextInputGroup/examples/TextInputGroup.mdx":"chunks/TextInputGroup_080YBtEj.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Timestamp/examples/Timestamp.mdx":"chunks/Timestamp_ByppCUVl.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Title/examples/Title.mdx":"chunks/Title_DEeLRIBp.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/ToggleGroup/examples/ToggleGroup.mdx":"chunks/ToggleGroup_DZfpRXld.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Tooltip/examples/Tooltip.mdx":"chunks/Tooltip_C50yThxC.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/TreeView/examples/TreeView.mdx":"chunks/TreeView_CF9fMfij.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Toolbar/examples/Toolbar.mdx":"chunks/Toolbar_Ckexja0f.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Truncate/examples/Truncate.mdx":"chunks/Truncate_B5tvwEJU.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/components/Wizard/examples/Wizard.mdx":"chunks/Wizard_CUdz0SC3.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Chip/examples/Chip.mdx":"chunks/Chip_UaJGmwLY.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/DragDrop/examples/DragDrop.mdx":"chunks/DragDrop_CA9eI_rd.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Modal/examples/Modal.mdx":"chunks/Modal_ya4p_Dn4.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.mdx":"chunks/DualListSelector_CLgp74Kh.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Tile/examples/Tile.mdx":"chunks/Tile_DuVi0Nxx.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/@patternfly/react-core/src/deprecated/components/Wizard/examples/Wizard.mdx":"chunks/Wizard_Bo1prwt4.mjs","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/PageToggle":"_astro/PageToggle.DBsLIFpI.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/Toolbar.tsx":"_astro/Toolbar.BNjGRsAQ.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/section-gallery/SectionGallery":"_astro/SectionGallery.C8gQa3w3.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/LiveExample":"_astro/LiveExample.C43dqXje.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/PropsTables":"_astro/PropsTables.YkW1puJk.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/Navigation.tsx":"_astro/Navigation.x46lNg3Y.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/components/CSSTable":"_astro/CSSTable.-Emc9iTg.js","@astrojs/react/client.js":"_astro/client.DN8ES6L5.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/layouts/Main.astro?astro&type=script&index=0&lang.ts":"_astro/Main.astro_astro_type_script_index_0_lang.BguqvUxW.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/layouts/Main.astro?astro&type=script&index=1&lang.ts":"_astro/Main.astro_astro_type_script_index_1_lang.BeSTw7zk.js","/home/runner/work/patternfly-doc-core/patternfly-doc-core/node_modules/astro/components/ClientRouter.astro?astro&type=script&index=0&lang.ts":"_astro/ClientRouter.astro_astro_type_script_index_0_lang.DZnDNxNb.js","astro:scripts/before-hydration.js":""},"inlinedScripts":[["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/layouts/Main.astro?astro&type=script&index=0&lang.ts","const n=e=>{requestAnimationFrame(()=>{document.documentElement.classList.toggle(\"pf-v6-theme-dark\",e===\"dark\")})};document.addEventListener(\"astro:before-swap\",()=>{const e=localStorage.getItem(\"theme-preference\");n(e||\"light\")});const o=e=>{const t=document.querySelector(e);t&&t.scrollIntoView({behavior:\"smooth\"})};document.addEventListener(\"DOMContentLoaded\",()=>{if(window.location.hash){const e=window.location.hash;history.replaceState(null,\"\",\" \"),setTimeout(()=>{o(e),history.replaceState(null,\"\",e)},500)}});window.addEventListener(\"hashchange\",()=>{window.location.hash&&o(window.location.hash)});"],["/home/runner/work/patternfly-doc-core/patternfly-doc-core/src/layouts/Main.astro?astro&type=script&index=1&lang.ts","try{localStorage.getItem(\"theme-preference\")===\"dark\"&&document.documentElement.classList.add(\"pf-v6-theme-dark\")}catch(e){console.error(\"Failed to set initial theme:\",e)}"]],"assets":["/_astro/RedHatTextVF.wYvZ7prR.woff2","/_astro/RedHatTextVF-Italic.Dkj_WqbA.woff2","/_astro/RedHatDisplayVF.CYDHf1NI.woff2","/_astro/RedHatDisplayVF-Italic.CRpusWc8.woff2","/_astro/RedHatMonoVF.C4fMH6Vz.woff2","/_astro/RedHatMonoVF-Italic.DGQo2ogW.woff2","/_astro/fa-solid-900.DguXoeIz.woff2","/_astro/pf-v6-pficon.Dy6oiu9u.woff2","/_astro/_page_.BG_fQ4i5.css","/PF-HorizontalLogo-Color.svg","/PF-HorizontalLogo-Reverse.svg","/avatarImg.svg","/avatarImgDark.svg","/favicon.svg","/_astro/AutoLinkHeader.BijNRLMB.js","/_astro/AutoLinkHeader.Chv_bGyU.css","/_astro/Button.BVfR1y85.js","/_astro/CSSTable.-Emc9iTg.js","/_astro/ClientRouter.astro_astro_type_script_index_0_lang.DZnDNxNb.js","/_astro/Content.CYLxURqU.js","/_astro/DropdownList.DP2npVYh.js","/_astro/Label.CM_es7Cu.js","/_astro/LiveExample.C43dqXje.js","/_astro/LiveExample.CxJsMvEq.css","/_astro/Navigation.x46lNg3Y.js","/_astro/PageContext.BUbWpNW2.js","/_astro/PageSidebarBody.DgDLnRuY.js","/_astro/PageToggle.DBsLIFpI.js","/_astro/PropsTables.D6ZI3FGj.css","/_astro/PropsTables.YkW1puJk.js","/_astro/SearchInput.CQ7aDztp.js","/_astro/SectionGallery.C8gQa3w3.js","/_astro/StackItem.CMxajCCo.js","/_astro/Toolbar.BNjGRsAQ.js","/_astro/ToolbarContent.CAAHjZHW.js","/_astro/_page_.DxJDkZPc.css","/_astro/angle-down-icon.Dqz5ba9D.js","/_astro/angle-left-icon.CfKwuSCS.js","/_astro/bars-icon.wdJgEs3A.js","/_astro/c_table__sticky_cell_InsetInlineStart.DGzYmtkF.js","/_astro/client.DN8ES6L5.js","/_astro/divider.BP4XR7uq.js","/_astro/github-icon.DzpohUp_.js","/_astro/index.BQFV5hT1.js","/_astro/index.CAChmxYj.js","/_astro/index.DF2PWfYV.js","/_astro/index.eCxJ45ll.js","/_astro/page.BTC3Kf3x.js","/_astro/patternfly_charts.CpLYMsW2.js","/_astro/resizeObserver.BgQpxO8W.js","/_worker.js/_@astrojs-ssr-adapter.mjs","/_worker.js/_astro-internal_middleware.mjs","/_worker.js/_noop-actions.mjs","/_worker.js/index.js","/_worker.js/renderers.mjs","/_worker.js/_astro/RedHatDisplayVF-Italic.CRpusWc8.woff2","/_worker.js/_astro/RedHatDisplayVF.CYDHf1NI.woff2","/_worker.js/_astro/RedHatMonoVF-Italic.DGQo2ogW.woff2","/_worker.js/_astro/RedHatMonoVF.C4fMH6Vz.woff2","/_worker.js/_astro/RedHatTextVF-Italic.Dkj_WqbA.woff2","/_worker.js/_astro/RedHatTextVF.wYvZ7prR.woff2","/_worker.js/_astro/_page_.BG_fQ4i5.css","/_worker.js/_astro/fa-solid-900.DguXoeIz.woff2","/_worker.js/_astro/pf-v6-pficon.Dy6oiu9u.woff2","/_worker.js/pages/_image.astro.mjs","/_worker.js/pages/index.astro.mjs","/_worker.js/pages/props.astro.mjs","/content/typography/line-height.png","/_worker.js/pages/_section_/_---page_.astro.mjs","/_worker.js/chunks/AboutModal_Bq3UkWc8.mjs","/_worker.js/chunks/AboutModal_DZETQtiE.mjs","/_worker.js/chunks/Accordion_ChuDfd26.mjs","/_worker.js/chunks/Accordion_DRoasdwW.mjs","/_worker.js/chunks/ActionList_DqDNZT3u.mjs","/_worker.js/chunks/ActionList_pAt5URX0.mjs","/_worker.js/chunks/Alert_CPdL1vUD.mjs","/_worker.js/chunks/Alert_DwPYvJAI.mjs","/_worker.js/chunks/Avatar_BdN2tI4Z.mjs","/_worker.js/chunks/Avatar_DjnLfcKy.mjs","/_worker.js/chunks/BackToTop_B7k52guD.mjs","/_worker.js/chunks/BackToTop_CQrkN4vo.mjs","/_worker.js/chunks/Backdrop_Bw8DXuQW.mjs","/_worker.js/chunks/Backdrop_D5VKp0Pn.mjs","/_worker.js/chunks/BackgroundImage_B95WtDtI.mjs","/_worker.js/chunks/BackgroundImage_D25W0eG4.mjs","/_worker.js/chunks/Badge_9BXEKeIX.mjs","/_worker.js/chunks/Badge_DY7mAZxX.mjs","/_worker.js/chunks/Banner_BBMun_pf.mjs","/_worker.js/chunks/Banner_Bzf9E_Yg.mjs","/_worker.js/chunks/Brand_BpBKJkui.mjs","/_worker.js/chunks/Brand_BvV48K7K.mjs","/_worker.js/chunks/Breadcrumb_7xVGXyOH.mjs","/_worker.js/chunks/Breadcrumb_D0B5NecG.mjs","/_worker.js/chunks/Button_B-jQM-mS.mjs","/_worker.js/chunks/Button_D4xV2ZHx.mjs","/_worker.js/chunks/CalendarMonth_BPH-iWlS.mjs","/_worker.js/chunks/CalendarMonth_CtyCDM_4.mjs","/_worker.js/chunks/Card_56uPtmT4.mjs","/_worker.js/chunks/Card_BL_KFAWY.mjs","/_worker.js/chunks/Checkbox_CM-N3RVv.mjs","/_worker.js/chunks/Checkbox_DaX-zjAc.mjs","/_worker.js/chunks/Chip_BpeES5rc.mjs","/_worker.js/chunks/Chip_UaJGmwLY.mjs","/_worker.js/chunks/ClipboardCopy_761fbT2Y.mjs","/_worker.js/chunks/ClipboardCopy_BHFbqYI-.mjs","/_worker.js/chunks/CodeBlock_CwKrtp-D.mjs","/_worker.js/chunks/CodeBlock_DOqKbnLY.mjs","/_worker.js/chunks/Content_0CWGm4rN.mjs","/_worker.js/chunks/Content_CLL8cKDM.mjs","/_worker.js/chunks/DataList_BN8khk3S.mjs","/_worker.js/chunks/DataList_CDy650B7.mjs","/_worker.js/chunks/DatePicker_BQOndvp6.mjs","/_worker.js/chunks/DatePicker_DpTevTA0.mjs","/_worker.js/chunks/DescriptionList_BJ6vItOU.mjs","/_worker.js/chunks/DescriptionList_CtWKTF3e.mjs","/_worker.js/chunks/Divider_CB0eK6ED.mjs","/_worker.js/chunks/Divider_CYqs87wx.mjs","/_worker.js/chunks/DocsTables_D5wiheAr.mjs","/_worker.js/chunks/DragDrop_CA9eI_rd.mjs","/_worker.js/chunks/DragDrop_hMbQYdDP.mjs","/_worker.js/chunks/Drawer_DNl2avZP.mjs","/_worker.js/chunks/Drawer_QrI_Bnwl.mjs","/_worker.js/chunks/Dropdown_DN6hLqJ9.mjs","/_worker.js/chunks/Dropdown_VLF3XzpL.mjs","/_worker.js/chunks/DualListSelector_BKTQQnIz.mjs","/_worker.js/chunks/DualListSelector_BlKIcmLH.mjs","/_worker.js/chunks/DualListSelector_CLgp74Kh.mjs","/_worker.js/chunks/DualListSelector_DhE2Hwgc.mjs","/_worker.js/chunks/EmptyState_CyuMXV7z.mjs","/_worker.js/chunks/EmptyState__skv13AF.mjs","/_worker.js/chunks/ExpandableSection_CW95SdOW.mjs","/_worker.js/chunks/ExpandableSection_yNWV4j_1.mjs","/_worker.js/chunks/FileUpload_BB5VBmj8.mjs","/_worker.js/chunks/FileUpload_Dz6qx2Au.mjs","/_worker.js/chunks/FormSelect_CMF2Pw8r.mjs","/_worker.js/chunks/FormSelect_ImdHPQ8r.mjs","/_worker.js/chunks/Form_BlqSvroo.mjs","/_worker.js/chunks/Form_Dyfbp-xB.mjs","/_worker.js/chunks/HelperText_I6gDmQuM.mjs","/_worker.js/chunks/HelperText_iuAAuAAX.mjs","/_worker.js/chunks/Hint_CmH0eX8e.mjs","/_worker.js/chunks/Hint_JlGz6qCF.mjs","/_worker.js/chunks/Icon_CVgO9TfB.mjs","/_worker.js/chunks/Icon_I_Jxay-o.mjs","/_worker.js/chunks/InputGroup_C1qnMb39.mjs","/_worker.js/chunks/InputGroup_CO4BbgKK.mjs","/_worker.js/chunks/JumpLinks_B6V7Oept.mjs","/_worker.js/chunks/JumpLinks_xK6Xtd_P.mjs","/_worker.js/chunks/Label_DDNQOBjJ.mjs","/_worker.js/chunks/Label_DV6JdsMd.mjs","/_worker.js/chunks/List_BXSnNYCk.mjs","/_worker.js/chunks/List_D6-bxLhY.mjs","/_worker.js/chunks/LoginPage_-uTxWToD.mjs","/_worker.js/chunks/LoginPage_C4Fpi4_3.mjs","/_worker.js/chunks/Main_CqnfSLnf.mjs","/_worker.js/chunks/Masthead_rYGQQQdw.mjs","/_worker.js/chunks/Masthead_rpdMuWpg.mjs","/_worker.js/chunks/MenuToggle_Cij7zNik.mjs","/_worker.js/chunks/MenuToggle_DVmAV48i.mjs","/_worker.js/chunks/Menu_XN6Bsy-K.mjs","/_worker.js/chunks/Menu_dxw3tZmM.mjs","/_worker.js/chunks/Modal_BDIrTlau.mjs","/_worker.js/chunks/Modal_BbXa3EV6.mjs","/_worker.js/chunks/Modal_DXt8fdwv.mjs","/_worker.js/chunks/Modal_ya4p_Dn4.mjs","/_worker.js/chunks/MultipleFileUpload_BY7N0d2_.mjs","/_worker.js/chunks/MultipleFileUpload_CJirO2Tv.mjs","/_worker.js/chunks/Nav_B9aNkM3u.mjs","/_worker.js/chunks/Nav_Cv7y3tKr.mjs","/_worker.js/chunks/NotificationBadge_BdyrqrxS.mjs","/_worker.js/chunks/NotificationBadge_uLLBi7Nf.mjs","/_worker.js/chunks/NotificationDrawer_C2D_vkJA.mjs","/_worker.js/chunks/NotificationDrawer_DsOv-Bc1.mjs","/_worker.js/chunks/NumberInput_C_v8A68W.mjs","/_worker.js/chunks/NumberInput_M2Arq19A.mjs","/_worker.js/chunks/OverflowMenu_CgQ02tet.mjs","/_worker.js/chunks/OverflowMenu_GhL_Hxhj.mjs","/_worker.js/chunks/Page_BmNS_HKl.mjs","/_worker.js/chunks/Page_BqhHgZEf.mjs","/_worker.js/chunks/Pagination_6zsdJgjo.mjs","/_worker.js/chunks/Pagination_EnfXcy1c.mjs","/_worker.js/chunks/Panel_Bns9Yczb.mjs","/_worker.js/chunks/Panel_CAl9TttI.mjs","/_worker.js/chunks/Popover_Cq5GlG_u.mjs","/_worker.js/chunks/Popover_DNBqVY6K.mjs","/_worker.js/chunks/ProgressStepper_Bj7xdcVW.mjs","/_worker.js/chunks/ProgressStepper_DLwBtQPD.mjs","/_worker.js/chunks/Progress_Bwa6IFCG.mjs","/_worker.js/chunks/Progress_Ct2ZmHWP.mjs","/_worker.js/chunks/Radio_BW36RoyQ.mjs","/_worker.js/chunks/Radio_CD1tbLUH.mjs","/_worker.js/chunks/SearchInput_C5t7rgL8.mjs","/_worker.js/chunks/SearchInput_D5zVWGRR.mjs","/_worker.js/chunks/Select_B7PClV22.mjs","/_worker.js/chunks/Select_DxSAnryc.mjs","/_worker.js/chunks/Sidebar_CBHc_qDs.mjs","/_worker.js/chunks/Sidebar_CUsSON01.mjs","/_worker.js/chunks/SimpleList_A4ZllarK.mjs","/_worker.js/chunks/SimpleList_CA6-eKv7.mjs","/_worker.js/chunks/Skeleton_BCcNwA3X.mjs","/_worker.js/chunks/Skeleton_ppLKyrxA.mjs","/_worker.js/chunks/SkipToContent_BRt-mxN_.mjs","/_worker.js/chunks/SkipToContent_DJ0j9iWN.mjs","/_worker.js/chunks/Slider_C9b3jjeF.mjs","/_worker.js/chunks/Slider_XCexzUeI.mjs","/_worker.js/chunks/Spinner_9AYi3VBw.mjs","/_worker.js/chunks/Spinner_CP9Rq_gX.mjs","/_worker.js/chunks/Switch_DXdLGDOE.mjs","/_worker.js/chunks/Switch_RNh98qtJ.mjs","/_worker.js/chunks/Tabs_DT6Yi6be.mjs","/_worker.js/chunks/Tabs_DlM_bjlT.mjs","/_worker.js/chunks/TextArea_Cf_R8jQK.mjs","/_worker.js/chunks/TextArea_ovxC_0Ab.mjs","/_worker.js/chunks/TextInputGroup_080YBtEj.mjs","/_worker.js/chunks/TextInputGroup_Br_i0HvU.mjs","/_worker.js/chunks/TextInput_Db5MQT0r.mjs","/_worker.js/chunks/TextInput_DmvzGSiB.mjs","/_worker.js/chunks/Tile_DSLiQefE.mjs","/_worker.js/chunks/Tile_DuVi0Nxx.mjs","/_worker.js/chunks/TimePicker_DRkouY7Y.mjs","/_worker.js/chunks/TimePicker_qLqDQt66.mjs","/_worker.js/chunks/Timestamp_Bm1TmV0u.mjs","/_worker.js/chunks/Timestamp_ByppCUVl.mjs","/_worker.js/chunks/Title_CbgR81X9.mjs","/_worker.js/chunks/Title_DEeLRIBp.mjs","/_worker.js/chunks/ToggleGroup_CLcoYGlf.mjs","/_worker.js/chunks/ToggleGroup_DZfpRXld.mjs","/_worker.js/chunks/Toolbar_Ckexja0f.mjs","/_worker.js/chunks/Toolbar_WEvlPE_Z.mjs","/_worker.js/chunks/Tooltip_ByLTXbvB.mjs","/_worker.js/chunks/Tooltip_C50yThxC.mjs","/_worker.js/chunks/TreeView_BepL2dW_.mjs","/_worker.js/chunks/TreeView_CF9fMfij.mjs","/_worker.js/chunks/Truncate_B5tvwEJU.mjs","/_worker.js/chunks/Truncate_fFugxOSE.mjs","/_worker.js/chunks/Wizard_BZDTr1GR.mjs","/_worker.js/chunks/Wizard_Bo1prwt4.mjs","/_worker.js/chunks/Wizard_CUdz0SC3.mjs","/_worker.js/chunks/Wizard_CgLDSR4C.mjs","/_worker.js/chunks/_@astro-renderers_DuN_RQCZ.mjs","/_worker.js/chunks/_@astrojs-ssr-adapter_BOXzLyxA.mjs","/_worker.js/chunks/_astro_assets_COD8WDsm.mjs","/_worker.js/chunks/_astro_data-layer-content_aS8_cRFJ.mjs","/_worker.js/chunks/astro-designed-error-pages_RucpOaTo.mjs","/_worker.js/chunks/astro_C0PIKPPh.mjs","/_worker.js/chunks/cloudflare-kv-binding_DMly_2Gl.mjs","/_worker.js/chunks/consts_47CwkweC.mjs","/_worker.js/chunks/content-assets_XqCgPAV2.mjs","/_worker.js/chunks/content-modules_BkNrgIXI.mjs","/_worker.js/chunks/index_CzaW3DU8.mjs","/_worker.js/chunks/noop-middleware_BUlUjpRM.mjs","/_worker.js/chunks/parse_yL_293SP.mjs","/_worker.js/chunks/path_u5O9njcM.mjs","/_worker.js/chunks/sharp_DdDF6upK.mjs","/_worker.js/pages/_section_/_page_/_---tab_.astro.mjs","/_worker.js/chunks/astro/server_DJAlTAUe.mjs","/index.html"],"buildFormat":"directory","checkOrigin":true,"serverIslandNameMap":[],"key":"Bv+k38gMe1xMBW3RZSBBDAAtx+vxoXl04oCahn6ssj0=","sessionConfig":{"driver":"cloudflare-kv-binding","options":{"binding":"SESSION"}}});
+if (manifest.sessionConfig) manifest.sessionConfig.driverModule = () => import('./chunks/cloudflare-kv-binding_DMly_2Gl.mjs');
+
+export { manifest };

package/dist/docs/_worker.js/pages/_image.astro.mjs

@@ -1,5 +1,7 @@
 globalThis.process ??= {}; globalThis.process.env ??= {};
-export { r as renderers } from '../chunks/_@astro-renderers_B-gIj2th.mjs';
+import { i as isRemoteAllowed, a as imageConfig } from '../chunks/_astro_assets_COD8WDsm.mjs';
+import { i as isRemotePath } from '../chunks/path_u5O9njcM.mjs';
+export { r as renderers } from '../chunks/_@astro-renderers_DuN_RQCZ.mjs';
 
 const prerender = false;
 const GET = (ctx) => {
@@ -10,6 +12,13 @@ const GET = (ctx) => {
       statusText: "Missing 'href' query parameter"
     });
   }
+  if (isRemotePath(href)) {
+    if (isRemoteAllowed(href, imageConfig) === false) {
+      return new Response("Forbidden", { status: 403 });
+    } else {
+      return Response.redirect(href, 302);
+    }
+  }
   return fetch(new URL(href, ctx.url.origin));
 };
 

package/dist/docs/_worker.js/pages/props.astro.mjs

@@ -1,7 +1,7 @@
 globalThis.process ??= {}; globalThis.process.env ??= {};
 import { readFileSync } from 'node:fs';
 import { join } from 'node:path';
-export { r as renderers } from '../chunks/_@astro-renderers_B-gIj2th.mjs';
+export { r as renderers } from '../chunks/_@astro-renderers_DuN_RQCZ.mjs';
 
 async function getConfig(fileLocation) {
   try {

package/dist/docs/_worker.js/renderers.mjs

@@ -1,2 +1,2 @@
 globalThis.process ??= {}; globalThis.process.env ??= {};
-export { r as renderers } from './chunks/_@astro-renderers_B-gIj2th.mjs';
+export { r as renderers } from './chunks/_@astro-renderers_DuN_RQCZ.mjs';

package/dist/docs/components/about-modal/index.html

@@ -42,15 +42,15 @@
 	animation-fill-mode: both;
 	animation-name: astroFadeIn; }</style><style>[data-astro-transition-scope="astro-2e6ke2uy-4"] { view-transition-name: astro-2e6ke2uy-4; }@layer astro { ::view-transition-old(astro-2e6ke2uy-4) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-2e6ke2uy-4) { animation: none; mix-blend-mode: normal; }::view-transition-group(astro-2e6ke2uy-4) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-2e6ke2uy-4"],
 			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-2e6ke2uy-4"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <div class="pf-v6-c-page">  <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><header class="pf-v6-c-masthead pf-m-display-inline-on-md"> <div class="pf-v6-c-masthead__main"> <span class="pf-v6-c-masthead__toggle"> <astro-island uid="ZQuo4z" prefix="r5" component-url="/_astro/PageToggle.DBsLIFpI.js" component-export="PageToggle" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-u5p5alki-2&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;PageToggle&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-u5p5alki-2" await-children><button id="nav-toggle" aria-expanded="true" aria-label="Global navigation" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-253"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></span></button><!--astro:end--></astro-island> </span> <div class="pf-v6-c-masthead__brand"> <a class="pf-v6-c-masthead__logo" tabindex="0" href="/"> <img class="pf-v6-c-brand" style="--pf-v6-c-brand--Height:36px" src="/PF-HorizontalLogo-Color.svg" alt="PatternFly"/> </a> </div> </div> <div class="pf-v6-c-masthead__content"> <astro-island uid="18eRbY" prefix="r7" component-url="/_astro/Toolbar.BNjGRsAQ.js" component-export="Toolbar" renderer-url="/_astro/client.DN8ES6L5.js" props="{}" ssr client="idle" opts="{&quot;name&quot;:&quot;ReactToolbar&quot;,&quot;value&quot;:true}" await-children><div class="pf-v6-c-toolbar pf-m-static" id="toolbar" data-ouia-component-type="PF6/Toolbar" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Toolbar-85"><div class="pf-v6-c-toolbar__content"><div class="pf-v6-c-toolbar__content-section"><div class="pf-v6-c-toolbar__group pf-m-action-group-plain pf-m-align-end pf-m-gap-none pf-m-gap-md-on-md"><div class="pf-v6-c-toolbar__item"></div><div class="pf-v6-c-toolbar__item"><div class="pf-v6-c-input-group ws-global-search"><div class="pf-v6-c-input-group__item"><button aria-expanded="false" aria-label="Expandable search input toggle" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-254"><span class="pf-v6-c-button__icon"><svg class="pf-v6-svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></span></button></div></div></div><div class="pf-v6-c-toolbar__item"><a href="//github.com/patternfly" target="top" aria-label="PatternFly GitHub page" class="pf-v6-c-button pf-m-plain" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-255"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 496 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span></a></div><div class="pf-v6-c-toolbar__item"><button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false" data-ouia-component-type="PF6/MenuToggle" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-MenuToggle-85"><span class="pf-v6-c-menu-toggle__text">Release 6.1.0</span><span class="pf-v6-c-menu-toggle__controls"><span class="pf-v6-c-menu-toggle__toggle-icon"><svg class="pf-v6-svg" viewBox="0 0 320 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="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"></path></svg></span></span></button></div></div></div></div><div class="pf-v6-c-toolbar__content pf-m-hidden" hidden=""><div class="pf-v6-c-toolbar__group"></div></div></div><!--astro:end--></astro-island> </div> </header> <astro-island uid="193Wv7" component-url="/_astro/Navigation.B2RHZcqO.js" component-export="Navigation" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;navData&quot;:[1,[[1,[[0,{&quot;id&quot;:[0,&quot;src/components/aboutmodal/examples/aboutmodal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;About modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/accordion/examples/accordion&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accordion&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/actionlist/examples/actionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Action list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/alert/examples/alert&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alert&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/avatar/examples/avatar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Avatar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backtotop/examples/backtotop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Back to top&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backdrop/examples/backdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Backdrop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backgroundimage/examples/backgroundimage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background image&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/badge/examples/badge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/banner/examples/banner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Banner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/brand/examples/brand&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Brand&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/breadcrumb/examples/breadcrumb&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Breadcrumb&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/button/examples/button&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Button&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/calendarmonth/examples/calendarmonth&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Calendar month&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/card/examples/card&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/checkbox/examples/checkbox&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Checkbox&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/chip/examples/chip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Chip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/clipboardcopy/examples/clipboardcopy&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Clipboard copy&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/codeblock/examples/codeblock&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code block&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/content/examples/content&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datalist/examples/datalist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Data list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datepicker/examples/datepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Date picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/descriptionlist/examples/descriptionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Description list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/divider/examples/divider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Divider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/dragdrop/examples/dragdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drag and drop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/drawer/examples/drawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/dropdown/examples/dropdown&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dropdown&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/duallistselector/examples/duallistselector&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dual list selector&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/emptystate/examples/emptystate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Empty state&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/expandablesection/examples/expandablesection&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Expandable section&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/form/examples/form&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/formselect/examples/formselect&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/helpertext/examples/helpertext&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Helper text&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/hint/examples/hint&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Hint&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/icon/examples/icon&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Icon&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/inputgroup/examples/inputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/jumplinks/examples/jumplinks&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Jump links&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/label/examples/label&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Label&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/list/examples/list&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;List&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/loginpage/examples/loginpage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Login page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/masthead/examples/masthead&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Masthead&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menu/examples/menu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menutoggle/examples/menutoggle&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu toggle&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/modal/examples/modal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/multiplefileupload/examples/multiplefileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Multiple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/nav/examples/nav&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Navigation&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationbadge/examples/notificationbadge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationdrawer/examples/notificationdrawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/numberinput/examples/numberinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Number input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/overflowmenu/examples/overflowmenu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Overflow menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/page/examples/page&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/pagination/examples/pagination&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Pagination&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/panel/examples/panel&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Panel&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/popover/examples/popover&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Popover&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progress/examples/progress&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progressstepper/examples/progressstepper&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress stepper&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/radio/examples/radio&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Radio&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/searchinput/examples/searchinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Search input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/select/examples/select&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/sidebar/examples/sidebar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sidebar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/fileupload/examples/fileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/simplelist/examples/simplelist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skeleton/examples/skeleton&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skeleton&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skiptocontent/examples/skiptocontent&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skip to content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/slider/examples/slider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Slider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/spinner/examples/spinner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spinner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/switch/examples/switch&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Switch&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tabs/examples/tabs&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tabs&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textarea/examples/textarea&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text area&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinput/examples/textinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinputgroup/examples/textinputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/tile/examples/tile&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tile&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timepicker/examples/timepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Time picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timestamp/examples/timestamp&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Timestamp&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/title/examples/title&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Title&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/togglegroup/examples/togglegroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toggle group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/toolbar/examples/toolbar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toolbar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tooltip/examples/tooltip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tooltip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/treeview/examples/treeview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tree view&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/truncate/examples/truncate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Truncate&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/wizard/examples/wizard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Wizard&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}]]]]],&quot;data-astro-transition-scope&quot;:[0,&quot;astro-xikxfxwm-3&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;ReactNav&quot;,&quot;value&quot;:&quot;react&quot;}" data-astro-transition-scope="astro-xikxfxwm-3"></astro-island> <div class="pf-v6-c-page__main-container"> <main class="pf-v6-c-page__main"> <section class="pf-v6-c-page__main-section"><div class="pf-v6-c-page__main-body">    <section id="ws-sticky-nav-tabs" class="pf-v6-c-page__main-tabs pf-m-sticky-top"><div class="pf-v6-c-page__main-body"> <div class="pf-v6-c-tabs pf-m-page-insets pf-m-no-border-bottom"> <ul class="pf-v6-c-tabs__list"> <li class="pf-v6-c-tabs__item pf-m-current"> <a class="pf-v6-c-tabs__link" href="/components/about-modal/react"> React </a> </li> </ul> </div> </div></section><section id="main-content" class="pf-v6-c-page__main-section pf-m-fill"><div class="pf-v6-c-page__main-body"> <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1590" data-pf-content="true" class="pf-v6-c-content--h2">Examples</h2>
+			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <div class="pf-v6-c-page">  <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><header class="pf-v6-c-masthead pf-m-display-inline-on-md"> <div class="pf-v6-c-masthead__main"> <span class="pf-v6-c-masthead__toggle"> <astro-island uid="ZQuo4z" prefix="r5" component-url="/_astro/PageToggle.DBsLIFpI.js" component-export="PageToggle" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-u5p5alki-2&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;PageToggle&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-u5p5alki-2" await-children><button id="nav-toggle" aria-expanded="true" aria-label="Global navigation" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-253"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></span></button><!--astro:end--></astro-island> </span> <div class="pf-v6-c-masthead__brand"> <a class="pf-v6-c-masthead__logo" tabindex="0" href="/"> <img class="pf-v6-c-brand" style="--pf-v6-c-brand--Height:36px" src="/PF-HorizontalLogo-Color.svg" alt="PatternFly"/> </a> </div> </div> <div class="pf-v6-c-masthead__content"> <astro-island uid="18eRbY" prefix="r7" component-url="/_astro/Toolbar.BNjGRsAQ.js" component-export="Toolbar" renderer-url="/_astro/client.DN8ES6L5.js" props="{}" ssr client="idle" opts="{&quot;name&quot;:&quot;ReactToolbar&quot;,&quot;value&quot;:true}" await-children><div class="pf-v6-c-toolbar pf-m-static" id="toolbar" data-ouia-component-type="PF6/Toolbar" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Toolbar-85"><div class="pf-v6-c-toolbar__content"><div class="pf-v6-c-toolbar__content-section"><div class="pf-v6-c-toolbar__group pf-m-action-group-plain pf-m-align-end pf-m-gap-none pf-m-gap-md-on-md"><div class="pf-v6-c-toolbar__item"></div><div class="pf-v6-c-toolbar__item"><div class="pf-v6-c-input-group ws-global-search"><div class="pf-v6-c-input-group__item"><button aria-expanded="false" aria-label="Expandable search input toggle" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-254"><span class="pf-v6-c-button__icon"><svg class="pf-v6-svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></span></button></div></div></div><div class="pf-v6-c-toolbar__item"><a href="//github.com/patternfly" target="top" aria-label="PatternFly GitHub page" class="pf-v6-c-button pf-m-plain" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-255"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 496 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span></a></div><div class="pf-v6-c-toolbar__item"><button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false" data-ouia-component-type="PF6/MenuToggle" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-MenuToggle-85"><span class="pf-v6-c-menu-toggle__text">Release 6.1.0</span><span class="pf-v6-c-menu-toggle__controls"><span class="pf-v6-c-menu-toggle__toggle-icon"><svg class="pf-v6-svg" viewBox="0 0 320 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="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"></path></svg></span></span></button></div></div></div></div><div class="pf-v6-c-toolbar__content pf-m-hidden" hidden=""><div class="pf-v6-c-toolbar__group"></div></div></div><!--astro:end--></astro-island> </div> </header> <astro-island uid="193Wv7" component-url="/_astro/Navigation.x46lNg3Y.js" component-export="Navigation" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;navData&quot;:[1,[[1,[[0,{&quot;id&quot;:[0,&quot;src/components/aboutmodal/examples/aboutmodal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;About modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/accordion/examples/accordion&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accordion&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/actionlist/examples/actionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Action list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/alert/examples/alert&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alert&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/avatar/examples/avatar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Avatar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backtotop/examples/backtotop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Back to top&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backdrop/examples/backdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Backdrop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backgroundimage/examples/backgroundimage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background image&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/badge/examples/badge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/banner/examples/banner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Banner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/brand/examples/brand&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Brand&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/breadcrumb/examples/breadcrumb&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Breadcrumb&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/button/examples/button&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Button&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/calendarmonth/examples/calendarmonth&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Calendar month&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/card/examples/card&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/checkbox/examples/checkbox&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Checkbox&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/chip/examples/chip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Chip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/clipboardcopy/examples/clipboardcopy&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Clipboard copy&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/codeblock/examples/codeblock&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code block&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/content/examples/content&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datalist/examples/datalist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Data list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datepicker/examples/datepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Date picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/descriptionlist/examples/descriptionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Description list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/divider/examples/divider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Divider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/dragdrop/examples/dragdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drag and drop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/drawer/examples/drawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/dropdown/examples/dropdown&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dropdown&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/duallistselector/examples/duallistselector&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dual list selector&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/emptystate/examples/emptystate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Empty state&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/expandablesection/examples/expandablesection&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Expandable section&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/form/examples/form&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/formselect/examples/formselect&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/helpertext/examples/helpertext&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Helper text&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/hint/examples/hint&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Hint&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/icon/examples/icon&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Icon&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/inputgroup/examples/inputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/jumplinks/examples/jumplinks&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Jump links&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/label/examples/label&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Label&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/list/examples/list&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;List&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/loginpage/examples/loginpage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Login page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/masthead/examples/masthead&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Masthead&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menu/examples/menu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menutoggle/examples/menutoggle&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu toggle&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/modal/examples/modal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/multiplefileupload/examples/multiplefileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Multiple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/nav/examples/nav&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Navigation&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationbadge/examples/notificationbadge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationdrawer/examples/notificationdrawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/numberinput/examples/numberinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Number input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/overflowmenu/examples/overflowmenu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Overflow menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/page/examples/page&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/pagination/examples/pagination&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Pagination&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/panel/examples/panel&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Panel&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/popover/examples/popover&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Popover&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progress/examples/progress&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progressstepper/examples/progressstepper&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress stepper&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/radio/examples/radio&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Radio&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/searchinput/examples/searchinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Search input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/select/examples/select&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/sidebar/examples/sidebar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sidebar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/fileupload/examples/fileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/simplelist/examples/simplelist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skeleton/examples/skeleton&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skeleton&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skiptocontent/examples/skiptocontent&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skip to content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/slider/examples/slider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Slider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/spinner/examples/spinner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spinner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/switch/examples/switch&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Switch&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tabs/examples/tabs&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tabs&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textarea/examples/textarea&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text area&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinput/examples/textinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinputgroup/examples/textinputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/tile/examples/tile&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tile&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timepicker/examples/timepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Time picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timestamp/examples/timestamp&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Timestamp&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/title/examples/title&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Title&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/togglegroup/examples/togglegroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toggle group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/toolbar/examples/toolbar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toolbar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tooltip/examples/tooltip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tooltip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/treeview/examples/treeview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tree view&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/truncate/examples/truncate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Truncate&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/wizard/examples/wizard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Wizard&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}]]]]],&quot;data-astro-transition-scope&quot;:[0,&quot;astro-xikxfxwm-3&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;ReactNav&quot;,&quot;value&quot;:&quot;react&quot;}" data-astro-transition-scope="astro-xikxfxwm-3"></astro-island> <div class="pf-v6-c-page__main-container"> <main class="pf-v6-c-page__main"> <section class="pf-v6-c-page__main-section"><div class="pf-v6-c-page__main-body">    <section id="ws-sticky-nav-tabs" class="pf-v6-c-page__main-tabs pf-m-sticky-top"><div class="pf-v6-c-page__main-body"> <div class="pf-v6-c-tabs pf-m-page-insets pf-m-no-border-bottom"> <ul class="pf-v6-c-tabs__list"> <li class="pf-v6-c-tabs__item pf-m-current"> <a class="pf-v6-c-tabs__link" href="/components/about-modal/react"> React </a> </li> </ul> </div> </div></section><section id="main-content" class="pf-v6-c-page__main-section pf-m-fill"><div class="pf-v6-c-page__main-body"> <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1590" data-pf-content="true" class="pf-v6-c-content--h2">Examples</h2>
 <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1591" data-pf-content="true" class="pf-v6-c-content--h3">Basic</h3>
 
-<style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="ZItaJL" component-url="/_astro/LiveExample.B5R4Dzng.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\n\nexport const AboutModalBasic: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        productName=\&quot;name\&quot;\n      &gt;\n        &lt;Content&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms Version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
+<style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="ZItaJL" component-url="/_astro/LiveExample.C43dqXje.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\n\nexport const AboutModalBasic: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        productName=\&quot;name\&quot;\n      &gt;\n        &lt;Content&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms Version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
 <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1592" data-pf-content="true" class="pf-v6-c-content--h3">Without product name</h3>
 
-<astro-island uid="dso6Q" component-url="/_astro/LiveExample.B5R4Dzng.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\n\nexport const AboutModalWithoutProductName: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        aria-label=\&quot;No product name about modal\&quot;\n      &gt;\n        &lt;Content&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
+<astro-island uid="dso6Q" component-url="/_astro/LiveExample.C43dqXje.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\n\nexport const AboutModalWithoutProductName: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        aria-label=\&quot;No product name about modal\&quot;\n      &gt;\n        &lt;Content&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
 <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1593" data-pf-content="true" class="pf-v6-c-content--h3">Complex user positioned content</h3>
 
-<astro-island uid="Z2r9j3F" component-url="/_astro/LiveExample.B5R4Dzng.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Alert, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\nimport spacing from &#39;@patternfly/react-styles/css/utilities/Spacing/spacing&#39;;\n\nexport const AboutModalComplexUserPositionedContent: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        hasNoContentContainer={true}\n        productName=\&quot;Product name\&quot;\n      &gt;\n        &lt;Content id=\&quot;test1\&quot; className={spacing.pyXl}&gt;\n          &lt;h4&gt;About&lt;/h4&gt;\n          &lt;p&gt;Content here&lt;/p&gt;\n        &lt;/Content&gt;\n        &lt;Alert variant=\&quot;info\&quot; title=\&quot;Updates available\&quot; /&gt;\n        &lt;Content id=\&quot;test2\&quot; className={spacing.pyXl}&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> <div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item pf-v6-u-mt-md"><astro-island uid="Z1jBv6x" component-url="/_astro/PropsTables.YkW1puJk.js" component-export="PropsTables" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;propComponents&quot;:[1,[[0,&quot;AboutModal&quot;]]],&quot;url&quot;:[7,&quot;http://localhost:4321/components/about-modal/react&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;PropsTables&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island></div><div class="pf-v6-l-stack__item"><div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center"><div class=""><h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1589" id="css-variables" tabindex="-1" data-pf-content="true" class="pf-v6-c-content--h2 pf-m-editorial ws-heading pf-v6-c-content--h2"><a href="#css-variables" class="ws-heading-anchor" tabindex="-1"><svg class="pf-v6-svg ws-heading-anchor-icon" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em" style="vertical-align:middle"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></a>
+<astro-island uid="Z2r9j3F" component-url="/_astro/LiveExample.C43dqXje.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0,&quot;import { Fragment, useState } from &#39;react&#39;;\nimport { AboutModal, Alert, Button, Content } from &#39;@patternfly/react-core&#39;;\nimport brandImg from &#39;../../assets/PF-IconLogo.svg&#39;;\nimport spacing from &#39;@patternfly/react-styles/css/utilities/Spacing/spacing&#39;;\n\nexport const AboutModalComplexUserPositionedContent: React.FunctionComponent = () =&gt; {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const toggleModal = (_event: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    &lt;Fragment&gt;\n      &lt;Button variant=\&quot;primary\&quot; onClick={toggleModal}&gt;\n        Show about modal\n      &lt;/Button&gt;\n      &lt;AboutModal\n        isOpen={isModalOpen}\n        onClose={(e: React.MouseEvent&lt;Element, MouseEvent&gt; | KeyboardEvent | MouseEvent) =&gt; toggleModal(e)}\n        trademark=\&quot;Trademark and copyright information here\&quot;\n        brandImageSrc={brandImg}\n        brandImageAlt=\&quot;Patternfly Logo\&quot;\n        backgroundImageSrc=\&quot;/assets/images/pf-background.svg\&quot;\n        hasNoContentContainer={true}\n        productName=\&quot;Product name\&quot;\n      &gt;\n        &lt;Content id=\&quot;test1\&quot; className={spacing.pyXl}&gt;\n          &lt;h4&gt;About&lt;/h4&gt;\n          &lt;p&gt;Content here&lt;/p&gt;\n        &lt;/Content&gt;\n        &lt;Alert variant=\&quot;info\&quot; title=\&quot;Updates available\&quot; /&gt;\n        &lt;Content id=\&quot;test2\&quot; className={spacing.pyXl}&gt;\n          &lt;dl&gt;\n            &lt;dt&gt;CFME version&lt;/dt&gt;\n            &lt;dd&gt;5.5.3.4.20102789036450&lt;/dd&gt;\n            &lt;dt&gt;Cloudforms version&lt;/dt&gt;\n            &lt;dd&gt;4.1&lt;/dd&gt;\n            &lt;dt&gt;Server name&lt;/dt&gt;\n            &lt;dd&gt;40DemoMaster&lt;/dd&gt;\n            &lt;dt&gt;User name&lt;/dt&gt;\n            &lt;dd&gt;Administrator&lt;/dd&gt;\n            &lt;dt&gt;User role&lt;/dt&gt;\n            &lt;dd&gt;EvmRole-super_administrator&lt;/dd&gt;\n            &lt;dt&gt;Browser version&lt;/dt&gt;\n            &lt;dd&gt;601.2&lt;/dd&gt;\n            &lt;dt&gt;Browser OS&lt;/dt&gt;\n            &lt;dd&gt;Mac&lt;/dd&gt;\n          &lt;/dl&gt;\n        &lt;/Content&gt;\n      &lt;/AboutModal&gt;\n    &lt;/Fragment&gt;\n  );\n};\n&quot;],&quot;html&quot;:[0]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> <div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item pf-v6-u-mt-md"><astro-island uid="Z1jBv6x" component-url="/_astro/PropsTables.YkW1puJk.js" component-export="PropsTables" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;propComponents&quot;:[1,[[0,&quot;AboutModal&quot;]]],&quot;url&quot;:[7,&quot;http://localhost:4321/components/about-modal/react&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;PropsTables&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island></div><div class="pf-v6-l-stack__item"><div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center"><div class=""><h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-1589" id="css-variables" tabindex="-1" data-pf-content="true" class="pf-v6-c-content--h2 pf-m-editorial ws-heading pf-v6-c-content--h2"><a href="#css-variables" class="ws-heading-anchor" tabindex="-1"><svg class="pf-v6-svg ws-heading-anchor-icon" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em" style="vertical-align:middle"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></a>
 CSS variables
 </h2></div></div></div><div class="pf-v6-l-stack__item"><astro-island uid="GWzDY" component-url="/_astro/CSSTable.-Emc9iTg.js" component-export="CSSTable" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;autoLinkHeader&quot;:[0,false],&quot;cssPrefix&quot;:[0,&quot;pf-v6-c-about-modal-box&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;CSSTableComponent&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island></div></div></div></div> </div></section>   </div></section> </main> </div> </div> <script type="module">try{localStorage.getItem("theme-preference")==="dark"&&document.documentElement.classList.add("pf-v6-theme-dark")}catch(e){console.error("Failed to set initial theme:",e)}</script></body></html>