@primer/react 38.42.0-rc.fcbfbaea1 → 38.42.0

package/dist/ActionBar/index.d.ts

@@ -8,7 +8,7 @@ declare const ActionBar: import("react").FC<import("react").PropsWithChildren<Ac
     disabled?: boolean;
   } & {
     alignContent?: AlignContent;
-    icon?: React.FunctionComponent<import("@primer/octicons-react").IconProps> | React.ElementType | React.ReactElement<any> | null;
+    icon?: React.ReactNode | React.ComponentType<import("@primer/octicons-react").IconProps> | React.ExoticComponent<import("@primer/octicons-react").IconProps>;
     leadingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingAction?: React.ElementType | null;
@@ -39,7 +39,7 @@ declare const ActionBar: import("react").FC<import("react").PropsWithChildren<Ac
     'aria-label': string;
     'aria-labelledby'?: undefined;
   } & {
-    icon: React.ElementType;
+    icon: React.ReactNode | React.ComponentType<import("@primer/octicons-react").IconProps> | React.ExoticComponent<import("@primer/octicons-react").IconProps>;
     notificationIndicator?: "button" | "icon";
     unsafeDisableTooltip?: boolean;
     description?: string;

package/dist/ActionList/Group.js

@@ -60,7 +60,7 @@ const HeadingWrap = ({ as = "div", children, className, ...rest }) => {
 	}, children);
 };
 const Group = (t0) => {
-	var _ariaLabel, _title, _slots$groupHeading;
+	var _slots$groupHeading;
 	const $ = c(38);
 	let ariaLabel;
 	let auxiliaryText;
@@ -144,7 +144,7 @@ const Group = (t0) => {
 		$[22] = t7;
 	} else t7 = $[22];
 	const t8 = listRole ? void 0 : groupHeadingId;
-	const t9 = (_ariaLabel = ariaLabel) !== null && _ariaLabel !== void 0 ? _ariaLabel : listRole ? (_title = title) !== null && _title !== void 0 ? _title : (_slots$groupHeading = slots.groupHeading) === null || _slots$groupHeading === void 0 ? void 0 : _slots$groupHeading.props.children : void 0;
+	const t9 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : listRole ? title !== null && title !== void 0 ? title : (_slots$groupHeading = slots.groupHeading) === null || _slots$groupHeading === void 0 ? void 0 : _slots$groupHeading.props.children : void 0;
 	const t10 = role || listRole && "group";
 	const t11 = slots.groupHeading ? childrenWithoutSlots : props.children;
 	let t12;
@@ -254,7 +254,6 @@ const GroupHeadingImpl = (t0) => {
 	unnecessaryAsForListboxOrMenu && invariant(false, `Looks like you are trying to set a heading level to a ${listRole} role. Group headings for ${listRole} type action lists are for representational purposes, and rendered as divs. Therefore they don't need a heading level.`);
 	let t4;
 	if ($[10] !== _internalBackwardCompatibleTitle || $[11] !== as || $[12] !== auxiliaryText || $[13] !== className || $[14] !== groupHeadingId || $[15] !== headingChildren || $[16] !== headingWrapElement || $[17] !== listRole || $[18] !== props || $[19] !== trailingAction || $[20] !== variant) {
-		var _internalBackwardComp, _internalBackwardComp2;
 		t4 = /* @__PURE__ */ jsx(Fragment$1, { children: listRole && listRole !== "list" ? /* @__PURE__ */ jsxs(HeadingWrap, {
 			role: "presentation",
 			className: Group_module_css_default.GroupHeadingWrap,
@@ -266,7 +265,7 @@ const GroupHeadingImpl = (t0) => {
 			children: [/* @__PURE__ */ jsx("span", {
 				className: clsx(className, Group_module_css_default.GroupHeading),
 				id: groupHeadingId,
-				children: (_internalBackwardComp = _internalBackwardCompatibleTitle) !== null && _internalBackwardComp !== void 0 ? _internalBackwardComp : headingChildren
+				children: _internalBackwardCompatibleTitle !== null && _internalBackwardCompatibleTitle !== void 0 ? _internalBackwardCompatibleTitle : headingChildren
 			}), auxiliaryText && /* @__PURE__ */ jsx("div", {
 				className: ActionList_module_css_default.Description,
 				children: auxiliaryText
@@ -283,7 +282,7 @@ const GroupHeadingImpl = (t0) => {
 					as: as || "h3",
 					id: groupHeadingId,
 					...props,
-					children: (_internalBackwardComp2 = _internalBackwardCompatibleTitle) !== null && _internalBackwardComp2 !== void 0 ? _internalBackwardComp2 : headingChildren
+					children: _internalBackwardCompatibleTitle !== null && _internalBackwardCompatibleTitle !== void 0 ? _internalBackwardCompatibleTitle : headingChildren
 				}),
 				auxiliaryText && /* @__PURE__ */ jsx("div", {
 					className: ActionList_module_css_default.Description,

package/dist/ActionList/Item.js

@@ -138,7 +138,7 @@ const listRoleTypes = [
 	"tree"
 ];
 const UnwrappedItem = (t0, forwardedRef) => {
-	var _slots$trailingVisual, _slots$description$pr, _slots$description, _slots$trailingAction, _PrivateTooltipText2;
+	var _slots$trailingVisual, _slots$description$pr, _slots$description, _slots$trailingAction;
 	const $ = c(162);
 	let _PrivateItemWrapper;
 	let _PrivateTooltipText;
@@ -470,7 +470,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		$[91] = className;
 		$[92] = t35;
 	} else t35 = $[92];
-	const t36 = (_PrivateTooltipText2 = _PrivateTooltipText) !== null && _PrivateTooltipText2 !== void 0 ? _PrivateTooltipText2 : truncatedText;
+	const t36 = _PrivateTooltipText !== null && _PrivateTooltipText !== void 0 ? _PrivateTooltipText : truncatedText;
 	const t37 = listSemantics ? null : forwardedRef;
 	let t38;
 	let t39;

package/dist/Banner/Banner.js

@@ -20,7 +20,6 @@ const iconForVariant = {
 	warning: /* @__PURE__ */ jsx(AlertIcon, {})
 };
 const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
-	var _leadingVisual, _labelledBy;
 	const $ = c(64);
 	let children;
 	let className;
@@ -84,7 +83,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	const ref = useMergedRefs(forwardRef, bannerRef);
 	const supportsCustomIcon = variant === "info" || variant === "upsell";
 	const titleId = useId$1();
-	const visual = (_leadingVisual = leadingVisual) !== null && _leadingVisual !== void 0 ? _leadingVisual : icon;
+	const visual = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : icon;
 	let t4;
 	let t5;
 	if ($[17] !== title) {
@@ -109,7 +108,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 		$[20] = titleId;
 		$[21] = t6;
 	} else t6 = $[21];
-	const t7 = (_labelledBy = labelledBy) !== null && _labelledBy !== void 0 ? _labelledBy : label ? void 0 : titleId;
+	const t7 = labelledBy !== null && labelledBy !== void 0 ? labelledBy : label ? void 0 : titleId;
 	const t8 = labelledBy ? void 0 : label;
 	let t9;
 	if ($[22] !== className) {
@@ -249,7 +248,6 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	return t24;
 });
 function BannerTitle(props) {
-	var _id;
 	const $ = c(14);
 	let children;
 	let className;
@@ -273,7 +271,7 @@ function BannerTitle(props) {
 	}
 	const Heading = t0 === void 0 ? "h2" : t0;
 	const context = React.useContext(BannerContext);
-	const titleId = (_id = id) !== null && _id !== void 0 ? _id : context === null || context === void 0 ? void 0 : context.titleId;
+	const titleId = id !== null && id !== void 0 ? id : context === null || context === void 0 ? void 0 : context.titleId;
 	let t1;
 	if ($[6] !== className) {
 		t1 = clsx(className, Banner_module_css_default.BannerTitle);

package/dist/Button/ButtonBase.js

@@ -10,7 +10,7 @@ import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import React, { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { isElement } from "react-is";
+import { isElement, isValidElementType } from "react-is";
 //#region src/Button/ButtonBase.tsx
 const BUTTON_LOADING_DISABLED_STYLES_FEATURE_FLAG = "primer_react_button_loading_disabled_styles";
 const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /* @__PURE__ */ jsx("span", {
@@ -18,6 +18,7 @@ const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /* @__
 	className: clsx(!counterLabel && ButtonBase_module_css_default.Visual, visualName === "leadingVisual" && ButtonBase_module_css_default.LeadingVisual, loading ? ButtonBase_module_css_default.LoadingSpinner : ButtonBase_module_css_default.VisualWrap),
 	children: loading ? /* @__PURE__ */ jsx(Spinner, { size: "small" }) : isElement(Visual) ? Visual : /* @__PURE__ */ jsx(Visual, {})
 });
+const renderIcon = (icon) => isValidElementType(icon) && typeof icon !== "string" ? /*#__PURE__*/ React.createElement(icon) : icon;
 const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button", ...props }, forwardedRef) => {
 	const { leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, trailingAction: TrailingAction, ["aria-describedby"]: ariaDescribedBy, ["aria-labelledby"]: ariaLabelledBy, count, icon: Icon, id, variant = "default", size = "medium", alignContent = "center", block = false, loading, loadingAnnouncement = "Loading", inactive, onClick, labelWrap, notificationIndicator, className, ...rest } = props;
 	const innerRef = React.useRef(null);
@@ -56,7 +57,7 @@ const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button
 			"aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter((labelID) => Boolean(labelID)).join(" ") : ariaLabelledBy,
 			id,
 			onClick: loading ? void 0 : onClick,
-			children: Icon ? loading ? /* @__PURE__ */ jsx(Spinner, { size: "small" }) : isElement(Icon) ? Icon : /* @__PURE__ */ jsx(Icon, {}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+			children: Icon !== void 0 && Icon !== null ? loading ? /* @__PURE__ */ jsx(Spinner, { size: "small" }) : renderIcon(Icon) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				"data-component": "buttonContent",
 				"data-align": alignContent,
 				className: ButtonBase_module_css_default.ButtonContent,

package/dist/Button/IconButton.js

@@ -80,17 +80,16 @@ const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 		} else t3 = $[19];
 		return t3;
 	} else {
-		var _description, _keybindingHint, _keyshortcuts;
-		const tooltipText = (_description = description) !== null && _description !== void 0 ? _description : ariaLabel;
+		const tooltipText = description !== null && description !== void 0 ? description : ariaLabel;
 		const t2 = description ? void 0 : "label";
-		const t3 = (_keybindingHint = keybindingHint) !== null && _keybindingHint !== void 0 ? _keybindingHint : keyshortcuts;
+		const t3 = keybindingHint !== null && keybindingHint !== void 0 ? keybindingHint : keyshortcuts;
 		let t4;
 		if ($[20] !== className) {
 			t4 = clsx(className, ButtonBase_module_css_default.IconButton);
 			$[20] = className;
 			$[21] = t4;
 		} else t4 = $[21];
-		const t5 = (_keyshortcuts = keyshortcuts) !== null && _keyshortcuts !== void 0 ? _keyshortcuts : void 0;
+		const t5 = keyshortcuts !== null && keyshortcuts !== void 0 ? keyshortcuts : void 0;
 		const t6 = description ? ariaLabel : void 0;
 		let t7;
 		if ($[22] !== Icon || $[23] !== props || $[24] !== t4 || $[25] !== t5 || $[26] !== t6) {

package/dist/Button/types.d.ts

@@ -56,7 +56,7 @@ type ButtonProps = {
   /**
    * The icon for the IconButton
    */
-  icon?: React.FunctionComponent<IconProps> | React.ElementType | React.ReactElement<any> | null;
+  icon?: React.ReactNode | React.ComponentType<IconProps> | React.ExoticComponent<IconProps>;
   /**
    * The leading visual which comes before the button content
    */
@@ -80,7 +80,7 @@ type ButtonProps = {
   notificationIndicator?: ButtonNotificationIndicatorPlacement;
 } & ButtonBaseProps;
 type IconButtonProps = ButtonA11yProps & {
-  icon: React.ElementType;
+  icon: React.ReactNode | React.ComponentType<IconProps> | React.ExoticComponent<IconProps>;
   /**
    * Displays a visual indicator for new activity on the button boundary or icon. Consumers are
    * responsible for communicating the indicator's meaning through an accessible label or description.

package/dist/Card/Card.js

@@ -343,7 +343,6 @@ CardImage.displayName = "Card.Image";
 * automatically wired to the section's `aria-labelledby`.
 */
 const CardHeading = /*#__PURE__*/ forwardRef(function CardHeading(t0, ref) {
-	var _id;
 	const $ = c(15);
 	let children;
 	let className;
@@ -367,7 +366,7 @@ const CardHeading = /*#__PURE__*/ forwardRef(function CardHeading(t0, ref) {
 	}
 	const Component = t1 === void 0 ? "h3" : t1;
 	const { titleId } = useContext(CardContext);
-	const t2 = (_id = id) !== null && _id !== void 0 ? _id : titleId;
+	const t2 = id !== null && id !== void 0 ? id : titleId;
 	let t3;
 	if ($[6] !== className) {
 		t3 = clsx(Card_module_css_default.CardHeading, className);

package/dist/Checkbox/Checkbox.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
 import useIsomorphicLayoutEffect from "../utils/useIsomorphicLayoutEffect.js";
@@ -12,7 +13,46 @@ import { clsx } from "clsx";
 /**
 * An accessible, native checkbox component
 */
-const Checkbox = /*#__PURE__*/ React.forwardRef(({ checked, className, defaultChecked, indeterminate, disabled, onChange, required, validationStatus, value, ["data-component"]: dataComponent, ...rest }, ref) => {
+const Checkbox = /*#__PURE__*/ React.forwardRef((t0, ref) => {
+	const $ = c(44);
+	let checked;
+	let className;
+	let dataComponent;
+	let defaultChecked;
+	let disabled;
+	let indeterminate;
+	let onChange;
+	let required;
+	let rest;
+	let validationStatus;
+	let value;
+	if ($[0] !== t0) {
+		({checked, className, defaultChecked, indeterminate, disabled, onChange, required, validationStatus, value, "data-component": dataComponent, ...rest} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = className;
+		$[3] = dataComponent;
+		$[4] = defaultChecked;
+		$[5] = disabled;
+		$[6] = indeterminate;
+		$[7] = onChange;
+		$[8] = required;
+		$[9] = rest;
+		$[10] = validationStatus;
+		$[11] = value;
+	} else {
+		checked = $[1];
+		className = $[2];
+		dataComponent = $[3];
+		defaultChecked = $[4];
+		disabled = $[5];
+		indeterminate = $[6];
+		onChange = $[7];
+		required = $[8];
+		rest = $[9];
+		validationStatus = $[10];
+		value = $[11];
+	}
 	const mergedRefEnabled = useFeatureFlag("primer_react_merged_forwarded_refs");
 	const checkboxRef = useRef(null);
 	const mergedRef = useMergedRefs(checkboxRef, ref);
@@ -20,46 +60,110 @@ const Checkbox = /*#__PURE__*/ React.forwardRef(({ checked, className, defaultCh
 	const readRef = mergedRefEnabled ? checkboxRef : providedOrCreatedRef;
 	const appliedRef = mergedRefEnabled ? mergedRef : providedOrCreatedRef;
 	const checkboxGroupContext = useContext(CheckboxGroupContext);
-	const handleOnChange = (e) => {
-		checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
-		onChange && onChange(e);
-		if (indeterminate && readRef.current) {
-			readRef.current.indeterminate = true;
-			readRef.current.setAttribute("aria-checked", "mixed");
-		}
-	};
-	const inputProps = {
-		type: "checkbox",
-		disabled,
-		ref: appliedRef,
-		checked: indeterminate ? false : checked,
-		defaultChecked,
-		required,
-		["aria-required"]: required ? "true" : "false",
-		["aria-invalid"]: validationStatus === "error" ? "true" : "false",
-		onChange: handleOnChange,
-		value,
-		name: value,
-		...rest
-	};
-	useIsomorphicLayoutEffect(() => {
-		if (readRef.current) readRef.current.indeterminate = indeterminate || false;
-	}, [
-		indeterminate,
-		checked,
-		readRef
-	]);
-	useEffect(() => {
-		const { current: checkbox } = readRef;
-		if (!checkbox) return;
-		if (indeterminate) checkbox.setAttribute("aria-checked", "mixed");
-		else checkbox.setAttribute("aria-checked", checkbox.checked ? "true" : "false");
-	});
-	return /* @__PURE__ */ jsx("input", {
-		...inputProps,
-		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "Checkbox",
-		className: clsx(className, shared_module_css_default.Input, Checkbox_module_css_default.Checkbox)
-	});
+	let t1;
+	if ($[12] !== checkboxGroupContext || $[13] !== indeterminate || $[14] !== onChange || $[15] !== readRef.current) {
+		t1 = (e) => {
+			checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
+			onChange && onChange(e);
+			if (indeterminate && readRef.current) {
+				readRef.current.indeterminate = true;
+				readRef.current.setAttribute("aria-checked", "mixed");
+			}
+		};
+		$[12] = checkboxGroupContext;
+		$[13] = indeterminate;
+		$[14] = onChange;
+		$[15] = readRef.current;
+		$[16] = t1;
+	} else t1 = $[16];
+	const handleOnChange = t1;
+	const t2 = indeterminate ? false : checked;
+	const t3 = required ? "true" : "false";
+	const t4 = validationStatus === "error" ? "true" : "false";
+	let t5;
+	if ($[17] !== appliedRef || $[18] !== defaultChecked || $[19] !== disabled || $[20] !== handleOnChange || $[21] !== required || $[22] !== rest || $[23] !== t2 || $[24] !== t3 || $[25] !== t4 || $[26] !== value) {
+		t5 = {
+			type: "checkbox",
+			disabled,
+			ref: appliedRef,
+			checked: t2,
+			defaultChecked,
+			required,
+			"aria-required": t3,
+			"aria-invalid": t4,
+			onChange: handleOnChange,
+			value,
+			name: value,
+			...rest
+		};
+		$[17] = appliedRef;
+		$[18] = defaultChecked;
+		$[19] = disabled;
+		$[20] = handleOnChange;
+		$[21] = required;
+		$[22] = rest;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t4;
+		$[26] = value;
+		$[27] = t5;
+	} else t5 = $[27];
+	const inputProps = t5;
+	let t6;
+	if ($[28] !== indeterminate || $[29] !== readRef.current) {
+		t6 = () => {
+			if (readRef.current) readRef.current.indeterminate = indeterminate || false;
+		};
+		$[28] = indeterminate;
+		$[29] = readRef.current;
+		$[30] = t6;
+	} else t6 = $[30];
+	let t7;
+	if ($[31] !== checked || $[32] !== indeterminate || $[33] !== readRef) {
+		t7 = [
+			indeterminate,
+			checked,
+			readRef
+		];
+		$[31] = checked;
+		$[32] = indeterminate;
+		$[33] = readRef;
+		$[34] = t7;
+	} else t7 = $[34];
+	useIsomorphicLayoutEffect(t6, t7);
+	let t8;
+	if ($[35] !== indeterminate || $[36] !== readRef) {
+		t8 = () => {
+			const { current: checkbox } = readRef;
+			if (!checkbox) return;
+			if (indeterminate) checkbox.setAttribute("aria-checked", "mixed");
+			else checkbox.setAttribute("aria-checked", checkbox.checked ? "true" : "false");
+		};
+		$[35] = indeterminate;
+		$[36] = readRef;
+		$[37] = t8;
+	} else t8 = $[37];
+	useEffect(t8);
+	const t9 = dataComponent !== null && dataComponent !== void 0 ? dataComponent : "Checkbox";
+	let t10;
+	if ($[38] !== className) {
+		t10 = clsx(className, shared_module_css_default.Input, Checkbox_module_css_default.Checkbox);
+		$[38] = className;
+		$[39] = t10;
+	} else t10 = $[39];
+	let t11;
+	if ($[40] !== inputProps || $[41] !== t10 || $[42] !== t9) {
+		t11 = /* @__PURE__ */ jsx("input", {
+			...inputProps,
+			"data-component": t9,
+			className: t10
+		});
+		$[40] = inputProps;
+		$[41] = t10;
+		$[42] = t9;
+		$[43] = t11;
+	} else t11 = $[43];
+	return t11;
 });
 Checkbox.displayName = "Checkbox";
 Checkbox.__SLOT__ = Symbol("Checkbox");

package/dist/CounterLabel/CounterLabel.js

@@ -1,28 +1,90 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import CounterLabel_module_css_default from "./CounterLabel.module.css.js";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/CounterLabel/CounterLabel.tsx
-const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, children, ["data-component"]: dataComponent, ...rest }, forwardedRef) => {
-	const label = /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-		"\xA0(",
-		children,
-		")"
-	] });
+const CounterLabel = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
+	const $ = c(23);
+	let children;
+	let className;
+	let dataComponent;
+	let rest;
+	let scheme;
+	let variant;
+	if ($[0] !== t0) {
+		({variant, scheme, className, children, "data-component": dataComponent, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = dataComponent;
+		$[4] = rest;
+		$[5] = scheme;
+		$[6] = variant;
+	} else {
+		children = $[1];
+		className = $[2];
+		dataComponent = $[3];
+		rest = $[4];
+		scheme = $[5];
+		variant = $[6];
+	}
+	let t1;
+	if ($[7] !== children) {
+		t1 = /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+			"\xA0(",
+			children,
+			")"
+		] });
+		$[7] = children;
+		$[8] = t1;
+	} else t1 = $[8];
+	const label = t1;
 	const inferredVariant = variant || scheme || "secondary";
-	const counterProps = {
-		ref: forwardedRef,
-		["aria-hidden"]: "true",
-		["data-variant"]: inferredVariant,
-		...rest
-	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-		...counterProps,
-		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "CounterLabel",
-		className: clsx(className, CounterLabel_module_css_default.CounterLabel),
-		children
-	}), label] });
+	let t2;
+	if ($[9] !== forwardedRef || $[10] !== inferredVariant || $[11] !== rest) {
+		t2 = {
+			ref: forwardedRef,
+			"aria-hidden": "true",
+			"data-variant": inferredVariant,
+			...rest
+		};
+		$[9] = forwardedRef;
+		$[10] = inferredVariant;
+		$[11] = rest;
+		$[12] = t2;
+	} else t2 = $[12];
+	const counterProps = t2;
+	const t3 = dataComponent !== null && dataComponent !== void 0 ? dataComponent : "CounterLabel";
+	let t4;
+	if ($[13] !== className) {
+		t4 = clsx(className, CounterLabel_module_css_default.CounterLabel);
+		$[13] = className;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== children || $[16] !== counterProps || $[17] !== t3 || $[18] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			...counterProps,
+			"data-component": t3,
+			className: t4,
+			children
+		});
+		$[15] = children;
+		$[16] = counterProps;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
+	if ($[20] !== label || $[21] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t5, label] });
+		$[20] = label;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	return t6;
 });
 CounterLabel.displayName = "CounterLabel";
 //#endregion

package/dist/Details/Details.js

@@ -7,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/Details/Details.tsx
 const Root = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
-	var _dataComponent;
 	const $ = c(15);
 	let children;
 	let className;
@@ -51,7 +50,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 		$[7] = className;
 		$[8] = t3;
 	} else t3 = $[8];
-	const t4 = (_dataComponent = dataComponent) !== null && _dataComponent !== void 0 ? _dataComponent : "Details";
+	const t4 = dataComponent !== null && dataComponent !== void 0 ? dataComponent : "Details";
 	let t5;
 	if ($[9] !== children || $[10] !== ref || $[11] !== rest || $[12] !== t3 || $[13] !== t4) {
 		t5 = /* @__PURE__ */ jsx("details", {
@@ -72,7 +71,6 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 });
 Root.displayName = "Details";
 function Summary(t0) {
-	var _as;
 	const $ = c(9);
 	let as;
 	let children;
@@ -88,7 +86,7 @@ function Summary(t0) {
 		children = $[2];
 		props = $[3];
 	}
-	const Component = (_as = as) !== null && _as !== void 0 ? _as : "summary";
+	const Component = as !== null && as !== void 0 ? as : "summary";
 	const t1 = Component === "summary" ? null : "summary";
 	let t2;
 	if ($[4] !== Component || $[5] !== children || $[6] !== props || $[7] !== t1) {

package/dist/FeatureFlags/FeatureFlagScope.js

@@ -9,6 +9,7 @@ var FeatureFlagScope = class FeatureFlagScope {
 		for (const [key, value] of b.flags) merged.flags.set(key, value);
 		return merged;
 	}
+	flags;
 	constructor(flags = {}) {
 		this.flags = /* @__PURE__ */ new Map();
 		for (const [key, value] of Object.entries(flags)) this.flags.set(key, value !== null && value !== void 0 ? value : false);

package/dist/FilteredActionList/constants.js

@@ -1,5 +1,7 @@
 //#region src/FilteredActionList/constants.ts
 var FilteredActionListLoadingType = class {
+	name;
+	appearsInBody;
 	constructor(name, appearsInBody) {
 		this.name = name;
 		this.appearsInBody = appearsInBody;