@cube-dev/ui-kit 0.138.4 → 0.138.5

package/dist/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cube-dev/ui-kit
 
+## 0.138.5
+
+### Patch Changes
+
+- [#1176](https://github.com/cube-js/cube-ui-kit/pull/1176) [`80a44921`](https://github.com/cube-js/cube-ui-kit/commit/80a449217e1b44350a50e05990ab1b0c3c7e524c) Thanks [@tenphi](https://github.com/tenphi)! - `Tabs`: keep the inline rename input mounted when triggered from the tab menu. Previously the Menu popover's `<FocusScope restoreFocus>` would yank focus back to the trigger as soon as the menu started closing, fire `InlineInput`'s `submitOnBlur`, and unmount the input the user just opened — so clicking "Rename" appeared to do nothing.
+
+  `InlineInput` now ignores blurs that happen within ~500ms of a programmatic `startEditing()` call (cleared on the first user keystroke). `TabButton` also retries focusing the input across the menu's exit transition as a belt-and-suspenders defense.
+
+- [#1174](https://github.com/cube-js/cube-ui-kit/pull/1174) [`6aa0a511`](https://github.com/cube-js/cube-ui-kit/commit/6aa0a511f37131d26b38c702603c13c264e9d7b0) Thanks [@tenphi](https://github.com/tenphi)! - Add a new `#surface-4` neutral token and use it as the container background for radio-style tabs.
+
+  This updates both `Tabs` and `RadioGroup` tabs mode to the new surface depth and registers the token in type and editor token metadata.
+
 ## 0.138.4
 
 ### Patch Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CLEAR_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { ItemActionProvider } from "../ItemActionContext.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext } from "./context.js";

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { DEFAULT_NEUTRAL_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { generateRandomId } from "../../utils/random.js";

package/dist/components/actions/use-context-menu.js

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

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

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

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

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.5 | 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";
@@ -113,6 +113,7 @@ const STYLE_PROPS = [
 	...OUTER_STYLES,
 	...COLOR_STYLES
 ];
+const PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;
 /**
 * Inline editable text. Renders the value as inline content by default and
 * swaps to an auto-sizing text input when entering edit mode.
@@ -138,6 +139,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	const [draft, setDraft] = useState(value);
 	const [inputWidth, setInputWidth] = useState(null);
 	const submitTokenRef = useRef(0);
+	const programmaticEditStartRef = useRef(null);
 	const isEditingRef = useRef(isEditing);
 	useLayoutEffect(() => {
 		isEditingRef.current = isEditing;
@@ -158,6 +160,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		const next = trimOnSubmit ? rawValue.trim() : rawValue;
 		if (!next && !allowEmpty) {
 			isEditingRef.current = false;
+			programmaticEditStartRef.current = null;
 			setIsEditing(false);
 			onCancel?.();
 			return;
@@ -165,6 +168,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		const token = ++submitTokenRef.current;
 		if (isControlled) setOptimisticValue(next);
 		isEditingRef.current = false;
+		programmaticEditStartRef.current = null;
 		setValue(next);
 		setIsEditing(false);
 		const result = onSubmit?.(next);
@@ -175,6 +179,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	const cancel = useEvent(() => {
 		if (!isEditingRef.current) return;
 		isEditingRef.current = false;
+		programmaticEditStartRef.current = null;
 		setIsEditing(false);
 		onCancel?.();
 	});
@@ -196,6 +201,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		placeholder
 	]);
 	const handleKeyDown = useEvent((e) => {
+		programmaticEditStartRef.current = null;
 		if (e.key === "Enter") {
 			e.preventDefault();
 			commit(draft);
@@ -209,6 +215,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === " " || e.key === "Delete" || e.key === "Backspace") e.stopPropagation();
 	});
 	const handleInputChange = useEvent((e) => {
+		programmaticEditStartRef.current = null;
 		setDraft(e.target.value);
 	});
 	const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();
@@ -216,6 +223,16 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		isDisabled: !isEditing,
 		onBlurWithin: () => {
 			if (!submitOnBlur) return;
+			const startedAt = programmaticEditStartRef.current;
+			if (startedAt != null && Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS && isEditingRef.current) {
+				requestAnimationFrame(() => {
+					if (isEditingRef.current) {
+						inputRef.current?.focus();
+						inputRef.current?.select();
+					}
+				});
+				return;
+			}
 			commit(draft);
 		}
 	});
@@ -237,7 +254,11 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		}
 	});
 	useImperativeHandle(ref, () => ({
-		startEditing: () => enterEditing(),
+		startEditing: () => {
+			const wasEditing = isEditingRef.current;
+			enterEditing();
+			if (!wasEditing && isEditingRef.current) programmaticEditStartRef.current = Date.now();
+		},
 		stopEditing: (submit = true) => {
 			if (!isEditingRef.current) return;
 			if (submit) commit(draft);