@patternfly/quickstarts 6.0.0-prerelease.4 → 6.1.0-prerelease.1

package/dist/quickstarts-full.es.js

@@ -117,60 +117,70 @@ const t_global_breakpoint_sm = {
   "value": "36rem",
   "var": "var(--pf-t--global--breakpoint--sm)"
 };
+var globalBreakpointSm = t_global_breakpoint_sm;
 
 const t_global_breakpoint_md = {
   "name": "--pf-t--global--breakpoint--md",
   "value": "48rem",
   "var": "var(--pf-t--global--breakpoint--md)"
 };
+var globalBreakpointMd = t_global_breakpoint_md;
 
 const t_global_breakpoint_lg = {
   "name": "--pf-t--global--breakpoint--lg",
   "value": "62rem",
   "var": "var(--pf-t--global--breakpoint--lg)"
 };
+var globalBreakpointLg = t_global_breakpoint_lg;
 
 const t_global_breakpoint_xl = {
   "name": "--pf-t--global--breakpoint--xl",
   "value": "75rem",
   "var": "var(--pf-t--global--breakpoint--xl)"
 };
+var globalBreakpointXl = t_global_breakpoint_xl;
 
 const t_global_breakpoint_2xl = {
   "name": "--pf-t--global--breakpoint--2xl",
   "value": "90.625rem",
   "var": "var(--pf-t--global--breakpoint--2xl)"
 };
+var globalBreakpoint2xl = t_global_breakpoint_2xl;
 
 const t_global_breakpoint_height_sm = {
   "name": "--pf-t--global--breakpoint--height--sm",
   "value": "0rem",
   "var": "var(--pf-t--global--breakpoint--height--sm)"
 };
+var globalHeightBreakpointSm = t_global_breakpoint_height_sm;
 
 const t_global_breakpoint_height_md = {
   "name": "--pf-t--global--breakpoint--height--md",
   "value": "40rem",
   "var": "var(--pf-t--global--breakpoint--height--md)"
 };
+var globalHeightBreakpointMd = t_global_breakpoint_height_md;
 
 const t_global_breakpoint_height_lg = {
   "name": "--pf-t--global--breakpoint--height--lg",
   "value": "48rem",
   "var": "var(--pf-t--global--breakpoint--height--lg)"
 };
+var globalHeightBreakpointLg = t_global_breakpoint_height_lg;
 
 const t_global_breakpoint_height_xl = {
   "name": "--pf-t--global--breakpoint--height--xl",
   "value": "60rem",
   "var": "var(--pf-t--global--breakpoint--height--xl)"
 };
+var globalHeightBreakpointXl = t_global_breakpoint_height_xl;
 
 const t_global_breakpoint_height_2xl = {
   "name": "--pf-t--global--breakpoint--height--2xl",
   "value": "80rem",
   "var": "var(--pf-t--global--breakpoint--height--2xl)"
 };
