@primer/react 38.40.2-rc.e319faf65 → 38.41.0-rc.27afe233f

package/dist/NavList/NavList.js

@@ -79,9 +79,9 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t4 = $[12];
 	let t5;
 	if ($[13] !== childrenWithoutHeading || $[14] !== disableItemGap) {
-		t5 = /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+		t5 = /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 			value: t4,
-			children: /*#__PURE__*/ jsx(ActionList, {
+			children: /* @__PURE__ */ jsx(ActionList, {
 				disableItemGap,
 				children: childrenWithoutHeading
 			})
@@ -92,7 +92,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t5 = $[15];
 	let t6;
 	if ($[16] !== headingLevel || $[17] !== t3 || $[18] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(NavListHeadingLevelContext.Provider, {
+		t6 = /* @__PURE__ */ jsxs(NavListHeadingLevelContext.Provider, {
 			value: headingLevel,
 			children: [t3, t5]
 		});
@@ -103,7 +103,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t6 = $[19];
 	let t7;
 	if ($[20] !== ariaLabel || $[21] !== navLabelledby || $[22] !== props || $[23] !== ref || $[24] !== t6) {
-		t7 = /*#__PURE__*/ jsx("nav", {
+		t7 = /* @__PURE__ */ jsx("nav", {
 			...props,
 			"aria-label": ariaLabel,
 			"aria-labelledby": navLabelledby,
@@ -154,7 +154,7 @@ const Heading = (t0) => {
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== as || $[10] !== children || $[11] !== props || $[12] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Heading$1, {
+		t5 = /* @__PURE__ */ jsx(Heading$1, {
 			as,
 			variant: "small",
 			className: t4,
@@ -180,7 +180,7 @@ const ItemComponent = fixedForwardRef(({ "aria-current": ariaCurrent, children,
 	});
 	const subNav = slots.subNav;
 	if (!/*#__PURE__*/ isValidElement(subNav) && defaultOpen) console.error("NavList.Item must have a NavList.SubNav to use defaultOpen.");
-	if (subNav && /*#__PURE__*/ isValidElement(subNav)) return /*#__PURE__*/ jsx(ItemWithSubNav, {
+	if (subNav && /*#__PURE__*/ isValidElement(subNav)) return /* @__PURE__ */ jsx(ItemWithSubNav, {
 		subNav,
 		depth,
 		defaultOpen,
@@ -189,7 +189,7 @@ const ItemComponent = fixedForwardRef(({ "aria-current": ariaCurrent, children,
 		children: childrenWithoutSubNavOrTrailingAction
 	});
 	const InternalLinkItem = ActionList.LinkItem;
-	return /*#__PURE__*/ jsx(InternalLinkItem, {
+	return /* @__PURE__ */ jsx(InternalLinkItem, {
 		ref,
 		as: Component,
 		"aria-current": ariaCurrent,
@@ -269,7 +269,7 @@ function ItemWithSubNav(t0) {
 	} else t6 = $[11];
 	let t7;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: /*#__PURE__*/ jsx(ChevronDownIcon, { className: ActionList_module_css_default.ExpandIcon }) });
+		t7 = /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: ActionList_module_css_default.ExpandIcon }) });
 		$[12] = t7;
 	} else t7 = $[12];
 	let t8;
@@ -285,13 +285,13 @@ function ItemWithSubNav(t0) {
 	} else t8 = $[14];
 	let t9;
 	if ($[16] !== t8) {
-		t9 = /*#__PURE__*/ jsx(SubItem, { children: t8 });
+		t9 = /* @__PURE__ */ jsx(SubItem, { children: t8 });
 		$[16] = t8;
 		$[17] = t9;
 	} else t9 = $[17];
 	let t10;
 	if ($[18] !== buttonId || $[19] !== children || $[20] !== isOpen || $[21] !== style || $[22] !== subNavId || $[23] !== t5 || $[24] !== t9 || $[25] !== tooltipText) {
-		t10 = /*#__PURE__*/ jsxs(ActionList.Item, {
+		t10 = /* @__PURE__ */ jsxs(ActionList.Item, {
 			id: buttonId,
 			"aria-expanded": isOpen,
 			"aria-controls": subNavId,
@@ -318,7 +318,7 @@ function ItemWithSubNav(t0) {
 	} else t10 = $[26];
 	let t11;
 	if ($[27] !== t10 || $[28] !== t4) {
-		t11 = /*#__PURE__*/ jsx(ItemWithSubNavContext.Provider, {
+		t11 = /* @__PURE__ */ jsx(ItemWithSubNavContext.Provider, {
 			value: t4,
 			children: t10
 		});
@@ -351,7 +351,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t2 = $[1];
 	let t3;
 	if ($[2] !== buttonId || $[3] !== children || $[4] !== forwardedRef || $[5] !== subNavId) {
-		t3 = /*#__PURE__*/ jsx("ul", {
+		t3 = /* @__PURE__ */ jsx("ul", {
 			className: ActionList_module_css_default.SubGroup,
 			id: subNavId,
 			"aria-labelledby": buttonId,
@@ -367,7 +367,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t3 = $[6];
 	let t4;
 	if ($[7] !== t2 || $[8] !== t3) {
-		t4 = /*#__PURE__*/ jsx(SubNavContext.Provider, {
+		t4 = /* @__PURE__ */ jsx(SubNavContext.Provider, {
 			value: t2,
 			children: t3
 		});
@@ -450,13 +450,13 @@ const Group = (t0) => {
 	const groupHeadingAs = t4;
 	let t5;
 	if ($[13] !== hideDivider) {
-		t5 = !hideDivider && /*#__PURE__*/ jsx(ActionList.Divider, {});
+		t5 = !hideDivider && /* @__PURE__ */ jsx(ActionList.Divider, {});
 		$[13] = hideDivider;
 		$[14] = t5;
 	} else t5 = $[14];
 	let t6;
 	if ($[15] !== groupHeadingAs || $[16] !== slots.groupHeading || $[17] !== title) {
-		t6 = slots.groupHeading ? /*#__PURE__*/ React.cloneElement(slots.groupHeading, { headingWrapElement: "div" }) : title ? /*#__PURE__*/ jsx(ActionList.GroupHeading, {
+		t6 = slots.groupHeading ? /*#__PURE__*/ React.cloneElement(slots.groupHeading, { headingWrapElement: "div" }) : title ? /* @__PURE__ */ jsx(ActionList.GroupHeading, {
 			as: groupHeadingAs,
 			"data-component": "ActionList.GroupHeading",
 			children: title
@@ -468,7 +468,7 @@ const Group = (t0) => {
 	} else t6 = $[18];
 	let t7;
 	if ($[19] !== childrenWithoutHeading || $[20] !== props || $[21] !== t6) {
-		t7 = /*#__PURE__*/ jsxs(ActionList.Group, {
+		t7 = /* @__PURE__ */ jsxs(ActionList.Group, {
 			...props,
 			children: [t6, childrenWithoutHeading]
 		});
@@ -479,7 +479,7 @@ const Group = (t0) => {
 	} else t7 = $[22];
 	let t8;
 	if ($[23] !== t5 || $[24] !== t7) {
-		t8 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t5, t7] });
+		t8 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t5, t7] });
 		$[23] = t5;
 		$[24] = t7;
 		$[25] = t8;
@@ -517,7 +517,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const focusTargetIndex = currentPage === 1 ? 0 : amountToShow - Math.floor(itemsPerPage);
 	let t3;
 	if ($[6] !== amountToShow || $[7] !== currentPage || $[8] !== focusTargetIndex || $[9] !== groupId || $[10] !== items || $[11] !== renderItem) {
-		t3 = currentPage > 0 ? /*#__PURE__*/ jsx(Fragment$1, { children: items.map((itemArr, index) => {
+		t3 = currentPage > 0 ? /* @__PURE__ */ jsx(Fragment$1, { children: items.map((itemArr, index) => {
 			const { text, trailingVisual: TrailingVisualIcon, leadingVisual: LeadingVisualIcon, trailingAction, ...rest } = itemArr;
 			const { icon, label: actionLabel, ...actionProps } = trailingAction || {};
 			const focusTarget = index === focusTargetIndex ? groupId : void 0;
@@ -526,11 +526,11 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 					...itemArr,
 					"data-expand-focus-target": focusTarget
 				});
-				return /*#__PURE__*/ createElement(Item, {
+				return /* @__PURE__ */ createElement(Item, {
 					...rest,
 					key: index,
 					"data-expand-focus-target": focusTarget
-				}, LeadingVisualIcon ? /*#__PURE__*/ jsx(LeadingVisual, { children: /*#__PURE__*/ jsx(LeadingVisualIcon, {}) }) : null, text, TrailingVisualIcon ? /*#__PURE__*/ jsx(TrailingVisual, { children: /*#__PURE__*/ jsx(TrailingVisualIcon, {}) }) : null, trailingAction ? /*#__PURE__*/ jsx(TrailingAction, {
+				}, LeadingVisualIcon ? /* @__PURE__ */ jsx(LeadingVisual, { children: /* @__PURE__ */ jsx(LeadingVisualIcon, {}) }) : null, text, TrailingVisualIcon ? /* @__PURE__ */ jsx(TrailingVisual, { children: /* @__PURE__ */ jsx(TrailingVisualIcon, {}) }) : null, trailingAction ? /* @__PURE__ */ jsx(TrailingAction, {
 					...actionProps,
 					icon,
 					label: actionLabel || ""
@@ -547,7 +547,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== currentPage || $[14] !== forwardedRef || $[15] !== groupId || $[16] !== label || $[17] !== pages || $[18] !== props) {
-		t4 = currentPage < pages || currentPage === 0 ? /*#__PURE__*/ jsxs(ActionList.Item, {
+		t4 = currentPage < pages || currentPage === 0 ? /* @__PURE__ */ jsxs(ActionList.Item, {
 			as: "button",
 			"aria-expanded": "false",
 			ref: forwardedRef,
@@ -559,7 +559,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 				if (focusTarget_0.length > 0) focusTarget_0[focusTarget_0.length - 1].focus();
 			},
 			...props,
-			children: [label, /*#__PURE__*/ jsx(TrailingVisual, { children: /*#__PURE__*/ jsx(PlusIcon, {}) })]
+			children: [label, /* @__PURE__ */ jsx(TrailingVisual, { children: /* @__PURE__ */ jsx(PlusIcon, {}) })]
 		}) : null;
 		$[13] = currentPage;
 		$[14] = forwardedRef;
@@ -571,7 +571,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t4 = $[19];
 	let t5;
 	if ($[20] !== t3 || $[21] !== t4) {
-		t5 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t3, t4] });
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, t4] });
 		$[20] = t3;
 		$[21] = t4;
 		$[22] = t5;
@@ -616,7 +616,7 @@ const GroupHeadingImpl = (t0) => {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== resolvedAs || $[10] !== rest || $[11] !== t2) {
-		t3 = /*#__PURE__*/ jsx(ActionList.GroupHeading, {
+		t3 = /* @__PURE__ */ jsx(ActionList.GroupHeading, {
 			as: resolvedAs,
 			className: t2,
 			"data-component": "NavList.GroupHeading",

package/dist/Octicon/Octicon.js

@@ -5,9 +5,6 @@ import { jsx } from "react/jsx-runtime";
 /**
 * @deprecated Use the icon component directly from `@primer/octicons-react` instead
 */
-/**
-* @deprecated Use the icon component directly from `@primer/octicons-react` instead
-*/
 const Octicon = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	const $ = c(7);
 	let IconComponent;
@@ -23,7 +20,7 @@ const Octicon = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	}
 	let t0;
 	if ($[3] !== IconComponent || $[4] !== ref || $[5] !== rest) {
-		t0 = /*#__PURE__*/ jsx(IconComponent, {
+		t0 = /* @__PURE__ */ jsx(IconComponent, {
 			...rest,
 			ref
 		});

package/dist/Overlay/Overlay.js

@@ -45,7 +45,7 @@ function getSlideAnimationStartingVector(anchorSide) {
 * @param position Optional. Sets how an element is positioned in a document. Defaults to `absolute` positioning.
 */
 const BaseOverlay = /*#__PURE__*/ React.forwardRef(({ visibility, height, width, top, left, right, bottom, position, style: styleFromProps, className, maxHeight, maxWidth, as: Component = "div", ...rest }, forwardedRef) => {
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		...rest,
 		ref: forwardedRef,
 		style: {
@@ -114,7 +114,7 @@ const Overlay = /*#__PURE__*/ React.forwardRef(({ anchorSide, _PrivateDisablePor
 		slideAnimationEasing,
 		visibility
 	]);
-	const overlayContent = /*#__PURE__*/ jsx(BaseOverlay, {
+	const overlayContent = /* @__PURE__ */ jsx(BaseOverlay, {
 		role,
 		width,
 		"data-reflow-container": !preventOverflow ? true : void 0,
@@ -127,7 +127,7 @@ const Overlay = /*#__PURE__*/ React.forwardRef(({ anchorSide, _PrivateDisablePor
 		...props
 	});
 	if (_PrivateDisablePortal && cssAnchorPositioning) return overlayContent;
-	return /*#__PURE__*/ jsx(Portal_default, {
+	return /* @__PURE__ */ jsx(Portal_default, {
 		containerName: portalContainerName,
 		children: overlayContent
 	});

package/dist/PageHeader/PageHeader.js

@@ -47,12 +47,12 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 					result.navigationHidden = nested.navigationHidden;
 				}
 			} else if (child.type === TitleArea) {
-				var _variant;
-				result.titleVariant = (_variant = child.props.variant) !== null && _variant !== void 0 ? _variant : "medium";
+				var _child$props$variant;
+				result.titleVariant = (_child$props$variant = child.props.variant) !== null && _child$props$variant !== void 0 ? _child$props$variant : "medium";
 			} else if (child.type === Navigation) {
-				var _hidden;
+				var _child$props$hidden;
 				result.hasNavigation = true;
-				result.navigationHidden = (_hidden = child.props.hidden) !== null && _hidden !== void 0 ? _hidden : false;
+				result.navigationHidden = (_child$props$hidden = child.props.hidden) !== null && _child$props$hidden !== void 0 ? _child$props$hidden : false;
 			}
 		}
 		return result;
@@ -98,7 +98,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const t9 = getNavHiddenDataAttributes(navigationHidden);
 	let t10;
 	if ($[6] !== BaseComponent || $[7] !== appliedRef || $[8] !== ariaLabel || $[9] !== children || $[10] !== role || $[11] !== t4 || $[12] !== t6 || $[13] !== t7 || $[14] !== t8 || $[15] !== t9) {
-		t10 = /*#__PURE__*/ jsx(BaseComponent, {
+		t10 = /* @__PURE__ */ jsx(BaseComponent, {
 			ref: appliedRef,
 			className: t4,
 			"data-component": t5,
@@ -142,7 +142,7 @@ const ContextArea = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextArea",
 			...t3,
@@ -200,18 +200,18 @@ const ParentLink = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t4 = $[11];
 	let t5;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /*#__PURE__*/ jsx(ArrowLeftIcon, {});
+		t5 = /* @__PURE__ */ jsx(ArrowLeftIcon, {});
 		$[12] = t5;
 	} else t5 = $[12];
 	let t6;
 	if ($[13] !== children) {
-		t6 = /*#__PURE__*/ jsx("div", { children });
+		t6 = /* @__PURE__ */ jsx("div", { children });
 		$[13] = children;
 		$[14] = t6;
 	} else t6 = $[14];
 	let t7;
 	if ($[15] !== ariaLabel || $[16] !== as || $[17] !== href || $[18] !== ref || $[19] !== rest || $[20] !== t3 || $[21] !== t4 || $[22] !== t6) {
-		t7 = /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsxs(Link, {
+		t7 = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(Link, {
 			ref,
 			as,
 			"aria-label": ariaLabel,
@@ -254,7 +254,7 @@ const ContextBar = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextBar",
 			...t3,
@@ -285,7 +285,7 @@ const ContextAreaActions = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextAreaActions",
 			...t3,
@@ -326,7 +326,7 @@ const TitleArea = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t5 = $[5];
 	let t6;
 	if ($[6] !== appliedRef || $[7] !== children || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
-		t6 = /*#__PURE__*/ jsx("div", {
+		t6 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			ref: appliedRef,
 			"data-component": "TitleArea",
@@ -362,7 +362,7 @@ const LeadingAction = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_LeadingAction",
 			...t3,
@@ -394,7 +394,7 @@ const Breadcrumbs = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_Breadcrumbs",
 			...t3,
@@ -425,7 +425,7 @@ const LeadingVisual = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_LeadingVisual",
 			...t3,
@@ -457,7 +457,7 @@ const Title = (t0) => {
 	} else t4 = $[3];
 	let t5;
 	if ($[4] !== as || $[5] !== children || $[6] !== hidden || $[7] !== t3 || $[8] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Heading, {
+		t5 = /* @__PURE__ */ jsx(Heading, {
 			className: t3,
 			"data-component": "PH_Title",
 			"data-hidden": hidden,
@@ -492,7 +492,7 @@ const TrailingVisual = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_TrailingVisual",
 			...t3,
@@ -523,7 +523,7 @@ const TrailingAction = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_TrailingAction",
 			...t3,
@@ -554,7 +554,7 @@ const Actions = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_Actions",
 			...t3,
@@ -585,7 +585,7 @@ const Description = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.Description",
 			...t3,
@@ -620,7 +620,7 @@ const Navigation = (t0) => {
 	} else t6 = $[3];
 	let t7;
 	if ($[4] !== BaseComponent || $[5] !== children || $[6] !== t3 || $[7] !== t4 || $[8] !== t5 || $[9] !== t6) {
-		t7 = /*#__PURE__*/ jsx(BaseComponent, {
+		t7 = /* @__PURE__ */ jsx(BaseComponent, {
 			"aria-label": t3,
 			"aria-labelledby": t4,
 			className: t5,

package/dist/PageLayout/DragHandle.js

@@ -183,7 +183,7 @@ const DragHandle = /*#__PURE__*/ memo(function DragHandle(t0) {
 	} else t15 = $[26];
 	let t16;
 	if ($[27] !== ariaLabelledBy || $[28] !== ariaValueMax || $[29] !== ariaValueMin || $[30] !== ariaValueNow || $[31] !== dataComponent || $[32] !== handleKeyDown || $[33] !== handleKeyUp || $[34] !== handleLostPointerCapture || $[35] !== handlePointerDown || $[36] !== handleRef || $[37] !== onDoubleClick || $[38] !== t14 || $[39] !== t15) {
-		t16 = /*#__PURE__*/ jsx("div", {
+		t16 = /* @__PURE__ */ jsx("div", {
 			ref: handleRef,
 			className: PageLayout_module_css_default.DraggableHandle,
 			"data-component": dataComponent,

package/dist/PageLayout/PageLayout.js

@@ -72,7 +72,7 @@ const Root = (t0) => {
 	} else t11 = $[6];
 	let t12;
 	if ($[7] !== rest) {
-		t12 = /*#__PURE__*/ jsx("div", {
+		t12 = /* @__PURE__ */ jsx("div", {
 			className: t11,
 			children: rest
 		});
@@ -81,7 +81,7 @@ const Root = (t0) => {
 	} else t12 = $[8];
 	let t13;
 	if ($[9] !== containerWidth || $[10] !== slots.footer || $[11] !== slots.header || $[12] !== t12) {
-		t13 = /*#__PURE__*/ jsxs("div", {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			ref: sidebarContentWrapperRef,
 			className: PageLayout_module_css_default.PageLayoutWrapper,
 			"data-width": containerWidth,
@@ -99,7 +99,7 @@ const Root = (t0) => {
 	} else t13 = $[13];
 	let t14;
 	if ($[14] !== className || $[15] !== dataComponent || $[16] !== padding || $[17] !== slots.sidebar || $[18] !== style || $[19] !== t13 || $[20] !== t8) {
-		t14 = /*#__PURE__*/ jsxs(RootWrapper, {
+		t14 = /* @__PURE__ */ jsxs(RootWrapper, {
 			style,
 			padding,
 			className,
@@ -118,7 +118,7 @@ const Root = (t0) => {
 	} else t14 = $[21];
 	let t15;
 	if ($[22] !== memoizedContextValue || $[23] !== t14) {
-		t15 = /*#__PURE__*/ jsx(PageLayoutContext.Provider, {
+		t15 = /* @__PURE__ */ jsx(PageLayoutContext.Provider, {
 			value: memoizedContextValue,
 			children: t14
 		});
@@ -152,7 +152,7 @@ const RootWrapper = /*#__PURE__*/ memo((t0) => {
 	const t5 = hasSidebar || void 0;
 	let t6;
 	if ($[5] !== children || $[6] !== dataComponent || $[7] !== t3 || $[8] !== t4 || $[9] !== t5) {
-		t6 = /*#__PURE__*/ jsx("div", {
+		t6 = /* @__PURE__ */ jsx("div", {
 			style: t3,
 			className: t4,
 			"data-component": dataComponent,
@@ -206,7 +206,7 @@ const HorizontalDivider = /*#__PURE__*/ memo((t0) => {
 	const t7 = t6;
 	let t8;
 	if ($[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t7) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageLayout.HorizontalDivider",
 			...t3,
@@ -246,7 +246,7 @@ const VerticalDivider = /*#__PURE__*/ memo((t0) => {
 	} else t4 = $[5];
 	let t5;
 	if ($[6] !== children || $[7] !== style || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
-		t5 = /*#__PURE__*/ jsx("div", {
+		t5 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageLayout.VerticalDivider",
 			...t3,
@@ -279,7 +279,7 @@ const SidebarDivider = /*#__PURE__*/ memo(function SidebarDivider(t0) {
 	const t4 = t3;
 	let t5;
 	if ($[2] !== currentWidth || $[3] !== currentWidthRef || $[4] !== dragMaxWidthRef || $[5] !== dragStartClientXRef || $[6] !== dragStartWidthRef || $[7] !== getDefaultWidth || $[8] !== getMaxPaneWidth || $[9] !== handleRef || $[10] !== maxPaneWidth || $[11] !== minPaneWidth || $[12] !== position || $[13] !== resizable || $[14] !== saveWidth || $[15] !== sidebarContentWrapperRef || $[16] !== sidebarRef) {
-		t5 = resizable ? /*#__PURE__*/ jsx(DragHandle, {
+		t5 = resizable ? /* @__PURE__ */ jsx(DragHandle, {
 			handleRef,
 			dragTargetRef: sidebarRef,
 			contentWrapperRef: sidebarContentWrapperRef,
@@ -353,7 +353,7 @@ const SidebarDivider = /*#__PURE__*/ memo(function SidebarDivider(t0) {
 	} else t5 = $[17];
 	let t6;
 	if ($[18] !== position || $[19] !== t1 || $[20] !== t4 || $[21] !== t5) {
-		t6 = /*#__PURE__*/ jsx(VerticalDivider, {
+		t6 = /* @__PURE__ */ jsx(VerticalDivider, {
 			variant: t1,
 			position,
 			className: PageLayout_module_css_default.SidebarVerticalDivider,
@@ -422,7 +422,7 @@ const Header = (t0) => {
 	const t14 = t13;
 	let t15;
 	if ($[12] !== children || $[13] !== t14) {
-		t15 = /*#__PURE__*/ jsx("div", {
+		t15 = /* @__PURE__ */ jsx("div", {
 			className: PageLayout_module_css_default.HeaderContent,
 			style: t14,
 			children
@@ -441,7 +441,7 @@ const Header = (t0) => {
 	const t18 = t17;
 	let t19;
 	if ($[17] !== dividerProp || $[18] !== t18) {
-		t19 = /*#__PURE__*/ jsx(HorizontalDivider, {
+		t19 = /* @__PURE__ */ jsx(HorizontalDivider, {
 			variant: dividerProp,
 			className: PageLayout_module_css_default.HeaderHorizontalDivider,
 			style: t18
@@ -452,7 +452,7 @@ const Header = (t0) => {
 	} else t19 = $[19];
 	let t20;
 	if ($[20] !== dataComponent || $[21] !== label || $[22] !== labelledBy || $[23] !== t11 || $[24] !== t15 || $[25] !== t19 || $[26] !== t7 || $[27] !== t8) {
-		t20 = /*#__PURE__*/ jsxs("header", {
+		t20 = /* @__PURE__ */ jsxs("header", {
 			"aria-label": label,
 			"aria-labelledby": labelledBy,
 			"data-component": dataComponent,
@@ -506,7 +506,7 @@ const Content = (t0) => {
 	const t10 = t9;
 	let t11;
 	if ($[6] !== children || $[7] !== t10 || $[8] !== width) {
-		t11 = /*#__PURE__*/ jsx("div", {
+		t11 = /* @__PURE__ */ jsx("div", {
 			className: PageLayout_module_css_default.Content,
 			"data-width": width,
 			style: t10,
@@ -519,7 +519,7 @@ const Content = (t0) => {
 	} else t11 = $[9];
 	let t12;
 	if ($[10] !== Component || $[11] !== contentWrapperRef || $[12] !== dataComponent || $[13] !== label || $[14] !== labelledBy || $[15] !== style || $[16] !== t11 || $[17] !== t6 || $[18] !== t7) {
-		t12 = /*#__PURE__*/ jsx(Component, {
+		t12 = /* @__PURE__ */ jsx(Component, {
 			ref: contentWrapperRef,
 			"aria-label": label,
 			"aria-labelledby": labelledBy,
@@ -701,7 +701,7 @@ const Pane = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t31 = t30;
 	let t32;
 	if ($[39] !== positionProp || $[40] !== t28 || $[41] !== t31) {
-		t32 = /*#__PURE__*/ jsx(HorizontalDivider, {
+		t32 = /* @__PURE__ */ jsx(HorizontalDivider, {
 			variant: t28,
 			className: PageLayout_module_css_default.PaneHorizontalDivider,
 			style: t31,
@@ -754,7 +754,7 @@ const Pane = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t44 = t43;
 	let t45;
 	if ($[55] !== children || $[56] !== dataComponent || $[57] !== labelProp || $[58] !== mergedPaneRef || $[59] !== t33 || $[60] !== t34 || $[61] !== t35 || $[62] !== t36 || $[63] !== t44) {
-		t45 = /*#__PURE__*/ jsx("div", {
+		t45 = /* @__PURE__ */ jsx("div", {
 			ref: mergedPaneRef,
 			suppressHydrationWarning: t33,
 			...t34,
@@ -802,7 +802,7 @@ const Pane = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t49 = t48;
 	let t50;
 	if ($[71] !== contentWrapperRef || $[72] !== currentWidth || $[73] !== currentWidthRef || $[74] !== getDefaultWidth || $[75] !== getMaxPaneWidth || $[76] !== maxPaneWidth || $[77] !== minPaneWidth || $[78] !== paneRef || $[79] !== position || $[80] !== resizable || $[81] !== saveWidth) {
-		t50 = resizable ? /*#__PURE__*/ jsx(DragHandle, {
+		t50 = resizable ? /* @__PURE__ */ jsx(DragHandle, {
 			handleRef,
 			dragTargetRef: paneRef,
 			contentWrapperRef,
@@ -872,7 +872,7 @@ const Pane = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t50 = $[82];
 	let t51;
 	if ($[83] !== positionProp || $[84] !== resizable || $[85] !== t46 || $[86] !== t49 || $[87] !== t50) {
-		t51 = /*#__PURE__*/ jsx(VerticalDivider, {
+		t51 = /* @__PURE__ */ jsx(VerticalDivider, {
 			variant: t46,
 			draggable: resizable,
 			position: positionProp,
@@ -889,7 +889,7 @@ const Pane = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t51 = $[88];
 	let t52;
 	if ($[89] !== t19 || $[90] !== t24 || $[91] !== t25 || $[92] !== t26 || $[93] !== t27 || $[94] !== t32 || $[95] !== t45 || $[96] !== t51) {
-		t52 = /*#__PURE__*/ jsxs("div", {
+		t52 = /* @__PURE__ */ jsxs("div", {
 			className: t19,
 			style: t24,
 			...t25,
@@ -1001,7 +1001,7 @@ const Sidebar = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t18 = responsiveVariant !== "default" ? responsiveVariant : void 0;
 	let t19;
 	if ($[20] !== currentWidth || $[21] !== currentWidthRef || $[22] !== divider || $[23] !== getDefaultWidth || $[24] !== getMaxPaneWidth || $[25] !== maxPaneWidth || $[26] !== minPaneWidth || $[27] !== position || $[28] !== resizable || $[29] !== saveWidth || $[30] !== sidebarRef) {
-		t19 = position === "end" && /*#__PURE__*/ jsx(SidebarDivider, {
+		t19 = position === "end" && /* @__PURE__ */ jsx(SidebarDivider, {
 			position,
 			divider,
 			resizable,
@@ -1073,7 +1073,7 @@ const Sidebar = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t31 = t30;
 	let t32;
 	if ($[44] !== children || $[45] !== dataComponent || $[46] !== labelProp || $[47] !== mergedSidebarRef || $[48] !== t20 || $[49] !== t21 || $[50] !== t22 || $[51] !== t23 || $[52] !== t31) {
-		t32 = /*#__PURE__*/ jsx("div", {
+		t32 = /* @__PURE__ */ jsx("div", {
 			ref: mergedSidebarRef,
 			suppressHydrationWarning: t20,
 			...t21,
@@ -1098,7 +1098,7 @@ const Sidebar = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t32 = $[53];
 	let t33;
 	if ($[54] !== currentWidth || $[55] !== currentWidthRef || $[56] !== divider || $[57] !== getDefaultWidth || $[58] !== getMaxPaneWidth || $[59] !== maxPaneWidth || $[60] !== minPaneWidth || $[61] !== position || $[62] !== resizable || $[63] !== saveWidth || $[64] !== sidebarRef) {
-		t33 = position === "start" && /*#__PURE__*/ jsx(SidebarDivider, {
+		t33 = position === "start" && /* @__PURE__ */ jsx(SidebarDivider, {
 			position,
 			divider,
 			resizable,
@@ -1130,7 +1130,7 @@ const Sidebar = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t33 = $[65];
 	let t34;
 	if ($[66] !== position || $[67] !== t12 || $[68] !== t15 || $[69] !== t16 || $[70] !== t17 || $[71] !== t18 || $[72] !== t19 || $[73] !== t32 || $[74] !== t33) {
-		t34 = /*#__PURE__*/ jsxs("div", {
+		t34 = /* @__PURE__ */ jsxs("div", {
 			className: t12,
 			style: t15,
 			...t16,
@@ -1211,7 +1211,7 @@ const Footer = (t0) => {
 	const t14 = t13;
 	let t15;
 	if ($[12] !== dividerProp || $[13] !== t14) {
-		t15 = /*#__PURE__*/ jsx(HorizontalDivider, {
+		t15 = /* @__PURE__ */ jsx(HorizontalDivider, {
 			className: PageLayout_module_css_default.FooterHorizontalDivider,
 			style: t14,
 			variant: dividerProp
@@ -1230,7 +1230,7 @@ const Footer = (t0) => {
 	const t18 = t17;
 	let t19;
 	if ($[17] !== children || $[18] !== t18) {
-		t19 = /*#__PURE__*/ jsx("div", {
+		t19 = /* @__PURE__ */ jsx("div", {
 			className: PageLayout_module_css_default.FooterContent,
 			style: t18,
 			children
@@ -1241,7 +1241,7 @@ const Footer = (t0) => {
 	} else t19 = $[19];
 	let t20;
 	if ($[20] !== dataComponent || $[21] !== label || $[22] !== labelledBy || $[23] !== t11 || $[24] !== t15 || $[25] !== t19 || $[26] !== t7 || $[27] !== t8) {
-		t20 = /*#__PURE__*/ jsxs("footer", {
+		t20 = /* @__PURE__ */ jsxs("footer", {
 			"aria-label": label,
 			"aria-labelledby": labelledBy,
 			"data-component": dataComponent,

package/dist/PageLayout/usePaneWidth.js

@@ -5,11 +5,6 @@ import PageLayout_module_css_default from "./PageLayout.module.css.js";
 import React, { startTransition } from "react";
 //#region src/PageLayout/usePaneWidth.ts
 /**
-* Width value for the pane - defines constraints and defaults only.
-* - `PaneWidth`: Preset size ('small' | 'medium' | 'large')
-* - `CustomWidthOptions`: Explicit min/default/max constraints
-*/
-/**
 * Default value for --pane-max-width-diff CSS variable.
 * Imported from CSS to ensure JS fallback matches the CSS default.
 */

package/dist/Pagehead/Pagehead.js

@@ -28,7 +28,7 @@ const Pagehead = (t0) => {
 	} else t2 = $[5];
 	let t3;
 	if ($[6] !== BaseComponent || $[7] !== rest || $[8] !== t2) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			className: t2,
 			"data-component": "Pagehead",
 			...rest