@cube-dev/ui-kit 0.208.0 → 0.209.0

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { Tooltip as _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { Text as _Text } from "../Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Item/Item.d.ts

@@ -162,15 +162,6 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps {
    * disabled input has to keep its focus (see `getDisabledElementProps`).
    */
   hiddenContent?: ReactNode | ((tooltipFocusProps: TooltipFocusProps, isTooltipActive: boolean) => ReactNode);
-  /**
-   * @private
-   * The label's room changes over the item's life — a radio tab in a
-   * responsive switch, say. The auto tooltip then stays mounted, disabled
-   * while the label fits, instead of wrapping the element only once the label
-   * truncates: that wrap remounts the element, which takes focus (and, for a
-   * radio, the native input it holds) with it.
-   */
-  isDynamicLabel?: boolean;
   /**
    * Ref to access the label element directly
    */

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { highlightText } from "../highlightText.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
@@ -572,8 +572,8 @@ const DISABLED_HOTKEYS_STYLES = {
 	opacity: .5
 };
 const Item = (props, ref) => {
-	const $ = c(78);
-	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, skipActionsWidthTransition: t14, hiddenContent, isDynamicLabel: t15, labelRef: labelRefProp, nativeLinkProps, nativeMenuItemProps, nativeRowRef, nativeLabelReferenceId, onInlineFocus, onNativeLinkElement, onNativeElement, tokens, ...rest } = props;
+	const $ = c(77);
+	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, skipActionsWidthTransition: t14, hiddenContent, labelRef: labelRefProp, nativeLinkProps, nativeMenuItemProps, nativeRowRef, nativeLabelReferenceId, onInlineFocus, onNativeLinkElement, onNativeElement, tokens, ...rest } = props;
 	const size = t0 === void 0 ? "medium" : t0;
 	const type = t1 === void 0 ? "item" : t1;
 	const theme = t2 === void 0 ? "default" : t2;
@@ -589,16 +589,15 @@ const Item = (props, ref) => {
 	const insideWrapper = t12 === void 0 ? false : t12;
 	const showActions = t13 === void 0 ? false : t13;
 	const skipActionsWidthTransition = t14 === void 0 ? false : t14;
-	const isDynamicLabel = t15 === void 0 ? false : t15;
 	useGlobalStyles(NATIVE_ROW_CONTROL_SELECTOR, nativeMenuItemProps ? NATIVE_ROW_CONTROL_STYLES : void 0);
 	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;
-	let t16;
+	let t15;
 	if ($[0] !== iconProp || $[1] !== isLoading || $[2] !== rightIconProp || $[3] !== theme || $[4] !== type) {
-		t16 = {
+		t15 = {
 			type,
 			theme,
 			icon: iconProp,
@@ -610,15 +609,15 @@ const Item = (props, ref) => {
 		$[2] = rightIconProp;
 		$[3] = theme;
 		$[4] = type;
-		$[5] = t16;
-	} else t16 = $[5];
-	useItemPropWarnings(t16);
+		$[5] = t15;
+	} else t15 = $[5];
+	useItemPropWarnings(t15);
 	const hasCheckmark = iconProp === "checkmark";
 	let baseMods;
 	let finalTokens;
 	let iconSlot;
 	let loadingTarget;
-	let t17;
+	let t16;
 	if ($[6] !== finalIsDisabled || $[7] !== finalShape || $[8] !== hasCheckmark || $[9] !== iconProp || $[10] !== isLoading || $[11] !== isSelected || $[12] !== loadingSlot || $[13] !== mods || $[14] !== rightIconProp || $[15] !== size || $[16] !== theme || $[17] !== tokens || $[18] !== type) {
 		const { sizeMod, sizeToken } = resolveItemSize(size);
 		finalTokens = {
@@ -646,7 +645,7 @@ const Item = (props, ref) => {
 			content: /* @__PURE__ */ jsx(CheckIcon, {}),
 			key: "checkmark"
 		} : resolveIconSlot(resolvedIcon, loadingTarget === "icon");
-		t17 = resolveIconSlot(resolvedRightIcon, loadingTarget === "rightIcon");
+		t16 = resolveIconSlot(resolvedRightIcon, loadingTarget === "rightIcon");
 		$[6] = finalIsDisabled;
 		$[7] = finalShape;
 		$[8] = hasCheckmark;
@@ -664,34 +663,34 @@ const Item = (props, ref) => {
 		$[20] = finalTokens;
 		$[21] = iconSlot;
 		$[22] = loadingTarget;
-		$[23] = t17;
+		$[23] = t16;
 	} else {
 		baseMods = $[19];
 		finalTokens = $[20];
 		iconSlot = $[21];
 		loadingTarget = $[22];
-		t17 = $[23];
+		t16 = $[23];
 	}
-	const rightIconSlot = t17;
-	let t18;
+	const rightIconSlot = t16;
+	let t17;
 	if ($[24] !== description || $[25] !== descriptionProps) {
-		t18 = !!description || Object.keys(descriptionProps ?? {}).some(_temp);
+		t17 = !!description || Object.keys(descriptionProps ?? {}).some(_temp);
 		$[24] = description;
 		$[25] = descriptionProps;
-		$[26] = t18;
-	} else t18 = $[26];
-	const showDescription = t18;
-	let t19;
+		$[26] = t17;
+	} else t17 = $[26];
+	const showDescription = t17;
+	let t18;
 	if ($[27] !== loadingTarget || $[28] !== prefix) {
-		t19 = loadingTarget === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
+		t18 = loadingTarget === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
 		$[27] = loadingTarget;
 		$[28] = prefix;
-		$[29] = t19;
-	} else t19 = $[29];
-	const finalPrefix = t19;
-	let t20;
+		$[29] = t18;
+	} else t18 = $[29];
+	const finalPrefix = t18;
+	let t19;
 	if ($[30] !== finalIsDisabled || $[31] !== hotkeys || $[32] !== keyboardShortcutProps || $[33] !== loadingTarget || $[34] !== suffix || $[35] !== theme || $[36] !== type) {
-		t20 = loadingTarget === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
+		t19 = loadingTarget === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
 			...keyboardShortcutProps,
 			type: getHotkeysType(theme, type),
 			styles: finalIsDisabled ? DISABLED_HOTKEYS_STYLES : HOTKEYS_STYLES,
@@ -704,44 +703,44 @@ const Item = (props, ref) => {
 		$[34] = suffix;
 		$[35] = theme;
 		$[36] = type;
-		$[37] = t20;
-	} else t20 = $[37];
-	const finalSuffix = t20;
+		$[37] = t19;
+	} else t19 = $[37];
+	const finalSuffix = t19;
 	useHotkeyClick(hotkeys, finalIsDisabled, ref);
-	const t21 = !!(iconSlot.hasSlot || finalPrefix);
-	const t22 = !!(rightIconSlot.hasSlot || finalSuffix || actions);
-	const t23 = !!finalPrefix;
-	const t24 = !!finalSuffix;
-	const t25 = !!actions;
-	const t26 = !!(actions && actions !== true);
-	const t27 = !!nativeMenuItemProps;
-	const t28 = autoHideActions === true;
-	const t29 = preserveActionsSpace === true;
-	const t30 = showActions && insideWrapper;
-	const t31 = skipActionsWidthTransition && insideWrapper;
-	const t32 = showDescription ? finalDescriptionPlacement : "none";
-	let t33;
-	if ($[38] !== baseMods || $[39] !== hasCheckmark || $[40] !== hasLabel || $[41] !== iconSlot.hasSlot || $[42] !== insideWrapper || $[43] !== rightIconSlot.hasSlot || $[44] !== showDescription || $[45] !== t21 || $[46] !== t22 || $[47] !== t23 || $[48] !== t24 || $[49] !== t25 || $[50] !== t26 || $[51] !== t27 || $[52] !== t28 || $[53] !== t29 || $[54] !== t30 || $[55] !== t31 || $[56] !== t32) {
-		t33 = {
+	const t20 = !!(iconSlot.hasSlot || finalPrefix);
+	const t21 = !!(rightIconSlot.hasSlot || finalSuffix || actions);
+	const t22 = !!finalPrefix;
+	const t23 = !!finalSuffix;
+	const t24 = !!actions;
+	const t25 = !!(actions && actions !== true);
+	const t26 = !!nativeMenuItemProps;
+	const t27 = autoHideActions === true;
+	const t28 = preserveActionsSpace === true;
+	const t29 = showActions && insideWrapper;
+	const t30 = skipActionsWidthTransition && insideWrapper;
+	const t31 = showDescription ? finalDescriptionPlacement : "none";
+	let t32;
+	if ($[38] !== baseMods || $[39] !== hasCheckmark || $[40] !== hasLabel || $[41] !== iconSlot.hasSlot || $[42] !== insideWrapper || $[43] !== rightIconSlot.hasSlot || $[44] !== showDescription || $[45] !== t20 || $[46] !== t21 || $[47] !== t22 || $[48] !== t23 || $[49] !== t24 || $[50] !== t25 || $[51] !== t26 || $[52] !== t27 || $[53] !== t28 || $[54] !== t29 || $[55] !== t30 || $[56] !== t31) {
+		t32 = {
 			...baseMods,
 			"has-icon": iconSlot.hasSlot,
-			"has-start-content": t21,
-			"has-end-content": t22,
+			"has-start-content": t20,
+			"has-end-content": t21,
 			"has-right-icon": rightIconSlot.hasSlot,
 			"has-label": hasLabel,
-			"has-prefix": t23,
-			"has-suffix": t24,
+			"has-prefix": t22,
+			"has-suffix": t23,
 			"has-description": showDescription,
-			"has-actions": t25,
-			"has-actions-content": t26,
-			"menu-native-row": t27,
-			"auto-hide-actions": t28,
-			"preserve-actions-space": t29,
+			"has-actions": t24,
+			"has-actions-content": t25,
+			"menu-native-row": t26,
+			"auto-hide-actions": t27,
+			"preserve-actions-space": t28,
 			"inside-wrapper": insideWrapper,
-			"actions-shown": t30,
-			"skip-actions-width-transition": t31,
+			"actions-shown": t29,
+			"skip-actions-width-transition": t30,
 			checkmark: hasCheckmark,
-			description: t32
+			description: t31
 		};
 		$[38] = baseMods;
 		$[39] = hasCheckmark;
@@ -750,77 +749,74 @@ const Item = (props, ref) => {
 		$[42] = insideWrapper;
 		$[43] = rightIconSlot.hasSlot;
 		$[44] = showDescription;
-		$[45] = t21;
-		$[46] = t22;
-		$[47] = t23;
-		$[48] = t24;
-		$[49] = t25;
-		$[50] = t26;
-		$[51] = t27;
-		$[52] = t28;
-		$[53] = t29;
-		$[54] = t30;
-		$[55] = t31;
-		$[56] = t32;
-		$[57] = t33;
-	} else t33 = $[57];
-	const finalMods = t33;
-	const t34 = finalMods["menu-native-row"];
-	let t35;
-	if ($[58] !== t34) {
-		t35 = { "row-native-cell": t34 };
-		$[58] = t34;
-		$[59] = t35;
-	} else t35 = $[59];
-	const nativeCellMods = t35;
-	const t36 = descriptionProps?.ref;
-	const t37 = isDynamicLabel || !!actions || insideWrapper;
-	let t38;
-	if ($[60] !== children || $[61] !== description || $[62] !== labelProps || $[63] !== labelRefProp || $[64] !== t36 || $[65] !== t37 || $[66] !== tooltip) {
-		t38 = {
+		$[45] = t20;
+		$[46] = t21;
+		$[47] = t22;
+		$[48] = t23;
+		$[49] = t24;
+		$[50] = t25;
+		$[51] = t26;
+		$[52] = t27;
+		$[53] = t28;
+		$[54] = t29;
+		$[55] = t30;
+		$[56] = t31;
+		$[57] = t32;
+	} else t32 = $[57];
+	const finalMods = t32;
+	const t33 = finalMods["menu-native-row"];
+	let t34;
+	if ($[58] !== t33) {
+		t34 = { "row-native-cell": t33 };
+		$[58] = t33;
+		$[59] = t34;
+	} else t34 = $[59];
+	const nativeCellMods = t34;
+	const t35 = descriptionProps?.ref;
+	let t36;
+	if ($[60] !== children || $[61] !== description || $[62] !== labelProps || $[63] !== labelRefProp || $[64] !== t35 || $[65] !== tooltip) {
+		t36 = {
 			tooltip,
 			children,
 			description,
 			labelProps,
 			labelRef: labelRefProp,
-			descriptionRef: t36,
-			isDynamicLabel: t37
+			descriptionRef: t35
 		};
 		$[60] = children;
 		$[61] = description;
 		$[62] = labelProps;
 		$[63] = labelRefProp;
-		$[64] = t36;
-		$[65] = t37;
-		$[66] = tooltip;
-		$[67] = t38;
-	} else t38 = $[67];
-	const { labelProps: finalLabelProps, labelRef, descriptionRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t38);
+		$[64] = t35;
+		$[65] = tooltip;
+		$[66] = t36;
+	} else t36 = $[66];
+	const { labelProps: finalLabelProps, labelRef, descriptionRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t36);
 	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: finalIsDisabled,
 		keepEvents: isTooltipActive,
 		as: rest.as
 	});
-	let t39;
-	if ($[68] !== children || $[69] !== highlight || $[70] !== highlightCaseSensitive || $[71] !== highlightStyles) {
-		t39 = highlightContent(children, highlight, highlightCaseSensitive, highlightStyles);
-		$[68] = children;
-		$[69] = highlight;
-		$[70] = highlightCaseSensitive;
-		$[71] = highlightStyles;
-		$[72] = t39;
-	} else t39 = $[72];
-	const processedChildren = t39;
-	let t40;
-	if ($[73] !== description || $[74] !== highlight || $[75] !== highlightCaseSensitive || $[76] !== highlightStyles) {
-		t40 = highlightContent(description, highlight, highlightCaseSensitive, highlightStyles);
-		$[73] = description;
-		$[74] = highlight;
-		$[75] = highlightCaseSensitive;
-		$[76] = highlightStyles;
-		$[77] = t40;
-	} else t40 = $[77];
-	const processedDescription = t40;
+	let t37;
+	if ($[67] !== children || $[68] !== highlight || $[69] !== highlightCaseSensitive || $[70] !== highlightStyles) {
+		t37 = highlightContent(children, highlight, highlightCaseSensitive, highlightStyles);
+		$[67] = children;
+		$[68] = highlight;
+		$[69] = highlightCaseSensitive;
+		$[70] = highlightStyles;
+		$[71] = t37;
+	} else t37 = $[71];
+	const processedChildren = t37;
+	let t38;
+	if ($[72] !== description || $[73] !== highlight || $[74] !== highlightCaseSensitive || $[75] !== highlightStyles) {
+		t38 = highlightContent(description, highlight, highlightCaseSensitive, highlightStyles);
+		$[72] = description;
+		$[73] = highlight;
+		$[74] = highlightCaseSensitive;
+		$[75] = highlightStyles;
+		$[76] = t38;
+	} else t38 = $[76];
+	const processedDescription = t38;
 	const renderItemElement = (tooltipTriggerProps, tooltipRef) => {
 		const { pointerProps: elementTooltipProps, focusProps: tooltipFocusProps } = typeof hiddenContent === "function" || nativeMenuItemProps ? splitTooltipTriggerProps(tooltipTriggerProps) : {
 			pointerProps: tooltipTriggerProps,