@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.61d283273

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

package/dist/Pagination/Pagination.js

@@ -2,8 +2,7 @@ import { c } from "../utils/react-compiler-runtime.js";
 import { viewportRanges } from "../hooks/useResponsiveValue.js";
 import { buildComponentData, buildPaginationModel } from "./model.js";
 import Pagination_module_css_default from "./Pagination.module.css.js";
-import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
 //#region src/Pagination/Pagination.tsx
@@ -17,19 +16,19 @@ const PageLabel = (t0) => {
 	const { children, direction } = t0;
 	let t1;
 	if ($[0] !== direction) {
-		t1 = direction === "page-prev" ? /*#__PURE__*/ jsx(ChevronLeftIcon, { "data-component": "Pagination.PreviousPageIcon" }) : null;
+		t1 = direction === "page-prev" ? /* @__PURE__ */ jsx(ChevronLeftIcon, { "data-component": "Pagination.PreviousPageIcon" }) : null;
 		$[0] = direction;
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== direction) {
-		t2 = direction === "page-next" ? /*#__PURE__*/ jsx(ChevronRightIcon, { "data-component": "Pagination.NextPageIcon" }) : null;
+		t2 = direction === "page-next" ? /* @__PURE__ */ jsx(ChevronRightIcon, { "data-component": "Pagination.NextPageIcon" }) : null;
 		$[2] = direction;
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== children || $[5] !== t1 || $[6] !== t2) {
-		t3 = /*#__PURE__*/ jsxs(Fragment$1, { children: [
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t1,
 			children,
 			t2
@@ -71,7 +70,7 @@ function usePaginationPages(t0) {
 				const { props, key, content } = buildComponentData(page, hrefBuilder, pageChange(page.num));
 				if (renderPage && props.as !== "span") return renderPage({
 					key,
-					children: /*#__PURE__*/ jsx(PageLabel, {
+					children: /* @__PURE__ */ jsx(PageLabel, {
 						direction: key,
 						children: content
 					}),
@@ -82,11 +81,11 @@ function usePaginationPages(t0) {
 				});
 				const Component = props.as || "a";
 				const dataComponentAttribute = props.rel === "prev" ? "Pagination.PreviousPage" : props.rel === "next" ? "Pagination.NextPage" : "Pagination.Page";
-				return /*#__PURE__*/ jsx(Component, {
+				return /* @__PURE__ */ jsx(Component, {
 					className: clsx(Pagination_module_css_default.Page),
 					"data-component": dataComponentAttribute,
 					...props,
-					children: /*#__PURE__*/ jsx(PageLabel, {
+					children: /* @__PURE__ */ jsx(PageLabel, {
 						direction: key,
 						children: content
 					})
@@ -185,7 +184,7 @@ function Pagination(t0) {
 	} else t8 = $[23];
 	let t9;
 	if ($[24] !== pageElements || $[25] !== t8) {
-		t9 = /*#__PURE__*/ jsx("div", {
+		t9 = /* @__PURE__ */ jsx("div", {
 			className: Pagination_module_css_default.TablePaginationSteps,
 			"data-hidden-viewport-ranges": t8,
 			children: pageElements
@@ -196,7 +195,7 @@ function Pagination(t0) {
 	} else t9 = $[26];
 	let t10;
 	if ($[27] !== rest || $[28] !== t7 || $[29] !== t9) {
-		t10 = /*#__PURE__*/ jsx("nav", {
+		t10 = /* @__PURE__ */ jsx("nav", {
 			className: t7,
 			"aria-label": "Pagination",
 			"data-component": "Pagination",

package/dist/Popover/Popover.js

@@ -43,7 +43,7 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
 	} else t5 = $[7];
 	let t6;
 	if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
-		t6 = /*#__PURE__*/ jsx("div", {
+		t6 = /* @__PURE__ */ jsx("div", {
 			...props,
 			ref: forwardRef,
 			"data-component": "Popover",
@@ -62,7 +62,7 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
 	} else t6 = $[14];
 	let t7;
 	if ($[15] !== t2 || $[16] !== t6) {
-		t7 = /*#__PURE__*/ jsx(PopoverContext.Provider, {
+		t7 = /* @__PURE__ */ jsx(PopoverContext.Provider, {
 			value: t2,
 			children: t6
 		});
@@ -147,7 +147,7 @@ const PopoverContent = (t0) => {
 	} else t7 = $[16];
 	let t8;
 	if ($[17] !== height || $[18] !== props || $[19] !== t7 || $[20] !== width) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			ref: divRef,
 			"data-component": "Popover.Content",
 			"data-width": width,

package/dist/ProgressBar/ProgressBar.js

@@ -91,7 +91,7 @@ const Item = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
 	} else t4 = $[24];
 	let t5;
 	if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
-		t5 = /*#__PURE__*/ jsx("span", {
+		t5 = /* @__PURE__ */ jsx("span", {
 			"data-component": "ProgressBar.Item",
 			className: t3,
 			...rest,
@@ -171,7 +171,7 @@ const ProgressBar = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
 	const t5 = inline ? "inline" : "block";
 	let t6;
 	if ($[16] !== animated || $[17] !== ariaLabel || $[18] !== ariaValueNow || $[19] !== ariaValueText || $[20] !== bg || $[21] !== children || $[22] !== progress || $[23] !== validChildren) {
-		t6 = validChildren ? children : /*#__PURE__*/ jsx(Item, {
+		t6 = validChildren ? children : /* @__PURE__ */ jsx(Item, {
 			"data-animated": animated,
 			progress,
 			"aria-label": ariaLabel,
@@ -191,7 +191,7 @@ const ProgressBar = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
 	} else t6 = $[24];
 	let t7;
 	if ($[25] !== barSize || $[26] !== forwardRef || $[27] !== rest || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
-		t7 = /*#__PURE__*/ jsx("span", {
+		t7 = /* @__PURE__ */ jsx("span", {
 			ref: forwardRef,
 			"data-component": "ProgressBar",
 			className: t4,

package/dist/Radio/Radio.js

@@ -67,7 +67,7 @@ const Radio = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t4 = $[14];
 	let t5;
 	if ($[15] !== checked || $[16] !== disabled || $[17] !== handleOnChange || $[18] !== name || $[19] !== ref || $[20] !== required || $[21] !== rest || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
-		t5 = /*#__PURE__*/ jsx("input", {
+		t5 = /* @__PURE__ */ jsx("input", {
 			type: "radio",
 			value,
 			name,

package/dist/RadioGroup/RadioGroup.js

@@ -70,7 +70,7 @@ const RadioGroup = (t0) => {
 	} else t3 = $[15];
 	let t4;
 	if ($[16] !== children || $[17] !== disabled || $[18] !== rest) {
-		t4 = /*#__PURE__*/ jsx(CheckboxOrRadioGroup_default, {
+		t4 = /* @__PURE__ */ jsx(CheckboxOrRadioGroup_default, {
 			disabled,
 			"data-component": "RadioGroup",
 			...rest,
@@ -83,7 +83,7 @@ const RadioGroup = (t0) => {
 	} else t4 = $[19];
 	let t5;
 	if ($[20] !== t3 || $[21] !== t4) {
-		t5 = /*#__PURE__*/ jsx(RadioGroupContext.Provider, {
+		t5 = /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
 			value: t3,
 			children: t4
 		});

package/dist/RelativeTime/RelativeTime.js

@@ -52,7 +52,7 @@ function RelativeTime(t0) {
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== date || $[12] !== props || $[13] !== t1 || $[14] !== t2) {
-		t3 = /*#__PURE__*/ jsx(RelativeTimeComponent, {
+		t3 = /* @__PURE__ */ jsx(RelativeTimeComponent, {
 			...props,
 			date,
 			"no-title": t1,

package/dist/ScrollableRegion/ScrollableRegion.js

@@ -51,7 +51,7 @@ function ScrollableRegion(t0) {
 	} else t2 = $[11];
 	let t3;
 	if ($[12] !== children || $[13] !== regionProps || $[14] !== rest || $[15] !== t2) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			...regionProps,
 			ref,

package/dist/SegmentedControl/SegmentedControl.js

@@ -90,22 +90,22 @@ const Root = (t0) => {
 		$[12] = t3;
 	} else t3 = $[12];
 	const hasDropdownVariant = t3;
-	const dropdownContent = hasDropdownVariant && /*#__PURE__*/ jsx("div", {
+	const dropdownContent = hasDropdownVariant && /* @__PURE__ */ jsx("div", {
 		className: SegmentedControl_module_css_default.DropdownContainer,
 		...getResponsiveAttributes("variant", variant),
-		children: /*#__PURE__*/ jsxs(ActionMenu, { children: [/*#__PURE__*/ jsx(ActionMenu.Button, {
+		children: /* @__PURE__ */ jsxs(ActionMenu, { children: [/* @__PURE__ */ jsx(ActionMenu.Button, {
 			"aria-label": ariaLabel && `${getChildText(selectedChild)}, ${ariaLabel}`,
 			leadingVisual: getChildIcon(selectedChild),
 			children: getChildText(selectedChild)
-		}), /*#__PURE__*/ jsx(ActionMenu.Overlay, {
+		}), /* @__PURE__ */ jsx(ActionMenu.Overlay, {
 			"aria-labelledby": ariaLabelledby,
-			children: /*#__PURE__*/ jsxs(ActionList, {
+			children: /* @__PURE__ */ jsxs(ActionList, {
 				selectionVariant: "single",
 				children: [segmentChildren.map((child_2, index_0) => {
 					var _segmentIndices$get;
 					if (/*#__PURE__*/ React.isValidElement(child_2) && isSlot(child_2, SegmentedControlDivider)) {
 						var _child_2$key;
-						return /*#__PURE__*/ jsx(ActionList.Divider, {
+						return /* @__PURE__ */ jsx(ActionList.Divider, {
 							className: child_2.props.className,
 							style: child_2.props.style
 						}, (_child_2$key = child_2.key) !== null && _child_2$key !== void 0 ? _child_2$key : `segmented-control-divider-${index_0}`);
@@ -113,7 +113,7 @@ const Root = (t0) => {
 					const ChildIcon = getChildIcon(child_2);
 					if (!/*#__PURE__*/ React.isValidElement(child_2)) return null;
 					const segmentIndex = (_segmentIndices$get = segmentIndices.get(child_2)) !== null && _segmentIndices$get !== void 0 ? _segmentIndices$get : -1;
-					return /*#__PURE__*/ jsxs(ActionList.Item, {
+					return /* @__PURE__ */ jsxs(ActionList.Item, {
 						selected: segmentIndex === selectedIndex,
 						onSelect: (event) => {
 							isUncontrolled && setSelectedIndexInternalState(segmentIndex);
@@ -126,7 +126,7 @@ const Root = (t0) => {
 							getChildText(child_2)
 						]
 					}, `segmented-control-action-btn-${index_0}`);
-				}), actionChild && /*#__PURE__*/ jsx(SegmentedControlActionContext.Provider, {
+				}), actionChild && /* @__PURE__ */ jsx(SegmentedControlActionContext.Provider, {
 					value: "menu",
 					children: actionChild
 				})]
@@ -186,7 +186,7 @@ const Root = (t0) => {
 	});
 	let t9;
 	if ($[19] !== ariaLabel || $[20] !== ariaLabelledby || $[21] !== rest || $[22] !== size || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t8) {
-		t9 = /*#__PURE__*/ jsx("ul", {
+		t9 = /* @__PURE__ */ jsx("ul", {
 			"aria-label": ariaLabel,
 			"aria-labelledby": ariaLabelledby,
 			ref: segmentedControlContainerRef,
@@ -211,10 +211,10 @@ const Root = (t0) => {
 	const segmentedControlContent = t9;
 	let t10;
 	if ($[28] !== actionChild || $[29] !== variant) {
-		t10 = actionChild && /*#__PURE__*/ jsx("div", {
+		t10 = actionChild && /* @__PURE__ */ jsx("div", {
 			className: SegmentedControl_module_css_default.InlineAction,
 			...getResponsiveAttributes("variant", variant),
-			children: /*#__PURE__*/ jsx(SegmentedControlActionContext.Provider, {
+			children: /* @__PURE__ */ jsx(SegmentedControlActionContext.Provider, {
 				value: "inline",
 				children: actionChild
 			})
@@ -226,7 +226,7 @@ const Root = (t0) => {
 	const inlineActionContent = t10;
 	let t11;
 	if ($[31] !== actionChild || $[32] !== dropdownContent || $[33] !== fullWidth || $[34] !== hasDropdownVariant || $[35] !== inlineActionContent || $[36] !== segmentedControlContent || $[37] !== size) {
-		t11 = hasDropdownVariant || actionChild ? /*#__PURE__*/ jsxs("div", {
+		t11 = hasDropdownVariant || actionChild ? /* @__PURE__ */ jsxs("div", {
 			className: SegmentedControl_module_css_default.DropdownGroup,
 			"data-size": size,
 			...getResponsiveAttributes("full-width", fullWidth),
@@ -275,13 +275,13 @@ function _temp6(childArg) {
 		const leadingVisual = (_childArg$props$leadi = childArg.props.leadingVisual) !== null && _childArg$props$leadi !== void 0 ? _childArg$props$leadi : childArg.props.leadingIcon;
 		if (leadingVisual) {
 			if (isElement(leadingVisual)) return leadingVisual;
-			return /*#__PURE__*/ jsx(leadingVisual, {});
+			return /* @__PURE__ */ jsx(leadingVisual, {});
 		}
 	}
 	if (/*#__PURE__*/ React.isValidElement(childArg) && (childArg.type === SegmentedControlIconButton || isSlot(childArg, SegmentedControlIconButton))) {
 		if (isElement(childArg.props.icon)) return childArg.props.icon;
 		const Icon = childArg.props.icon;
-		return /*#__PURE__*/ jsx(Icon, {});
+		return /* @__PURE__ */ jsx(Icon, {});
 	}
 	return null;
 }

package/dist/SegmentedControl/SegmentedControlAction.js

@@ -21,7 +21,7 @@ const SegmentedControlMenuAction = (t0) => {
 	}
 	let t1;
 	if ($[3] !== children || $[4] !== props) {
-		t1 = /*#__PURE__*/ jsx("div", {
+		t1 = /* @__PURE__ */ jsx("div", {
 			...props,
 			"data-component": "SegmentedControl.Action",
 			children
@@ -38,7 +38,7 @@ const SegmentedControlAction = (props) => {
 	if (useContext(SegmentedControlActionContext) === "menu") {
 		let t0;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t0 = /*#__PURE__*/ jsx(ActionList.Divider, {});
+			t0 = /* @__PURE__ */ jsx(ActionList.Divider, {});
 			$[0] = t0;
 		} else t0 = $[0];
 		let t1;
@@ -52,13 +52,13 @@ const SegmentedControlAction = (props) => {
 		} else t1 = $[2];
 		let t2;
 		if ($[3] !== Icon) {
-			t2 = /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(Icon, {}) });
+			t2 = /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(Icon, {}) });
 			$[3] = Icon;
 			$[4] = t2;
 		} else t2 = $[4];
 		let t3;
 		if ($[5] !== disabled || $[6] !== label || $[7] !== loading || $[8] !== t1 || $[9] !== t2) {
-			t3 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t0, /*#__PURE__*/ jsxs(ActionList.Item, {
+			t3 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t0, /* @__PURE__ */ jsxs(ActionList.Item, {
 				role: "menuitem",
 				disabled,
 				loading,
@@ -83,10 +83,10 @@ const SegmentedControlAction = (props) => {
 	} else t0 = $[12];
 	let t1;
 	if ($[13] !== Icon || $[14] !== disabled || $[15] !== label || $[16] !== loading || $[17] !== t0) {
-		t1 = /*#__PURE__*/ jsx("div", {
+		t1 = /* @__PURE__ */ jsx("div", {
 			className: SegmentedControl_module_css_default.ActionItem,
 			"data-component": "SegmentedControl.Action",
-			children: /*#__PURE__*/ jsx(IconButton, {
+			children: /* @__PURE__ */ jsx(IconButton, {
 				"aria-label": label,
 				className: SegmentedControl_module_css_default.ActionButton,
 				disabled,

package/dist/SegmentedControl/SegmentedControlButton.js

@@ -77,9 +77,9 @@ const SegmentedControlButton = (t0) => {
 	} else t5 = $[15];
 	let t6;
 	if ($[16] !== LeadingVisual) {
-		t6 = LeadingVisual && /*#__PURE__*/ jsx("div", {
+		t6 = LeadingVisual && /* @__PURE__ */ jsx("div", {
 			className: SegmentedControl_module_css_default.LeadingIcon,
-			children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/ jsx(LeadingVisual, {})
+			children: isElement(LeadingVisual) ? LeadingVisual : /* @__PURE__ */ jsx(LeadingVisual, {})
 		});
 		$[16] = LeadingVisual;
 		$[17] = t6;
@@ -91,7 +91,7 @@ const SegmentedControlButton = (t0) => {
 	} else t7 = $[18];
 	let t8;
 	if ($[19] !== children) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			className: t7,
 			"data-text": children,
 			children
@@ -101,16 +101,16 @@ const SegmentedControlButton = (t0) => {
 	} else t8 = $[20];
 	let t9;
 	if ($[21] !== count) {
-		t9 = count !== void 0 && /*#__PURE__*/ jsx("span", {
+		t9 = count !== void 0 && /* @__PURE__ */ jsx("span", {
 			className: SegmentedControl_module_css_default.Counter,
-			children: /*#__PURE__*/ jsx(CounterLabel, { children: count })
+			children: /* @__PURE__ */ jsx(CounterLabel, { children: count })
 		});
 		$[21] = count;
 		$[22] = t9;
 	} else t9 = $[22];
 	let t10;
 	if ($[23] !== t6 || $[24] !== t8 || $[25] !== t9) {
-		t10 = /*#__PURE__*/ jsxs("span", {
+		t10 = /* @__PURE__ */ jsxs("span", {
 			className: t5,
 			children: [
 				t6,
@@ -125,7 +125,7 @@ const SegmentedControlButton = (t0) => {
 	} else t10 = $[26];
 	let t11;
 	if ($[27] !== rest || $[28] !== selected || $[29] !== t10 || $[30] !== t3 || $[31] !== t4) {
-		t11 = /*#__PURE__*/ jsx("button", {
+		t11 = /* @__PURE__ */ jsx("button", {
 			"aria-pressed": selected,
 			"aria-disabled": t3,
 			className: t4,
@@ -142,7 +142,7 @@ const SegmentedControlButton = (t0) => {
 	} else t11 = $[32];
 	let t12;
 	if ($[33] !== t11 || $[34] !== t2) {
-		t12 = /*#__PURE__*/ jsx("li", {
+		t12 = /* @__PURE__ */ jsx("li", {
 			className: t1,
 			"data-selected": t2,
 			"data-component": "SegmentedControl.Button",

package/dist/SegmentedControl/SegmentedControlDivider.js

@@ -6,7 +6,7 @@ const SegmentedControlDivider = (t0) => {
 	const { className, style } = t0;
 	let t1;
 	if ($[0] !== className || $[1] !== style) {
-		t1 = /*#__PURE__*/ jsx("li", {
+		t1 = /* @__PURE__ */ jsx("li", {
 			"aria-hidden": "true",
 			className,
 			"data-component": "SegmentedControl.Divider",