+var globalHeightBreakpoint2xl = t_global_breakpoint_height_2xl;
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -559,6 +569,8 @@ const CheckCircleIconConfig = {
 
 const CheckCircleIcon$1 = createIcon(CheckCircleIconConfig);
 
+var CheckCircleIcon$2 = CheckCircleIcon$1;
+
 const ExclamationCircleIconConfig = {
   name: 'ExclamationCircleIcon',
   height: 512,
@@ -570,6 +582,8 @@ const ExclamationCircleIconConfig = {
 
 const ExclamationCircleIcon = createIcon(ExclamationCircleIconConfig);
 
+var ExclamationCircleIcon$1 = ExclamationCircleIcon;
+
 const ExclamationTriangleIconConfig = {
   name: 'ExclamationTriangleIcon',
   height: 512,
@@ -581,6 +595,8 @@ const ExclamationTriangleIconConfig = {
 
 const ExclamationTriangleIcon = createIcon(ExclamationTriangleIconConfig);
 
+var ExclamationTriangleIcon$1 = ExclamationTriangleIcon;
+
 const InfoCircleIconConfig = {
   name: 'InfoCircleIcon',
   height: 512,
@@ -592,6 +608,8 @@ const InfoCircleIconConfig = {
 
 const InfoCircleIcon$1 = createIcon(InfoCircleIconConfig);
 
+var InfoCircleIcon$2 = InfoCircleIcon$1;
+
 const BellIconConfig = {
   name: 'BellIcon',
   height: 1024,
@@ -603,6 +621,8 @@ const BellIconConfig = {
 
 const BellIcon = createIcon(BellIconConfig);
 
+var BellIcon$1 = BellIcon;
+
 var ValidatedOptions;
 (function (ValidatedOptions) {
     ValidatedOptions["success"] = "success";
@@ -621,25 +641,25 @@ const KeyTypes = {
     ArrowRight: 'ArrowRight'
 };
 const globalWidthBreakpoints = {
-    sm: parseInt(t_global_breakpoint_sm.value) * 16,
-    md: parseInt(t_global_breakpoint_md.value) * 16,
-    lg: parseInt(t_global_breakpoint_lg.value) * 16,
-    xl: parseInt(t_global_breakpoint_xl.value) * 16,
-    '2xl': parseInt(t_global_breakpoint_2xl.value) * 16
+    sm: parseInt(globalBreakpointSm.value) * 16,
+    md: parseInt(globalBreakpointMd.value) * 16,
+    lg: parseInt(globalBreakpointLg.value) * 16,
+    xl: parseInt(globalBreakpointXl.value) * 16,
+    '2xl': parseInt(globalBreakpoint2xl.value) * 16
 };
 const globalHeightBreakpoints = {
-    sm: parseInt(t_global_breakpoint_height_sm.value) * 16,
-    md: parseInt(t_global_breakpoint_height_md.value) * 16,
-    lg: parseInt(t_global_breakpoint_height_lg.value) * 16,
-    xl: parseInt(t_global_breakpoint_height_xl.value) * 16,
-    '2xl': parseInt(t_global_breakpoint_height_2xl.value) * 16
+    sm: parseInt(globalHeightBreakpointSm.value) * 16,
+    md: parseInt(globalHeightBreakpointMd.value) * 16,
+    lg: parseInt(globalHeightBreakpointLg.value) * 16,
+    xl: parseInt(globalHeightBreakpointXl.value) * 16,
+    '2xl': parseInt(globalHeightBreakpoint2xl.value) * 16
 };
 const statusIcons$2 = {
-    success: CheckCircleIcon$1,
-    danger: ExclamationCircleIcon,
-    warning: ExclamationTriangleIcon,
-    info: InfoCircleIcon$1,
-    custom: BellIcon
+    success: CheckCircleIcon$2,
+    danger: ExclamationCircleIcon$1,
+    warning: ExclamationTriangleIcon$1,
+    info: InfoCircleIcon$2,
+    custom: BellIcon$1
 };
 
 /*!
@@ -4854,6 +4874,7 @@ const c_spinner_diameter = {
   "value": "3.5rem",
   "var": "var(--pf-v6-c-spinner--diameter)"
 };
+var cssDiameter = c_spinner_diameter;
 
 var spinnerSize;
 (function (spinnerSize) {
@@ -4864,7 +4885,7 @@ var spinnerSize;
 })(spinnerSize || (spinnerSize = {}));
 const Spinner = (_a) => {
     var { className = '', size = 'xl', 'aria-valuetext': ariaValueText = 'Loading...', diameter, isInline = false, 'aria-label': ariaLabel, 'aria-labelledBy': ariaLabelledBy } = _a, props = __rest$1(_a, ["className", "size", 'aria-valuetext', "diameter", "isInline", 'aria-label', 'aria-labelledBy']);
-    return (React.createElement("svg", Object.assign({ className: css(styles$t.spinner, isInline ? styles$t.modifiers.inline : styles$t.modifiers[size], className), role: "progressbar", "aria-valuetext": ariaValueText, viewBox: "0 0 100 100" }, (diameter && { style: { [c_spinner_diameter.name]: diameter } }), (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledBy && { 'aria-labelledBy': ariaLabelledBy }), (!ariaLabel && !ariaLabelledBy && { 'aria-label': 'Contents' }), props),
+    return (React.createElement("svg", Object.assign({ className: css(styles$t.spinner, isInline ? styles$t.modifiers.inline : styles$t.modifiers[size], className), role: "progressbar", "aria-valuetext": ariaValueText, viewBox: "0 0 100 100" }, (diameter && { style: { [cssDiameter.name]: diameter } }), (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledBy && { 'aria-labelledBy': ariaLabelledBy }), (!ariaLabel && !ariaLabelledBy && { 'aria-label': 'Contents' }), props),
         React.createElement("circle", { className: styles$t.spinnerPath, cx: "50", cy: "50", r: "45", fill: "none" })));
 };
 Spinner.displayName = 'Spinner';
@@ -4965,6 +4986,8 @@ const TimesIconConfig = {
 
 const TimesIcon = createIcon(TimesIconConfig);
 
+var TimesIcon$1 = TimesIcon;
+
 var styles$r = {
   "backdrop": "pf-v6-c-backdrop",
   "backdropOpen": "pf-v6-c-backdrop__open"
@@ -5016,7 +5039,7 @@ ModalBoxBody.displayName = 'ModalBoxBody';
 const ModalBoxCloseButton = (_a) => {
     var { className, onClose = () => undefined, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest$1(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
     return (React.createElement("div", { className: css(styles$q.modalBoxClose, className) },
-        React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props, { icon: React.createElement(TimesIcon, null) }))));
+        React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props, { icon: React.createElement(TimesIcon$1, null) }))));
 };
 ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
 
@@ -5025,12 +5048,13 @@ const c_modal_box_m_align_top_spacer = {
   "value": "0.5rem",
   "var": "var(--pf-v6-c-modal-box--m-align-top--spacer)"
 };
+var topSpacer = c_modal_box_m_align_top_spacer;
 
 const ModalBox = (_a) => {
     var { children, className = '', variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, style } = _a, props = __rest$1(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
     if (positionOffset) {
         style = style || {};
-        style[c_modal_box_m_align_top_spacer.name] = positionOffset;
+        style[topSpacer.name] = positionOffset;
     }
     return (React.createElement("div", Object.assign({}, props, { role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: css(styles$q.modalBox, className, position === 'top' && styles$q.modifiers.alignTop, variant === 'large' && styles$q.modifiers.lg, variant === 'small' && styles$q.modifiers.sm, variant === 'medium' && styles$q.modifiers.md), style: style }), children));
 };
@@ -5096,6 +5120,7 @@ const c_tooltip_MaxWidth = {
   "value": "18.75rem",
   "var": "var(--pf-v6-c-tooltip--MaxWidth)"
 };
+var tooltipMaxWidth = c_tooltip_MaxWidth;
 
 var TooltipPosition;
 (function (TooltipPosition) {
@@ -5116,7 +5141,7 @@ var TooltipPosition;
 // id for associating trigger with the content aria-describedby or aria-labelledby
 let pfTooltipIdCounter = 1;
 const Tooltip = (_a) => {
-    var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 300, appendTo = () => document.body, zIndex = 9999, minWidth, maxWidth = c_tooltip_MaxWidth.value, distance = 15, aria = 'describedby', 
+    var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 300, appendTo = () => document.body, zIndex = 9999, minWidth, maxWidth = tooltipMaxWidth.value, distance = 15, aria = 'describedby', 
     // For every initial starting position, there are 3 escape positions
     flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, triggerRef, 'aria-live': ariaLive = triggerRef ? 'polite' : 'off', onTooltipHidden = () => { } } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "minWidth", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "triggerRef", 'aria-live', "onTooltipHidden"]);
     const triggerOnMouseenter = trigger.includes('mouseenter');
@@ -5170,7 +5195,7 @@ const Tooltip = (_a) => {
         'right-start': styles$o.modifiers.rightTop,
         'right-end': styles$o.modifiers.rightBottom
     };
-    const hasCustomMaxWidth = maxWidth !== c_tooltip_MaxWidth.value;
+    const hasCustomMaxWidth = maxWidth !== tooltipMaxWidth.value;
     const content = (React.createElement("div", Object.assign({ "aria-live": ariaLive, className: css(styles$o.tooltip, className), role: "tooltip", id: id, style: {
             maxWidth: hasCustomMaxWidth ? maxWidth : null
         }, ref: popperRef }, rest),
@@ -5209,11 +5234,11 @@ const ModalBoxTitle = (_a) => {
     const h1 = React.useRef(null);
     const label = titleLabel || (isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleLabel);
     const variantIcons = {
-        success: React.createElement(CheckCircleIcon$1, null),
-        danger: React.createElement(ExclamationCircleIcon, null),
-        warning: React.createElement(ExclamationTriangleIcon, null),
-        info: React.createElement(InfoCircleIcon$1, null),
-        custom: React.createElement(BellIcon, null)
+        success: React.createElement(CheckCircleIcon$2, null),
+        danger: React.createElement(ExclamationCircleIcon$1, null),
+        warning: React.createElement(ExclamationTriangleIcon$1, null),
+        info: React.createElement(InfoCircleIcon$2, null),
+        custom: React.createElement(BellIcon$1, null)
     };
     const CustomIcon = !isVariantIcon(titleIconVariant) && titleIconVariant;
     useIsomorphicLayoutEffect(() => {
@@ -5481,10 +5506,12 @@ const AngleRightIconConfig = {
 
 const AngleRightIcon = createIcon(AngleRightIconConfig);
 
+var AngleRightIcon$1 = AngleRightIcon;
+
 const AccordionToggle = (_a) => {
     var { className = '', id, children = null, component } = _a, props = __rest$1(_a, ["className", "id", "children", "component"]);
     const renderToggleIcon = () => (React.createElement("span", { className: css(styles$n.accordionToggleIcon) },
-        React.createElement(AngleRightIcon, null)));
+        React.createElement(AngleRightIcon$1, null)));
     const { isExpanded } = React.useContext(AccordionItemContext);
     return (React.createElement(AccordionContext.Consumer, null, ({ ToggleContainer, togglePosition }) => {
         const Container = component || ToggleContainer;
@@ -5550,11 +5577,11 @@ var styles$l = {
 };
 
 const variantIcons = {
-    success: CheckCircleIcon$1,
-    danger: ExclamationCircleIcon,
-    warning: ExclamationTriangleIcon,
-    info: InfoCircleIcon$1,
-    custom: BellIcon
+    success: CheckCircleIcon$2,
+    danger: ExclamationCircleIcon$1,
+    warning: ExclamationTriangleIcon$1,
+    info: InfoCircleIcon$2,
+    custom: BellIcon$1
 };
 const AlertIcon = (_a) => {
     var { variant, customIcon, className = '' } = _a, props = __rest$1(_a, ["variant", "customIcon", "className"]);
@@ -5569,12 +5596,13 @@ const c_alert__title_max_lines = {
   "value": "1",
   "var": "var(--pf-v6-c-alert__title--max-lines)"
 };
+var maxLines = c_alert__title_max_lines;
 
 const AlertToggleExpandButton = (_a) => {
     var { 'aria-label': ariaLabel = '', variantLabel, onToggleExpand, isExpanded = false } = _a, props = __rest$1(_a, ['aria-label', "variantLabel", "onToggleExpand", "isExpanded"]);
     const { title, variantLabel: alertVariantLabel } = React.useContext(AlertContext);
     return (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, onClick: onToggleExpand, "aria-expanded": isExpanded, "aria-label": ariaLabel === '' ? `Toggle ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props, { icon: React.createElement("span", { className: css(styles$l.alertToggleIcon) },
-            React.createElement(AngleRightIcon, { "aria-hidden": "true" })) })));
+            React.createElement(AngleRightIcon$1, { "aria-hidden": "true" })) })));
 };
 AlertToggleExpandButton.displayName = 'AlertToggleExpandButton';
 
@@ -5600,7 +5628,7 @@ const Alert = (_a) => {
         if (!titleRef.current || !truncateTitle) {
             return;
         }
-        titleRef.current.style.setProperty(c_alert__title_max_lines.name, truncateTitle.toString());
+        titleRef.current.style.setProperty(maxLines.name, truncateTitle.toString());
         const showTooltip = titleRef.current && titleRef.current.offsetHeight < titleRef.current.scrollHeight;
         if (isTooltipVisible !== showTooltip) {
             setIsTooltipVisible(showTooltip);
@@ -5686,6 +5714,8 @@ const AngleUpIconConfig = {
 
 const AngleUpIcon = createIcon(AngleUpIconConfig);
 
+var AngleUpIcon$1 = AngleUpIcon;
+
 var breadcrumbStyles = {
   "breadcrumb": "pf-v6-c-breadcrumb",
   "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
@@ -5724,9 +5754,9 @@ var formStyles = {
 };
 
 const statusIcons$1 = {
-    success: CheckCircleIcon$1,
-    error: ExclamationCircleIcon,
-    warning: ExclamationTriangleIcon
+    success: CheckCircleIcon$2,
+    error: ExclamationCircleIcon$1,
+    warning: ExclamationTriangleIcon$1
 };
 const FormControlIcon = (_a) => {
     var { status, customIcon, className } = _a, props = __rest$1(_a, ["status", "customIcon", "className"]);
@@ -6105,12 +6135,14 @@ const c_menu__content_Height = {
   "value": "auto",
   "var": "var(--pf-v6-c-menu__content--Height)"
 };
+var cssHeight = c_menu__content_Height;
 
 const c_menu__content_MaxHeight = {
   "name": "--pf-v6-c-menu__content--MaxHeight",
   "value": "18.75rem",
   "var": "var(--pf-v6-c-menu__content--MaxHeight)"
 };
+var cssMaxHeight$1 = c_menu__content_MaxHeight;
 
 const MenuContent = React.forwardRef((props, ref) => {
     const { getHeight, children, menuHeight, maxMenuHeight } = props, rest = __rest$1(props, ["getHeight", "children", "menuHeight", "maxMenuHeight"]);
@@ -6139,7 +6171,7 @@ const MenuContent = React.forwardRef((props, ref) => {
         }
         return ref || menuContentRef;
     };
-    return (React.createElement(MenuContext.Consumer, null, ({ menuId, onGetMenuHeight }) => (React.createElement("div", Object.assign({}, rest, { className: css(menuStyles.menuContent, props.className), ref: (el) => refCallback(el, menuId, onGetMenuHeight), style: Object.assign(Object.assign({}, (menuHeight && { [c_menu__content_Height.name]: menuHeight })), (maxMenuHeight && { [c_menu__content_MaxHeight.name]: maxMenuHeight })) }), children))));
+    return (React.createElement(MenuContext.Consumer, null, ({ menuId, onGetMenuHeight }) => (React.createElement("div", Object.assign({}, rest, { className: css(menuStyles.menuContent, props.className), ref: (el) => refCallback(el, menuId, onGetMenuHeight), style: Object.assign(Object.assign({}, (menuHeight && { [cssHeight.name]: menuHeight })), (maxMenuHeight && { [cssMaxHeight$1.name]: maxMenuHeight })) }), children))));
 });
 MenuContent.displayName = 'MenuContent';
 
@@ -6148,18 +6180,21 @@ const c_menu_m_flyout__menu_top_offset = {
   "value": "0px",
   "var": "var(--pf-v6-c-menu--m-flyout__menu--top-offset)"
 };
+var topOffset = c_menu_m_flyout__menu_top_offset;
 
 const c_menu_m_flyout__menu_m_left_right_offset = {
   "name": "--pf-v6-c-menu--m-flyout__menu--m-left--right-offset",
   "value": "0px",
   "var": "var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset)"
 };
+var rightOffset = c_menu_m_flyout__menu_m_left_right_offset;
 
 const c_menu_m_flyout__menu_left_offset = {
   "name": "--pf-v6-c-menu--m-flyout__menu--left-offset",
   "value": "0px",
   "var": "var(--pf-v6-c-menu--m-flyout__menu--left-offset)"
 };
+var leftOffset = c_menu_m_flyout__menu_left_offset;
 
 const ExternalLinkAltIconConfig = {
   name: 'ExternalLinkAltIcon',
@@ -6172,6 +6207,8 @@ const ExternalLinkAltIconConfig = {
 
 const ExternalLinkAltIcon$1 = createIcon(ExternalLinkAltIconConfig);
 
+var ExternalLinkAltIcon$2 = ExternalLinkAltIcon$1;
+
 const AngleLeftIconConfig = {
   name: 'AngleLeftIcon',
   height: 512,
@@ -6183,6 +6220,8 @@ const AngleLeftIconConfig = {
 
 const AngleLeftIcon = createIcon(AngleLeftIconConfig);
 
+var AngleLeftIcon$1 = AngleLeftIcon;
+
 const CheckIconConfig = {
   name: 'CheckIcon',
   height: 512,
@@ -6194,6 +6233,8 @@ const CheckIconConfig = {
 
 const CheckIcon = createIcon(CheckIconConfig);
 
+var CheckIcon$1 = CheckIcon;
+
 var styles$k = {
   "check": "pf-v6-c-check",
   "checkBody": "pf-v6-c-check__body",
@@ -6276,6 +6317,8 @@ const StarIconConfig = {
 
 const StarIcon = createIcon(StarIconConfig);
 
+var StarIcon$1 = StarIcon;
+
 const MenuItemActionBase = (_a) => {
     var { className, icon, onClick, 'aria-label': ariaLabel, isFavorited = null, isDisabled, actionId, innerRef } = _a, props = __rest$1(_a, ["className", "icon", "onClick", 'aria-label', "isFavorited", "isDisabled", "actionId", "innerRef"]);
     return (React.createElement(MenuContext.Consumer, null, ({ onActionClick }) => (React.createElement(MenuItemContext.Consumer, null, ({ itemId, isDisabled: isDisabledContext }) => {
@@ -6286,7 +6329,7 @@ const MenuItemActionBase = (_a) => {
             onActionClick && onActionClick(event, itemId, actionId);
         };
         return (React.createElement("div", Object.assign({ className: css(menuStyles.menuItemAction, isFavorited !== null && 'pf-m-favorite', isFavorited && menuStyles.modifiers.favorited, className) }, props),
-            React.createElement(Button, { "aria-label": ariaLabel, onClick: onClickButton, ref: innerRef, role: "menuitem", variant: "plain", tabIndex: -1, isDisabled: isDisabled || isDisabledContext, icon: icon === 'favorites' || isFavorited !== null ? React.createElement(StarIcon, { "aria-hidden": true }) : icon })));
+            React.createElement(Button, { "aria-label": ariaLabel, onClick: onClickButton, ref: innerRef, role: "menuitem", variant: "plain", tabIndex: -1, isDisabled: isDisabled || isDisabledContext, icon: icon === 'favorites' || isFavorited !== null ? React.createElement(StarIcon$1, { "aria-hidden": true }) : icon })));
     }))));
 };
 const MenuItemAction = React.forwardRef((props, ref) => (React.createElement(MenuItemActionBase, Object.assign({}, props, { innerRef: ref }))));
@@ -6341,16 +6384,16 @@ const MenuItemBase = (_a) => {
                     }
                     if (xDir === 'left') {
                         flyoutMenu.classList.add(menuStyles.modifiers.left);
-                        flyoutMenu.style.setProperty(c_menu_m_flyout__menu_m_left_right_offset.name, `-${xOffset}px`);
+                        flyoutMenu.style.setProperty(rightOffset.name, `-${xOffset}px`);
                     }
                     else {
-                        flyoutMenu.style.setProperty(c_menu_m_flyout__menu_left_offset.name, `-${xOffset}px`);
+                        flyoutMenu.style.setProperty(leftOffset.name, `-${xOffset}px`);
                     }
                     const spaceLeftBot = window.innerHeight - origin.y - rect.height;
                     const spaceLeftTop = window.innerHeight - rect.height;
                     if (spaceLeftTop < 0 && spaceLeftBot < 0) ;
                     else if (spaceLeftBot < 0) {
-                        flyoutMenu.style.setProperty(c_menu_m_flyout__menu_top_offset.name, `${spaceLeftBot}px`);
+                        flyoutMenu.style.setProperty(topOffset.name, `${spaceLeftBot}px`);
                     }
                 }
             }
@@ -6499,17 +6542,17 @@ const MenuItemBase = (_a) => {
         }), (hasCheckbox && { htmlFor: randomId }), additionalProps),
             React.createElement("span", { className: css(menuStyles.menuItemMain) },
                 direction === 'up' && (React.createElement("span", { className: css(menuStyles.menuItemToggleIcon) },
-                    React.createElement(AngleLeftIcon, { "aria-hidden": true }))),
+                    React.createElement(AngleLeftIcon$1, { "aria-hidden": true }))),
                 icon && React.createElement("span", { className: css(menuStyles.menuItemIcon) }, icon),
                 hasCheckbox && (React.createElement("span", { className: css(menuStyles.menuItemCheck) },
                     React.createElement(Checkbox, { id: randomId, component: "span", isChecked: isSelected || false, onChange: (event) => onItemSelect(event, onSelect), isDisabled: isDisabled, "aria-disabled": isAriaDisabled }))),
                 React.createElement("span", { className: css(menuStyles.menuItemText) }, children),
                 isExternalLink && (React.createElement("span", { className: css(menuStyles.menuItemExternalIcon) },
-                    React.createElement(ExternalLinkAltIcon$1, { "aria-hidden": true }))),
+                    React.createElement(ExternalLinkAltIcon$2, { "aria-hidden": true }))),
                 (flyoutMenu || direction === 'down') && (React.createElement("span", { className: css(menuStyles.menuItemToggleIcon) },
-                    React.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                    React.createElement(AngleRightIcon$1, { "aria-hidden": true }))),
                 getIsSelected() && (React.createElement("span", { className: css(menuStyles.menuItemSelectIcon) },
-                    React.createElement(CheckIcon, { "aria-hidden": true })))),
+                    React.createElement(CheckIcon$1, { "aria-hidden": true })))),
             description && direction !== 'up' && (React.createElement("span", { className: css(menuStyles.menuItemDescription) },
                 React.createElement("span", null, description)))))),
         flyoutVisible && (React.createElement(MenuContext.Provider, { value: { disableHover } },
@@ -6663,6 +6706,8 @@ const CaretDownIconConfig = {
 
 const CaretDownIcon = createIcon(CaretDownIconConfig);
 
+var CaretDownIcon$1 = CaretDownIcon;
+
 var MenuToggleStatus;
 (function (MenuToggleStatus) {
     MenuToggleStatus["success"] = "success";
@@ -6692,20 +6737,20 @@ class MenuToggleBase extends React.Component {
         if (!statusIcon) {
             switch (status) {
                 case MenuToggleStatus.success:
-                    _statusIcon = React.createElement(CheckCircleIcon$1, { "aria-hidden": "true" });
+                    _statusIcon = React.createElement(CheckCircleIcon$2, { "aria-hidden": "true" });
                     break;
                 case MenuToggleStatus.warning:
-                    _statusIcon = React.createElement(ExclamationTriangleIcon, { "aria-hidden": "true" });
+                    _statusIcon = React.createElement(ExclamationTriangleIcon$1, { "aria-hidden": "true" });
                     break;
                 case MenuToggleStatus.danger:
-                    _statusIcon = React.createElement(ExclamationCircleIcon, { "aria-hidden": "true" });
+                    _statusIcon = React.createElement(ExclamationCircleIcon$1, { "aria-hidden": "true" });
                     break;
             }
         }
         const toggleControls = (React.createElement("span", { className: css(styles$j.menuToggleControls) },
             status !== undefined && React.createElement("span", { className: css(styles$j.menuToggleStatusIcon) }, _statusIcon),
             React.createElement("span", { className: css(styles$j.menuToggleToggleIcon) },
-                React.createElement(CaretDownIcon, { "aria-hidden": true }))));
+                React.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
         const content = (React.createElement(React.Fragment, null,
             icon && React.createElement("span", { className: css(styles$j.menuToggleIcon) }, icon),
             isTypeahead ? children : children && React.createElement("span", { className: css(styles$j.menuToggleText) }, children),
@@ -6959,7 +7004,7 @@ const CardHeader = (_a) => {
             React.createElement(Button, Object.assign({ variant: "plain", type: "button", onClick: (evt) => {
                     onExpand(evt, cardId);
                 } }, toggleButtonProps, { icon: React.createElement("span", { className: css(styles$h.cardHeaderToggleIcon) },
-                    React.createElement(AngleRightIcon, { "aria-hidden": "true" })) }))));
+                    React.createElement(AngleRightIcon$1, { "aria-hidden": "true" })) }))));
         const isClickableOrSelectableOnly = (isClickable && !isSelectable) || (isSelectable && !isClickable);
         if ((actions === null || actions === void 0 ? void 0 : actions.actions) && isClickableOrSelectableOnly) {
             // eslint-disable-next-line no-console
@@ -7151,7 +7196,7 @@ PopoverFooter.displayName = 'PopoverFooter';
 const PopoverCloseButton = (_a) => {
     var { onClose = () => undefined } = _a, props = __rest$1(_a, ["onClose"]);
     return (React.createElement("div", { className: css(styles$e.popoverClose) },
-        React.createElement(Button, Object.assign({ onClick: onClose, variant: "plain", "aria-label": true }, props, { style: { pointerEvents: 'auto' }, icon: React.createElement(TimesIcon, null) }))));
+        React.createElement(Button, Object.assign({ onClick: onClose, variant: "plain", "aria-label": true }, props, { style: { pointerEvents: 'auto' }, icon: React.createElement(TimesIcon$1, null) }))));
 };
 PopoverCloseButton.displayName = 'PopoverCloseButton';
 
@@ -7166,12 +7211,14 @@ const c_popover_MaxWidth = {
   "value": "none",
   "var": "var(--pf-v6-c-popover--MaxWidth)"
 };
+var popoverMaxWidth = c_popover_MaxWidth;
 
 const c_popover_MinWidth = {
   "name": "--pf-v6-c-popover--MinWidth",
   "value": "auto",
   "var": "var(--pf-v6-c-popover--MinWidth)"
 };
+var popoverMinWidth = c_popover_MinWidth;
 
 var PopoverPosition;
 (function (PopoverPosition) {
@@ -7197,7 +7244,7 @@ const alertStyle = {
     danger: styles$e.modifiers.danger
 };
 const Popover = (_a) => {
-    var { children, position = 'top', enableFlip = true, className = '', isVisible = null, shouldClose = () => null, shouldOpen = () => null, 'aria-label': ariaLabel = '', bodyContent, headerContent = null, headerComponent = 'h6', headerIcon = null, alertSeverityVariant, alertSeverityScreenReaderText, footerContent = null, appendTo = () => document.body, hideOnOutsideClick = true, onHide = () => null, onHidden = () => null, onShow = () => null, onShown = () => null, onMount = () => null, zIndex = 9999, triggerAction = 'click', minWidth = c_popover_MinWidth && c_popover_MinWidth.value, maxWidth = c_popover_MaxWidth && c_popover_MaxWidth.value, closeBtnAriaLabel = 'Close', showClose = true, distance = 25, flipBehavior = [
+    var { children, position = 'top', enableFlip = true, className = '', isVisible = null, shouldClose = () => null, shouldOpen = () => null, 'aria-label': ariaLabel = '', bodyContent, headerContent = null, headerComponent = 'h6', headerIcon = null, alertSeverityVariant, alertSeverityScreenReaderText, footerContent = null, appendTo = () => document.body, hideOnOutsideClick = true, onHide = () => null, onHidden = () => null, onShow = () => null, onShown = () => null, onMount = () => null, zIndex = 9999, triggerAction = 'click', minWidth = popoverMinWidth && popoverMinWidth.value, maxWidth = popoverMaxWidth && popoverMaxWidth.value, closeBtnAriaLabel = 'Close', showClose = true, distance = 25, flipBehavior = [
         'top',
         'bottom',
         'left',
@@ -7254,8 +7301,8 @@ const Popover = (_a) => {
         'right-start': styles$e.modifiers.rightTop,
         'right-end': styles$e.modifiers.rightBottom
     };
-    const hasCustomMinWidth = minWidth !== c_popover_MinWidth.value;
-    const hasCustomMaxWidth = maxWidth !== c_popover_MaxWidth.value;
+    const hasCustomMinWidth = minWidth !== popoverMinWidth.value;
+    const hasCustomMaxWidth = maxWidth !== popoverMaxWidth.value;
     const onDocumentKeyDown = (event) => {
         if (event.key === KeyTypes.Escape && visible) {
             if (triggerManually) {
@@ -7573,7 +7620,7 @@ DrawerActions.displayName = 'DrawerActions';
 const DrawerCloseButton = (_a) => {
     var { className = '', onClose = () => undefined, 'aria-label': ariaLabel = 'Close drawer panel' } = _a, props = __rest$1(_a, ["className", "onClose", 'aria-label']);
     return (React.createElement("div", Object.assign({ className: css(styles$d.drawerClose, className) }, props),
-        React.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel, icon: React.createElement(TimesIcon, null) })));
+        React.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel, icon: React.createElement(TimesIcon$1, null) })));
 };
 DrawerCloseButton.displayName = 'DrawerCloseButton';
 
@@ -7621,18 +7668,21 @@ const c_drawer__panel_md_FlexBasis = {
   "value": "50%",
   "var": "var(--pf-v6-c-drawer__panel--md--FlexBasis)"
 };
+var cssPanelMdFlexBasis = c_drawer__panel_md_FlexBasis;
 
 const c_drawer__panel_md_FlexBasis_min = {
   "name": "--pf-v6-c-drawer__panel--md--FlexBasis--min",
   "value": "1.5rem",
   "var": "var(--pf-v6-c-drawer__panel--md--FlexBasis--min)"
 };
+var cssPanelMdFlexBasisMin = c_drawer__panel_md_FlexBasis_min;
 
 const c_drawer__panel_md_FlexBasis_max = {
   "name": "--pf-v6-c-drawer__panel--md--FlexBasis--max",
   "value": "100%",
   "var": "var(--pf-v6-c-drawer__panel--md--FlexBasis--max)"
 };
+var cssPanelMdFlexBasisMax = c_drawer__panel_md_FlexBasis_max;
 
 let isResizing = null;
 let newSize = 0;
@@ -7784,7 +7834,7 @@ const DrawerPanelContent = (_a) => {
         if (position === 'bottom') {
             panel.current.style.overflowAnchor = 'none';
         }
-        panel.current.style.setProperty(c_drawer__panel_md_FlexBasis.name, newSize + 'px');
+        panel.current.style.setProperty(cssPanelMdFlexBasis.name, newSize + 'px');
         currWidth = newSize;
         setSeparatorValue(calcValueNow());
     };
@@ -7860,19 +7910,19 @@ const DrawerPanelContent = (_a) => {
         if (position === 'bottom') {
             panel.current.style.overflowAnchor = 'none';
         }
-        panel.current.style.setProperty(c_drawer__panel_md_FlexBasis.name, newSize + 'px');
+        panel.current.style.setProperty(cssPanelMdFlexBasis.name, newSize + 'px');
         currWidth = newSize;
         setSeparatorValue(calcValueNow());
     };
     const boundaryCssVars = {};
     if (defaultSize) {
-        boundaryCssVars[c_drawer__panel_md_FlexBasis.name] = defaultSize;
+        boundaryCssVars[cssPanelMdFlexBasis.name] = defaultSize;
     }
     if (minSize) {
-        boundaryCssVars[c_drawer__panel_md_FlexBasis_min.name] = minSize;
+        boundaryCssVars[cssPanelMdFlexBasisMin.name] = minSize;
     }
     if (maxSize) {
-        boundaryCssVars[c_drawer__panel_md_FlexBasis_max.name] = maxSize;
+        boundaryCssVars[cssPanelMdFlexBasisMax.name] = maxSize;
     }
     const isValidFocusTrap = (focusTrap === null || focusTrap === void 0 ? void 0 : focusTrap.enabled) && !isStatic;
     const Component = isValidFocusTrap ? FocusTrap : 'div';
@@ -7976,6 +8026,8 @@ const AngleDownIconConfig = {
 
 const AngleDownIcon = createIcon(AngleDownIconConfig);
 
+var AngleDownIcon$1 = AngleDownIcon;
+
 const SearchIconConfig = {
   name: 'SearchIcon',
   height: 512,
@@ -7987,6 +8039,8 @@ const SearchIconConfig = {
 
 const SearchIcon$1 = createIcon(SearchIconConfig);
 
+var SearchIcon$2 = SearchIcon$1;
+
 const ArrowRightIconConfig = {
   name: 'ArrowRightIcon',
   height: 512,
@@ -7998,6 +8052,8 @@ const ArrowRightIconConfig = {
 
 const ArrowRightIcon$1 = createIcon(ArrowRightIconConfig);
 
+var ArrowRightIcon$2 = ArrowRightIcon$1;
+
 var styles$b = {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
@@ -8063,11 +8119,12 @@ const c_form_m_limit_width_MaxWidth = {
   "value": "55rem",
   "var": "var(--pf-v6-c-form--m-limit-width--MaxWidth)"
 };
+var cssMaxWidth = c_form_m_limit_width_MaxWidth;
 
 const FormBase = (_a) => {
     var { children = null, className = '', isHorizontal = false, isWidthLimited = false, maxWidth = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "isHorizontal", "isWidthLimited", "maxWidth", "innerRef"]);
     return (React.createElement("form", Object.assign({ noValidate: true }, (maxWidth && {
-        style: Object.assign({ [c_form_m_limit_width_MaxWidth.name]: maxWidth }, props.style)
+        style: Object.assign({ [cssMaxWidth.name]: maxWidth }, props.style)
     }), props, { className: css(styles$b.form, isHorizontal && styles$b.modifiers.horizontal, (isWidthLimited || maxWidth) && styles$b.modifiers.limitWidth, className), ref: innerRef }), children));
 };
 const Form = React.forwardRef((props, ref) => React.createElement(FormBase, Object.assign({ innerRef: ref }, props)));
@@ -8121,10 +8178,11 @@ const c_panel__main_MaxHeight = {
   "value": "18.75rem",
   "var": "var(--pf-v6-c-panel__main--MaxHeight)"
 };
+var cssMaxHeight = c_panel__main_MaxHeight;
 
 const PanelMain = (_a) => {
     var { className, children, maxHeight } = _a, props = __rest$1(_a, ["className", "children", "maxHeight"]);
-    return (React.createElement("div", Object.assign({ className: css(styles$a.panelMain, className), style: { [c_panel__main_MaxHeight.name]: maxHeight } }, props), children));
+    return (React.createElement("div", Object.assign({ className: css(styles$a.panelMain, className), style: { [cssMaxHeight.name]: maxHeight } }, props), children));
 };
 PanelMain.displayName = 'PanelMain';
 
@@ -8424,15 +8482,15 @@ const SearchInputBase = (_a) => {
     const buildTextInputGroup = (_a = {}) => {
         var searchInputProps = __rest$1(_a, []);
         return (React.createElement(TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
-            React.createElement(TextInputGroupMain, { hint: hint, icon: React.createElement(SearchIcon$1, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId }),
+            React.createElement(TextInputGroupMain, { hint: hint, icon: React.createElement(SearchIcon$2, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId }),
             (renderUtilities || areUtilitiesDisplayed) && (React.createElement(TextInputGroupUtilities, null,
                 resultsCount && React.createElement(Badge, { isRead: true }, resultsCount),
                 !!onNextClick && !!onPreviousClick && (React.createElement("div", { className: textInputGroupStyles.textInputGroupGroup },
-                    React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: React.createElement(AngleUpIcon, null) }),
-                    React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: React.createElement(AngleDownIcon, null) }))),
-                !!onClear && !expandableInput && (React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: React.createElement(TimesIcon, null) }))))));
+                    React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: React.createElement(AngleUpIcon$1, null) }),
+                    React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: React.createElement(AngleDownIcon$1, null) }))),
+                !!onClear && !expandableInput && (React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: React.createElement(TimesIcon$1, null) }))))));
     };
-    const expandableToggle = (React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: isExpanded ? React.createElement(TimesIcon, null) : React.createElement(SearchIcon$1, null), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
+    const expandableToggle = (React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: isExpanded ? React.createElement(TimesIcon$1, null) : React.createElement(SearchIcon$2, null), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
     const buildExpandableSearchInput = (_a = {}) => {
         var searchInputProps = __rest$1(_a, []);
         return (React.createElement(InputGroup, Object.assign({}, searchInputProps),
@@ -8453,10 +8511,10 @@ const SearchInputBase = (_a) => {
         return (React.createElement(InputGroup, Object.assign({ ref: triggerRef }, searchInputProps),
             React.createElement(InputGroupItem, { isFill: true }, buildTextInputGroup()),
             (attributes.length > 0 || onToggleAdvancedSearch) && (React.createElement(InputGroupItem, { isPlain: true },
-                React.createElement(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen, icon: React.createElement(CaretDownIcon, null) }))),
+                React.createElement(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen, icon: React.createElement(CaretDownIcon$1, null) }))),
             !!onSearch && (React.createElement(InputGroupItem, null,
                 React.createElement(Button, { type: "submit", variant: ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled, icon: React.createElement(Icon, { shouldMirrorRTL: true },
-                        React.createElement(ArrowRightIcon$1, null)) }))),
+                        React.createElement(ArrowRightIcon$2, null)) }))),
             expandableInput && React.createElement(InputGroupItem, null, expandableToggle)));
     };
     const searchInputProps = Object.assign(Object.assign({}, props), { className: className && css(className), innerRef: searchInputRef });
@@ -8597,6 +8655,7 @@ const c_expandable_section_m_truncate__content_LineClamp = {
   "value": "3",
   "var": "var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp)"
 };
+var lineClamp = c_expandable_section_m_truncate__content_LineClamp;
 
 var ExpandableSectionVariant;
 (function (ExpandableSectionVariant) {
@@ -8607,7 +8666,7 @@ const setLineClamp = (lines, element) => {
     if (!element || lines < 1) {
         return;
     }
-    element.style.setProperty(c_expandable_section_m_truncate__content_LineClamp.name, lines.toString());
+    element.style.setProperty(lineClamp.name, lines.toString());
 };
 class ExpandableSection extends React.Component {
     constructor(props) {
@@ -8617,7 +8676,7 @@ class ExpandableSection extends React.Component {
         this.checkToggleVisibility = () => {
             var _a;
             if ((_a = this.expandableContentRef) === null || _a === void 0 ? void 0 : _a.current) {
-                const maxLines = this.props.truncateMaxLines || parseInt(c_expandable_section_m_truncate__content_LineClamp.value);
+                const maxLines = this.props.truncateMaxLines || parseInt(lineClamp.value);
                 const totalLines = this.expandableContentRef.current.scrollHeight /
                     parseInt(getComputedStyle(this.expandableContentRef.current).lineHeight);
                 this.setState({
@@ -8697,7 +8756,7 @@ class ExpandableSection extends React.Component {
         const expandableToggle = !isDetached && (React.createElement("div", { className: `${styles$8.expandableSection}__toggle` },
             React.createElement(Button, Object.assign({ variant: "link" }, (variant === ExpandableSectionVariant.truncate && { isInline: true }), { "aria-expanded": propOrStateIsExpanded, "aria-controls": uniqueContentId, id: uniqueToggleId, onClick: (event) => onToggle(event, !propOrStateIsExpanded) }, (variant !== ExpandableSectionVariant.truncate && {
                 icon: (React.createElement("span", { className: css(styles$8.expandableSectionToggleIcon) },
-                    React.createElement(AngleRightIcon, { "aria-hidden": true })))
+                    React.createElement(AngleRightIcon$1, { "aria-hidden": true })))
             })), toggleContent || computedToggleText)));
         return (React.createElement("div", Object.assign({ className: css(styles$8.expandableSection, propOrStateIsExpanded && styles$8.modifiers.expanded, displaySize === 'lg' && styles$8.modifiers.displayLg, isWidthLimited && styles$8.modifiers.limitWidth, isIndented && styles$8.modifiers.indented, variant === ExpandableSectionVariant.truncate && styles$8.modifiers.truncate, className) }, props),
             variant === ExpandableSectionVariant.default && expandableToggle,
@@ -8801,6 +8860,7 @@ const c_label__text_MaxWidth = {
   "value": "100%",
   "var": "var(--pf-v6-c-label__text--MaxWidth)"
 };
+var cssTextMaxWidth = c_label__text_MaxWidth;
 
 const colorStyles = {
     blue: labelStyles.modifiers.blue,
@@ -8814,11 +8874,11 @@ const colorStyles = {
     grey: ''
 };
 const statusIcons = {
-    success: React.createElement(CheckCircleIcon$1, null),
-    warning: React.createElement(ExclamationTriangleIcon, null),
-    danger: React.createElement(ExclamationCircleIcon, null),
-    info: React.createElement(InfoCircleIcon$1, null),
-    custom: React.createElement(BellIcon, null)
+    success: React.createElement(CheckCircleIcon$2, null),
+    warning: React.createElement(ExclamationTriangleIcon$1, null),
+    danger: React.createElement(ExclamationCircleIcon$1, null),
+    info: React.createElement(InfoCircleIcon$2, null),
+    custom: React.createElement(BellIcon$1, null)
 };
 const Label = (_a) => {
     var { children, className = '', color = 'grey', variant = 'filled', status, isCompact = false, isDisabled = false, isEditable = false, editableProps, textMaxWidth, tooltipPosition, icon, onClose, onClick: onLabelClick, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, render } = _a, props = __rest$1(_a, ["children", "className", "color", "variant", "status", "isCompact", "isDisabled", "isEditable", "editableProps", "textMaxWidth", "tooltipPosition", "icon", "onClose", "onClick", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "render"]);
@@ -8911,7 +8971,7 @@ const Label = (_a) => {
         }
     };
     const isClickableDisabled = (href || onLabelClick) && isDisabled;
-    const defaultCloseButton = (React.createElement(Button, Object.assign({ type: "button", variant: "plain", hasNoPadding: true, onClick: onClose, "aria-label": closeBtnAriaLabel || `Close ${children}` }, (isClickableDisabled && { isDisabled: true }), closeBtnProps, { icon: React.createElement(TimesIcon, null) })));
+    const defaultCloseButton = (React.createElement(Button, Object.assign({ type: "button", variant: "plain", hasNoPadding: true, onClick: onClose, "aria-label": closeBtnAriaLabel || `Close ${children}` }, (isClickableDisabled && { isDisabled: true }), closeBtnProps, { icon: React.createElement(TimesIcon$1, null) })));
     const closeButton = React.createElement("span", { className: css(labelStyles.labelActions) }, closeBtn || defaultCloseButton);
     const textRef = React.createRef();
     // ref to apply tooltip when rendered is used
@@ -8927,7 +8987,7 @@ const Label = (_a) => {
         _icon && React.createElement("span", { className: css(labelStyles.labelIcon) }, _icon),
         React.createElement("span", Object.assign({ ref: textRef, className: css(labelStyles.labelText) }, (textMaxWidth && {
             style: {
-                [c_label__text_MaxWidth.name]: textMaxWidth
+                [cssTextMaxWidth.name]: textMaxWidth
             }
         })), children)));
     React.useEffect(() => {
@@ -9517,10 +9577,10 @@ const ToolbarContentContext = React.createContext({
     clearAllFilters: () => { }
 });
 const globalBreakpoints = {
-    md: parseInt(t_global_breakpoint_md.value) * 16,
-    lg: parseInt(t_global_breakpoint_lg.value) * 16,
-    xl: parseInt(t_global_breakpoint_xl.value) * 16,
-    '2xl': parseInt(t_global_breakpoint_2xl.value) * 16
+    md: parseInt(globalBreakpointMd.value) * 16,
+    lg: parseInt(globalBreakpointLg.value) * 16,
+    xl: parseInt(globalBreakpointXl.value) * 16,
+    '2xl': parseInt(globalBreakpoint2xl.value) * 16
 };
 
 var ToolbarItemVariant;
@@ -9783,13 +9843,13 @@ const WizardNavItem = (_a) => {
                     ", ",
                     status),
                 React.createElement("span", { className: css(styles$3.wizardNavLinkStatusIcon) },
-                    status === WizardNavItemStatus.Error && React.createElement(ExclamationCircleIcon, null),
-                    status === WizardNavItemStatus.Success && React.createElement(CheckCircleIcon$1, null)))),
+                    status === WizardNavItemStatus.Error && React.createElement(ExclamationCircleIcon$1, null),
+                    status === WizardNavItemStatus.Success && React.createElement(CheckCircleIcon$2, null)))),
             React.createElement("span", { className: css(styles$3.wizardNavLinkMain) }, isExpandable ? (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: css(styles$3.wizardNavLinkText) }, content),
                 React.createElement("span", { className: css(styles$3.wizardNavLinkToggle) },
                     React.createElement("span", { className: css(styles$3.wizardNavLinkToggleIcon) },
-                        React.createElement(AngleRightIcon, { "aria-label": `${isCurrent ? 'Collapse' : 'Expand'} step icon` }))))) : (React.createElement(React.Fragment, null, content)))),
+                        React.createElement(AngleRightIcon$1, { "aria-label": `${isCurrent ? 'Collapse' : 'Expand'} step icon` }))))) : (React.createElement(React.Fragment, null, content)))),
         children));
 };
 WizardNavItem.displayName = 'WizardNavItem';
@@ -10372,24 +10432,26 @@ const l_gallery_GridTemplateColumns_min = {
   "value": "250px",
   "var": "var(--pf-v6-l-gallery--GridTemplateColumns--min)"
 };
+var cssGridTemplateColumnsMin = l_gallery_GridTemplateColumns_min;
 
 const l_gallery_GridTemplateColumns_max = {
   "name": "--pf-v6-l-gallery--GridTemplateColumns--max",
   "value": "1fr",
   "var": "var(--pf-v6-l-gallery--GridTemplateColumns--max)"
 };
+var cssGridTemplateColumnsMax = l_gallery_GridTemplateColumns_max;
 
 const Gallery = (_a) => {
     var { children = null, className = '', component = 'div', hasGutter = false, minWidths, maxWidths } = _a, props = __rest$1(_a, ["children", "className", "component", "hasGutter", "minWidths", "maxWidths"]);
     const minWidthStyles = {};
     const Component = component;
     if (minWidths) {
-        Object.entries(minWidths || {}).map(([breakpoint, value]) => (minWidthStyles[`${l_gallery_GridTemplateColumns_min.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
+        Object.entries(minWidths || {}).map(([breakpoint, value]) => (minWidthStyles[`${cssGridTemplateColumnsMin.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
             value));
     }
     const maxWidthStyles = {};
     if (maxWidths) {
-        Object.entries(maxWidths || {}).map(([breakpoint, value]) => (maxWidthStyles[`${l_gallery_GridTemplateColumns_max.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
+        Object.entries(maxWidths || {}).map(([breakpoint, value]) => (maxWidthStyles[`${cssGridTemplateColumnsMax.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
             value));
     }
     const widthStyles = Object.assign(Object.assign({}, minWidthStyles), maxWidthStyles);
@@ -10454,6 +10516,8 @@ exports.createIcon = createIcon;
 
 });
 
+var require$$0 = createIcon_1;
+
 var searchIcon = createCommonjsModule(function (module, exports) {
 exports.__esModule = true;
 exports.SearchIconConfig = {
@@ -10464,7 +10528,7 @@ exports.SearchIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.SearchIcon = createIcon_1.createIcon(exports.SearchIconConfig);
+exports.SearchIcon = require$$0.createIcon(exports.SearchIconConfig);
 exports["default"] = exports.SearchIcon;
 });
 
@@ -11291,7 +11355,7 @@ exports.RocketIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.RocketIcon = createIcon_1.createIcon(exports.RocketIconConfig);
+exports.RocketIcon = require$$0.createIcon(exports.RocketIconConfig);
 exports["default"] = exports.RocketIcon;
 });
 
@@ -25962,7 +26026,7 @@ exports.CopyIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.CopyIcon = createIcon_1.createIcon(exports.CopyIconConfig);
+exports.CopyIcon = require$$0.createIcon(exports.CopyIconConfig);
 exports["default"] = exports.CopyIcon;
 });
 
@@ -26029,7 +26093,7 @@ exports.LightbulbIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.LightbulbIcon = createIcon_1.createIcon(exports.LightbulbIconConfig);
+exports.LightbulbIcon = require$$0.createIcon(exports.LightbulbIconConfig);
 exports["default"] = exports.LightbulbIcon;
 });
 
@@ -26045,7 +26109,7 @@ exports.FireIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.FireIcon = createIcon_1.createIcon(exports.FireIconConfig);
+exports.FireIcon = require$$0.createIcon(exports.FireIconConfig);
 exports["default"] = exports.FireIcon;
 });
 
@@ -31434,7 +31498,7 @@ exports.SyncAltIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.SyncAltIcon = createIcon_1.createIcon(exports.SyncAltIconConfig);
+exports.SyncAltIcon = require$$0.createIcon(exports.SyncAltIconConfig);
 exports["default"] = exports.SyncAltIcon;
 });
 
@@ -31474,7 +31538,7 @@ exports.CheckCircleIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.CheckCircleIcon = createIcon_1.createIcon(exports.CheckCircleIconConfig);
+exports.CheckCircleIcon = require$$0.createIcon(exports.CheckCircleIconConfig);
 exports["default"] = exports.CheckCircleIcon;
 });
 
@@ -31490,7 +31554,7 @@ exports.InfoCircleIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.InfoCircleIcon = createIcon_1.createIcon(exports.InfoCircleIconConfig);
+exports.InfoCircleIcon = require$$0.createIcon(exports.InfoCircleIconConfig);
 exports["default"] = exports.InfoCircleIcon;
 });
 
@@ -31567,7 +31631,7 @@ exports.ExternalLinkAltIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.ExternalLinkAltIcon = createIcon_1.createIcon(exports.ExternalLinkAltIconConfig);
+exports.ExternalLinkAltIcon = require$$0.createIcon(exports.ExternalLinkAltIconConfig);
 exports["default"] = exports.ExternalLinkAltIcon;
 });
 
@@ -31594,7 +31658,7 @@ exports.OutlinedBookmarkIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.OutlinedBookmarkIcon = createIcon_1.createIcon(exports.OutlinedBookmarkIconConfig);
+exports.OutlinedBookmarkIcon = require$$0.createIcon(exports.OutlinedBookmarkIconConfig);
 exports["default"] = exports.OutlinedBookmarkIcon;
 });
 
@@ -31610,7 +31674,7 @@ exports.OutlinedClockIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.OutlinedClockIcon = createIcon_1.createIcon(exports.OutlinedClockIconConfig);
+exports.OutlinedClockIcon = require$$0.createIcon(exports.OutlinedClockIconConfig);
 exports["default"] = exports.OutlinedClockIcon;
 });
 
@@ -31910,7 +31974,7 @@ exports.ArrowRightIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.ArrowRightIcon = createIcon_1.createIcon(exports.ArrowRightIconConfig);
+exports.ArrowRightIcon = require$$0.createIcon(exports.ArrowRightIconConfig);
 exports["default"] = exports.ArrowRightIcon;
 });
 
@@ -32281,7 +32345,7 @@ exports.BarsIconConfig = {
   yOffset: 0,
   xOffset: 0,
 };
-exports.BarsIcon = createIcon_1.createIcon(exports.BarsIconConfig);
+exports.BarsIcon = require$$0.createIcon(exports.BarsIconConfig);
 exports["default"] = exports.BarsIcon;
 });