@cube-dev/ui-kit 0.185.0 → 0.185.2

package/dist/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @cube-dev/ui-kit
 
+## 0.185.2
+
+### Patch Changes
+
+- [#1438](https://github.com/cube-js/cube-ui-kit/pull/1438) [`d5e6f749`](https://github.com/cube-js/cube-ui-kit/commit/d5e6f7499660d32521ad725346c6a066da381dc9) Thanks [@tenphi](https://github.com/tenphi)! - Fix a native reset of a `<Form action>`, for both `Form.useForm()` and `Form.useController()` forms. The form now resets once and reports the defaults to `onValuesChange`, as a form without `action` already did. Before, React Aria wrote each input's starting value on its own, so `formElement.reset()` could leave a `CheckboxGroup` empty. In a `Form.useController()` action form, `Form.Reset` never reset the controller, and the root `onReset` ran only after those writes, too late to cancel them. `action` still hands submission to the browser. With or without `action`, a named control the form does not own, such as a bare `<input name="token">`, is reset the way the browser would reset it; before, the form's reset left it unchanged.
+
+- [#1436](https://github.com/cube-js/cube-ui-kit/pull/1436) [`dc2c7d72`](https://github.com/cube-js/cube-ui-kit/commit/dc2c7d723e20816966f7deefb46a5f5140e97bfa) Thanks [@tenphi](https://github.com/tenphi)! - Fix `PasswordInput`, `TextArea`, `CommandTextArea`, `Checkbox`, `CheckboxGroup`, `RadioGroup`, `ColorSwatchGroup`, `Switch` and `Select` rendering `form="[object Object]"` on their native inputs when bound to a `Form.useForm()` instance, whether through a surrounding `<Form>` or the `form` prop. React Aria writes `form` onto the input as the id of the `<form>` it belongs to, so the attribute named no form and detached the input from its own: pressing Enter in a `PasswordInput` submitted nothing. The form instance no longer reaches the DOM, so these inputs now behave inside a legacy form as they already did with `Form.useController()`: Enter in a `PasswordInput` submits the form, and Enter on a `Checkbox`, `Switch` or radio submits it when the form has a submit button. A native reset of a legacy form, such as `Form.ResetButton` or `formElement.reset()`, now resets the form once and reports the defaults to `onValuesChange`, as `Form.useController()` forms already did; before, React Aria wrote each input's starting value on its own (a `CheckboxGroup` could end up empty). On the text fields, a `form` id passed through `inputProps` still applies. `ColorSwatchGroup` also no longer throws when a native form reset clears a group that mounted with no value.
+
+- [#1436](https://github.com/cube-js/cube-ui-kit/pull/1436) [`dc2c7d72`](https://github.com/cube-js/cube-ui-kit/commit/dc2c7d723e20816966f7deefb46a5f5140e97bfa) Thanks [@tenphi](https://github.com/tenphi)! - `useFieldProps`'s return type no longer promises what the hook strips. It no longer lists `field`, `dependsOn` or `deps`, and it drops a `Form.useController()` controller from `form`'s type: `form` declared as `FormController<…>` comes back `undefined`, while a `Form.useForm()` instance comes back as before. A custom control that read the controller off the result compiled and then threw on its first write. It now fails to compile: take the controller from the control's own props, or write through the bound `onChange`. The check needs `form` declared in an interface that extends `FieldBaseProps` (or `Omit<FieldBaseProps, 'form'>`); `FieldBaseProps` types `form` as `any`, and an intersection with it stays `any`.
+
+## 0.185.1
+
+### Patch Changes
+
+- [#1434](https://github.com/cube-js/cube-ui-kit/pull/1434) [`e87b77bf`](https://github.com/cube-js/cube-ui-kit/commit/e87b77bf9603557066f7632afec49d1926c90318) Thanks [@tenphi](https://github.com/tenphi)! - Fix `Select`, `Picker`, `FilterPicker` and `ItemButton` triggers, and tabs with actions, growing by the width of their actions run right after mounting. The row reserves that width from a measurement, and the first measurement animated in from 0px, so a trigger widened by its caret over the first 80ms. `FilterPicker` and `Picker` size their popover from the trigger when it opens, so a popover opened in that window came out narrower than the trigger, by a different amount each time. The first measured width now applies at once. Actions revealed on hover still slide in.
+
 ## 0.185.0
 
 ### Minor Changes

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import { c } from "react-compiler-runtime";
 import React, { useEffect } from "react";

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useRef } from "react";

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react-compiler-runtime";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | 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/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";
 import { c } from "react-compiler-runtime";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react-compiler-runtime";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { getDisabledElementProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

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

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { ButtonSplitContext } from "./context.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";

package/dist/components/actions/CommandMenu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/ItemActionsWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.2 | Cube Dev Team */
 import { DisplayTransition } from "../helpers/DisplayTransition/DisplayTransition.js";
 import { ITEM_RESTING_COLOR_VARIANTS, ROW_STATE_ALIASES, resolveItemVariant } from "../../data/item-themes.js";
 import { ItemActionProvider } from "./ItemActionContext.js";
@@ -127,7 +127,7 @@ function ItemActionIcon(props) {
 * the row can reserve the space the run covers.
 */
 function ItemActionsWrapper(props) {
-	const $ = c(57);
+	const $ = c(60);
 	const { children, actions, type: t0, theme: t1, size: t2, isDisabled, disableActionsFocus, autoHideActions: t3, preserveActionsSpace: t4, mods, styles, actionsProps } = props;
 	const type = t0 === void 0 ? "item" : t0;
 	const theme = t1 === void 0 ? "default" : t1;
@@ -137,46 +137,56 @@ function ItemActionsWrapper(props) {
 	const actionsRef = useRef(null);
 	const [actionsWidth, setActionsWidth] = useState(0);
 	const [areActionsVisible, setAreActionsVisible] = useState(false);
+	const [skipWidthTransition, setSkipWidthTransition] = useState(false);
+	const isMountPassRef = useRef(true);
 	let t5;
-	if ($[0] !== actionsWidth) {
+	if ($[0] !== actionsWidth || $[1] !== skipWidthTransition) {
 		t5 = () => {
 			const el = actionsRef.current;
+			const isMountPass = isMountPassRef.current;
+			isMountPassRef.current = false;
 			if (!el) return;
 			const width = el.childElementCount ? Math.round(el.offsetWidth) : 0;
-			if (width !== actionsWidth) setActionsWidth(width);
+			if (width !== actionsWidth) {
+				if (isMountPass) setSkipWidthTransition(true);
+				setActionsWidth(width);
+			} else if (skipWidthTransition) setSkipWidthTransition(false);
 		};
 		$[0] = actionsWidth;
-		$[1] = t5;
-	} else t5 = $[1];
+		$[1] = skipWidthTransition;
+		$[2] = t5;
+	} else t5 = $[2];
 	let t6;
-	if ($[2] !== actions || $[3] !== actionsWidth || $[4] !== areActionsVisible) {
+	if ($[3] !== actions || $[4] !== actionsWidth || $[5] !== areActionsVisible || $[6] !== skipWidthTransition) {
 		t6 = [
 			actions,
 			areActionsVisible,
-			actionsWidth
+			actionsWidth,
+			skipWidthTransition
 		];
-		$[2] = actions;
-		$[3] = actionsWidth;
-		$[4] = areActionsVisible;
-		$[5] = t6;
-	} else t6 = $[5];
+		$[3] = actions;
+		$[4] = actionsWidth;
+		$[5] = areActionsVisible;
+		$[6] = skipWidthTransition;
+		$[7] = t6;
+	} else t6 = $[7];
 	useLayoutEffect(t5, t6);
 	const [isFocusWithin, setIsFocusWithin] = useState(false);
 	const [hasPressed, setHasPressed] = useState(false);
 	let t7;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = {};
-		$[6] = t7;
-	} else t7 = $[6];
+		$[8] = t7;
+	} else t7 = $[8];
 	const { hoverProps, isHovered } = useHover(t7);
 	let t8;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = { onFocusWithinChange: setIsFocusWithin };
-		$[7] = t8;
-	} else t8 = $[7];
+		$[9] = t8;
+	} else t8 = $[9];
 	const { focusWithinProps } = useFocusWithin(t8);
 	let t9;
-	if ($[8] !== autoHideActions) {
+	if ($[10] !== autoHideActions) {
 		t9 = () => {
 			const actionsEl = actionsRef.current;
 			if (!actionsEl || !autoHideActions) return;
@@ -192,79 +202,83 @@ function ItemActionsWrapper(props) {
 			checkPressed();
 			return () => observer.disconnect();
 		};
-		$[8] = autoHideActions;
-		$[9] = t9;
-	} else t9 = $[9];
+		$[10] = autoHideActions;
+		$[11] = t9;
+	} else t9 = $[11];
 	let t10;
-	if ($[10] !== areActionsVisible || $[11] !== autoHideActions) {
+	if ($[12] !== areActionsVisible || $[13] !== autoHideActions) {
 		t10 = [areActionsVisible, autoHideActions];
-		$[10] = areActionsVisible;
-		$[11] = autoHideActions;
-		$[12] = t10;
-	} else t10 = $[12];
+		$[12] = areActionsVisible;
+		$[13] = autoHideActions;
+		$[14] = t10;
+	} else t10 = $[14];
 	useLayoutEffect(t9, t10);
 	const shouldShowActions = isHovered || isFocusWithin || hasPressed || !autoHideActions;
 	let t11;
-	if ($[13] !== shouldShowActions) {
+	if ($[15] !== shouldShowActions) {
 		t11 = shouldShowActions ? { "actions-shown": true } : null;
-		$[13] = shouldShowActions;
-		$[14] = t11;
-	} else t11 = $[14];
+		$[15] = shouldShowActions;
+		$[16] = t11;
+	} else t11 = $[16];
 	let t12;
-	if ($[15] !== preserveActionsSpace) {
+	if ($[17] !== preserveActionsSpace) {
 		t12 = preserveActionsSpace ? { "preserve-actions-space": true } : null;
-		$[15] = preserveActionsSpace;
-		$[16] = t12;
-	} else t12 = $[16];
+		$[17] = preserveActionsSpace;
+		$[18] = t12;
+	} else t12 = $[18];
 	let t13;
-	if ($[17] !== isDisabled || $[18] !== mods || $[19] !== t11 || $[20] !== t12) {
+	if ($[19] !== isDisabled || $[20] !== mods || $[21] !== t11 || $[22] !== t12) {
 		t13 = {
 			...mods,
 			...t11,
 			...t12,
 			disabled: isDisabled
 		};
-		$[17] = isDisabled;
-		$[18] = mods;
-		$[19] = t11;
-		$[20] = t12;
-		$[21] = t13;
-	} else t13 = $[21];
+		$[19] = isDisabled;
+		$[20] = mods;
+		$[21] = t11;
+		$[22] = t12;
+		$[23] = t13;
+	} else t13 = $[23];
 	const finalMods = t13;
 	let t14;
-	if ($[22] !== theme || $[23] !== type) {
+	if ($[24] !== theme || $[25] !== type) {
 		t14 = resolveItemVariant(theme, type);
-		$[22] = theme;
-		$[23] = type;
-		$[24] = t14;
-	} else t14 = $[24];
+		$[24] = theme;
+		$[25] = type;
+		$[26] = t14;
+	} else t14 = $[26];
 	const t15 = areActionsVisible || !autoHideActions || preserveActionsSpace ? `${actionsWidth}px` : "0px";
 	let t16;
-	if ($[25] !== size) {
+	if ($[27] !== size) {
 		t16 = typeof size === "number" && { "--size": `${size}px` };
-		$[25] = size;
-		$[26] = t16;
-	} else t16 = $[26];
+		$[27] = size;
+		$[28] = t16;
+	} else t16 = $[28];
 	let t17;
-	if ($[27] !== t15 || $[28] !== t16) {
+	if ($[29] !== t15 || $[30] !== t16) {
 		t17 = {
 			"--actions-width": t15,
 			...t16
 		};
-		$[27] = t15;
-		$[28] = t16;
-		$[29] = t17;
-	} else t17 = $[29];
+		$[29] = t15;
+		$[30] = t16;
+		$[31] = t17;
+	} else t17 = $[31];
 	const t18 = t17;
 	let t19;
-	if ($[30] !== children || $[31] !== shouldShowActions) {
-		t19 = children({ showActions: shouldShowActions });
-		$[30] = children;
-		$[31] = shouldShowActions;
-		$[32] = t19;
-	} else t19 = $[32];
+	if ($[32] !== children || $[33] !== shouldShowActions || $[34] !== skipWidthTransition) {
+		t19 = children({
+			showActions: shouldShowActions,
+			skipActionsWidthTransition: skipWidthTransition
+		});
+		$[32] = children;
+		$[33] = shouldShowActions;
+		$[34] = skipWidthTransition;
+		$[35] = t19;
+	} else t19 = $[35];
 	let t20;
-	if ($[33] !== actions || $[34] !== actionsProps || $[35] !== autoHideActions || $[36] !== focusWithinProps || $[37] !== preserveActionsSpace || $[38] !== shouldShowActions) {
+	if ($[36] !== actions || $[37] !== actionsProps || $[38] !== autoHideActions || $[39] !== focusWithinProps || $[40] !== preserveActionsSpace || $[41] !== shouldShowActions) {
 		t20 = autoHideActions && !preserveActionsSpace ? /* @__PURE__ */ jsx(DisplayTransition, {
 			exposeUnmounted: true,
 			isShown: shouldShowActions,
@@ -292,16 +306,16 @@ function ItemActionsWrapper(props) {
 			"data-trigger-action": "",
 			children: actions
 		});
-		$[33] = actions;
-		$[34] = actionsProps;
-		$[35] = autoHideActions;
-		$[36] = focusWithinProps;
-		$[37] = preserveActionsSpace;
-		$[38] = shouldShowActions;
-		$[39] = t20;
-	} else t20 = $[39];
+		$[36] = actions;
+		$[37] = actionsProps;
+		$[38] = autoHideActions;
+		$[39] = focusWithinProps;
+		$[40] = preserveActionsSpace;
+		$[41] = shouldShowActions;
+		$[42] = t20;
+	} else t20 = $[42];
 	let t21;
-	if ($[40] !== disableActionsFocus || $[41] !== isDisabled || $[42] !== t20 || $[43] !== theme || $[44] !== type) {
+	if ($[43] !== disableActionsFocus || $[44] !== isDisabled || $[45] !== t20 || $[46] !== theme || $[47] !== type) {
 		t21 = /* @__PURE__ */ jsx(ClearPressResponder, { children: /* @__PURE__ */ jsx(ItemActionProvider, {
 			type,
 			theme,
@@ -309,15 +323,15 @@ function ItemActionsWrapper(props) {
 			isDisabled,
 			children: t20
 		}) });
-		$[40] = disableActionsFocus;
-		$[41] = isDisabled;
-		$[42] = t20;
-		$[43] = theme;
-		$[44] = type;
-		$[45] = t21;
-	} else t21 = $[45];
+		$[43] = disableActionsFocus;
+		$[44] = isDisabled;
+		$[45] = t20;
+		$[46] = theme;
+		$[47] = type;
+		$[48] = t21;
+	} else t21 = $[48];
 	let t22;
-	if ($[46] !== finalMods || $[47] !== hoverProps || $[48] !== size || $[49] !== styles || $[50] !== t14 || $[51] !== t18 || $[52] !== t19 || $[53] !== t21 || $[54] !== theme || $[55] !== type) {
+	if ($[49] !== finalMods || $[50] !== hoverProps || $[51] !== size || $[52] !== styles || $[53] !== t14 || $[54] !== t18 || $[55] !== t19 || $[56] !== t21 || $[57] !== theme || $[58] !== type) {
 		t22 = /* @__PURE__ */ jsxs(ItemActionsWrapperElement, {
 			...hoverProps,
 			variant: t14,
@@ -329,18 +343,18 @@ function ItemActionsWrapper(props) {
 			style: t18,
 			children: [t19, t21]
 		});
-		$[46] = finalMods;
-		$[47] = hoverProps;
-		$[48] = size;
-		$[49] = styles;
-		$[50] = t14;
-		$[51] = t18;
-		$[52] = t19;
-		$[53] = t21;
-		$[54] = theme;
-		$[55] = type;
-		$[56] = t22;
-	} else t22 = $[56];
+		$[49] = finalMods;
+		$[50] = hoverProps;
+		$[51] = size;
+		$[52] = styles;
+		$[53] = t14;
+		$[54] = t18;
+		$[55] = t19;
+		$[56] = t21;
+		$[57] = theme;
+		$[58] = type;
+		$[59] = t22;
+	} else t22 = $[59];
 	return t22;
 }