fix(ItemButton): actions positioning for card type and pointer events (#1021)

Author: tenphi

.changeset/fix-item-button-actions.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fix ItemButton actions positioning for card type variant and disable pointer events when actions are not shown

src/components/actions/ItemAction/ItemAction.stories.tsx

@@ -490,7 +490,7 @@ export const InsideItemButton: Story = {
 
     // Find the last button (with autoHideActions)
     if (buttons.length > 0) {
-      await userEvent.hover(buttons[buttons.length - 1]);
+      await userEvent.hover(buttons[buttons.length - 4]);
     }
   },
   parameters: {

src/components/actions/ItemButton/ItemButton.tsx

@@ -59,12 +59,18 @@ const ActionsWrapper = tasty({
     Actions: {
       $: '>',
       position: 'absolute',
-      inset: '1bw 1bw auto auto',
+      inset: {
+        '': '1bw 1bw auto auto',
+        'type=card': '(1bw + .5x) (1bw + .5x) auto auto',
+      },
       display: 'flex',
       gap: '1bw',
       placeItems: 'center',
       placeContent: 'center end',
-      pointerEvents: 'auto',
+      pointerEvents: {
+        '': 'auto',
+        '!actions-shown': 'none',
+      },
       padding: '0 $side-padding',
       height: 'min ($size - 2bw)',
       opacity: {
@@ -202,6 +208,8 @@ const ItemButton = forwardRef(function ItemButton(
       <ActionsWrapper
         {...hoverProps}
         data-size={size}
+        data-type={type}
+        data-theme={theme}
         mods={finalMods}
         styles={wrapperStyles}
         style={