@cube-dev/ui-kit 0.185.0 → 0.185.1

package/dist/components/actions/ItemButton/ItemButton.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.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";
@@ -49,9 +49,10 @@ const ItemButton = forwardRef(function ItemButton(allProps, ref) {
 	if (actions !== void 0) hasHadActions.current = true;
 	const withWrapper = hasHadActions.current;
 	const ariaPressed = allProps["aria-pressed"] ?? (allProps.isSelected != null && actionProps.as !== "a" && allProps.role == null && allProps["aria-expanded"] == null ? allProps.isSelected : void 0);
-	const renderButton = (showActions) => /* @__PURE__ */ jsx(StyledItem, {
+	const renderButton = (showActions, skipActionsWidthTransition = false) => /* @__PURE__ */ jsx(StyledItem, {
 		insideWrapper: withWrapper,
 		showActions,
+		skipActionsWidthTransition,
 		actions: actions ? true : void 0,
 		...mergeProps(rest, actionProps),
 		"aria-pressed": ariaPressed,
@@ -75,7 +76,7 @@ const ItemButton = forwardRef(function ItemButton(allProps, ref) {
 		autoHideActions,
 		disableActionsFocus,
 		isDisabled: finalIsDisabled,
-		children: ({ showActions: showActions_0 }) => renderButton(showActions_0)
+		children: ({ showActions: showActions_0, skipActionsWidthTransition: skipActionsWidthTransition_0 }) => renderButton(showActions_0, skipActionsWidthTransition_0)
 	});
 	return renderButton(false);
 });

package/dist/components/actions/ItemButton/ItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemButton.js","names":["FocusableRef","PressEvent","Styles","tasty","forwardRef","HTMLAttributes","ReactNode","useMemo","useRef","useEvent","mergeProps","mergeRefs","useDismissParentPopover","CubeItemProps","Item","ItemBadge","CubeItemActionProps","ItemAction","ItemActionsWrapper","CubeUseActionProps","useAction","CubeItemButtonProps","Omit","actions","size","wrapperStyles","actionsProps","HTMLDivElement","StyledItem","as","type","theme","styles","recipe","placeContent","ItemButton","allProps","ref","HTMLElement","mods","to","htmlType","onPress","onPressStart","_onPressStart","onPressEnd","_onPressEnd","onPressChange","_onPressChange","onPressUp","_onPressUp","autoHideActions","disableActionsFocus","isDisabled","isLoading","rest","finalIsDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","combinedRef","hasHadActions","undefined","withWrapper","ariaPressed","isSelected","role","renderButton","showActions","_ItemButton","Object","assign","Action","Badge","ItemButtonProps","ItemActionProps"],"sources":["../../../../src/components/actions/ItemButton/ItemButton.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, ReactNode, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport {\n  mergeProps,\n  mergeRefs,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { ItemBadge } from '../../content/ItemBadge';\nimport { CubeItemActionProps, ItemAction } from '../ItemAction';\nimport { ItemActionsWrapper } from '../ItemActionsWrapper';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemButtonProps\n  extends Omit<CubeItemProps, 'size'>,\n    Omit<CubeUseActionProps, 'as'> {\n  /**\n   * The row's trailing controls, rendered beside the button rather than inside\n   * it. Pass `null` to keep an empty run — the row reserves no space for it, and\n   * the button is not remounted when the actions arrive later.\n   */\n  actions?: ReactNode;\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  wrapperStyles?: Styles;\n  /**\n   * Extra props spread on the actions run's container, e.g. event handlers.\n   * Only meaningful together with `actions`.\n   */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst StyledItem = tasty(Item, {\n  as: 'button',\n  type: 'item',\n  theme: 'default',\n  styles: {\n    recipe: 'reset button',\n    placeContent: 'center stretch',\n  },\n});\n\nconst ItemButton = forwardRef(function ItemButton(\n  allProps: CubeItemButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    mods,\n    to,\n    htmlType,\n    as,\n    type = 'item',\n    theme = 'default',\n    onPress,\n    // Extract react-aria press callbacks to prevent them from leaking to DOM via rest.\n    // These are handled by useButton inside useAction.\n    onPressStart: _onPressStart,\n    onPressEnd: _onPressEnd,\n    onPressChange: _onPressChange,\n    onPressUp: _onPressUp,\n    actions,\n    actionsProps,\n    size = 'medium',\n    wrapperStyles,\n    autoHideActions = false,\n    disableActionsFocus = false,\n    isDisabled,\n    isLoading = false,\n    ...rest\n  } = allProps as CubeItemButtonProps & {\n    as?: 'a' | 'button' | 'div' | 'span';\n  };\n\n  // Loading state makes the component disabled (same logic as Item)\n  const finalIsDisabled =\n    isDisabled === true || (isLoading && isDisabled !== false);\n\n  // Default: pressing an ItemButton inside an open popover closes that\n  // popover. Opt-outs: `data-popover-trigger` on self (applied by\n  // FilterPicker / Picker / Select / MenuTrigger for their own triggers) and\n  // `data-popover-keep` on self or any ancestor. Modals don't subscribe.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    onPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep]')) return;\n    dismissParentPopover(el);\n  });\n\n  const { actionProps } = useAction(\n    {\n      ...(allProps as any),\n      htmlType,\n      to,\n      as,\n      mods,\n      isDisabled: finalIsDisabled,\n      onPress: wrappedOnPress,\n    },\n    ref,\n  );\n\n  // Merge the useAction-supplied ref with our internal ref so the dismiss\n  // wrapper can read the rendered DOM node at press time.\n  const combinedRef = useMemo(\n    () => mergeRefs(actionProps.ref as any, buttonElementRef),\n    [actionProps.ref],\n  );\n\n  // Once a row has had actions it keeps the wrapper, even after they go away.\n  // Adding or removing a DOM level around the button remounts it — losing focus,\n  // any running transition, and the element every ref in the tree is holding —\n  // and a row whose actions come and go with a permission or a loading flag\n  // would do that on every flip. The empty run costs nothing: it publishes a\n  // width of 0, so the row reserves no space for it.\n  //\n  // `null` is how a caller asks for the run up front — \"there is a run here, it\n  // just has nothing in it right now\" — so a row that knows its actions are\n  // coming never has to remount to receive them. Only `undefined` means the row\n  // has no run at all.\n  const hasHadActions = useRef(false);\n\n  if (actions !== undefined) {\n    hasHadActions.current = true;\n  }\n\n  const withWrapper = hasHadActions.current;\n\n  // `isSelected` on a button is a toggle state, so it reads as `aria-pressed`,\n  // as `Button` does. Skipped on a link (`to`), for a call site's own `role` (a\n  // tab or option wants `aria-selected`), and on a trigger that reports\n  // `aria-expanded`, which is its state instead. An explicit value still wins.\n  //\n  // Set after the spread: `useButton` always returns an `aria-pressed` key,\n  // undefined when the caller passed none, which would overwrite it.\n  const ariaPressed =\n    allProps['aria-pressed'] ??\n    (allProps.isSelected != null &&\n    actionProps.as !== 'a' &&\n    allProps.role == null &&\n    allProps['aria-expanded'] == null\n      ? allProps.isSelected\n      : undefined);\n\n  const renderButton = (showActions: boolean) => (\n    <StyledItem\n      // Two different questions. `insideWrapper` is \"am I laid out for a\n      // sibling run\", which stays true so the DOM does not restructure;\n      // `actions` is \"is there anything in that run to reserve width for\",\n      // which must go back to false when the run empties — it drives the\n      // two-square minimum width and the suffix's padding, and a row that\n      // reserved space for nothing would sit wider than it needs to.\n      insideWrapper={withWrapper}\n      showActions={showActions}\n      actions={actions ? true : undefined}\n      {...(mergeProps(rest, actionProps) as any)}\n      aria-pressed={ariaPressed}\n      ref={combinedRef}\n      data-popover-dismiss=\"\"\n      htmlType={actionProps.type}\n      type={type}\n      theme={theme}\n      size={size}\n      isLoading={isLoading}\n      isDisabled={isDisabled}\n    />\n  );\n\n  if (withWrapper) {\n    return (\n      <ItemActionsWrapper\n        type={type}\n        theme={theme}\n        size={size as CubeItemProps['size']}\n        mods={mods}\n        styles={wrapperStyles}\n        actions={actions}\n        actionsProps={actionsProps}\n        autoHideActions={autoHideActions}\n        disableActionsFocus={disableActionsFocus}\n        isDisabled={finalIsDisabled}\n      >\n        {({ showActions }) => renderButton(showActions)}\n      </ItemActionsWrapper>\n    );\n  }\n\n  return renderButton(false);\n});\n\nconst _ItemButton = Object.assign(ItemButton, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n});\n\nexport { _ItemButton as ItemButton };\nexport type {\n  CubeItemButtonProps as ItemButtonProps,\n  CubeItemActionProps as ItemActionProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAM4B,aAAazB,MAAMW,OAAM;CAC7Be,IAAI;CACJC,MAAM;CACNC,OAAO;CACPC,QAAQ;EACNC,QAAQ;EACRC,cAAc;EAChB;CACD,CAAC;AAEF,MAAMC,aAAa/B,WAAW,SAAS+B,WACrCC,UACAC,KACA;CACA,MAAM,EACJE,MACAC,IACAC,UACAZ,IACAC,OAAO,QACPC,QAAQ,WACRW,SAGAC,cAAcC,eACdC,YAAYC,aACZC,eAAeC,gBACfC,WAAWC,YACX3B,SACAG,cACAF,OAAO,UACPC,eACA0B,kBAAkB,OAClBC,sBAAsB,OACtBC,YACAC,YAAY,OACZ,GAAGC,SACDnB;CAKJ,MAAMoB,kBACJH,eAAe,QAASC,aAAaD,eAAe;CAMtD,MAAMI,uBAAuB7C,yBAAyB;CACtD,MAAM8C,mBAAmBlD,OAA2B,KAAK;CAEzD,MAAMmD,iBAAiBlD,UAAUmD,MAAkB;AACjDlB,YAAUkB,EAAE;EACZ,MAAMC,KAAKH,iBAAiBI;AAC5B,MAAI,CAACD,GAAI;AACT,MAAIA,GAAGE,aAAa,uBAAuB,CAAE;AAC7C,MAAIF,GAAGG,QAAQ,sBAAsB,CAAE;AACvCP,uBAAqBI,GAAG;GACxB;CAEF,MAAM,EAAEI,gBAAgB7C,UACtB;EACE,GAAIgB;EACJK;EACAD;EACAX;EACAU;EACAc,YAAYG;EACZd,SAASiB;EACV,EACDtB,IACD;CAID,MAAM6B,cAAc3D,cACZI,UAAUsD,YAAY5B,KAAYqB,iBAAiB,EACzD,CAACO,YAAY5B,IACf,CAAC;CAaD,MAAM8B,gBAAgB3D,OAAO,MAAM;AAEnC,KAAIe,YAAY6C,OACdD,eAAcL,UAAU;CAG1B,MAAMO,cAAcF,cAAcL;CASlC,MAAMQ,cACJlC,SAAS,oBACRA,SAASmC,cAAc,QACxBN,YAAYpC,OAAO,OACnBO,SAASoC,QAAQ,QACjBpC,SAAS,oBAAoB,OACzBA,SAASmC,aACTH;CAEN,MAAMK,gBAAgBC,gBACpB,oBAAC;EAOC,eAAeL;EACFK;EACb,SAASnD,UAAU,OAAO6C;EAC1B,GAAK1D,WAAW6C,MAAMU,YAAY;EAClC,gBAAcK;EACd,KAAKJ;EACL,wBAAqB;EACrB,UAAUD,YAAYnC;EAChBA;EACCC;EACDP;EACK8B;EACCD;GAEf;AAED,KAAIgB,YACF,QACE,oBAAC;EACOvC;EACCC;EACDP;EACAe;EACN,QAAQd;EACCF;EACKG;EACGyB;EACIC;EACrB,YAAYI;aAEV,EAAEkB,aAAAA,oBAAkBD,aAAaC,cAAY;GAC5B;AAIzB,QAAOD,aAAa,MAAM;EAC1B;AAEF,MAAME,cAAcC,OAAOC,OAAO1C,YAAY;CAC5C2C,QAAQ7D;CACR8D,OAAOhE;CACR,CAAC"}
+{"version":3,"file":"ItemButton.js","names":["FocusableRef","PressEvent","Styles","tasty","forwardRef","HTMLAttributes","ReactNode","useMemo","useRef","useEvent","mergeProps","mergeRefs","useDismissParentPopover","CubeItemProps","Item","ItemBadge","CubeItemActionProps","ItemAction","ItemActionsWrapper","CubeUseActionProps","useAction","CubeItemButtonProps","Omit","actions","size","wrapperStyles","actionsProps","HTMLDivElement","StyledItem","as","type","theme","styles","recipe","placeContent","ItemButton","allProps","ref","HTMLElement","mods","to","htmlType","onPress","onPressStart","_onPressStart","onPressEnd","_onPressEnd","onPressChange","_onPressChange","onPressUp","_onPressUp","autoHideActions","disableActionsFocus","isDisabled","isLoading","rest","finalIsDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","combinedRef","hasHadActions","undefined","withWrapper","ariaPressed","isSelected","role","renderButton","showActions","skipActionsWidthTransition","_ItemButton","Object","assign","Action","Badge","ItemButtonProps","ItemActionProps"],"sources":["../../../../src/components/actions/ItemButton/ItemButton.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, ReactNode, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport {\n  mergeProps,\n  mergeRefs,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { ItemBadge } from '../../content/ItemBadge';\nimport { CubeItemActionProps, ItemAction } from '../ItemAction';\nimport { ItemActionsWrapper } from '../ItemActionsWrapper';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemButtonProps\n  extends Omit<CubeItemProps, 'size'>,\n    Omit<CubeUseActionProps, 'as'> {\n  /**\n   * The row's trailing controls, rendered beside the button rather than inside\n   * it. Pass `null` to keep an empty run — the row reserves no space for it, and\n   * the button is not remounted when the actions arrive later.\n   */\n  actions?: ReactNode;\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  wrapperStyles?: Styles;\n  /**\n   * Extra props spread on the actions run's container, e.g. event handlers.\n   * Only meaningful together with `actions`.\n   */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst StyledItem = tasty(Item, {\n  as: 'button',\n  type: 'item',\n  theme: 'default',\n  styles: {\n    recipe: 'reset button',\n    placeContent: 'center stretch',\n  },\n});\n\nconst ItemButton = forwardRef(function ItemButton(\n  allProps: CubeItemButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    mods,\n    to,\n    htmlType,\n    as,\n    type = 'item',\n    theme = 'default',\n    onPress,\n    // Extract react-aria press callbacks to prevent them from leaking to DOM via rest.\n    // These are handled by useButton inside useAction.\n    onPressStart: _onPressStart,\n    onPressEnd: _onPressEnd,\n    onPressChange: _onPressChange,\n    onPressUp: _onPressUp,\n    actions,\n    actionsProps,\n    size = 'medium',\n    wrapperStyles,\n    autoHideActions = false,\n    disableActionsFocus = false,\n    isDisabled,\n    isLoading = false,\n    ...rest\n  } = allProps as CubeItemButtonProps & {\n    as?: 'a' | 'button' | 'div' | 'span';\n  };\n\n  // Loading state makes the component disabled (same logic as Item)\n  const finalIsDisabled =\n    isDisabled === true || (isLoading && isDisabled !== false);\n\n  // Default: pressing an ItemButton inside an open popover closes that\n  // popover. Opt-outs: `data-popover-trigger` on self (applied by\n  // FilterPicker / Picker / Select / MenuTrigger for their own triggers) and\n  // `data-popover-keep` on self or any ancestor. Modals don't subscribe.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    onPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep]')) return;\n    dismissParentPopover(el);\n  });\n\n  const { actionProps } = useAction(\n    {\n      ...(allProps as any),\n      htmlType,\n      to,\n      as,\n      mods,\n      isDisabled: finalIsDisabled,\n      onPress: wrappedOnPress,\n    },\n    ref,\n  );\n\n  // Merge the useAction-supplied ref with our internal ref so the dismiss\n  // wrapper can read the rendered DOM node at press time.\n  const combinedRef = useMemo(\n    () => mergeRefs(actionProps.ref as any, buttonElementRef),\n    [actionProps.ref],\n  );\n\n  // Once a row has had actions it keeps the wrapper, even after they go away.\n  // Adding or removing a DOM level around the button remounts it — losing focus,\n  // any running transition, and the element every ref in the tree is holding —\n  // and a row whose actions come and go with a permission or a loading flag\n  // would do that on every flip. The empty run costs nothing: it publishes a\n  // width of 0, so the row reserves no space for it.\n  //\n  // `null` is how a caller asks for the run up front — \"there is a run here, it\n  // just has nothing in it right now\" — so a row that knows its actions are\n  // coming never has to remount to receive them. Only `undefined` means the row\n  // has no run at all.\n  const hasHadActions = useRef(false);\n\n  if (actions !== undefined) {\n    hasHadActions.current = true;\n  }\n\n  const withWrapper = hasHadActions.current;\n\n  // `isSelected` on a button is a toggle state, so it reads as `aria-pressed`,\n  // as `Button` does. Skipped on a link (`to`), for a call site's own `role` (a\n  // tab or option wants `aria-selected`), and on a trigger that reports\n  // `aria-expanded`, which is its state instead. An explicit value still wins.\n  //\n  // Set after the spread: `useButton` always returns an `aria-pressed` key,\n  // undefined when the caller passed none, which would overwrite it.\n  const ariaPressed =\n    allProps['aria-pressed'] ??\n    (allProps.isSelected != null &&\n    actionProps.as !== 'a' &&\n    allProps.role == null &&\n    allProps['aria-expanded'] == null\n      ? allProps.isSelected\n      : undefined);\n\n  const renderButton = (\n    showActions: boolean,\n    skipActionsWidthTransition = false,\n  ) => (\n    <StyledItem\n      // Two different questions. `insideWrapper` is \"am I laid out for a\n      // sibling run\", which stays true so the DOM does not restructure;\n      // `actions` is \"is there anything in that run to reserve width for\",\n      // which must go back to false when the run empties — it drives the\n      // two-square minimum width and the suffix's padding, and a row that\n      // reserved space for nothing would sit wider than it needs to.\n      insideWrapper={withWrapper}\n      showActions={showActions}\n      skipActionsWidthTransition={skipActionsWidthTransition}\n      actions={actions ? true : undefined}\n      {...(mergeProps(rest, actionProps) as any)}\n      aria-pressed={ariaPressed}\n      ref={combinedRef}\n      data-popover-dismiss=\"\"\n      htmlType={actionProps.type}\n      type={type}\n      theme={theme}\n      size={size}\n      isLoading={isLoading}\n      isDisabled={isDisabled}\n    />\n  );\n\n  if (withWrapper) {\n    return (\n      <ItemActionsWrapper\n        type={type}\n        theme={theme}\n        size={size as CubeItemProps['size']}\n        mods={mods}\n        styles={wrapperStyles}\n        actions={actions}\n        actionsProps={actionsProps}\n        autoHideActions={autoHideActions}\n        disableActionsFocus={disableActionsFocus}\n        isDisabled={finalIsDisabled}\n      >\n        {({ showActions, skipActionsWidthTransition }) =>\n          renderButton(showActions, skipActionsWidthTransition)\n        }\n      </ItemActionsWrapper>\n    );\n  }\n\n  return renderButton(false);\n});\n\nconst _ItemButton = Object.assign(ItemButton, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n});\n\nexport { _ItemButton as ItemButton };\nexport type {\n  CubeItemButtonProps as ItemButtonProps,\n  CubeItemActionProps as ItemActionProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAM4B,aAAazB,MAAMW,OAAM;CAC7Be,IAAI;CACJC,MAAM;CACNC,OAAO;CACPC,QAAQ;EACNC,QAAQ;EACRC,cAAc;EAChB;CACD,CAAC;AAEF,MAAMC,aAAa/B,WAAW,SAAS+B,WACrCC,UACAC,KACA;CACA,MAAM,EACJE,MACAC,IACAC,UACAZ,IACAC,OAAO,QACPC,QAAQ,WACRW,SAGAC,cAAcC,eACdC,YAAYC,aACZC,eAAeC,gBACfC,WAAWC,YACX3B,SACAG,cACAF,OAAO,UACPC,eACA0B,kBAAkB,OAClBC,sBAAsB,OACtBC,YACAC,YAAY,OACZ,GAAGC,SACDnB;CAKJ,MAAMoB,kBACJH,eAAe,QAASC,aAAaD,eAAe;CAMtD,MAAMI,uBAAuB7C,yBAAyB;CACtD,MAAM8C,mBAAmBlD,OAA2B,KAAK;CAEzD,MAAMmD,iBAAiBlD,UAAUmD,MAAkB;AACjDlB,YAAUkB,EAAE;EACZ,MAAMC,KAAKH,iBAAiBI;AAC5B,MAAI,CAACD,GAAI;AACT,MAAIA,GAAGE,aAAa,uBAAuB,CAAE;AAC7C,MAAIF,GAAGG,QAAQ,sBAAsB,CAAE;AACvCP,uBAAqBI,GAAG;GACxB;CAEF,MAAM,EAAEI,gBAAgB7C,UACtB;EACE,GAAIgB;EACJK;EACAD;EACAX;EACAU;EACAc,YAAYG;EACZd,SAASiB;EACV,EACDtB,IACD;CAID,MAAM6B,cAAc3D,cACZI,UAAUsD,YAAY5B,KAAYqB,iBAAiB,EACzD,CAACO,YAAY5B,IACf,CAAC;CAaD,MAAM8B,gBAAgB3D,OAAO,MAAM;AAEnC,KAAIe,YAAY6C,OACdD,eAAcL,UAAU;CAG1B,MAAMO,cAAcF,cAAcL;CASlC,MAAMQ,cACJlC,SAAS,oBACRA,SAASmC,cAAc,QACxBN,YAAYpC,OAAO,OACnBO,SAASoC,QAAQ,QACjBpC,SAAS,oBAAoB,OACzBA,SAASmC,aACTH;CAEN,MAAMK,gBACJC,aACAC,6BAA6B,UAE7B,oBAAC;EAOC,eAAeN;EACFK;EACeC;EAC5B,SAASpD,UAAU,OAAO6C;EAC1B,GAAK1D,WAAW6C,MAAMU,YAAY;EAClC,gBAAcK;EACd,KAAKJ;EACL,wBAAqB;EACrB,UAAUD,YAAYnC;EAChBA;EACCC;EACDP;EACK8B;EACCD;GAEf;AAED,KAAIgB,YACF,QACE,oBAAC;EACOvC;EACCC;EACDP;EACAe;EACN,QAAQd;EACCF;EACKG;EACGyB;EACIC;EACrB,YAAYI;aAEV,EAAEkB,aAAAA,eAAaC,4BAAAA,mCACfF,aAAaC,eAAaC,6BAC5B;GACmB;AAIzB,QAAOF,aAAa,MAAM;EAC1B;AAEF,MAAMG,cAAcC,OAAOC,OAAO3C,YAAY;CAC5C4C,QAAQ9D;CACR+D,OAAOjE;CACR,CAAC"}

package/dist/components/actions/Link/Link.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.1 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/actions/Menu/Menu.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.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

package/dist/components/actions/Menu/MenuItem.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.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Menu/MenuSection.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.1 | Cube Dev Team */
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";
 import { c } from "react-compiler-runtime";

package/dist/components/actions/Menu/MenuTrigger.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.1 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/actions/Menu/SubMenuTrigger.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.1 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.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.1 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

package/dist/components/actions/Menu/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.1 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

package/dist/components/actions/Menu/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.1 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/actions-run.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.1 | Cube Dev Team */
 //#region src/components/actions/actions-run.ts
 /**
 * Whether `element` — the node react-aria hands an overlay's dismiss predicate

package/dist/components/actions/index.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.1 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-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.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

package/dist/components/actions/use-anchored-menu.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.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/actions/use-context-menu.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.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/content/ActiveZone/ActiveZone.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.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/content/Alert/Alert.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.1 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Alert/use-alert.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.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Avatar/Avatar.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.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Badge/Badge.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.1 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Card/Card.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.1 | 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.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.1 | 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.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/CopySnippet/CopySnippet.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.1 | Cube Dev Team */
 import { _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.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.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.1 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Footer.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.1 | 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.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.1 | 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.185.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

package/dist/components/content/InfoBadge/InfoBadge.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.1 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/InlineInput/InlineInput.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.1 | Cube Dev Team */
 import { extractStyles } 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

@@ -73,6 +73,13 @@ interface CubeItemProps extends BaseProps, ContainerStyleProps {
    * @default false
    */
   showActions?: boolean;
+  /**
+   * When true and insideWrapper is true, the width reserved for the actions
+   * run changes without animating. The wrapper sets it while it publishes the
+   * width it measured on mount.
+   * @default false
+   */
+  skipActionsWidthTransition?: boolean;
   /**
    * When true, preserves the actions width when hidden (only changes opacity).
    * Only applies when autoHideActions is true.