@cube-dev/ui-kit 0.136.1 → 0.137.0

package/dist/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @cube-dev/ui-kit
 
+## 0.137.0
+
+### Minor Changes
+
+- [#1158](https://github.com/cube-js/cube-ui-kit/pull/1158) [`8088e59c`](https://github.com/cube-js/cube-ui-kit/commit/8088e59cb08bada245dc4273717badbb2febb015) Thanks [@tenphi](https://github.com/tenphi)! - **InlineInput**: new top-level component for inline-editable text, plus internal refactor of `Tabs` to use it.
+
+  - `InlineInput` is a reusable inline-editing primitive. It inherits typography/color from its parent so it drops into headings, paragraphs, tab titles, table cells, etc. without style customization. Value and `isEditing` can each be controlled or uncontrolled.
+  - Activation modes via `editTrigger`: `'dblclick'` (default), `'click'`, or `'none'` (programmatic only). The imperative ref exposes `startEditing()`, `stopEditing(submit?)`, `focus()`, and `getValue()` and works regardless of `editTrigger`.
+  - Deterministic focus flow: focus is taken via `FocusScope autoFocus restoreFocus={false}`, blur is detected via `useFocusWithin` (not a manual `onBlur` + RAF guard). Tests / Playwright can drive `dblclick → type → blur` without waiting on frames.
+  - Optimistic display: when controlled and the parent updates `value` asynchronously, the just-committed value is shown immediately to avoid flicker.
+  - Async save with auto-rollback: `onSubmit` may return a `Promise`. On rejection the component reverts its optimistic value back to the actual `value` prop. A token guard prevents stale rejections from clobbering newer commits.
+
+  `Tabs` now uses `InlineInput` internally for editable tab titles (no behaviour change for consumers — F2, double-click, "rename" menu, blur-to-submit, escape-to-cancel all work as before). The internal `EditableTitle` component and its `chainRaf` / multi-RAF focus dance are gone, which removes the race conditions that previously made the editing flow hard to drive deterministically.
+
 ## 0.136.1
 
 ### Patch Changes

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";
@@ -53,14 +53,14 @@ configure({
 		},
 		"input-autofill": {
 			"@autofill": ":-webkit-autofill | :autofill",
-			appearance: { "@autofill | (@autofill & :hover) | (@autofill & :focus)": "none" },
+			appearance: { "@autofill": "none" },
 			"-webkit-text-fill-color": {
 				"": "currentColor",
-				"@autofill | (@autofill & :hover) | (@autofill & :focus)": "#primary"
+				"@autofill": "#primary"
 			},
-			caretColor: { "@autofill | (@autofill & :hover) | (@autofill & :focus)": "#primary" },
-			shadow: { "@autofill | (@autofill & :hover) | (@autofill & :focus)": "0 0 0 9999rem #surface inset" },
-			preset: { "@autofill | (@autofill & :hover) | (@autofill & :focus)": "inherit" },
+			caretColor: { "@autofill": "#primary" },
+			shadow: { "@autofill": "0 0 0 9999rem #surface inset" },
+			preset: { "@autofill": "inherit" },
 			"-webkit-opacity": {
 				"": false,
 				"[disabled]": "1"

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nconfigure({\n  colorSpace: 'rgb',\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      caretColor: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      shadow: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)':\n          '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    ...props\n  } = allProps;\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <Provider navigation={navigation} root={rootRef}>\n      <TrackingProvider event={tracking?.event}>\n        <RootElement\n          ref={ref}\n          data-tasty={VERSION}\n          data-font-display={fontDisplay}\n          {...filterBaseProps(props, { eventProps: true })}\n          styles={styles}\n          style={{\n            '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n            ...style,\n          }}\n          tokens={tokens}\n        >\n          <GlobalStyles\n            bodyStyles={bodyStyles}\n            publicUrl={publicUrl}\n            fonts={fonts}\n            font={font}\n            monospaceFont={monospaceFont}\n            fontDisplay={fontDisplay}\n          />\n          <ModalProvider>\n            <PortalProvider value={ref}>\n              <EventBusProvider>\n                <OverlayProvider>\n                  <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n                </OverlayProvider>\n              </EventBusProvider>\n            </PortalProvider>\n          </ModalProvider>\n        </RootElement>\n      </TrackingProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,2DAA2D,QAC5D;GACD,2BAA2B;IACzB,IAAI;IACJ,2DAA2D;IAC5D;GACD,YAAY,EACV,2DAA2D,YAC5D;GACD,QAAQ,EACN,2DACE,gCACH;GACD,QAAQ,EACN,2DAA2D,WAC5D;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}
+{"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nconfigure({\n  colorSpace: 'rgb',\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary',\n      },\n      caretColor: {\n        '@autofill': '#primary',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    ...props\n  } = allProps;\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <Provider navigation={navigation} root={rootRef}>\n      <TrackingProvider event={tracking?.event}>\n        <RootElement\n          ref={ref}\n          data-tasty={VERSION}\n          data-font-display={fontDisplay}\n          {...filterBaseProps(props, { eventProps: true })}\n          styles={styles}\n          style={{\n            '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n            ...style,\n          }}\n          tokens={tokens}\n        >\n          <GlobalStyles\n            bodyStyles={bodyStyles}\n            publicUrl={publicUrl}\n            fonts={fonts}\n            font={font}\n            monospaceFont={monospaceFont}\n            fontDisplay={fontDisplay}\n          />\n          <ModalProvider>\n            <PortalProvider value={ref}>\n              <EventBusProvider>\n                <OverlayProvider>\n                  <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n                </OverlayProvider>\n              </EventBusProvider>\n            </PortalProvider>\n          </ModalProvider>\n        </RootElement>\n      </TrackingProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,YACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { generateRandomId } from "../../../utils/random.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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.d.ts

@@ -0,0 +1,84 @@
+
+import { BaseProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/content/InlineInput/InlineInput.d.ts
+type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';
+interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {
+  /** Controlled value. When provided, the component is controlled. */
+  value?: string;
+  /** Initial value for uncontrolled usage. */
+  defaultValue?: string;
+  /**
+   * Fires on commit *only when the value actually changed*. Use this to update
+   * external state. Pair with `value` for the controlled pattern.
+   */
+  onChange?: (value: string) => void;
+  /** Controlled editing state. When provided, the editing state is controlled. */
+  isEditing?: boolean;
+  /** Default editing state for uncontrolled usage. */
+  defaultIsEditing?: boolean;
+  /** Called when editing mode starts or ends. */
+  onEditingChange?: (isEditing: boolean) => void;
+  /**
+   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),
+   * even if the value did not change. Use for side effects like analytics or
+   * "save" toasts. For state updates, prefer `onChange`.
+   *
+   * May return a Promise. If the returned Promise **rejects**, the component
+   * automatically reverts its optimistic display to the actual `value` prop —
+   * this gives async-save flows free rollback on failure (in controlled mode).
+   */
+  onSubmit?: (value: string) => void | Promise<unknown>;
+  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */
+  onCancel?: () => void;
+  /** How edit mode is activated from the display element. Default: `'dblclick'`. */
+  editTrigger?: CubeInlineInputEditTrigger;
+  /** Whether to submit when focus leaves the input. Default: `true`. */
+  submitOnBlur?: boolean;
+  /** Whether to trim the value on submit. Default: `true`. */
+  trimOnSubmit?: boolean;
+  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */
+  allowEmpty?: boolean;
+  /** When true, edit mode cannot be entered (programmatically or otherwise). */
+  isDisabled?: boolean;
+  /** When true, edit mode cannot be entered, but the display reads as enabled. */
+  isReadOnly?: boolean;
+  /** Placeholder text shown in the input when the draft is empty. */
+  placeholder?: string;
+  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */
+  renderDisplay?: (value: string) => ReactNode;
+  /** ARIA label for the input (used when no visible label is associated). */
+  'aria-label'?: string;
+  /** ARIA labelledby for the input. */
+  'aria-labelledby'?: string;
+  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */
+  inputStyles?: Styles;
+}
+interface CubeInlineInputRef {
+  /** Programmatically enter edit mode. */
+  startEditing(): void;
+  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */
+  stopEditing(submit?: boolean): void;
+  /** Focus the underlying element (input when editing, root span otherwise). */
+  focus(): void;
+  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */
+  getValue(): string;
+}
+/**
+ * Inline editable text. Renders the value as inline content by default and
+ * swaps to an auto-sizing text input when entering edit mode.
+ *
+ * Designed to drop into any text context (tab title, heading, paragraph,
+ * table cell) without style customization: typography, color, and font family
+ * are all inherited from the parent.
+ *
+ * Value and `isEditing` can each be controlled or uncontrolled independently.
+ * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)
+ * works regardless of `editTrigger`.
+ */
+declare const InlineInput: react.ForwardRefExoticComponent<CubeInlineInputProps & react.RefAttributes<CubeInlineInputRef>>;
+//#endregion
+export { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput };
+//# sourceMappingURL=InlineInput.d.ts.map