@cube-dev/ui-kit 0.0.0-canary-b27726c → 0.0.0-canary-ffc66c6

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { useEventBus } from "./useEventBus.js";
 import { useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-b27726c";
+const VERSION = "0.0.0-canary-ffc66c6";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	window.CubeUIKit = window.CubeUIKit || { version };

package/docs/components/content/InlineInput.md

@@ -31,6 +31,7 @@ Unlike `TextInput`, `InlineInput` is intentionally **not** a form field. It mana
 - **`onSubmit`** `(value: string) => void` — Fires every commit (Enter / submit-on-blur / `ref.stopEditing(true)`), even when the value did not change. Use for side effects (analytics, save toasts).
 - **`onCancel`** `() => void` — Called when editing is cancelled (Escape or empty submit when `allowEmpty` is `false`).
 - **`editTrigger`** `'dblclick' | 'click' | 'none'` (default: `dblclick`) — How edit mode is activated from the display element. Programmatic entry via `ref.startEditing()` works regardless.
+- **`keyboardActivation`** `boolean` (default: `true`) — When `true`, the display element is keyboard-focusable (`tabIndex=0`, `role="button"`) and responds to `Enter`, `F2` and `Space` to enter edit mode. Set to `false` when the host already owns keyboard activation (e.g. an editable tab inside a `<button>`) — exposing the display as a separate tab stop would otherwise nest focus inside the host.
 - **`submitOnBlur`** `boolean` (default: `true`) — Whether to submit when focus leaves the input.
 - **`trimOnSubmit`** `boolean` (default: `true`) — Whether to trim the value on submit.
 - **`allowEmpty`** `boolean` (default: `false`) — When `false`, submitting an empty/whitespace value cancels instead.
@@ -207,10 +208,29 @@ To always show a custom tooltip (regardless of overflow), pass a string. To disa
 
 The truncation behaviour is automatically disabled while editing so the input is never visually clipped while the user types.
 
+### Keyboard Activation
+
+By default the display element is keyboard-focusable (`tabIndex=0`, `role="button"`, `aria-roledescription="editable text"`). Pressing `Enter`, `F2` or `Space` enters edit mode without requiring a pointer.
+
+When `InlineInput` is embedded in a host that already owns keyboard activation (e.g. `Tabs` — each tab is a `<button>` that listens for `F2` itself), pass `keyboardActivation={false}` to avoid creating a nested tab stop inside the host. The imperative `ref.startEditing()` always works regardless of this setting.
+
+```jsx
+<InlineInput defaultValue="Press Enter to edit" />
+
+<InlineInput keyboardActivation={false} defaultValue="Host owns the keyboard" />
+```
+
 ## Accessibility
 
 ### Keyboard Navigation
 
+**Display mode** (when `keyboardActivation` is `true`):
+
+- `Tab` — Moves focus to the value
+- `Enter`, `F2`, `Space` — Enter edit mode
+
+**Edit mode**:
+
 - `Enter` — Commit the current draft
 - `Escape` — Cancel and revert to the previous value
 - `Tab` / focus loss — Commits when `submitOnBlur` is `true` (default), otherwise no-op
@@ -218,8 +238,10 @@ The truncation behaviour is automatically disabled while editing so the input is
 
 ### ARIA Properties
 
-- **`aria-label`** — Provide a label when the input has no visible label associated. Recommended in all cases.
-- **`aria-labelledby`** — Reference the id of a visible label element.
+- The display element receives `role="button"` and `aria-roledescription="editable text"` when keyboard-focusable, so screen readers announce that the value can be activated for editing.
+- **`aria-label`** — Provide a label when the value alone doesn't convey purpose. Forwarded to both the display element (when focusable) and the inner input. Recommended in all cases.
+- **`aria-labelledby`** — Reference the id of a visible label element. Forwarded the same way.
+- **`aria-disabled`** / **`aria-readonly`** — Set automatically from `isDisabled` / `isReadOnly`.
 
 ### Focus Management
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-b27726c",
+  "version": "0.0.0-canary-ffc66c6",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {