@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/content/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","HeaderElement","qa","as","styles","display","gridArea","flow","boxSizing","CubeHeaderProps","Header","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst HeaderElement = tasty({\n  qa: 'Header',\n  as: 'header',\n  styles: {\n    display: 'block',\n    gridArea: 'header',\n    flow: 'column',\n    boxSizing: 'border-box',\n  },\n});\n\nexport interface CubeHeaderProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Header = forwardRef(function Header(props: CubeHeaderProps, ref) {\n  props = useSlotProps(props, 'header');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <HeaderElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,gBAAgBP,MAAM;CAC1BQ,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,WAAW;EACb;CACD,CAAC;AAOF,MAAaE,SAASb,WAAW,SAAAa,OAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAC/BH,SAAQb,aAAaa,OAAO,SAAS;CAAhC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAAhB,cAAcY,OAAOX,WAAW;AAAAa,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAT,SAAeW;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAAvB,gBAAgBkB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAT,UAAAS,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAa,GACRF;GACCJ;GACGR;IACR;AAAAS,IAAA,KAAAD;AAAAC,IAAA,KAAAT;AAAAS,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}
+{"version":3,"file":"Header.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","HeaderElement","qa","as","styles","display","gridArea","flow","boxSizing","CubeHeaderProps","Header","props","ref","$","_c","t0","t1","eventProps","t2","_c"],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst HeaderElement = tasty({\n  qa: 'Header',\n  as: 'header',\n  styles: {\n    display: 'block',\n    gridArea: 'header',\n    flow: 'column',\n    boxSizing: 'border-box',\n  },\n});\n\nexport interface CubeHeaderProps\n  extends BaseProps, ContainerStyleProps, TextStyleProps {}\n\nexport const Header = forwardRef(function Header(props: CubeHeaderProps, ref) {\n  props = useSlotProps(props, 'header');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <HeaderElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,WAAW;AAEvD,MAAMM,gBAAgBP,MAAM;CAC1BQ,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,WAAW;CACb;AACF,CAAC;AAKD,MAAaE,SAASb,WAAW,SAAAa,OAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAC/BH,QAAQb,aAAaa,OAAO,QAAQ;CAA/B,IAAAI;CAAA,IAAAF,EAAA,OAAAF,OAAA;EAEUI,KAAAhB,cAAcY,OAAOX,UAAU;EAACa,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA/C,MAAAT,SAAeW;CAAiC,IAAAC;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAIxCK,KAAAvB,gBAAgBkB,OAAO,EAAAM,YAAc,KAAK,CAAC;EAACJ,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAT,UAAAS,EAAA,OAAAG,IAAA;EADlDE,KAAA,oBAAC,eAAD;GAAc,GACRF;GACCJ;GACGR;EAAM,CAAA;EACdS,EAAA,KAAAD;EAAAC,EAAA,KAAAT;EAAAS,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAJFK;AAIE,CAEL"}

package/dist/components/content/HotKeys/HotKeys.d.ts

@@ -1,9 +1,7 @@
 
 import { BasePropsWithoutChildren, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/HotKeys/HotKeys.d.ts
-interface CubeHotKeysProps extends BasePropsWithoutChildren, ContainerStyleProps {
+export interface CubeHotKeysProps extends BasePropsWithoutChildren, ContainerStyleProps {
   /**
    * Key combinations, such as `"mod+k, ctrl+k"`. An array of text, which
    * `<Trans>` passes to a component slot, is joined into one string first.
@@ -11,7 +9,7 @@ interface CubeHotKeysProps extends BasePropsWithoutChildren, ContainerStyleProps
   children?: string | readonly (string | number)[];
   type?: 'default' | 'primary' | 'inherit';
 }
-declare const _HotKeys: react.ForwardRefExoticComponent<CubeHotKeysProps & react.RefAttributes<unknown>>;
+declare const _HotKeys: import("react").ForwardRefExoticComponent<CubeHotKeysProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubeHotKeysProps, _HotKeys };
+export { _HotKeys as HotKeys };
 //# sourceMappingURL=HotKeys.d.ts.map

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

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { _Text } from "../Text.js";
+import { Text as _Text } from "../Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";
 import { Space } from "../../layout/Space.js";
@@ -8,7 +8,6 @@ import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { Children, Fragment, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/content/HotKeys/HotKeys.tsx
 const StyledHotKeys = tasty(Space, {
 	qa: "HotKeys",
@@ -129,7 +128,7 @@ function HotKeys(props, ref) {
 }
 const _HotKeys = forwardRef(HotKeys);
 _HotKeys.displayName = "HotKeys";
-
 //#endregion
-export { _HotKeys };
+export { _HotKeys as HotKeys };
+
 //# sourceMappingURL=HotKeys.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HotKeys.js","names":["BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","Children","forwardRef","Fragment","useI18n","useKeySymbols","extractStyles","Space","Text","StyledHotKeys","qa","role","styles","display","flow","gap","placeSelf","KeyElement","as","placeContent","placeItems","radius","preset","boxSizing","width","height","textAlign","whiteSpace","padding","color","fill","border","CubeHotKeysProps","children","type","HotKeys","props","ref","$","_c","otherProps","t","t0","toArray","join","parsedKeys","T0","t1","t2","t3","eventProps","labelable","t4","t5","keyGroup","groupIndex","index","map","key","keyIndex","_HotKeys","displayName"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { Children, forwardRef, Fragment } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps {\n  /**\n   * Key combinations, such as `\"mod+k, ctrl+k\"`. An array of text, which\n   * `<Trans>` passes to a component slot, is joined into one string first.\n   */\n  children?: string | readonly (string | number)[];\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children, type, ...otherProps } = props;\n  const { t } = useI18n();\n  const parsedKeys = useKeySymbols(Children.toArray(children).join(''));\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      aria-label={t('hotKeys.ariaLabel', 'Keyboard shortcuts')}\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              {t('hotKeys.or', 'or')}\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={t('hotKeys.combination', 'Key combination {{index}}', {\n              index: groupIndex + 1,\n            })}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={t('hotKeys.key', 'Key {{key}}', { key })}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":"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"}
+{"version":3,"file":"HotKeys.js","names":["BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","Children","forwardRef","Fragment","useI18n","useKeySymbols","extractStyles","Space","Text","StyledHotKeys","qa","role","styles","display","flow","gap","placeSelf","KeyElement","as","placeContent","placeItems","radius","preset","boxSizing","width","height","textAlign","whiteSpace","padding","color","fill","border","CubeHotKeysProps","children","type","HotKeys","props","ref","$","_c","otherProps","t","t0","toArray","join","parsedKeys","T0","t1","t2","t3","eventProps","labelable","t4","t5","keyGroup","groupIndex","index","map","key","keyIndex","_HotKeys","displayName","_c","Text"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { Children, forwardRef, Fragment } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren, ContainerStyleProps {\n  /**\n   * Key combinations, such as `\"mod+k, ctrl+k\"`. An array of text, which\n   * `<Trans>` passes to a component slot, is joined into one string first.\n   */\n  children?: string | readonly (string | number)[];\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children, type, ...otherProps } = props;\n  const { t } = useI18n();\n  const parsedKeys = useKeySymbols(Children.toArray(children).join(''));\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      aria-label={t('hotKeys.ariaLabel', 'Keyboard shortcuts')}\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              {t('hotKeys.or', 'or')}\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={t('hotKeys.combination', 'Key combination {{index}}', {\n              index: groupIndex + 1,\n            })}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={t('hotKeys.key', 'Key {{key}}', { key })}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":"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"}

package/dist/components/content/HotKeys/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeHotKeysProps, _HotKeys } from "./HotKeys.js";
+import { CubeHotKeysProps, HotKeys as _HotKeys } from "./HotKeys.js";
+export { type CubeHotKeysProps, _HotKeys as HotKeys };

package/dist/components/content/InfoBadge/InfoBadge.d.ts

@@ -2,12 +2,10 @@
 import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CubeUseActionProps } from "../../actions/use-action.js";
 import { BaseProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/InfoBadge/InfoBadge.d.ts
-type CubeInfoBadgeTooltipConfig = Omit<CubeTooltipProviderProps, 'children'>;
-interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<CubeUseActionProps, 'to' | 'onPress' | 'navigationOptions' | 'target'>> {
+export type CubeInfoBadgeTooltipConfig = Omit<CubeTooltipProviderProps, 'children'>;
+export interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<CubeUseActionProps, 'to' | 'onPress' | 'navigationOptions' | 'target'>> {
   /**
    * Overrides the badge's accessible name.
    *
@@ -45,7 +43,7 @@ interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<C
  * An informational icon with a tooltip. Renders as a plain badge by default and
  * upgrades to a link / button when `to` or `onPress` is provided.
  */
-declare const InfoBadge: react.ForwardRefExoticComponent<CubeInfoBadgeProps & react.RefAttributes<HTMLElement>>;
+export declare const InfoBadge: import("react").ForwardRefExoticComponent<CubeInfoBadgeProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { CubeInfoBadgeProps, CubeInfoBadgeTooltipConfig, InfoBadge };
+export type { CubeInfoBadgeProps as InfoBadgeProps };
 //# sourceMappingURL=InfoBadge.d.ts.map

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
@@ -7,7 +7,6 @@ import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, isValidElement, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/content/InfoBadge/InfoBadge.tsx
 const SIZES = {
 	small: "2x",
@@ -168,7 +167,7 @@ const InfoBadge = forwardRef(function InfoBadge(allProps, ref) {
 		})
 	});
 });
-
 //#endregion
 export { InfoBadge };
+
 //# sourceMappingURL=InfoBadge.js.map

package/dist/components/content/InfoBadge/InfoBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBadge.js","names":["FocusableRefValue","BaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","isValidElement","KeyboardEvent","MouseEvent","PointerEvent","ReactNode","useCallback","useMemo","useWarn","useI18n","InfoCircleIcon","CubeItemActionProps","ItemAction","CubeUseActionProps","CubeTooltipProviderProps","ItemBadge","CubeInfoBadgeTooltipConfig","Omit","CubeInfoBadgeProps","Partial","Pick","label","tooltip","tooltipSuffix","icon","size","type","theme","isLoading","isDisabled","styles","SIZES","Record","NonNullable","small","medium","large","GUARD_HANDLERS","onClick","event","preventDefault","stopPropagation","onPointerDown","onMouseDown","onKeyDown","key","onKeyUp","GuardElement","as","display","sizeStyles","box","preset","height","width","margin","verticalAlign","Icon","INFO_STYLES","color","pressed","disabled","isTooltipConfig","value","Array","isArray","InfoBadge","allProps","ref","HTMLElement","t","to","onPress","navigationOptions","target","qa","rest","undefined","args","isInteractive","title","tooltipProps","suffix","finalTooltip","ariaLabel","finalStyles","actionRef","element","UNSAFE_getDOMNode","current","sharedProps","HTMLDivElement","InfoBadgeProps"],"sources":["../../../../src/components/content/InfoBadge/InfoBadge.tsx"],"sourcesContent":["import { FocusableRefValue } from '@react-types/shared';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeUseActionProps } from '../../actions/use-action';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { ItemBadge } from '../ItemBadge';\n\nexport type CubeInfoBadgeTooltipConfig = Omit<\n  CubeTooltipProviderProps,\n  'children'\n>;\n\nexport interface CubeInfoBadgeProps\n  extends Omit<BaseProps, 'children'>,\n    Partial<\n      Pick<\n        CubeUseActionProps,\n        'to' | 'onPress' | 'navigationOptions' | 'target'\n      >\n    > {\n  /**\n   * Overrides the badge's accessible name.\n   *\n   * @deprecated Use `aria-label`. It still overrides the name today.\n   */\n  label?: string;\n  /**\n   * Tooltip content. Either the content itself or a configuration object\n   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).\n   */\n  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;\n  /**\n   * Text appended to the tooltip content. Defaults to a \"learn more\" hint when\n   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an\n   * empty string to opt out.\n   */\n  tooltipSuffix?: ReactNode;\n  /** Icon to render. @default <InfoCircleIcon /> */\n  icon?: ReactNode;\n  /**\n   * Size of the badge. Every size still contributes exactly one line to the\n   * text around it, so the badge stays aligned with adjacent text.\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** @default \"clear\" */\n  type?: 'primary' | 'outline' | 'clear';\n  /** @default \"default\" */\n  theme?: 'default' | 'danger' | 'success';\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  styles?: Styles;\n}\n\nconst SIZES: Record<NonNullable<CubeInfoBadgeProps['size']>, string> = {\n  small: '2x',\n  medium: '2.5x',\n  large: '3x',\n};\n\n/**\n * The info badge is a leaf element that is often placed inside a bigger click\n * target: a field `<label>`, a switch row, a table header, a list item. Neither\n * the tooltip nor the optional navigation should ever activate that container,\n * so the events that would do so are contained here.\n *\n * The guard sits *above* the badge, so the badge's own handlers (including\n * `usePress`, which fires `onPress` from the `click` event) run first and stay\n * intact. `preventDefault` on click is what stops an enclosing `<label>` from\n * forwarding activation to its control — `stopPropagation` alone can't.\n *\n * `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a\n * press through document-level listeners for those events.\n */\nconst GUARD_HANDLERS = {\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onPointerDown: (event: PointerEvent) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent) => event.stopPropagation(),\n  onKeyDown: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n  onKeyUp: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n};\n\n/**\n * `display: contents` keeps the guard out of the layout entirely while staying\n * in the event path, so the badge remains a direct flex/grid/inline child of\n * whatever contains it.\n */\nconst GuardElement = tasty({\n  as: 'span',\n  styles: { display: 'contents' },\n});\n\n/**\n * Sizing the badge so it aligns with the text beside it.\n *\n * The box is a fixed square, but its *margin* box is padded (or trimmed, for\n * `large` in tight text) to exactly one line. An atomic inline's margin box is\n * what the line box measures, so `vertical-align: top` then lands the badge's\n * center on the line box center — where the adjacent text is optically\n * centered — at every size, in inline and block containers alike.\n *\n * `vertical-align: middle` can't do this: it aligns the box center with the\n * x-height midpoint, ~1.5px below the text center, and inflates the line box,\n * which pushes the badge down again inside a block container (a field's\n * `labelSuffix`, a paragraph).\n *\n * `preset: inherit` is what makes `1lh` mean the line the badge sits on. It\n * also keeps the glyph identical across render paths, since `ItemAction` pins\n * itself to the `t4` preset while `ItemBadge` inherits.\n */\nfunction sizeStyles(size: NonNullable<CubeInfoBadgeProps['size']>): Styles {\n  const box = SIZES[size];\n\n  return {\n    preset: 'inherit',\n    height: box,\n    width: box,\n    // Replaces the base first/last-child margin rules outright, so the badge\n    // doesn't reserve an `Item` action row's side padding as an outer margin.\n    margin: `((1lh - ${box}) / 2) 0`,\n    verticalAlign: 'top',\n    Icon: {\n      height: box,\n      width: box,\n      '$icon-size': `(${box} - .25x)`,\n    },\n  };\n}\n\n// Soft → strong on interaction, mirroring the link styles: the badge reads as a\n// quiet brand-colored hint at rest and gains contrast once it's engaged.\n//\n// A state map with a `''` entry replaces the variant's map outright, so the\n// disabled color has to be restated here (`@inherit` can't reach the variant —\n// it isn't the parent map in this merge) or a disabled badge would keep the\n// brand tint and still read as interactive.\nconst INFO_STYLES: Styles = {\n  color: {\n    '': '#primary-text-soft',\n    'hovered | focused': '#primary-text',\n    pressed: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n};\n\nfunction isTooltipConfig(\n  value: ReactNode | CubeInfoBadgeTooltipConfig,\n): value is CubeInfoBadgeTooltipConfig {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !isValidElement(value) &&\n    !Array.isArray(value)\n  );\n}\n\n/**\n * An informational icon with a tooltip. Renders as a plain badge by default and\n * upgrades to a link / button when `to` or `onPress` is provided.\n */\nexport const InfoBadge = forwardRef(function InfoBadge(\n  allProps: CubeInfoBadgeProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    tooltip,\n    tooltipSuffix,\n    icon = <InfoCircleIcon />,\n    size = 'medium',\n    type = 'clear',\n    theme = 'default',\n    to,\n    onPress,\n    navigationOptions,\n    target,\n    label,\n    qa = 'InfoBadge',\n    styles,\n    ...rest\n  } = allProps;\n\n  useWarn(label !== undefined, {\n    key: 'info-badge-label-deprecated',\n    args: [\n      'The \"label\" property of InfoBadge is deprecated. Use \"aria-label\" instead.',\n    ],\n  });\n\n  const isInteractive = to != null || onPress != null;\n\n  const { title, tooltipProps } = useMemo(() => {\n    if (isTooltipConfig(tooltip)) {\n      const { title, ...tooltipProps } = tooltip;\n\n      return { title, tooltipProps };\n    }\n\n    return { title: tooltip, tooltipProps: {} };\n  }, [tooltip]);\n\n  const suffix =\n    tooltipSuffix === undefined\n      ? isInteractive\n        ? t('infoBadge.learnMore', 'Click to learn more.')\n        : null\n      : tooltipSuffix;\n\n  const finalTooltip = useMemo(\n    () => ({\n      ...tooltipProps,\n      title: suffix ? (\n        <>\n          {title} {suffix}\n        </>\n      ) : (\n        title\n      ),\n    }),\n    [tooltipProps, title, suffix],\n  );\n\n  // The accessible name is the tooltip text itself when it's plain text. Rich\n  // tooltip content can't serve as a label, so fall back to a generic one.\n  const ariaLabel =\n    label ??\n    rest['aria-label'] ??\n    (typeof title === 'string'\n      ? title\n      : t('infoBadge.ariaLabel', 'More information'));\n\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        sizeStyles(size),\n        // Only the default look is brand-tinted; explicit themes and filled\n        // types bring their own colors.\n        theme === 'default' && type === 'clear' ? INFO_STYLES : null,\n        styles,\n      ),\n    [size, theme, type, styles],\n  );\n\n  // `ItemAction` exposes a react-spectrum focusable ref; unwrap it so that `ref`\n  // points at the DOM node whether or not the badge is interactive.\n  const actionRef = useCallback(\n    (value: FocusableRefValue<HTMLElement> | null) => {\n      const element = value ? value.UNSAFE_getDOMNode() : null;\n\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (ref) {\n        ref.current = element;\n      }\n    },\n    [ref],\n  );\n\n  const sharedProps = {\n    ...rest,\n    qa,\n    icon,\n    type,\n    theme,\n    styles: finalStyles,\n    'aria-label': ariaLabel,\n    tooltip: finalTooltip as CubeItemActionProps['tooltip'],\n  };\n\n  return (\n    <GuardElement {...GUARD_HANDLERS}>\n      {isInteractive ? (\n        <ItemAction\n          ref={actionRef}\n          to={to}\n          onPress={onPress}\n          navigationOptions={navigationOptions}\n          target={target}\n          {...sharedProps}\n        />\n      ) : (\n        <ItemBadge ref={ref as ForwardedRef<HTMLDivElement>} {...sharedProps} />\n      )}\n    </GuardElement>\n  );\n});\n\nexport type { CubeInfoBadgeProps as InfoBadgeProps };\n"],"mappings":"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"}
+{"version":3,"file":"InfoBadge.js","names":["FocusableRefValue","BaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","isValidElement","KeyboardEvent","MouseEvent","PointerEvent","ReactNode","useCallback","useMemo","useWarn","useI18n","InfoCircleIcon","CubeItemActionProps","ItemAction","CubeUseActionProps","CubeTooltipProviderProps","ItemBadge","CubeInfoBadgeTooltipConfig","Omit","CubeInfoBadgeProps","Partial","Pick","label","tooltip","tooltipSuffix","icon","size","type","theme","isLoading","isDisabled","styles","SIZES","Record","NonNullable","small","medium","large","GUARD_HANDLERS","onClick","event","preventDefault","stopPropagation","onPointerDown","onMouseDown","onKeyDown","key","onKeyUp","GuardElement","as","display","sizeStyles","box","preset","height","width","margin","verticalAlign","Icon","INFO_STYLES","color","pressed","disabled","isTooltipConfig","value","Array","isArray","InfoBadge","allProps","ref","HTMLElement","t","to","onPress","navigationOptions","target","qa","rest","undefined","args","isInteractive","title","tooltipProps","suffix","finalTooltip","ariaLabel","finalStyles","actionRef","element","UNSAFE_getDOMNode","current","sharedProps","HTMLDivElement","InfoBadgeProps"],"sources":["../../../../src/components/content/InfoBadge/InfoBadge.tsx"],"sourcesContent":["import { FocusableRefValue } from '@react-types/shared';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeUseActionProps } from '../../actions/use-action';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { ItemBadge } from '../ItemBadge';\n\nexport type CubeInfoBadgeTooltipConfig = Omit<\n  CubeTooltipProviderProps,\n  'children'\n>;\n\nexport interface CubeInfoBadgeProps\n  extends\n    Omit<BaseProps, 'children'>,\n    Partial<\n      Pick<\n        CubeUseActionProps,\n        'to' | 'onPress' | 'navigationOptions' | 'target'\n      >\n    > {\n  /**\n   * Overrides the badge's accessible name.\n   *\n   * @deprecated Use `aria-label`. It still overrides the name today.\n   */\n  label?: string;\n  /**\n   * Tooltip content. Either the content itself or a configuration object\n   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).\n   */\n  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;\n  /**\n   * Text appended to the tooltip content. Defaults to a \"learn more\" hint when\n   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an\n   * empty string to opt out.\n   */\n  tooltipSuffix?: ReactNode;\n  /** Icon to render. @default <InfoCircleIcon /> */\n  icon?: ReactNode;\n  /**\n   * Size of the badge. Every size still contributes exactly one line to the\n   * text around it, so the badge stays aligned with adjacent text.\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** @default \"clear\" */\n  type?: 'primary' | 'outline' | 'clear';\n  /** @default \"default\" */\n  theme?: 'default' | 'danger' | 'success';\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  styles?: Styles;\n}\n\nconst SIZES: Record<NonNullable<CubeInfoBadgeProps['size']>, string> = {\n  small: '2x',\n  medium: '2.5x',\n  large: '3x',\n};\n\n/**\n * The info badge is a leaf element that is often placed inside a bigger click\n * target: a field `<label>`, a switch row, a table header, a list item. Neither\n * the tooltip nor the optional navigation should ever activate that container,\n * so the events that would do so are contained here.\n *\n * The guard sits *above* the badge, so the badge's own handlers (including\n * `usePress`, which fires `onPress` from the `click` event) run first and stay\n * intact. `preventDefault` on click is what stops an enclosing `<label>` from\n * forwarding activation to its control — `stopPropagation` alone can't.\n *\n * `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a\n * press through document-level listeners for those events.\n */\nconst GUARD_HANDLERS = {\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onPointerDown: (event: PointerEvent) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent) => event.stopPropagation(),\n  onKeyDown: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n  onKeyUp: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n};\n\n/**\n * `display: contents` keeps the guard out of the layout entirely while staying\n * in the event path, so the badge remains a direct flex/grid/inline child of\n * whatever contains it.\n */\nconst GuardElement = tasty({\n  as: 'span',\n  styles: { display: 'contents' },\n});\n\n/**\n * Sizing the badge so it aligns with the text beside it.\n *\n * The box is a fixed square, but its *margin* box is padded (or trimmed, for\n * `large` in tight text) to exactly one line. An atomic inline's margin box is\n * what the line box measures, so `vertical-align: top` then lands the badge's\n * center on the line box center — where the adjacent text is optically\n * centered — at every size, in inline and block containers alike.\n *\n * `vertical-align: middle` can't do this: it aligns the box center with the\n * x-height midpoint, ~1.5px below the text center, and inflates the line box,\n * which pushes the badge down again inside a block container (a field's\n * `labelSuffix`, a paragraph).\n *\n * `preset: inherit` is what makes `1lh` mean the line the badge sits on. It\n * also keeps the glyph identical across render paths, since `ItemAction` pins\n * itself to the `t4` preset while `ItemBadge` inherits.\n */\nfunction sizeStyles(size: NonNullable<CubeInfoBadgeProps['size']>): Styles {\n  const box = SIZES[size];\n\n  return {\n    preset: 'inherit',\n    height: box,\n    width: box,\n    // Replaces the base first/last-child margin rules outright, so the badge\n    // doesn't reserve an `Item` action row's side padding as an outer margin.\n    margin: `((1lh - ${box}) / 2) 0`,\n    verticalAlign: 'top',\n    Icon: {\n      height: box,\n      width: box,\n      '$icon-size': `(${box} - .25x)`,\n    },\n  };\n}\n\n// Soft → strong on interaction, mirroring the link styles: the badge reads as a\n// quiet brand-colored hint at rest and gains contrast once it's engaged.\n//\n// A state map with a `''` entry replaces the variant's map outright, so the\n// disabled color has to be restated here (`@inherit` can't reach the variant —\n// it isn't the parent map in this merge) or a disabled badge would keep the\n// brand tint and still read as interactive.\nconst INFO_STYLES: Styles = {\n  color: {\n    '': '#primary-text-soft',\n    'hovered | focused': '#primary-text',\n    pressed: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n};\n\nfunction isTooltipConfig(\n  value: ReactNode | CubeInfoBadgeTooltipConfig,\n): value is CubeInfoBadgeTooltipConfig {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !isValidElement(value) &&\n    !Array.isArray(value)\n  );\n}\n\n/**\n * An informational icon with a tooltip. Renders as a plain badge by default and\n * upgrades to a link / button when `to` or `onPress` is provided.\n */\nexport const InfoBadge = forwardRef(function InfoBadge(\n  allProps: CubeInfoBadgeProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    tooltip,\n    tooltipSuffix,\n    icon = <InfoCircleIcon />,\n    size = 'medium',\n    type = 'clear',\n    theme = 'default',\n    to,\n    onPress,\n    navigationOptions,\n    target,\n    label,\n    qa = 'InfoBadge',\n    styles,\n    ...rest\n  } = allProps;\n\n  useWarn(label !== undefined, {\n    key: 'info-badge-label-deprecated',\n    args: [\n      'The \"label\" property of InfoBadge is deprecated. Use \"aria-label\" instead.',\n    ],\n  });\n\n  const isInteractive = to != null || onPress != null;\n\n  const { title, tooltipProps } = useMemo(() => {\n    if (isTooltipConfig(tooltip)) {\n      const { title, ...tooltipProps } = tooltip;\n\n      return { title, tooltipProps };\n    }\n\n    return { title: tooltip, tooltipProps: {} };\n  }, [tooltip]);\n\n  const suffix =\n    tooltipSuffix === undefined\n      ? isInteractive\n        ? t('infoBadge.learnMore', 'Click to learn more.')\n        : null\n      : tooltipSuffix;\n\n  const finalTooltip = useMemo(\n    () => ({\n      ...tooltipProps,\n      title: suffix ? (\n        <>\n          {title} {suffix}\n        </>\n      ) : (\n        title\n      ),\n    }),\n    [tooltipProps, title, suffix],\n  );\n\n  // The accessible name is the tooltip text itself when it's plain text. Rich\n  // tooltip content can't serve as a label, so fall back to a generic one.\n  const ariaLabel =\n    label ??\n    rest['aria-label'] ??\n    (typeof title === 'string'\n      ? title\n      : t('infoBadge.ariaLabel', 'More information'));\n\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        sizeStyles(size),\n        // Only the default look is brand-tinted; explicit themes and filled\n        // types bring their own colors.\n        theme === 'default' && type === 'clear' ? INFO_STYLES : null,\n        styles,\n      ),\n    [size, theme, type, styles],\n  );\n\n  // `ItemAction` exposes a react-spectrum focusable ref; unwrap it so that `ref`\n  // points at the DOM node whether or not the badge is interactive.\n  const actionRef = useCallback(\n    (value: FocusableRefValue<HTMLElement> | null) => {\n      const element = value ? value.UNSAFE_getDOMNode() : null;\n\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (ref) {\n        ref.current = element;\n      }\n    },\n    [ref],\n  );\n\n  const sharedProps = {\n    ...rest,\n    qa,\n    icon,\n    type,\n    theme,\n    styles: finalStyles,\n    'aria-label': ariaLabel,\n    tooltip: finalTooltip as CubeItemActionProps['tooltip'],\n  };\n\n  return (\n    <GuardElement {...GUARD_HANDLERS}>\n      {isInteractive ? (\n        <ItemAction\n          ref={actionRef}\n          to={to}\n          onPress={onPress}\n          navigationOptions={navigationOptions}\n          target={target}\n          {...sharedProps}\n        />\n      ) : (\n        <ItemBadge ref={ref as ForwardedRef<HTMLDivElement>} {...sharedProps} />\n      )}\n    </GuardElement>\n  );\n});\n\nexport type { CubeInfoBadgeProps as InfoBadgeProps };\n"],"mappings":"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"}

package/dist/components/content/InlineInput/InlineInput.d.ts

@@ -1,13 +1,11 @@
 
 import { AutoTooltipValue } from "../use-auto-tooltip.js";
 import { BaseProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
 import { PositionProps } from "react-aria";
-
 //#region src/components/content/InlineInput/InlineInput.d.ts
-type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';
-interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {
+export type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';
+export interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {
   /** Controlled value. When provided, the component is controlled. */
   value?: string;
   /** Initial value for uncontrolled usage. */
@@ -95,7 +93,7 @@ interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStylePro
   /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */
   inputStyles?: Styles;
 }
-interface CubeInlineInputRef {
+export interface CubeInlineInputRef {
   /** Programmatically enter edit mode. */
   startEditing(): void;
   /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */
@@ -117,7 +115,6 @@ interface CubeInlineInputRef {
  * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)
  * works regardless of `editTrigger`.
  */
-declare const InlineInput: react.ForwardRefExoticComponent<CubeInlineInputProps & react.RefAttributes<CubeInlineInputRef>>;
+export declare const InlineInput: import("react").ForwardRefExoticComponent<CubeInlineInputProps & import("react").RefAttributes<CubeInlineInputRef>>;
 //#endregion
-export { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput };
 //# sourceMappingURL=InlineInput.d.ts.map

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | 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";
@@ -9,7 +9,6 @@ import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, us
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FocusScope, useFocusRing, useFocusWithin } from "react-aria";
 import { useControlledState } from "@react-stately/utils";
-
 //#region src/components/content/InlineInput/InlineInput.tsx
 const InlineInputRoot = tasty({
 	as: "span",
@@ -510,13 +509,14 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	} else t36 = $[77];
 	const mods = t36;
 	const existingInput = stylesProp?.Input;
-	const extractedStyles = extractStyles(otherProps, STYLE_PROPS, inputStyles ? {
+	const mergedStyles = inputStyles ? {
 		...stylesProp,
 		Input: existingInput ? {
 			...existingInput,
 			...inputStyles
 		} : inputStyles
-	} : stylesProp);
+	} : stylesProp;
+	const extractedStyles = extractStyles(otherProps, STYLE_PROPS, mergedStyles);
 	const t37 = inputWidth != null ? `${inputWidth}px` : "auto";
 	let t38;
 	if ($[78] !== customTokens || $[79] !== t37) {
@@ -621,7 +621,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	return renderWithTooltip(renderRoot, tooltipPlacement);
 });
 function _temp() {}
-
 //#endregion
 export { InlineInput };
+
 //# sourceMappingURL=InlineInput.js.map

package/dist/components/content/InlineInput/InlineInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","names":["useControlledState","BaseProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","FocusScope","PositionProps","useFocusRing","useFocusWithin","useEvent","mergeProps","extractStyles","AutoTooltipValue","useAutoTooltip","ChangeEvent","HTMLAttributes","KeyboardEvent","MouseEvent","ReactNode","RefObject","CubeInlineInputEditTrigger","CubeInlineInputProps","value","defaultValue","onChange","isEditing","defaultIsEditing","onEditingChange","onSubmit","Promise","onCancel","editTrigger","keyboardActivation","submitOnBlur","trimOnSubmit","allowEmpty","isDisabled","isReadOnly","isStyled","placeholder","autoComplete","renderDisplay","tooltip","tooltipPlacement","inputStyles","CubeInlineInputRef","startEditing","stopEditing","submit","focus","getValue","InlineInputRoot","as","styles","display","alignItems","styled","verticalAlign","position","width","boxSizing","color","preset","cursor","fill","border","outline","outlineOffset","radius","focused","padding","height","transition","Display","whiteSpace","overflow","textOverflow","Input","recipe","textAlign","Measure","visibility","pointerEvents","Placeholder","STYLE_PROPS","PROGRAMMATIC_EDIT_BLUR_GRACE_MS","InlineInput","allProps","ref","$","_c","valueProp","isEditingProp","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","ariaLabel","ariaLabelledby","qa","qaVal","stylesProp","mods","customMods","tokens","customTokens","otherProps","undefined","isControlled","inputRef","measureRef","rootRef","setValue","setIsEditing","optimisticValue","setOptimisticValue","displayedValue","draft","setDraft","inputWidth","setInputWidth","isFocusWithin","setIsFocusWithin","ringSuppressed","setRingSuppressed","submitTokenRef","programmaticEditStartRef","pendingRestoreFocusRef","isEditingRef","t10","t11","current","t12","Symbol","for","t13","t14","enterEditing","t15","canRestoreFocus","t16","rawValue","t17","restoreFocus","next","trim","token","result","then","_temp","commit","t18","restoreFocus_0","cancel","t19","t20","t21","select","t22","t23","root","active","ownerDocument","activeElement","focusLost","body","contains","t24","measure","scrollWidth","t25","t26","e","key","preventDefault","stopPropagation","handleKeyDown","t27","e_0","target","handleInputChange","isFocusVisible","focusProps","focusRingProps","t28","within","t29","onFocusWithinChange","onBlurWithin","active_0","startedAt","Date","now","requestAnimationFrame","focusWithinProps","t30","e_1","handleDblClick","t31","e_2","handleClick","t32","e_3","handleRootKeyDown","t33","t34","wasEditing","t35","isEditable","showFocusRing","t36","editing","editable","disabled","empty","existingInput","mergedStyles","extractedStyles","t37","t38","t39","displayContent","baseProps","eventProps","t40","t41","children","labelRef","tooltipLabelRef","renderWithTooltip","wantsClick","wantsDblClick","wantsKeyboard","renderRoot","triggerProps","tooltipRef","handleRootRef","element","HTMLElement","handleDisplayRef","element_0","a11yProps","tabIndex","role","onDoubleClick","onClick","onKeyDown"],"sources":["../../../../src/components/content/InlineInput/InlineInput.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  FocusScope,\n  PositionProps,\n  useFocusRing,\n  useFocusWithin,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nimport type {\n  ChangeEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';\n\nexport interface CubeInlineInputProps\n  extends BaseProps,\n    BlockStyleProps,\n    OuterStyleProps,\n    ColorStyleProps {\n  /** Controlled value. When provided, the component is controlled. */\n  value?: string;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * Fires on commit *only when the value actually changed*. Use this to update\n   * external state. Pair with `value` for the controlled pattern.\n   */\n  onChange?: (value: string) => void;\n\n  /** Controlled editing state. When provided, the editing state is controlled. */\n  isEditing?: boolean;\n  /** Default editing state for uncontrolled usage. */\n  defaultIsEditing?: boolean;\n  /** Called when editing mode starts or ends. */\n  onEditingChange?: (isEditing: boolean) => void;\n\n  /**\n   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),\n   * even if the value did not change. Use for side effects like analytics or\n   * \"save\" toasts. For state updates, prefer `onChange`.\n   *\n   * May return a Promise. If the returned Promise **rejects**, the component\n   * automatically reverts its optimistic display to the actual `value` prop —\n   * this gives async-save flows free rollback on failure (in controlled mode).\n   */\n  onSubmit?: (value: string) => void | Promise<unknown>;\n  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */\n  onCancel?: () => void;\n\n  /** How edit mode is activated from the display element. Default: `'dblclick'`. */\n  editTrigger?: CubeInlineInputEditTrigger;\n  /**\n   * When true (default) the display element is keyboard-focusable and\n   * responds to `Enter`, `F2` and `Space` by entering edit mode. Set to\n   * `false` when a host (e.g. an editable tab inside a button) already\n   * routes keyboard activation through `ref.startEditing()` — exposing the\n   * display element as a separate tab stop would create a nested keyboard\n   * focus inside the host.\n   *\n   * @default true\n   */\n  keyboardActivation?: boolean;\n  /** Whether to submit when focus leaves the input. Default: `true`. */\n  submitOnBlur?: boolean;\n  /** Whether to trim the value on submit. Default: `true`. */\n  trimOnSubmit?: boolean;\n  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */\n  allowEmpty?: boolean;\n  /** When true, edit mode cannot be entered (programmatically or otherwise). */\n  isDisabled?: boolean;\n  /** When true, edit mode cannot be entered, but the display reads as enabled. */\n  isReadOnly?: boolean;\n\n  /**\n   * When true, applies a styled wrapper to the component (border, fill, padding,\n   * fixed height) so it visually matches a `TextInput`. Useful when swapping a\n   * field component (e.g. `Select`) for an `InlineInput` to rename / edit the\n   * current value without a visual jump.\n   *\n   * @default false\n   */\n  isStyled?: boolean;\n\n  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: string;\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */\n  renderDisplay?: (value: string) => ReactNode;\n  /** ARIA label for the input (used when no visible label is associated). */\n  'aria-label'?: string;\n  /** ARIA labelledby for the input. */\n  'aria-labelledby'?: string;\n\n  /**\n   * Tooltip behaviour for the display value:\n   * - `true` (default): auto-tooltip — show the full value when the text is truncated.\n   * - `false`: never show a tooltip.\n   * - `string`: always show this tooltip text.\n   * - object: full `TooltipProvider` configuration (with optional `auto`).\n   *\n   * The tooltip is automatically suppressed while editing and when `renderDisplay` is used.\n   */\n  tooltip?: AutoTooltipValue;\n  /** Default tooltip placement. @default 'top' */\n  tooltipPlacement?: PositionProps['placement'];\n\n  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */\n  inputStyles?: Styles;\n}\n\nexport interface CubeInlineInputRef {\n  /** Programmatically enter edit mode. */\n  startEditing(): void;\n  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */\n  stopEditing(submit?: boolean): void;\n  /** Focus the underlying element (input when editing, root span otherwise). */\n  focus(): void;\n  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */\n  getValue(): string;\n}\n\n// =============================================================================\n// Styled element\n// =============================================================================\n\nconst InlineInputRoot = tasty({\n  as: 'span',\n  styles: {\n    // `inline-flex` with `alignItems: baseline` is used (instead of\n    // `inline-block` + `overflow: hidden`) so the container's baseline comes\n    // from the first flex item's content baseline. With `inline-block` +\n    // `overflow: hidden`, the CSS spec forces the baseline to the bottom\n    // margin edge, which visibly shifts the text upward inside surrounding\n    // line boxes (notably inside Tabs' centered `Item.Label`).\n    display: 'inline-flex',\n    alignItems: {\n      '': 'baseline',\n      styled: 'center',\n    },\n    verticalAlign: {\n      '': 'baseline',\n      styled: 'middle',\n    },\n    position: 'relative',\n    width: 'initial 100%',\n    boxSizing: 'border-box',\n    color: {\n      '': 'inherit',\n      styled: '#dark-02',\n      'styled & disabled': '#dark.30',\n    },\n    preset: {\n      '': 'inherit',\n      styled: 't3',\n    },\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n    fill: {\n      '': '#clear',\n      styled: '#surface',\n      'styled & disabled': '#disabled-surface',\n    },\n    border: {\n      '': false,\n      styled: true,\n      'styled & focused': '#primary-text',\n      'styled & disabled': true,\n    },\n    // Focus ring. Shown when the display element is keyboard-focused\n    // (driven on the React side by `isFocusVisible`) and *always* while\n    // editing — so swapping into the input always presents a clear focus\n    // indicator regardless of how the user activated it (click vs keyboard).\n    // In `styled` mode the border colour transition is enough to indicate\n    // focus (matching `TextInput`'s visual), so the outline is suppressed.\n    // Outline doesn't take layout space and respects rounded corners via\n    // `outlineOffset`.\n    outline: {\n      '': '1bw #primary.0',\n      'focused & !styled': '1bw #primary',\n    },\n    outlineOffset: 1,\n    radius: {\n      '': 0,\n      focused: true,\n      styled: true,\n    },\n    padding: {\n      '': 0,\n      styled: '(.75x - 1bw) (1x - 1bw)',\n    },\n    height: {\n      '': 'auto',\n      styled: '$size-md',\n    },\n    transition: 'theme',\n\n    // Display flex item: owns the truncation (`overflow: hidden` here is a\n    // block-level rule that does *not* alter the parent's baseline, unlike\n    // an `inline-block` overflow rule).\n    Display: {\n      display: 'block',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: 'initial 100%',\n      preset: 'inherit',\n      color: 'inherit',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: '#clear',\n      textAlign: 'left',\n      // In `styled` mode the wrapper has a fixed size and we want the input\n      // to fill it (matches `TextInput`). In the default inline mode the\n      // input auto-sizes to its content via `$input-width`.\n      width: {\n        '': '1em $input-width 100%',\n        styled: '0 100% initial',\n      },\n      '&::placeholder': { recipe: 'input-placeholder' },\n    },\n\n    Measure: {\n      position: 'absolute',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      whiteSpace: 'pre',\n      preset: 'inherit',\n      height: 0,\n      overflow: 'hidden',\n    },\n\n    Placeholder: {\n      recipe: 'input-placeholder',\n      preset: 'inherit',\n    },\n  },\n});\n\nconst STYLE_PROPS = [...BLOCK_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// Grace window after a programmatic `startEditing()` during which a blur\n// re-focuses the input rather than committing. ~500ms covers the\n// Menu/Popover EXIT_DURATION (350ms in `Overlay.tsx`) with margin, since a\n// host that starts editing from a closing overlay is the case that needs the\n// widest window.\nconst PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Inline editable text. Renders the value as inline content by default and\n * swaps to an auto-sizing text input when entering edit mode.\n *\n * Designed to drop into any text context (tab title, heading, paragraph,\n * table cell) without style customization: typography, color, and font family\n * are all inherited from the parent.\n *\n * Value and `isEditing` can each be controlled or uncontrolled independently.\n * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)\n * works regardless of `editTrigger`.\n */\nexport const InlineInput = forwardRef<CubeInlineInputRef, CubeInlineInputProps>(\n  function InlineInput(allProps, ref) {\n    const {\n      value: valueProp,\n      defaultValue,\n      onChange,\n      isEditing: isEditingProp,\n      defaultIsEditing,\n      onEditingChange,\n      onSubmit,\n      onCancel,\n      editTrigger = 'dblclick',\n      keyboardActivation = true,\n      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isStyled = false,\n      placeholder,\n      autoComplete,\n      renderDisplay,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      qa,\n      qaVal,\n      styles: stylesProp,\n      inputStyles,\n      mods: customMods,\n      tokens: customTokens,\n      ...otherProps\n    } = allProps;\n\n    const isControlled = valueProp !== undefined;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const [value, setValue] = useControlledState<string>(\n      valueProp as string,\n      (defaultValue ?? '') as string,\n      onChange,\n    );\n\n    const [isEditing, setIsEditing] = useControlledState<boolean>(\n      isEditingProp as boolean,\n      (defaultIsEditing ?? false) as boolean,\n      onEditingChange,\n    );\n\n    // Optimistic value. Holds the just-committed value while we wait for the\n    // (potentially async) controlled parent to sync `value`. In uncontrolled\n    // mode `value` updates immediately so this stays null after each render.\n    const [optimisticValue, setOptimisticValue] = useState<string | null>(null);\n    const displayedValue = optimisticValue ?? value;\n\n    const [draft, setDraft] = useState<string>(value);\n    const [inputWidth, setInputWidth] = useState<number | null>(null);\n\n    // Reliable focus presence for the whole component, driven by\n    // `useFocusWithin` (which, unlike `useFocusRing`/`useFocus` on a bare\n    // span, has an element-removal fallback). Used to gate the display focus\n    // ring so it can never get stuck on after editing ends or after focus\n    // moves to another component.\n    const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n    // Suppresses the display focus ring for a single programmatic focus\n    // restore (when we return focus to the display span after a keyboard /\n    // programmatic edit-end). Reset whenever focus truly leaves the component\n    // so a later real keyboard Tab back shows the ring again.\n    const [ringSuppressed, setRingSuppressed] = useState(false);\n\n    // Token to invalidate in-flight onSubmit promises if a newer commit /\n    // re-entry happens before they settle.\n    const submitTokenRef = useRef(0);\n\n    // Timestamp of the most recent programmatic `startEditing()` call (via\n    // the imperative ref). Used to defeat a focus-theft race: something else\n    // takes focus in the same tick the input mounts, and the resulting blur\n    // would fire `submitOnBlur` and unmount the input the user just opened.\n    //\n    // The thief varies by host — a host's own focus restoration (`TabButton`\n    // re-focuses the tab button when editing ends), a collection's focus\n    // manager, or an overlay closing around the `startEditing()` call. It is\n    // NOT the closing `Menu` popover: `MenuTrigger` leaves focus alone once\n    // an action has moved it (see CUB-3962). The guard is host-agnostic on\n    // purpose — the imperative path cannot know who else wants focus.\n    //\n    // Cleared on first user interaction inside the input (`handleInputChange`\n    // / `handleKeyDown`) and on leaving editing mode, so any later blur\n    // commits normally.\n    const programmaticEditStartRef = useRef<number | null>(null);\n\n    // Set when an edit-end should return focus to the display span (keyboard\n    // Enter/Escape, imperative `stopEditing`). NOT set for submit-on-blur /\n    // tab-away, where focus has already moved elsewhere. Consumed by a layout\n    // effect after the display span re-mounts.\n    const pendingRestoreFocusRef = useRef(false);\n\n    // Synchronous mirror of `isEditing`. We need this because cancel/commit\n    // call user callbacks (`onCancel`/`onSubmit`) that may synchronously\n    // re-focus another element — that causes a synchronous blur on the\n    // input which would otherwise re-enter `commit` via `onBlurWithin` (the\n    // state update from `setIsEditing(false)` isn't committed yet, so the\n    // closure still sees `isEditing === true`).\n    //\n    // The ref is kept in sync via `useLayoutEffect` so concurrent renders\n    // that get thrown away don't leak a stale value into the next commit.\n    const isEditingRef = useRef(isEditing);\n\n    useLayoutEffect(() => {\n      isEditingRef.current = isEditing;\n    }, [isEditing]);\n\n    // Clear the optimistic value once `value` catches up or changes externally.\n    useEffect(() => {\n      setOptimisticValue(null);\n    }, [value]);\n\n    const enterEditing = useEvent(() => {\n      if (isDisabled || isReadOnly || isEditing) return;\n      // Invalidate any in-flight onSubmit promise — its outcome no longer\n      // matters because the user is about to commit a new value anyway.\n      submitTokenRef.current += 1;\n      isEditingRef.current = true;\n      // Start from the actual prop value, not optimistic — gives the user a\n      // way to recover if a previous commit was rejected by the parent.\n      setOptimisticValue(null);\n      setDraft(value);\n      setIsEditing(true);\n    });\n\n    // Whether an edit-end should return focus to the display span. Only when\n    // this component owns its own keyboard/focus story (standalone usage).\n    // Hosts that drive editing through `ref.startEditing()` with\n    // `keyboardActivation={false}` (e.g. `Tabs`) keep ownership of focus.\n    const canRestoreFocus = () =>\n      keyboardActivation &&\n      editTrigger !== 'none' &&\n      !isDisabled &&\n      !isReadOnly;\n\n    const commit = useEvent((rawValue: string, restoreFocus = true) => {\n      // Re-entry guard. `onSubmit`/`onCancel` may synchronously refocus and\n      // trigger another blur-driven commit before the state update lands.\n      if (!isEditingRef.current) return;\n\n      const next = trimOnSubmit ? rawValue.trim() : rawValue;\n\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n\n      if (!next && !allowEmpty) {\n        isEditingRef.current = false;\n        programmaticEditStartRef.current = null;\n        setIsEditing(false);\n        onCancel?.();\n\n        return;\n      }\n\n      const token = ++submitTokenRef.current;\n\n      if (isControlled) {\n        // Show the new value optimistically until the parent re-renders.\n        setOptimisticValue(next);\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setValue(next);\n      setIsEditing(false);\n\n      const result = onSubmit?.(next);\n      // If onSubmit returns a Promise that rejects, the parent is signalling\n      // a save failure — revert the optimistic value back to the actual prop.\n      // We guard with a token so a slow rejection doesn't clobber a newer\n      // commit's optimistic display.\n      if (\n        result != null &&\n        typeof (result as Promise<unknown>).then === 'function'\n      ) {\n        (result as Promise<unknown>).then(\n          () => {},\n          () => {\n            if (submitTokenRef.current === token && isControlled) {\n              setOptimisticValue(null);\n            }\n          },\n        );\n      }\n    });\n\n    const cancel = useEvent((restoreFocus = true) => {\n      if (!isEditingRef.current) return;\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setIsEditing(false);\n      onCancel?.();\n    });\n\n    // Keep draft in sync with the external value while NOT editing.\n    useEffect(() => {\n      if (!isEditing) setDraft(value);\n    }, [value, isEditing]);\n\n    // Select all text synchronously when entering edit mode.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      inputRef.current?.select();\n    }, [isEditing]);\n\n    // Return focus to the display span after a keyboard / programmatic\n    // edit-end so keyboard navigation continues from this control. The focus\n    // is programmatic (react-aria treats it as non-keyboard) and we set\n    // `ringSuppressed` so it does not draw a focus ring; a later real Tab to\n    // the element resets the suppression (see `onFocusWithinChange`).\n    //\n    // `onSubmit`/`onCancel` may synchronously move focus elsewhere. When the\n    // input unmounts, the browser drops focus to `<body>`, so we only restore\n    // focus to the display span when focus actually landed there (or nowhere).\n    // If a handler deliberately moved focus to another element, we leave it.\n    useLayoutEffect(() => {\n      if (isEditing || !pendingRestoreFocusRef.current) return;\n      pendingRestoreFocusRef.current = false;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const active = root.ownerDocument.activeElement;\n      const focusLost = !active || active === root.ownerDocument.body;\n      // A handler moved focus to a real element outside this control — respect\n      // it and don't pull focus back.\n      if (!focusLost && !root.contains(active)) return;\n\n      setRingSuppressed(true);\n      root.focus();\n    }, [isEditing]);\n\n    // Measure the draft so the input width follows the typed glyphs.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      const measure = measureRef.current;\n\n      if (!measure) return;\n      setInputWidth(measure.scrollWidth);\n    }, [isEditing, draft, placeholder]);\n\n    const handleKeyDown = useEvent((e: KeyboardEvent<HTMLInputElement>) => {\n      // User is interacting with the input — drop the post-`startEditing()`\n      // blur guard so a subsequent click-away commits normally.\n      programmaticEditStartRef.current = null;\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        commit(draft);\n\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel();\n\n        return;\n      }\n\n      // Prevent the host (e.g. Tabs) from intercepting text-editing keys.\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight' ||\n        e.key === ' ' ||\n        e.key === 'Delete' ||\n        e.key === 'Backspace'\n      ) {\n        e.stopPropagation();\n      }\n    });\n\n    const handleInputChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {\n      programmaticEditStartRef.current = null;\n      setDraft(e.target.value);\n    });\n\n    // Keyboard focus-visible modality (mouse vs keyboard). Used together with\n    // `isFocusWithin` to drive the display focus ring. We rely on\n    // `useFocusWithin` (below) for the *presence* of focus because, unlike\n    // `useFocusRing`/`useFocus` on a bare span, it has an element-removal\n    // fallback — so the ring can never get stuck on after the inner input is\n    // unmounted on edit-end or after focus moves away.\n    const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();\n\n    // Always enabled so it reliably reports focus presence in BOTH display\n    // and edit modes. The submit-on-blur logic is internally guarded by\n    // `isEditingRef`, so running `onBlurWithin` in display mode is a no-op.\n    const { focusWithinProps } = useFocusWithin({\n      onFocusWithinChange: (within) => {\n        setIsFocusWithin(within);\n        // Once focus truly leaves the component, clear the one-shot ring\n        // suppression so a later real keyboard Tab back shows the ring again.\n        if (!within) setRingSuppressed(false);\n      },\n      onBlurWithin: () => {\n        if (!isEditingRef.current) return;\n        if (!submitOnBlur) return;\n\n        // Spurious-blur guard. `useFocusWithin` fires a synthetic blur via its\n        // element-removal fallback when the display span unmounts as we enter\n        // edit mode (focus actually moved INTO the inner input). Ignore it if\n        // focus is in fact still within the component.\n        const active = rootRef.current?.ownerDocument.activeElement;\n        if (active && rootRef.current?.contains(active)) return;\n\n        // Grace-period guard against focus theft right after a programmatic\n        // `startEditing()` — see `programmaticEditStartRef` for who steals it.\n        // Re-focus the input on the next frame so the focus-stealing element\n        // finishes its own handler first, then we steal focus back. The guard\n        // is cleared on the first real user interaction with the input\n        // (keydown / input change) so subsequent click-aways commit normally.\n        const startedAt = programmaticEditStartRef.current;\n        if (\n          startedAt != null &&\n          Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS &&\n          isEditingRef.current\n        ) {\n          requestAnimationFrame(() => {\n            if (isEditingRef.current) {\n              inputRef.current?.focus();\n              inputRef.current?.select();\n            }\n          });\n\n          return;\n        }\n\n        // Focus has already moved elsewhere (tab-away / click-away), so do\n        // NOT pull it back to the display span.\n        commit(draft, false);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    // Keyboard activation from the display element (standalone usage).\n    // Hosts that own keyboard handling themselves should pass\n    // `keyboardActivation={false}` (see `TabButton` for an example).\n    const handleRootKeyDown = useEvent((e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.key === 'Enter' || e.key === 'F2' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        enterEditing();\n      }\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => {\n          // Arm the grace-period blur guard for the imperative path only.\n          // Pointer-triggered entries (dblclick / click) don't suffer from\n          // the focus-theft race that motivates this guard — the user's own\n          // press is what put focus here.\n          const wasEditing = isEditingRef.current;\n          enterEditing();\n          if (!wasEditing && isEditingRef.current) {\n            programmaticEditStartRef.current = Date.now();\n          }\n        },\n        stopEditing: (submit = true) => {\n          if (!isEditingRef.current) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditingRef.current) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    // `focused` controls the visible focus indicator on the root.\n    //\n    // While editing, the inner `<input>` always has focus (FocusScope\n    // `autoFocus`), so we show the focus indicator on the root regardless\n    // of how the user activated edit mode (click vs keyboard).\n    //\n    // In display mode we show the indicator only on keyboard focus\n    // (`isFocusVisible`) AND when focus is actually within the component\n    // (`isFocusWithin`) AND the display element is focusable (`isEditable`).\n    // The `isFocusWithin` gate is the key fix: it reliably drops to `false`\n    // on edit-end / tab-away (it has an element-removal fallback that\n    // `useFocusRing` lacks on a bare span), so the ring can never get stuck\n    // on. `ringSuppressed` hides the ring for a single programmatic focus\n    // restore after a keyboard / programmatic edit-end.\n    //\n    // When `keyboardActivation` is `false` the host (e.g. `Tabs`) owns the\n    // entire focus story for this control, so we suppress the focus ring\n    // entirely — including while editing — to avoid drawing a redundant\n    // indicator on top of the host's own focus ring.\n    const showFocusRing =\n      keyboardActivation &&\n      (isEditing ||\n        (isFocusVisible && isFocusWithin && isEditable && !ringSuppressed));\n\n    const mods = {\n      editing: isEditing,\n      editable: isEditable,\n      focused: showFocusRing,\n      disabled: isDisabled,\n      'read-only': isReadOnly,\n      styled: isStyled,\n      empty: !displayedValue,\n      ...customMods,\n    };\n\n    const existingInput = stylesProp?.Input as Styles | undefined;\n    const mergedStyles: Styles | undefined = inputStyles\n      ? {\n          ...stylesProp,\n          Input: existingInput\n            ? { ...existingInput, ...inputStyles }\n            : inputStyles,\n        }\n      : stylesProp;\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = {\n      ...customTokens,\n      '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n    };\n\n    // In display mode, render the placeholder when the value is empty so the\n    // component remains visible / clickable. Consumers using `renderDisplay`\n    // take full control and are responsible for handling empty values\n    // themselves.\n    const displayContent = renderDisplay\n      ? renderDisplay(displayedValue)\n      : displayedValue ||\n        (placeholder ? (\n          <span data-element=\"Placeholder\">{placeholder}</span>\n        ) : (\n          ''\n        ));\n\n    const baseProps = filterBaseProps(otherProps, { eventProps: true });\n\n    // Overflow detection / auto-tooltip. Suppressed while editing (the input\n    // owns the visible text and isn't truncated), and when the consumer\n    // provides `renderDisplay` (they own the display story and should attach\n    // their own tooltip if needed).\n    const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip: isEditing || renderDisplay ? false : tooltip,\n      children: displayedValue,\n    });\n\n    // Wire pointer/keyboard activators only when relevant. Hosts that drive\n    // editing through `ref.startEditing()` keep all of these `undefined` so\n    // they don't intercept their own keyboard / focus story.\n    const wantsClick = !isEditing && isEditable && editTrigger === 'click';\n    const wantsDblClick =\n      !isEditing && isEditable && editTrigger === 'dblclick';\n    const wantsKeyboard = !isEditing && isEditable && keyboardActivation;\n\n    const renderRoot = (\n      triggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      const handleRootRef = (element: HTMLSpanElement | null) => {\n        rootRef.current = element;\n        if (tooltipRef) {\n          (tooltipRef as { current: HTMLElement | null }).current = element;\n        }\n      };\n\n      // Overflow detection has to look at the truncating element, which is now\n      // the inner `Display` (the root is `inline-flex` and doesn't clip). The\n      // tooltip still anchors to the root via `tooltipRef` above.\n      const handleDisplayRef = (element: HTMLSpanElement | null) => {\n        tooltipLabelRef(element);\n      };\n\n      const a11yProps: HTMLAttributes<HTMLElement> = {};\n\n      if (wantsKeyboard) {\n        a11yProps.tabIndex = 0;\n        a11yProps.role = 'button';\n        a11yProps['aria-roledescription'] = 'editable text';\n        if (ariaLabel) a11yProps['aria-label'] = ariaLabel;\n        if (ariaLabelledby) a11yProps['aria-labelledby'] = ariaLabelledby;\n      }\n\n      if (isDisabled) a11yProps['aria-disabled'] = true;\n      if (isReadOnly) a11yProps['aria-readonly'] = true;\n\n      return (\n        <InlineInputRoot\n          ref={handleRootRef}\n          qa={qa ?? 'InlineInput'}\n          qaVal={qaVal}\n          mods={mods}\n          tokens={tokens}\n          styles={extractedStyles}\n          {...mergeProps(\n            baseProps,\n            focusWithinProps,\n            // Always attach focusRingProps so the hook sees the blur event\n            // when focus moves into the inner input on edit-mode entry. If\n            // we only attached them while `wantsKeyboard` is true, the hook\n            // would miss the blur (since `wantsKeyboard` flips to false the\n            // moment editing starts), leaving `isFocused` stale and the\n            // ring stuck on after editing ends. `useFocusRing` filters\n            // bubbled focus from descendants internally (`target ===\n            // currentTarget`), so spreading these on a non-focusable span\n            // is a no-op.\n            focusRingProps,\n            triggerProps ?? {},\n            {\n              onDoubleClick: wantsDblClick ? handleDblClick : undefined,\n              onClick: wantsClick ? handleClick : undefined,\n              onKeyDown: wantsKeyboard ? handleRootKeyDown : undefined,\n              ...a11yProps,\n            },\n          )}\n        >\n          {isEditing ? (\n            <FocusScope autoFocus restoreFocus={false} contain={false}>\n              <span ref={measureRef} data-element=\"Measure\" aria-hidden=\"true\">\n                {draft || placeholder || ' '}\n              </span>\n              <input\n                ref={inputRef}\n                data-element=\"Input\"\n                type=\"text\"\n                value={draft}\n                placeholder={placeholder}\n                autoComplete={autoComplete}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            <span ref={handleDisplayRef} data-element=\"Display\">\n              {displayContent}\n            </span>\n          )}\n        </InlineInputRoot>\n      );\n    };\n\n    return renderWithTooltip(renderRoot, tooltipPlacement);\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"InlineInput.js","names":["useControlledState","BaseProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","FocusScope","PositionProps","useFocusRing","useFocusWithin","useEvent","mergeProps","extractStyles","AutoTooltipValue","useAutoTooltip","ChangeEvent","HTMLAttributes","KeyboardEvent","MouseEvent","ReactNode","RefObject","CubeInlineInputEditTrigger","CubeInlineInputProps","value","defaultValue","onChange","isEditing","defaultIsEditing","onEditingChange","onSubmit","Promise","onCancel","editTrigger","keyboardActivation","submitOnBlur","trimOnSubmit","allowEmpty","isDisabled","isReadOnly","isStyled","placeholder","autoComplete","renderDisplay","tooltip","tooltipPlacement","inputStyles","CubeInlineInputRef","startEditing","stopEditing","submit","focus","getValue","InlineInputRoot","as","styles","display","alignItems","styled","verticalAlign","position","width","boxSizing","color","preset","cursor","fill","border","outline","outlineOffset","radius","focused","padding","height","transition","Display","whiteSpace","overflow","textOverflow","Input","recipe","textAlign","Measure","visibility","pointerEvents","Placeholder","STYLE_PROPS","PROGRAMMATIC_EDIT_BLUR_GRACE_MS","InlineInput","allProps","ref","$","_c","valueProp","isEditingProp","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","ariaLabel","ariaLabelledby","qa","qaVal","stylesProp","mods","customMods","tokens","customTokens","otherProps","undefined","isControlled","inputRef","measureRef","rootRef","setValue","setIsEditing","optimisticValue","setOptimisticValue","displayedValue","draft","setDraft","inputWidth","setInputWidth","isFocusWithin","setIsFocusWithin","ringSuppressed","setRingSuppressed","submitTokenRef","programmaticEditStartRef","pendingRestoreFocusRef","isEditingRef","t10","t11","current","t12","Symbol","for","t13","t14","enterEditing","t15","canRestoreFocus","t16","rawValue","t17","restoreFocus","next","trim","token","result","then","_temp","commit","t18","restoreFocus_0","cancel","t19","t20","t21","select","t22","t23","root","active","ownerDocument","activeElement","focusLost","body","contains","t24","measure","scrollWidth","t25","t26","e","key","preventDefault","stopPropagation","handleKeyDown","t27","e_0","target","handleInputChange","isFocusVisible","focusProps","focusRingProps","t28","within","t29","onFocusWithinChange","onBlurWithin","active_0","startedAt","Date","now","requestAnimationFrame","focusWithinProps","t30","e_1","handleDblClick","t31","e_2","handleClick","t32","e_3","handleRootKeyDown","t33","t34","wasEditing","t35","isEditable","showFocusRing","t36","editing","editable","disabled","empty","existingInput","mergedStyles","extractedStyles","t37","t38","t39","displayContent","baseProps","eventProps","t40","t41","children","labelRef","tooltipLabelRef","renderWithTooltip","wantsClick","wantsDblClick","wantsKeyboard","renderRoot","triggerProps","tooltipRef","handleRootRef","element","HTMLElement","handleDisplayRef","element_0","a11yProps","tabIndex","role","onDoubleClick","onClick","onKeyDown","_c","mergeProps"],"sources":["../../../../src/components/content/InlineInput/InlineInput.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  FocusScope,\n  PositionProps,\n  useFocusRing,\n  useFocusWithin,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nimport type {\n  ChangeEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';\n\nexport interface CubeInlineInputProps\n  extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {\n  /** Controlled value. When provided, the component is controlled. */\n  value?: string;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * Fires on commit *only when the value actually changed*. Use this to update\n   * external state. Pair with `value` for the controlled pattern.\n   */\n  onChange?: (value: string) => void;\n\n  /** Controlled editing state. When provided, the editing state is controlled. */\n  isEditing?: boolean;\n  /** Default editing state for uncontrolled usage. */\n  defaultIsEditing?: boolean;\n  /** Called when editing mode starts or ends. */\n  onEditingChange?: (isEditing: boolean) => void;\n\n  /**\n   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),\n   * even if the value did not change. Use for side effects like analytics or\n   * \"save\" toasts. For state updates, prefer `onChange`.\n   *\n   * May return a Promise. If the returned Promise **rejects**, the component\n   * automatically reverts its optimistic display to the actual `value` prop —\n   * this gives async-save flows free rollback on failure (in controlled mode).\n   */\n  onSubmit?: (value: string) => void | Promise<unknown>;\n  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */\n  onCancel?: () => void;\n\n  /** How edit mode is activated from the display element. Default: `'dblclick'`. */\n  editTrigger?: CubeInlineInputEditTrigger;\n  /**\n   * When true (default) the display element is keyboard-focusable and\n   * responds to `Enter`, `F2` and `Space` by entering edit mode. Set to\n   * `false` when a host (e.g. an editable tab inside a button) already\n   * routes keyboard activation through `ref.startEditing()` — exposing the\n   * display element as a separate tab stop would create a nested keyboard\n   * focus inside the host.\n   *\n   * @default true\n   */\n  keyboardActivation?: boolean;\n  /** Whether to submit when focus leaves the input. Default: `true`. */\n  submitOnBlur?: boolean;\n  /** Whether to trim the value on submit. Default: `true`. */\n  trimOnSubmit?: boolean;\n  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */\n  allowEmpty?: boolean;\n  /** When true, edit mode cannot be entered (programmatically or otherwise). */\n  isDisabled?: boolean;\n  /** When true, edit mode cannot be entered, but the display reads as enabled. */\n  isReadOnly?: boolean;\n\n  /**\n   * When true, applies a styled wrapper to the component (border, fill, padding,\n   * fixed height) so it visually matches a `TextInput`. Useful when swapping a\n   * field component (e.g. `Select`) for an `InlineInput` to rename / edit the\n   * current value without a visual jump.\n   *\n   * @default false\n   */\n  isStyled?: boolean;\n\n  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: string;\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */\n  renderDisplay?: (value: string) => ReactNode;\n  /** ARIA label for the input (used when no visible label is associated). */\n  'aria-label'?: string;\n  /** ARIA labelledby for the input. */\n  'aria-labelledby'?: string;\n\n  /**\n   * Tooltip behaviour for the display value:\n   * - `true` (default): auto-tooltip — show the full value when the text is truncated.\n   * - `false`: never show a tooltip.\n   * - `string`: always show this tooltip text.\n   * - object: full `TooltipProvider` configuration (with optional `auto`).\n   *\n   * The tooltip is automatically suppressed while editing and when `renderDisplay` is used.\n   */\n  tooltip?: AutoTooltipValue;\n  /** Default tooltip placement. @default 'top' */\n  tooltipPlacement?: PositionProps['placement'];\n\n  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */\n  inputStyles?: Styles;\n}\n\nexport interface CubeInlineInputRef {\n  /** Programmatically enter edit mode. */\n  startEditing(): void;\n  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */\n  stopEditing(submit?: boolean): void;\n  /** Focus the underlying element (input when editing, root span otherwise). */\n  focus(): void;\n  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */\n  getValue(): string;\n}\n\n// =============================================================================\n// Styled element\n// =============================================================================\n\nconst InlineInputRoot = tasty({\n  as: 'span',\n  styles: {\n    // `inline-flex` with `alignItems: baseline` is used (instead of\n    // `inline-block` + `overflow: hidden`) so the container's baseline comes\n    // from the first flex item's content baseline. With `inline-block` +\n    // `overflow: hidden`, the CSS spec forces the baseline to the bottom\n    // margin edge, which visibly shifts the text upward inside surrounding\n    // line boxes (notably inside Tabs' centered `Item.Label`).\n    display: 'inline-flex',\n    alignItems: {\n      '': 'baseline',\n      styled: 'center',\n    },\n    verticalAlign: {\n      '': 'baseline',\n      styled: 'middle',\n    },\n    position: 'relative',\n    width: 'initial 100%',\n    boxSizing: 'border-box',\n    color: {\n      '': 'inherit',\n      styled: '#dark-02',\n      'styled & disabled': '#dark.30',\n    },\n    preset: {\n      '': 'inherit',\n      styled: 't3',\n    },\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n    fill: {\n      '': '#clear',\n      styled: '#surface',\n      'styled & disabled': '#disabled-surface',\n    },\n    border: {\n      '': false,\n      styled: true,\n      'styled & focused': '#primary-text',\n      'styled & disabled': true,\n    },\n    // Focus ring. Shown when the display element is keyboard-focused\n    // (driven on the React side by `isFocusVisible`) and *always* while\n    // editing — so swapping into the input always presents a clear focus\n    // indicator regardless of how the user activated it (click vs keyboard).\n    // In `styled` mode the border colour transition is enough to indicate\n    // focus (matching `TextInput`'s visual), so the outline is suppressed.\n    // Outline doesn't take layout space and respects rounded corners via\n    // `outlineOffset`.\n    outline: {\n      '': '1bw #primary.0',\n      'focused & !styled': '1bw #primary',\n    },\n    outlineOffset: 1,\n    radius: {\n      '': 0,\n      focused: true,\n      styled: true,\n    },\n    padding: {\n      '': 0,\n      styled: '(.75x - 1bw) (1x - 1bw)',\n    },\n    height: {\n      '': 'auto',\n      styled: '$size-md',\n    },\n    transition: 'theme',\n\n    // Display flex item: owns the truncation (`overflow: hidden` here is a\n    // block-level rule that does *not* alter the parent's baseline, unlike\n    // an `inline-block` overflow rule).\n    Display: {\n      display: 'block',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: 'initial 100%',\n      preset: 'inherit',\n      color: 'inherit',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: '#clear',\n      textAlign: 'left',\n      // In `styled` mode the wrapper has a fixed size and we want the input\n      // to fill it (matches `TextInput`). In the default inline mode the\n      // input auto-sizes to its content via `$input-width`.\n      width: {\n        '': '1em $input-width 100%',\n        styled: '0 100% initial',\n      },\n      '&::placeholder': { recipe: 'input-placeholder' },\n    },\n\n    Measure: {\n      position: 'absolute',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      whiteSpace: 'pre',\n      preset: 'inherit',\n      height: 0,\n      overflow: 'hidden',\n    },\n\n    Placeholder: {\n      recipe: 'input-placeholder',\n      preset: 'inherit',\n    },\n  },\n});\n\nconst STYLE_PROPS = [...BLOCK_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// Grace window after a programmatic `startEditing()` during which a blur\n// re-focuses the input rather than committing. ~500ms covers the\n// Menu/Popover EXIT_DURATION (350ms in `Overlay.tsx`) with margin, since a\n// host that starts editing from a closing overlay is the case that needs the\n// widest window.\nconst PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Inline editable text. Renders the value as inline content by default and\n * swaps to an auto-sizing text input when entering edit mode.\n *\n * Designed to drop into any text context (tab title, heading, paragraph,\n * table cell) without style customization: typography, color, and font family\n * are all inherited from the parent.\n *\n * Value and `isEditing` can each be controlled or uncontrolled independently.\n * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)\n * works regardless of `editTrigger`.\n */\nexport const InlineInput = forwardRef<CubeInlineInputRef, CubeInlineInputProps>(\n  function InlineInput(allProps, ref) {\n    const {\n      value: valueProp,\n      defaultValue,\n      onChange,\n      isEditing: isEditingProp,\n      defaultIsEditing,\n      onEditingChange,\n      onSubmit,\n      onCancel,\n      editTrigger = 'dblclick',\n      keyboardActivation = true,\n      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isStyled = false,\n      placeholder,\n      autoComplete,\n      renderDisplay,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      qa,\n      qaVal,\n      styles: stylesProp,\n      inputStyles,\n      mods: customMods,\n      tokens: customTokens,\n      ...otherProps\n    } = allProps;\n\n    const isControlled = valueProp !== undefined;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const [value, setValue] = useControlledState<string>(\n      valueProp as string,\n      (defaultValue ?? '') as string,\n      onChange,\n    );\n\n    const [isEditing, setIsEditing] = useControlledState<boolean>(\n      isEditingProp as boolean,\n      (defaultIsEditing ?? false) as boolean,\n      onEditingChange,\n    );\n\n    // Optimistic value. Holds the just-committed value while we wait for the\n    // (potentially async) controlled parent to sync `value`. In uncontrolled\n    // mode `value` updates immediately so this stays null after each render.\n    const [optimisticValue, setOptimisticValue] = useState<string | null>(null);\n    const displayedValue = optimisticValue ?? value;\n\n    const [draft, setDraft] = useState<string>(value);\n    const [inputWidth, setInputWidth] = useState<number | null>(null);\n\n    // Reliable focus presence for the whole component, driven by\n    // `useFocusWithin` (which, unlike `useFocusRing`/`useFocus` on a bare\n    // span, has an element-removal fallback). Used to gate the display focus\n    // ring so it can never get stuck on after editing ends or after focus\n    // moves to another component.\n    const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n    // Suppresses the display focus ring for a single programmatic focus\n    // restore (when we return focus to the display span after a keyboard /\n    // programmatic edit-end). Reset whenever focus truly leaves the component\n    // so a later real keyboard Tab back shows the ring again.\n    const [ringSuppressed, setRingSuppressed] = useState(false);\n\n    // Token to invalidate in-flight onSubmit promises if a newer commit /\n    // re-entry happens before they settle.\n    const submitTokenRef = useRef(0);\n\n    // Timestamp of the most recent programmatic `startEditing()` call (via\n    // the imperative ref). Used to defeat a focus-theft race: something else\n    // takes focus in the same tick the input mounts, and the resulting blur\n    // would fire `submitOnBlur` and unmount the input the user just opened.\n    //\n    // The thief varies by host — a host's own focus restoration (`TabButton`\n    // re-focuses the tab button when editing ends), a collection's focus\n    // manager, or an overlay closing around the `startEditing()` call. It is\n    // NOT the closing `Menu` popover: `MenuTrigger` leaves focus alone once\n    // an action has moved it (see CUB-3962). The guard is host-agnostic on\n    // purpose — the imperative path cannot know who else wants focus.\n    //\n    // Cleared on first user interaction inside the input (`handleInputChange`\n    // / `handleKeyDown`) and on leaving editing mode, so any later blur\n    // commits normally.\n    const programmaticEditStartRef = useRef<number | null>(null);\n\n    // Set when an edit-end should return focus to the display span (keyboard\n    // Enter/Escape, imperative `stopEditing`). NOT set for submit-on-blur /\n    // tab-away, where focus has already moved elsewhere. Consumed by a layout\n    // effect after the display span re-mounts.\n    const pendingRestoreFocusRef = useRef(false);\n\n    // Synchronous mirror of `isEditing`. We need this because cancel/commit\n    // call user callbacks (`onCancel`/`onSubmit`) that may synchronously\n    // re-focus another element — that causes a synchronous blur on the\n    // input which would otherwise re-enter `commit` via `onBlurWithin` (the\n    // state update from `setIsEditing(false)` isn't committed yet, so the\n    // closure still sees `isEditing === true`).\n    //\n    // The ref is kept in sync via `useLayoutEffect` so concurrent renders\n    // that get thrown away don't leak a stale value into the next commit.\n    const isEditingRef = useRef(isEditing);\n\n    useLayoutEffect(() => {\n      isEditingRef.current = isEditing;\n    }, [isEditing]);\n\n    // Clear the optimistic value once `value` catches up or changes externally.\n    useEffect(() => {\n      setOptimisticValue(null);\n    }, [value]);\n\n    const enterEditing = useEvent(() => {\n      if (isDisabled || isReadOnly || isEditing) return;\n      // Invalidate any in-flight onSubmit promise — its outcome no longer\n      // matters because the user is about to commit a new value anyway.\n      submitTokenRef.current += 1;\n      isEditingRef.current = true;\n      // Start from the actual prop value, not optimistic — gives the user a\n      // way to recover if a previous commit was rejected by the parent.\n      setOptimisticValue(null);\n      setDraft(value);\n      setIsEditing(true);\n    });\n\n    // Whether an edit-end should return focus to the display span. Only when\n    // this component owns its own keyboard/focus story (standalone usage).\n    // Hosts that drive editing through `ref.startEditing()` with\n    // `keyboardActivation={false}` (e.g. `Tabs`) keep ownership of focus.\n    const canRestoreFocus = () =>\n      keyboardActivation &&\n      editTrigger !== 'none' &&\n      !isDisabled &&\n      !isReadOnly;\n\n    const commit = useEvent((rawValue: string, restoreFocus = true) => {\n      // Re-entry guard. `onSubmit`/`onCancel` may synchronously refocus and\n      // trigger another blur-driven commit before the state update lands.\n      if (!isEditingRef.current) return;\n\n      const next = trimOnSubmit ? rawValue.trim() : rawValue;\n\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n\n      if (!next && !allowEmpty) {\n        isEditingRef.current = false;\n        programmaticEditStartRef.current = null;\n        setIsEditing(false);\n        onCancel?.();\n\n        return;\n      }\n\n      const token = ++submitTokenRef.current;\n\n      if (isControlled) {\n        // Show the new value optimistically until the parent re-renders.\n        setOptimisticValue(next);\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setValue(next);\n      setIsEditing(false);\n\n      const result = onSubmit?.(next);\n      // If onSubmit returns a Promise that rejects, the parent is signalling\n      // a save failure — revert the optimistic value back to the actual prop.\n      // We guard with a token so a slow rejection doesn't clobber a newer\n      // commit's optimistic display.\n      if (\n        result != null &&\n        typeof (result as Promise<unknown>).then === 'function'\n      ) {\n        (result as Promise<unknown>).then(\n          () => {},\n          () => {\n            if (submitTokenRef.current === token && isControlled) {\n              setOptimisticValue(null);\n            }\n          },\n        );\n      }\n    });\n\n    const cancel = useEvent((restoreFocus = true) => {\n      if (!isEditingRef.current) return;\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setIsEditing(false);\n      onCancel?.();\n    });\n\n    // Keep draft in sync with the external value while NOT editing.\n    useEffect(() => {\n      if (!isEditing) setDraft(value);\n    }, [value, isEditing]);\n\n    // Select all text synchronously when entering edit mode.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      inputRef.current?.select();\n    }, [isEditing]);\n\n    // Return focus to the display span after a keyboard / programmatic\n    // edit-end so keyboard navigation continues from this control. The focus\n    // is programmatic (react-aria treats it as non-keyboard) and we set\n    // `ringSuppressed` so it does not draw a focus ring; a later real Tab to\n    // the element resets the suppression (see `onFocusWithinChange`).\n    //\n    // `onSubmit`/`onCancel` may synchronously move focus elsewhere. When the\n    // input unmounts, the browser drops focus to `<body>`, so we only restore\n    // focus to the display span when focus actually landed there (or nowhere).\n    // If a handler deliberately moved focus to another element, we leave it.\n    useLayoutEffect(() => {\n      if (isEditing || !pendingRestoreFocusRef.current) return;\n      pendingRestoreFocusRef.current = false;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const active = root.ownerDocument.activeElement;\n      const focusLost = !active || active === root.ownerDocument.body;\n      // A handler moved focus to a real element outside this control — respect\n      // it and don't pull focus back.\n      if (!focusLost && !root.contains(active)) return;\n\n      setRingSuppressed(true);\n      root.focus();\n    }, [isEditing]);\n\n    // Measure the draft so the input width follows the typed glyphs.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      const measure = measureRef.current;\n\n      if (!measure) return;\n      setInputWidth(measure.scrollWidth);\n    }, [isEditing, draft, placeholder]);\n\n    const handleKeyDown = useEvent((e: KeyboardEvent<HTMLInputElement>) => {\n      // User is interacting with the input — drop the post-`startEditing()`\n      // blur guard so a subsequent click-away commits normally.\n      programmaticEditStartRef.current = null;\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        commit(draft);\n\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel();\n\n        return;\n      }\n\n      // Prevent the host (e.g. Tabs) from intercepting text-editing keys.\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight' ||\n        e.key === ' ' ||\n        e.key === 'Delete' ||\n        e.key === 'Backspace'\n      ) {\n        e.stopPropagation();\n      }\n    });\n\n    const handleInputChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {\n      programmaticEditStartRef.current = null;\n      setDraft(e.target.value);\n    });\n\n    // Keyboard focus-visible modality (mouse vs keyboard). Used together with\n    // `isFocusWithin` to drive the display focus ring. We rely on\n    // `useFocusWithin` (below) for the *presence* of focus because, unlike\n    // `useFocusRing`/`useFocus` on a bare span, it has an element-removal\n    // fallback — so the ring can never get stuck on after the inner input is\n    // unmounted on edit-end or after focus moves away.\n    const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();\n\n    // Always enabled so it reliably reports focus presence in BOTH display\n    // and edit modes. The submit-on-blur logic is internally guarded by\n    // `isEditingRef`, so running `onBlurWithin` in display mode is a no-op.\n    const { focusWithinProps } = useFocusWithin({\n      onFocusWithinChange: (within) => {\n        setIsFocusWithin(within);\n        // Once focus truly leaves the component, clear the one-shot ring\n        // suppression so a later real keyboard Tab back shows the ring again.\n        if (!within) setRingSuppressed(false);\n      },\n      onBlurWithin: () => {\n        if (!isEditingRef.current) return;\n        if (!submitOnBlur) return;\n\n        // Spurious-blur guard. `useFocusWithin` fires a synthetic blur via its\n        // element-removal fallback when the display span unmounts as we enter\n        // edit mode (focus actually moved INTO the inner input). Ignore it if\n        // focus is in fact still within the component.\n        const active = rootRef.current?.ownerDocument.activeElement;\n        if (active && rootRef.current?.contains(active)) return;\n\n        // Grace-period guard against focus theft right after a programmatic\n        // `startEditing()` — see `programmaticEditStartRef` for who steals it.\n        // Re-focus the input on the next frame so the focus-stealing element\n        // finishes its own handler first, then we steal focus back. The guard\n        // is cleared on the first real user interaction with the input\n        // (keydown / input change) so subsequent click-aways commit normally.\n        const startedAt = programmaticEditStartRef.current;\n        if (\n          startedAt != null &&\n          Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS &&\n          isEditingRef.current\n        ) {\n          requestAnimationFrame(() => {\n            if (isEditingRef.current) {\n              inputRef.current?.focus();\n              inputRef.current?.select();\n            }\n          });\n\n          return;\n        }\n\n        // Focus has already moved elsewhere (tab-away / click-away), so do\n        // NOT pull it back to the display span.\n        commit(draft, false);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    // Keyboard activation from the display element (standalone usage).\n    // Hosts that own keyboard handling themselves should pass\n    // `keyboardActivation={false}` (see `TabButton` for an example).\n    const handleRootKeyDown = useEvent((e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.key === 'Enter' || e.key === 'F2' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        enterEditing();\n      }\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => {\n          // Arm the grace-period blur guard for the imperative path only.\n          // Pointer-triggered entries (dblclick / click) don't suffer from\n          // the focus-theft race that motivates this guard — the user's own\n          // press is what put focus here.\n          const wasEditing = isEditingRef.current;\n          enterEditing();\n          if (!wasEditing && isEditingRef.current) {\n            programmaticEditStartRef.current = Date.now();\n          }\n        },\n        stopEditing: (submit = true) => {\n          if (!isEditingRef.current) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditingRef.current) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    // `focused` controls the visible focus indicator on the root.\n    //\n    // While editing, the inner `<input>` always has focus (FocusScope\n    // `autoFocus`), so we show the focus indicator on the root regardless\n    // of how the user activated edit mode (click vs keyboard).\n    //\n    // In display mode we show the indicator only on keyboard focus\n    // (`isFocusVisible`) AND when focus is actually within the component\n    // (`isFocusWithin`) AND the display element is focusable (`isEditable`).\n    // The `isFocusWithin` gate is the key fix: it reliably drops to `false`\n    // on edit-end / tab-away (it has an element-removal fallback that\n    // `useFocusRing` lacks on a bare span), so the ring can never get stuck\n    // on. `ringSuppressed` hides the ring for a single programmatic focus\n    // restore after a keyboard / programmatic edit-end.\n    //\n    // When `keyboardActivation` is `false` the host (e.g. `Tabs`) owns the\n    // entire focus story for this control, so we suppress the focus ring\n    // entirely — including while editing — to avoid drawing a redundant\n    // indicator on top of the host's own focus ring.\n    const showFocusRing =\n      keyboardActivation &&\n      (isEditing ||\n        (isFocusVisible && isFocusWithin && isEditable && !ringSuppressed));\n\n    const mods = {\n      editing: isEditing,\n      editable: isEditable,\n      focused: showFocusRing,\n      disabled: isDisabled,\n      'read-only': isReadOnly,\n      styled: isStyled,\n      empty: !displayedValue,\n      ...customMods,\n    };\n\n    const existingInput = stylesProp?.Input as Styles | undefined;\n    const mergedStyles: Styles | undefined = inputStyles\n      ? {\n          ...stylesProp,\n          Input: existingInput\n            ? { ...existingInput, ...inputStyles }\n            : inputStyles,\n        }\n      : stylesProp;\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = {\n      ...customTokens,\n      '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n    };\n\n    // In display mode, render the placeholder when the value is empty so the\n    // component remains visible / clickable. Consumers using `renderDisplay`\n    // take full control and are responsible for handling empty values\n    // themselves.\n    const displayContent = renderDisplay\n      ? renderDisplay(displayedValue)\n      : displayedValue ||\n        (placeholder ? (\n          <span data-element=\"Placeholder\">{placeholder}</span>\n        ) : (\n          ''\n        ));\n\n    const baseProps = filterBaseProps(otherProps, { eventProps: true });\n\n    // Overflow detection / auto-tooltip. Suppressed while editing (the input\n    // owns the visible text and isn't truncated), and when the consumer\n    // provides `renderDisplay` (they own the display story and should attach\n    // their own tooltip if needed).\n    const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip: isEditing || renderDisplay ? false : tooltip,\n      children: displayedValue,\n    });\n\n    // Wire pointer/keyboard activators only when relevant. Hosts that drive\n    // editing through `ref.startEditing()` keep all of these `undefined` so\n    // they don't intercept their own keyboard / focus story.\n    const wantsClick = !isEditing && isEditable && editTrigger === 'click';\n    const wantsDblClick =\n      !isEditing && isEditable && editTrigger === 'dblclick';\n    const wantsKeyboard = !isEditing && isEditable && keyboardActivation;\n\n    const renderRoot = (\n      triggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      const handleRootRef = (element: HTMLSpanElement | null) => {\n        rootRef.current = element;\n        if (tooltipRef) {\n          (tooltipRef as { current: HTMLElement | null }).current = element;\n        }\n      };\n\n      // Overflow detection has to look at the truncating element, which is now\n      // the inner `Display` (the root is `inline-flex` and doesn't clip). The\n      // tooltip still anchors to the root via `tooltipRef` above.\n      const handleDisplayRef = (element: HTMLSpanElement | null) => {\n        tooltipLabelRef(element);\n      };\n\n      const a11yProps: HTMLAttributes<HTMLElement> = {};\n\n      if (wantsKeyboard) {\n        a11yProps.tabIndex = 0;\n        a11yProps.role = 'button';\n        a11yProps['aria-roledescription'] = 'editable text';\n        if (ariaLabel) a11yProps['aria-label'] = ariaLabel;\n        if (ariaLabelledby) a11yProps['aria-labelledby'] = ariaLabelledby;\n      }\n\n      if (isDisabled) a11yProps['aria-disabled'] = true;\n      if (isReadOnly) a11yProps['aria-readonly'] = true;\n\n      return (\n        <InlineInputRoot\n          ref={handleRootRef}\n          qa={qa ?? 'InlineInput'}\n          qaVal={qaVal}\n          mods={mods}\n          tokens={tokens}\n          styles={extractedStyles}\n          {...mergeProps(\n            baseProps,\n            focusWithinProps,\n            // Always attach focusRingProps so the hook sees the blur event\n            // when focus moves into the inner input on edit-mode entry. If\n            // we only attached them while `wantsKeyboard` is true, the hook\n            // would miss the blur (since `wantsKeyboard` flips to false the\n            // moment editing starts), leaving `isFocused` stale and the\n            // ring stuck on after editing ends. `useFocusRing` filters\n            // bubbled focus from descendants internally (`target ===\n            // currentTarget`), so spreading these on a non-focusable span\n            // is a no-op.\n            focusRingProps,\n            triggerProps ?? {},\n            {\n              onDoubleClick: wantsDblClick ? handleDblClick : undefined,\n              onClick: wantsClick ? handleClick : undefined,\n              onKeyDown: wantsKeyboard ? handleRootKeyDown : undefined,\n              ...a11yProps,\n            },\n          )}\n        >\n          {isEditing ? (\n            <FocusScope autoFocus restoreFocus={false} contain={false}>\n              <span ref={measureRef} data-element=\"Measure\" aria-hidden=\"true\">\n                {draft || placeholder || ' '}\n              </span>\n              <input\n                ref={inputRef}\n                data-element=\"Input\"\n                type=\"text\"\n                value={draft}\n                placeholder={placeholder}\n                autoComplete={autoComplete}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            <span ref={handleDisplayRef} data-element=\"Display\">\n              {displayContent}\n            </span>\n          )}\n        </InlineInputRoot>\n      );\n    };\n\n    return renderWithTooltip(renderRoot, tooltipPlacement);\n  },\n);\n"],"mappings":"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"}

package/dist/components/content/InlineInput/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput } from "./InlineInput.js";
+import { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput } from "./InlineInput.js";
+export { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput };