@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/content/Item/Item.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
@@ -13,8 +13,9 @@ import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
 import { _HotKeys } from "../HotKeys/HotKeys.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
-import { forwardRef, isValidElement, useMemo } from "react";
+import { forwardRef, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHotkeys } from "react-hotkeys-hook";
 
@@ -153,6 +154,8 @@ const ItemElement = tasty({
 		},
 		"$inline-compensation": ".5x",
 		"$min-inline-padding": "(1x - 1bw)",
+		"$prefix-gap": 0,
+		"$suffix-gap": 0,
 		"$label-padding-left": {
 			"": "$inline-padding",
 			"has-start-content": "0"
@@ -236,16 +239,16 @@ const ItemElement = tasty({
 			...ADDITION_STYLES,
 			gridArea: "prefix",
 			padding: {
-				"": "$inline-padding left",
-				"has-icon": 0
+				"": "0 $prefix-gap 0 $inline-padding",
+				"has-icon": "$prefix-gap right"
 			}
 		},
 		Suffix: {
 			...ADDITION_STYLES,
 			gridArea: "suffix",
 			padding: {
-				"": "$inline-padding right",
-				"has-right-icon | (has-actions & inside-wrapper)": 0
+				"": "0 $inline-padding 0 $suffix-gap",
+				"has-right-icon | (has-actions & inside-wrapper)": "$suffix-gap left"
 			}
 		},
 		Actions: {
@@ -284,187 +287,443 @@ const ItemElement = tasty({
 	styleProps: CONTAINER_STYLES
 });
 const Item = (props, ref) => {
-	let { children, size = "medium", type = "item", theme = "default", mods, icon: iconProp, rightIcon: rightIconProp, prefix, suffix, description, descriptionPlacement, labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip = true, isDisabled, disabled: nativeDisabledProp, style, loadingSlot = "auto", isLoading = false, actions, autoHideActions = false, preserveActionsSpace = false, disableActionsFocus = false, shape, defaultTooltipPlacement = "top", level = 3, highlight, highlightCaseSensitive = false, highlightStyles, insideWrapper = false, showActions = false, tokens, ...rest } = props;
+	const $ = c(119);
+	const { children, size: t0, type: t1, theme: t2, mods, icon: iconProp, rightIcon: rightIconProp, prefix, suffix, description, descriptionPlacement, labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip: t3, isDisabled, disabled: nativeDisabledProp, style, loadingSlot: t4, isLoading: t5, actions, autoHideActions: t6, preserveActionsSpace: t7, disableActionsFocus: t8, shape, defaultTooltipPlacement: t9, level: t10, highlight, highlightCaseSensitive: t11, highlightStyles, insideWrapper: t12, showActions: t13, tokens, ...rest } = props;
+	const size = t0 === void 0 ? "medium" : t0;
+	const type = t1 === void 0 ? "item" : t1;
+	const theme = t2 === void 0 ? "default" : t2;
+	const tooltip = t3 === void 0 ? true : t3;
+	const loadingSlot = t4 === void 0 ? "auto" : t4;
+	const isLoading = t5 === void 0 ? false : t5;
+	const autoHideActions = t6 === void 0 ? false : t6;
+	const preserveActionsSpace = t7 === void 0 ? false : t7;
+	const disableActionsFocus = t8 === void 0 ? false : t8;
+	const defaultTooltipPlacement = t9 === void 0 ? "top" : t9;
+	const level = t10 === void 0 ? 3 : t10;
+	const highlightCaseSensitive = t11 === void 0 ? false : t11;
+	const insideWrapper = t12 === void 0 ? false : t12;
+	const showActions = t13 === void 0 ? false : t13;
 	const hasLabel = !!(children || labelProps);
 	const finalDescriptionPlacement = descriptionPlacement ?? ((type === "card" || type === "header") && hasLabel ? "block" : "inline");
 	const finalShape = shape ?? (type === "card" ? "card" : "button");
 	const isDisabledProp = isDisabled ?? (nativeDisabledProp || void 0);
 	const finalIsDisabled = isDisabledProp === true || isLoading && isDisabledProp !== false;
-	useWarn(type === "header" && !["default"].includes(theme) || type === "card" && ![
-		"default",
-		"success",
-		"danger",
-		"warning",
-		"note",
-		"current"
-	].includes(theme) || !["header", "card"].includes(type) && ![
-		"default",
-		"success",
-		"danger",
-		"warning",
-		"note",
-		"special",
-		"current"
-	].includes(theme), {
-		key: [
+	let t14;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = [
+			"default",
+			"success",
+			"danger",
+			"warning",
+			"note",
+			"special",
+			"current"
+		];
+		$[0] = t14;
+	} else t14 = $[0];
+	const STANDARD_THEMES = t14;
+	let t15;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = [
+			"default",
+			"success",
+			"danger",
+			"warning",
+			"note",
+			"current"
+		];
+		$[1] = t15;
+	} else t15 = $[1];
+	const CARD_THEMES = t15;
+	let t16;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = ["default"];
+		$[2] = t16;
+	} else t16 = $[2];
+	const HEADER_THEMES = t16;
+	let t17;
+	if ($[3] !== theme || $[4] !== type) {
+		t17 = type === "header" && !HEADER_THEMES.includes(theme) || type === "card" && !CARD_THEMES.includes(theme) || !["header", "card"].includes(type) && !STANDARD_THEMES.includes(theme);
+		$[3] = theme;
+		$[4] = type;
+		$[5] = t17;
+	} else t17 = $[5];
+	const isInvalidCombination = t17;
+	let t18;
+	if ($[6] !== theme || $[7] !== type) {
+		t18 = [
 			"Item",
 			"invalid-type-theme",
 			type,
 			theme
-		],
-		args: [`Item: Invalid type+theme combination. type="${type}" does not support theme="${theme}".` + (type === "header" ? " The \"header\" type only supports theme: default." : type === "card" ? " The \"card\" type only supports themes: default, success, danger, warning, note, current." : " Standard types support themes: default, success, danger, warning, note, special, current.")]
-	});
+		];
+		$[6] = theme;
+		$[7] = type;
+		$[8] = t18;
+	} else t18 = $[8];
+	const t19 = `Item: Invalid type+theme combination. type="${type}" does not support theme="${theme}".` + (type === "header" ? " The \"header\" type only supports theme: default." : type === "card" ? " The \"card\" type only supports themes: default, success, danger, warning, note, current." : " Standard types support themes: default, success, danger, warning, note, special, current.");
+	let t20;
+	if ($[9] !== t19) {
+		t20 = [t19];
+		$[9] = t19;
+		$[10] = t20;
+	} else t20 = $[10];
+	let t21;
+	if ($[11] !== t18 || $[12] !== t20) {
+		t21 = {
+			key: t18,
+			args: t20
+		};
+		$[11] = t18;
+		$[12] = t20;
+		$[13] = t21;
+	} else t21 = $[13];
+	useWarn(isInvalidCombination, t21);
 	const hasLinkWithIcons = type === "link" && (iconProp || rightIconProp);
 	const hasLinkWithLoading = type === "link" && isLoading;
 	const hasLinkRestrictions = hasLinkWithIcons || hasLinkWithLoading;
-	const linkRestrictionMessages = [];
-	if (hasLinkWithIcons) linkRestrictionMessages.push("icons (`icon` or `rightIcon` props)");
-	if (hasLinkWithLoading) linkRestrictionMessages.push("loading state (`isLoading` prop)");
-	useWarn(hasLinkRestrictions, {
-		key: ["Item", "link-restrictions"],
-		args: [`Item: The "link" type does not support ${linkRestrictionMessages.join(" or ")}. Remove these props when using type="link".`]
-	});
+	let linkRestrictionMessages;
+	if ($[14] !== hasLinkWithIcons || $[15] !== hasLinkWithLoading) {
+		linkRestrictionMessages = [];
+		if (hasLinkWithIcons) linkRestrictionMessages.push("icons (`icon` or `rightIcon` props)");
+		if (hasLinkWithLoading) linkRestrictionMessages.push("loading state (`isLoading` prop)");
+		$[14] = hasLinkWithIcons;
+		$[15] = hasLinkWithLoading;
+		$[16] = linkRestrictionMessages;
+	} else linkRestrictionMessages = $[16];
+	let t22;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = ["Item", "link-restrictions"];
+		$[17] = t22;
+	} else t22 = $[17];
+	const t23 = `Item: The "link" type does not support ${linkRestrictionMessages.join(" or ")}. Remove these props when using type="link".`;
+	let t24;
+	if ($[18] !== t23) {
+		t24 = {
+			key: t22,
+			args: [t23]
+		};
+		$[18] = t23;
+		$[19] = t24;
+	} else t24 = $[19];
+	useWarn(hasLinkRestrictions, t24);
 	const hasCheckmark = iconProp === "checkmark";
-	const isCustomSize = typeof size === "number" || !ITEM_SIZE_VALUES.includes(size);
+	let t25;
+	if ($[20] !== size) {
+		t25 = typeof size === "number" || !ITEM_SIZE_VALUES.includes(size);
+		$[20] = size;
+		$[21] = t25;
+	} else t25 = $[21];
+	const isCustomSize = t25;
 	const sizeTokenValue = typeof size === "number" ? `${size}px` : isCustomSize ? size : void 0;
-	const baseMods = useMemo(() => ({
-		disabled: finalIsDisabled,
-		selected: isSelected === true,
-		loading: isLoading,
-		...!isCustomSize && { size },
-		type,
-		theme,
-		shape: finalShape,
-		...mods
-	}), [
-		finalIsDisabled,
-		isSelected,
-		isLoading,
-		size,
-		isCustomSize,
-		type,
-		theme,
-		finalShape,
-		mods
-	]);
-	const resolvedIcon = useMemo(() => {
-		if (hasCheckmark) return {
-			content: null,
-			hasSlot: true
+	const t26 = isSelected === true;
+	let t27;
+	if ($[22] !== isCustomSize || $[23] !== size) {
+		t27 = !isCustomSize && { size };
+		$[22] = isCustomSize;
+		$[23] = size;
+		$[24] = t27;
+	} else t27 = $[24];
+	let t28;
+	if ($[25] !== finalIsDisabled || $[26] !== finalShape || $[27] !== isLoading || $[28] !== mods || $[29] !== t26 || $[30] !== t27 || $[31] !== theme || $[32] !== type) {
+		t28 = {
+			disabled: finalIsDisabled,
+			selected: t26,
+			loading: isLoading,
+			...t27,
+			type,
+			theme,
+			shape: finalShape,
+			...mods
 		};
-		return resolveIcon(iconProp, baseMods);
-	}, [
-		iconProp,
-		baseMods,
-		hasCheckmark
-	]);
-	const resolvedRightIcon = useMemo(() => resolveIcon(rightIconProp, baseMods), [rightIconProp, baseMods]);
-	const resolvedLoadingSlot = useMemo(() => {
-		if (loadingSlot !== "auto") return loadingSlot;
-		if (resolvedRightIcon.hasSlot && !resolvedIcon.hasSlot) return "rightIcon";
-		return "icon";
-	}, [
-		loadingSlot,
-		resolvedIcon.hasSlot,
-		resolvedRightIcon.hasSlot
-	]);
+		$[25] = finalIsDisabled;
+		$[26] = finalShape;
+		$[27] = isLoading;
+		$[28] = mods;
+		$[29] = t26;
+		$[30] = t27;
+		$[31] = theme;
+		$[32] = type;
+		$[33] = t28;
+	} else t28 = $[33];
+	const baseMods = t28;
+	let t29;
+	bb0: {
+		if (hasCheckmark) {
+			let t30;
+			if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+				t30 = {
+					content: null,
+					hasSlot: true
+				};
+				$[34] = t30;
+			} else t30 = $[34];
+			t29 = t30;
+			break bb0;
+		}
+		const t30 = iconProp;
+		let t31;
+		if ($[35] !== baseMods || $[36] !== t30) {
+			t31 = resolveIcon(t30, baseMods);
+			$[35] = baseMods;
+			$[36] = t30;
+			$[37] = t31;
+		} else t31 = $[37];
+		t29 = t31;
+	}
+	const resolvedIcon = t29;
+	let t30;
+	if ($[38] !== baseMods || $[39] !== rightIconProp) {
+		t30 = resolveIcon(rightIconProp, baseMods);
+		$[38] = baseMods;
+		$[39] = rightIconProp;
+		$[40] = t30;
+	} else t30 = $[40];
+	const resolvedRightIcon = t30;
+	let t31;
+	bb1: {
+		if (loadingSlot !== "auto") {
+			t31 = loadingSlot;
+			break bb1;
+		}
+		if (resolvedRightIcon.hasSlot && !resolvedIcon.hasSlot) {
+			t31 = "rightIcon";
+			break bb1;
+		}
+		t31 = "icon";
+	}
+	const resolvedLoadingSlot = t31;
 	const hasIconSlot = resolvedIcon.hasSlot || isLoading && resolvedLoadingSlot === "icon";
 	const hasRightIconSlot = resolvedRightIcon.hasSlot || isLoading && resolvedLoadingSlot === "rightIcon";
-	const showDescription = useMemo(() => {
-		const copyProps = { ...descriptionProps };
+	let copyProps;
+	if ($[41] !== descriptionProps) {
+		copyProps = { ...descriptionProps };
 		delete copyProps.id;
-		return !!(description || Object.keys(copyProps).length > 0);
-	}, [description, descriptionProps]);
-	const finalIcon = isLoading && resolvedLoadingSlot === "icon" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : resolvedIcon.content;
-	const finalRightIcon = isLoading && resolvedLoadingSlot === "rightIcon" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : resolvedRightIcon.content;
-	const iconKey = hasCheckmark ? "checkmark" : isLoading && resolvedLoadingSlot === "icon" ? "loading" : isValidElement(finalIcon) ? finalIcon.type?.displayName || finalIcon.type?.name || "icon" : finalIcon ? "icon" : "empty";
-	const rightIconKey = isLoading && resolvedLoadingSlot === "rightIcon" ? "loading" : isValidElement(finalRightIcon) ? finalRightIcon.type?.displayName || finalRightIcon.type?.name || "icon" : finalRightIcon ? "icon" : "empty";
-	const finalPrefix = isLoading && resolvedLoadingSlot === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
+		$[41] = descriptionProps;
+		$[42] = copyProps;
+	} else copyProps = $[42];
+	let t32;
+	if ($[43] !== copyProps || $[44] !== description) {
+		t32 = description || Object.keys(copyProps).length > 0;
+		$[43] = copyProps;
+		$[44] = description;
+		$[45] = t32;
+	} else t32 = $[45];
+	const showDescription = !!t32;
+	let t33;
+	if ($[46] !== isLoading || $[47] !== resolvedIcon.content || $[48] !== resolvedLoadingSlot) {
+		t33 = isLoading && resolvedLoadingSlot === "icon" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : resolvedIcon.content;
+		$[46] = isLoading;
+		$[47] = resolvedIcon.content;
+		$[48] = resolvedLoadingSlot;
+		$[49] = t33;
+	} else t33 = $[49];
+	const finalIcon = t33;
+	let t34;
+	if ($[50] !== isLoading || $[51] !== resolvedLoadingSlot || $[52] !== resolvedRightIcon.content) {
+		t34 = isLoading && resolvedLoadingSlot === "rightIcon" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : resolvedRightIcon.content;
+		$[50] = isLoading;
+		$[51] = resolvedLoadingSlot;
+		$[52] = resolvedRightIcon.content;
+		$[53] = t34;
+	} else t34 = $[53];
+	const finalRightIcon = t34;
+	let t35;
+	if ($[54] !== finalIcon || $[55] !== hasCheckmark || $[56] !== isLoading || $[57] !== resolvedLoadingSlot) {
+		t35 = hasCheckmark ? "checkmark" : isLoading && resolvedLoadingSlot === "icon" ? "loading" : isValidElement(finalIcon) ? finalIcon.type?.displayName || finalIcon.type?.name || "icon" : finalIcon ? "icon" : "empty";
+		$[54] = finalIcon;
+		$[55] = hasCheckmark;
+		$[56] = isLoading;
+		$[57] = resolvedLoadingSlot;
+		$[58] = t35;
+	} else t35 = $[58];
+	const iconKey = t35;
+	let t36;
+	if ($[59] !== finalRightIcon || $[60] !== isLoading || $[61] !== resolvedLoadingSlot) {
+		t36 = isLoading && resolvedLoadingSlot === "rightIcon" ? "loading" : isValidElement(finalRightIcon) ? finalRightIcon.type?.displayName || finalRightIcon.type?.name || "icon" : finalRightIcon ? "icon" : "empty";
+		$[59] = finalRightIcon;
+		$[60] = isLoading;
+		$[61] = resolvedLoadingSlot;
+		$[62] = t36;
+	} else t36 = $[62];
+	const rightIconKey = t36;
+	let t37;
+	if ($[63] !== isLoading || $[64] !== prefix || $[65] !== resolvedLoadingSlot) {
+		t37 = isLoading && resolvedLoadingSlot === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
+		$[63] = isLoading;
+		$[64] = prefix;
+		$[65] = resolvedLoadingSlot;
+		$[66] = t37;
+	} else t37 = $[66];
+	const finalPrefix = t37;
 	const hotkeysType = theme === "current" ? "inherit" : type === "primary" ? "primary" : "default";
-	const finalSuffix = isLoading && resolvedLoadingSlot === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
-		...keyboardShortcutProps,
-		type: hotkeysType,
-		styles: {
-			padding: "1x left",
-			opacity: finalIsDisabled ? .5 : 1
-		},
-		children: hotkeys
-	}) : void 0);
-	useHotkeys(typeof hotkeys === "string" ? hotkeys.toLowerCase() : "", () => {
-		if (!hotkeys) return;
-		if (finalIsDisabled) return;
-		if (ref && typeof ref === "object" && ref.current) ref.current.click();
-	}, {
-		enableOnContentEditable: true,
-		enabled: !!hotkeys,
-		preventDefault: true,
-		enableOnFormTags: true
-	}, [hotkeys, finalIsDisabled]);
-	const finalMods = useMemo(() => {
-		return {
+	let t38;
+	if ($[67] !== finalIsDisabled || $[68] !== hotkeys || $[69] !== hotkeysType || $[70] !== isLoading || $[71] !== keyboardShortcutProps || $[72] !== resolvedLoadingSlot || $[73] !== suffix) {
+		t38 = isLoading && resolvedLoadingSlot === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
+			...keyboardShortcutProps,
+			type: hotkeysType,
+			styles: {
+				padding: "1x left",
+				opacity: finalIsDisabled ? .5 : 1
+			},
+			children: hotkeys
+		}) : void 0);
+		$[67] = finalIsDisabled;
+		$[68] = hotkeys;
+		$[69] = hotkeysType;
+		$[70] = isLoading;
+		$[71] = keyboardShortcutProps;
+		$[72] = resolvedLoadingSlot;
+		$[73] = suffix;
+		$[74] = t38;
+	} else t38 = $[74];
+	const finalSuffix = t38;
+	let t39;
+	if ($[75] !== hotkeys) {
+		t39 = typeof hotkeys === "string" ? hotkeys.toLowerCase() : "";
+		$[75] = hotkeys;
+		$[76] = t39;
+	} else t39 = $[76];
+	let t40;
+	if ($[77] !== finalIsDisabled || $[78] !== hotkeys || $[79] !== ref) {
+		t40 = () => {
+			if (!hotkeys) return;
+			if (finalIsDisabled) return;
+			if (ref && typeof ref === "object" && ref.current) ref.current.click();
+		};
+		$[77] = finalIsDisabled;
+		$[78] = hotkeys;
+		$[79] = ref;
+		$[80] = t40;
+	} else t40 = $[80];
+	const t41 = !!hotkeys;
+	let t42;
+	if ($[81] !== t41) {
+		t42 = {
+			enableOnContentEditable: true,
+			enabled: t41,
+			preventDefault: true,
+			enableOnFormTags: true
+		};
+		$[81] = t41;
+		$[82] = t42;
+	} else t42 = $[82];
+	let t43;
+	if ($[83] !== finalIsDisabled || $[84] !== hotkeys) {
+		t43 = [hotkeys, finalIsDisabled];
+		$[83] = finalIsDisabled;
+		$[84] = hotkeys;
+		$[85] = t43;
+	} else t43 = $[85];
+	useHotkeys(t39, t40, t42, t43);
+	const t44 = !!(hasIconSlot || finalPrefix);
+	const t45 = !!(hasRightIconSlot || finalSuffix || actions);
+	const t46 = !!finalPrefix;
+	const t47 = !!finalSuffix;
+	const t48 = !!actions;
+	const t49 = !!(actions && actions !== true);
+	const t50 = autoHideActions === true;
+	const t51 = preserveActionsSpace === true;
+	const t52 = showActions && insideWrapper;
+	const t53 = showDescription ? finalDescriptionPlacement : "none";
+	let t54;
+	if ($[86] !== baseMods || $[87] !== hasCheckmark || $[88] !== hasIconSlot || $[89] !== hasLabel || $[90] !== hasRightIconSlot || $[91] !== insideWrapper || $[92] !== showDescription || $[93] !== t44 || $[94] !== t45 || $[95] !== t46 || $[96] !== t47 || $[97] !== t48 || $[98] !== t49 || $[99] !== t50 || $[100] !== t51 || $[101] !== t52 || $[102] !== t53) {
+		t54 = {
 			...baseMods,
 			"has-icon": hasIconSlot,
-			"has-start-content": !!(hasIconSlot || finalPrefix),
-			"has-end-content": !!(hasRightIconSlot || finalSuffix || actions),
+			"has-start-content": t44,
+			"has-end-content": t45,
 			"has-right-icon": hasRightIconSlot,
 			"has-label": hasLabel,
-			"has-prefix": !!finalPrefix,
-			"has-suffix": !!finalSuffix,
+			"has-prefix": t46,
+			"has-suffix": t47,
 			"has-description": showDescription,
-			"has-actions": !!actions,
-			"has-actions-content": !!(actions && actions !== true),
-			"auto-hide-actions": autoHideActions === true,
-			"preserve-actions-space": preserveActionsSpace === true,
+			"has-actions": t48,
+			"has-actions-content": t49,
+			"auto-hide-actions": t50,
+			"preserve-actions-space": t51,
 			"inside-wrapper": insideWrapper,
-			"actions-shown": showActions && insideWrapper,
+			"actions-shown": t52,
 			checkmark: hasCheckmark,
-			description: showDescription ? finalDescriptionPlacement : "none"
+			description: t53
 		};
-	}, [
-		baseMods,
-		hasIconSlot,
-		hasRightIconSlot,
-		finalPrefix,
-		finalSuffix,
-		showDescription,
-		finalDescriptionPlacement,
-		hasCheckmark,
-		actions,
-		autoHideActions,
-		preserveActionsSpace,
-		hasLabel,
-		showActions,
-		insideWrapper
-	]);
-	const { labelProps: finalLabelProps, labelRef, renderWithTooltip, isTooltipActive } = useAutoTooltip({
-		tooltip,
-		children,
-		labelProps,
-		isDynamicLabel: !!actions || insideWrapper
-	});
+		$[86] = baseMods;
+		$[87] = hasCheckmark;
+		$[88] = hasIconSlot;
+		$[89] = hasLabel;
+		$[90] = hasRightIconSlot;
+		$[91] = insideWrapper;
+		$[92] = showDescription;
+		$[93] = t44;
+		$[94] = t45;
+		$[95] = t46;
+		$[96] = t47;
+		$[97] = t48;
+		$[98] = t49;
+		$[99] = t50;
+		$[100] = t51;
+		$[101] = t52;
+		$[102] = t53;
+		$[103] = t54;
+	} else t54 = $[103];
+	const finalMods = t54;
+	const t55 = !!actions || insideWrapper;
+	let t56;
+	if ($[104] !== children || $[105] !== labelProps || $[106] !== t55 || $[107] !== tooltip) {
+		t56 = {
+			tooltip,
+			children,
+			labelProps,
+			isDynamicLabel: t55
+		};
+		$[104] = children;
+		$[105] = labelProps;
+		$[106] = t55;
+		$[107] = tooltip;
+		$[108] = t56;
+	} else t56 = $[108];
+	const { labelProps: finalLabelProps, labelRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t56);
 	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: finalIsDisabled,
 		keepEvents: isTooltipActive,
 		as: rest.as
 	});
