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

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

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","names":["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  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FocusScope, OverlayProps, useFocusWithin } 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  /** 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  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: 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?: OverlayProps['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    display: 'inline-block',\n    verticalAlign: 'baseline',\n    position: 'relative',\n    maxWidth: '100%',\n    whiteSpace: { '': 'nowrap', editing: 'normal' },\n    overflow: { '': 'hidden', editing: 'visible' },\n    textOverflow: 'ellipsis',\n    color: 'inherit',\n    preset: 'inherit',\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: 'transparent',\n      width: 'initial $input-width 100%',\n      minWidth: '1em',\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// =============================================================================\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      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      placeholder,\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    // 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    // 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    const isEditingRef = useRef(isEditing);\n\n    isEditingRef.current = 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    const commit = useEvent((rawValue: string) => {\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 (!next && !allowEmpty) {\n        isEditingRef.current = false;\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      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(() => {\n      if (!isEditingRef.current) return;\n      isEditingRef.current = false;\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    // 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      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      setDraft(e.target.value);\n    });\n\n    const { focusWithinProps } = useFocusWithin({\n      isDisabled: !isEditing,\n      onBlurWithin: () => {\n        if (!submitOnBlur) return;\n        commit(draft);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      if (editTrigger !== 'dblclick') return;\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      if (editTrigger !== 'click') return;\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => enterEditing(),\n        stopEditing: (submit = true) => {\n          if (!isEditing) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditing) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue, isEditing],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    const mods = useMemo(\n      () => ({\n        editing: isEditing,\n        editable: isEditable,\n        disabled: isDisabled,\n        'read-only': isReadOnly,\n        empty: !displayedValue,\n        ...customMods,\n      }),\n      [\n        isEditing,\n        isEditable,\n        isDisabled,\n        isReadOnly,\n        displayedValue,\n        customMods,\n      ],\n    );\n\n    const mergedStyles = useMemo<Styles | undefined>(() => {\n      if (!stylesProp && !inputStyles) return undefined;\n      if (!inputStyles) return stylesProp;\n      const existingInput =\n        (stylesProp?.Input as Styles | undefined) ?? undefined;\n\n      return {\n        ...stylesProp,\n        Input: existingInput\n          ? { ...existingInput, ...inputStyles }\n          : inputStyles,\n      };\n    }, [stylesProp, inputStyles]);\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = useMemo(\n      () => ({\n        ...customTokens,\n        '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n      }),\n      [customTokens, inputWidth],\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    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        tooltipLabelRef(element);\n      };\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(baseProps, focusWithinProps, triggerProps ?? {}, {\n            onDoubleClick: isEditing ? undefined : handleDblClick,\n            onClick: isEditing ? undefined : handleClick,\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                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            displayContent\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":["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  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FocusScope, OverlayProps, useFocusWithin } 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  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: 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?: OverlayProps['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    display: 'inline-block',\n    verticalAlign: 'baseline',\n    position: 'relative',\n    maxWidth: '100%',\n    whiteSpace: { '': 'nowrap', editing: 'normal' },\n    overflow: { '': 'hidden', editing: 'visible' },\n    textOverflow: 'ellipsis',\n    color: 'inherit',\n    preset: 'inherit',\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: 'transparent',\n      width: 'initial $input-width 100%',\n      minWidth: '1em',\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// =============================================================================\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      placeholder,\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    // 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    // 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    const commit = useEvent((rawValue: string) => {\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 (!next && !allowEmpty) {\n        isEditingRef.current = false;\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      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(() => {\n      if (!isEditingRef.current) return;\n      isEditingRef.current = false;\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    // 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      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      setDraft(e.target.value);\n    });\n\n    const { focusWithinProps } = useFocusWithin({\n      isDisabled: !isEditing,\n      onBlurWithin: () => {\n        if (!submitOnBlur) return;\n        commit(draft);\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: () => enterEditing(),\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    const mods = useMemo(\n      () => ({\n        editing: isEditing,\n        editable: isEditable,\n        disabled: isDisabled,\n        'read-only': isReadOnly,\n        empty: !displayedValue,\n        ...customMods,\n      }),\n      [\n        isEditing,\n        isEditable,\n        isDisabled,\n        isReadOnly,\n        displayedValue,\n        customMods,\n      ],\n    );\n\n    const mergedStyles = useMemo<Styles | undefined>(() => {\n      if (!stylesProp && !inputStyles) return undefined;\n      if (!inputStyles) return stylesProp;\n      const existingInput =\n        (stylesProp?.Input as Styles | undefined) ?? undefined;\n\n      return {\n        ...stylesProp,\n        Input: existingInput\n          ? { ...existingInput, ...inputStyles }\n          : inputStyles,\n      };\n    }, [stylesProp, inputStyles]);\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = useMemo(\n      () => ({\n        ...customTokens,\n        '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n      }),\n      [customTokens, inputWidth],\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        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(baseProps, focusWithinProps, triggerProps ?? {}, {\n            onDoubleClick: wantsDblClick ? handleDblClick : undefined,\n            onClick: wantsClick ? handleClick : undefined,\n            onKeyDown: wantsKeyboard ? handleRootKeyDown : undefined,\n            ...a11yProps,\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                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            displayContent\n          )}\n        </InlineInputRoot>\n      );\n    };\n\n    return renderWithTooltip(renderRoot, tooltipPlacement);\n  },\n);\n"],"mappings":"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"}

package/dist/components/content/Item/Item.js

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

package/dist/components/content/ItemBadge/ItemBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/content/ItemCard/ItemCard.js

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

package/dist/components/content/Layout/GridLayout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

package/dist/components/content/Layout/Layout.js

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

package/dist/components/content/Layout/LayoutBlock.js

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

package/dist/components/content/Layout/LayoutCenter.js

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

package/dist/components/content/Layout/LayoutContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContent.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContext.js

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

package/dist/components/content/Layout/LayoutFlex.js

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

package/dist/components/content/Layout/LayoutFooter.js

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

package/dist/components/content/Layout/LayoutGrid.js

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

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/content/Layout/LayoutPane.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/content/Layout/LayoutPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/content/Layout/LayoutPanelHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

package/dist/components/content/Layout/LayoutToolbar.js

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

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

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

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";

package/dist/components/content/Placeholder/Placeholder.js

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

package/dist/components/content/PrismCode/PrismCode.js

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

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

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

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

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

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

@@ -141,7 +141,7 @@ declare const MinorText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -550,7 +550,7 @@ declare const DangerText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -959,7 +959,7 @@ declare const SuccessText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1368,7 +1368,7 @@ declare const StrongText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1777,7 +1777,7 @@ declare const EmphasisText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2186,7 +2186,7 @@ declare const PlaceholderText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2595,7 +2595,7 @@ declare const HighlightText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;

package/dist/components/content/Text.js

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

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

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

package/dist/components/content/Tree/TreeNode.js

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

package/dist/components/content/Tree/styled.js

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

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

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

package/dist/components/content/Tree/use-load-data.js

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

package/dist/components/content/highlightText.js

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

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/Checkbox/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

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

package/dist/components/fields/DatePicker/DatePickerElement.js

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

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

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

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b27726c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";