-	const processedChildren = useMemo(() => {
-		if (typeof children === "string" && highlight) return highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
-		return children;
-	}, [
-		children,
-		highlight,
-		highlightCaseSensitive,
-		highlightStyles
-	]);
-	const processedDescription = useMemo(() => {
-		if (typeof description === "string" && highlight) return highlightText(description, highlight, highlightCaseSensitive, highlightStyles);
-		return description;
-	}, [
-		description,
-		highlight,
-		highlightCaseSensitive,
-		highlightStyles
-	]);
+	let t57;
+	bb2: {
+		if (typeof children === "string" && highlight) {
+			let t58;
+			if ($[109] !== children || $[110] !== highlight || $[111] !== highlightCaseSensitive || $[112] !== highlightStyles) {
+				t58 = highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
+				$[109] = children;
+				$[110] = highlight;
+				$[111] = highlightCaseSensitive;
+				$[112] = highlightStyles;
+				$[113] = t58;
+			} else t58 = $[113];
+			t57 = t58;
+			break bb2;
+		}
+		t57 = children;
+	}
+	const processedChildren = t57;
+	let t58;
+	bb3: {
+		if (typeof description === "string" && highlight) {
+			let t59;
+			if ($[114] !== description || $[115] !== highlight || $[116] !== highlightCaseSensitive || $[117] !== highlightStyles) {
+				t59 = highlightText(description, highlight, highlightCaseSensitive, highlightStyles);
+				$[114] = description;
+				$[115] = highlight;
+				$[116] = highlightCaseSensitive;
+				$[117] = highlightStyles;
+				$[118] = t59;
+			} else t59 = $[118];
+			t58 = t59;
+			break bb3;
+		}
+		t58 = description;
+	}
+	const processedDescription = t58;
 	const renderItemElement = (tooltipTriggerProps, tooltipRef) => {
 		const handleRef = (element) => {
 			if (typeof ref === "function") ref(element);