@ckeditor/ckeditor5-ui 45.2.1-alpha.9 → 46.0.0-alpha.0

package/src/panel/balloon/balloonpanelview.js

@@ -5,7 +5,7 @@
 /**
  * @module ui/panel/balloon/balloonpanelview
  */
-import View from '../../view.js';
+import { View } from '../../view.js';
 import { getOptimalPosition, global, isRange, toUnit, isVisible, isText, ResizeObserver, Rect } from '@ckeditor/ckeditor5-utils';
 import { isElement } from 'es-toolkit/compat';
 import '../../../theme/components/panel/balloonpanel.css';
@@ -31,7 +31,7 @@ const POSITION_OFF_SCREEN = {
  *
  * A floating container which can
  * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#pin pin} to any
- * {@link module:utils/dom/position~Options#target target} in the DOM and remain in that position
+ * {@link module:utils/dom/position~DomOptimalPositionOptions#target target} in the DOM and remain in that position
  * e.g. when the web page is scrolled.
  *
  * The balloon panel can be used to display contextual, non-blocking UI like forms, toolbars and
@@ -42,7 +42,7 @@ const POSITION_OFF_SCREEN = {
  * that the balloon can use, automatically switching from one to another when the viewport space becomes
  * scarce to keep the balloon visible to the user as long as it is possible. The balloon will also
  * accept any custom position set provided by the user compatible with the
- * {@link module:utils/dom/position~Options options}.
+ * {@link module:utils/dom/position~DomOptimalPositionOptions options}.
  *
  * ```ts
  * const panel = new BalloonPanelView( locale );
@@ -139,11 +139,11 @@ class BalloonPanelView extends View {
         this.isVisible = false;
     }
     /**
-     * Attaches the panel to a specified {@link module:utils/dom/position~Options#target} with a
+     * Attaches the panel to a specified {@link module:utils/dom/position~DomOptimalPositionOptions#target} with a
      * smart positioning heuristics that chooses from available positions to make sure the panel
      * is visible to the user i.e. within the limits of the viewport.
      *
-     * This method accepts configuration {@link module:utils/dom/position~Options options}
+     * This method accepts configuration {@link module:utils/dom/position~DomOptimalPositionOptions options}
      * to set the `target`, optional `limiter` and `positions` the balloon should choose from.
      *
      * ```ts
@@ -215,11 +215,11 @@ class BalloonPanelView extends View {
      * Works the same way as the {@link #attachTo} method except that the position of the panel is
      * continuously updated when:
      *
-     * * any ancestor of the {@link module:utils/dom/position~Options#target}
-     * or {@link module:utils/dom/position~Options#limiter} is scrolled,
+     * * any ancestor of the {@link module:utils/dom/position~DomOptimalPositionOptions#target}
+     * or {@link module:utils/dom/position~DomOptimalPositionOptions#limiter} is scrolled,
      * * the browser window gets resized or scrolled.
      *
-     * Thanks to that, the panel always sticks to the {@link module:utils/dom/position~Options#target}
+     * Thanks to that, the panel always sticks to the {@link module:utils/dom/position~DomOptimalPositionOptions#target}
      * and is immune to the changing environment.
      *
      * ```ts
@@ -1059,7 +1059,7 @@ class BalloonPanelView extends View {
      */
     static defaultPositions = /* #__PURE__ */ BalloonPanelView.generatePositions();
 }
-export default BalloonPanelView;
+export { BalloonPanelView };
 /**
  * Returns the DOM element for given object or null, if there is none,
  * e.g. when the passed object is a Rect instance or so.

package/src/panel/balloon/contextualballoon.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module ui/panel/balloon/contextualballoon
  */
-import BalloonPanelView from './balloonpanelview.js';
-import View from '../../view.js';
-import ButtonView from '../../button/buttonview.js';
-import type ViewCollection from '../../viewcollection.js';
+import { BalloonPanelView } from './balloonpanelview.js';
+import { View } from '../../view.js';
+import { ButtonView } from '../../button/buttonview.js';
+import { type ViewCollection } from '../../viewcollection.js';
 import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
-import { FocusTracker, type Locale, type PositionOptions, type DecoratedMethodEvent } from '@ckeditor/ckeditor5-utils';
+import { FocusTracker, type Locale, type DomOptimalPositionOptions, type DecoratedMethodEvent } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/balloonrotator.css';
 import '../../../theme/components/panel/fakepanel.css';
 /**
@@ -47,17 +47,17 @@ import '../../../theme/components/panel/fakepanel.css';
  * view you want to display. If there is more than one panel stack to be displayed, the rotator view will add a
  * navigation bar. If there is only one stack, the rotator view is transparent (it does not add any UI elements).
  */
-export default class ContextualBalloon extends Plugin {
+export declare class ContextualBalloon extends Plugin {
     /**
-     * The {@link module:utils/dom/position~Options#limiter position limiter}
+     * The {@link module:utils/dom/position~DomOptimalPositionOptions#limiter position limiter}
      * for the {@link #view balloon}, used when no `limiter` has been passed into {@link #add}
      * or {@link #updatePosition}.
      *
      * By default, a function that obtains the farthest DOM
-     * {@link module:engine/view/rooteditableelement~RootEditableElement}
-     * of the {@link module:engine/view/document~Document#selection}.
+     * {@link module:engine/view/rooteditableelement~ViewRootEditableElement}
+     * of the {@link module:engine/view/document~ViewDocument#selection}.
      */
-    positionLimiter: PositionOptions['limiter'];
+    positionLimiter: DomOptimalPositionOptions['limiter'];
     visibleStack?: string;
     /**
      * The currently visible view or `null` when there are no views in any stack.
@@ -155,12 +155,12 @@ export default class ContextualBalloon extends Plugin {
      *
      * @param position Position options.
      */
-    updatePosition(position?: Partial<PositionOptions>): void;
+    updatePosition(position?: Partial<DomOptimalPositionOptions>): void;
     /**
      * Returns position options of the last view in the stack.
      * This keeps the balloon in the same position when the view is changed.
      */
-    getPositionOptions(): Partial<PositionOptions> | undefined;
+    getPositionOptions(): Partial<DomOptimalPositionOptions> | undefined;
     /**
      * Shows the last view from the stack of a given ID.
      */
@@ -227,7 +227,7 @@ export interface ViewConfiguration {
     /**
      * Positioning options.
      */
-    position?: Partial<PositionOptions>;
+    position?: Partial<DomOptimalPositionOptions>;
     /**
      * An additional CSS class added to the {@link #view balloon} when visible.
      */
@@ -249,6 +249,7 @@ export interface ViewConfiguration {
  * Rotator view is a helper class for the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon}.
  * It is used for displaying the last view from the current stack and providing navigation buttons for switching stacks.
  * See the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon} documentation to learn more.
+ * @internal
  */
 export declare class RotatorView extends View {
     /**

package/src/panel/balloon/contextualballoon.js

@@ -5,9 +5,9 @@
 /**
  * @module ui/panel/balloon/contextualballoon
  */
-import BalloonPanelView from './balloonpanelview.js';
-import View from '../../view.js';
-import ButtonView from '../../button/buttonview.js';
+import { BalloonPanelView } from './balloonpanelview.js';
+import { View } from '../../view.js';
+import { ButtonView } from '../../button/buttonview.js';
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { CKEditorError, FocusTracker, Rect, toUnit } from '@ckeditor/ckeditor5-utils';
 import { IconNextArrow, IconPreviousArrow } from '@ckeditor/ckeditor5-icons';
@@ -48,15 +48,15 @@ const toPx = /* #__PURE__ */ toUnit('px');
  * view you want to display. If there is more than one panel stack to be displayed, the rotator view will add a
  * navigation bar. If there is only one stack, the rotator view is transparent (it does not add any UI elements).
  */
-export default class ContextualBalloon extends Plugin {
+export class ContextualBalloon extends Plugin {
     /**
-     * The {@link module:utils/dom/position~Options#limiter position limiter}
+     * The {@link module:utils/dom/position~DomOptimalPositionOptions#limiter position limiter}
      * for the {@link #view balloon}, used when no `limiter` has been passed into {@link #add}
      * or {@link #updatePosition}.
      *
      * By default, a function that obtains the farthest DOM
-     * {@link module:engine/view/rooteditableelement~RootEditableElement}
-     * of the {@link module:engine/view/document~Document#selection}.
+     * {@link module:engine/view/rooteditableelement~ViewRootEditableElement}
+     * of the {@link module:engine/view/document~ViewDocument#selection}.
      */
     positionLimiter;
     visibleStack;
@@ -414,6 +414,7 @@ export default class ContextualBalloon extends Plugin {
  * Rotator view is a helper class for the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon}.
  * It is used for displaying the last view from the current stack and providing navigation buttons for switching stacks.
  * See the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon} documentation to learn more.
+ * @internal
  */
 export class RotatorView extends View {
     /**

package/src/panel/sticky/stickypanelview.d.ts

@@ -5,14 +5,14 @@
 /**
  * @module ui/panel/sticky/stickypanelview
  */
-import View from '../../view.js';
-import type ViewCollection from '../../viewcollection.js';
+import { View } from '../../view.js';
+import { type ViewCollection } from '../../viewcollection.js';
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/components/panel/stickypanel.css';
 /**
  * The sticky panel view class.
  */
-export default class StickyPanelView extends View {
+export declare class StickyPanelView extends View {
     /**
      * Collection of the child views which creates balloon panel contents.
      */

package/src/panel/sticky/stickypanelview.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/panel/sticky/stickypanelview
  */
-import View from '../../view.js';
-import Template from '../../template.js';
+import { View } from '../../view.js';
+import { Template } from '../../template.js';
 import { Rect, toUnit, getVisualViewportOffset, global } from '@ckeditor/ckeditor5-utils';
 // @if CK_DEBUG_STICKYPANEL // const {
 // @if CK_DEBUG_STICKYPANEL // 	default: RectDrawer,
@@ -17,7 +17,7 @@ const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The sticky panel view class.
  */
-export default class StickyPanelView extends View {
+export class StickyPanelView extends View {
     /**
      * Collection of the child views which creates balloon panel contents.
      */

package/src/search/filteredview.d.ts

@@ -9,7 +9,7 @@ import type { FocusableView } from '../focuscycler.js';
 /**
  * A view that can be filtered by a {@link module:ui/search/text/searchtextview~SearchTextView}.
  */
-export default interface FilteredView extends FocusableView {
+export interface FilteredView extends FocusableView {
     /**
      * Filters the view by the given regular expression.
      */

package/src/search/filtergroupanditemnames.d.ts

@@ -2,14 +2,14 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type ViewCollection from '../viewcollection.js';
-import type ListItemGroupView from '../list/listitemgroupview.js';
-import type ListItemView from '../list/listitemview.js';
-import type ListSeparatorView from '../list/listseparatorview.js';
+import { type ViewCollection } from '../viewcollection.js';
+import { type ListItemGroupView } from '../list/listitemgroupview.js';
+import { type ListItemView } from '../list/listitemview.js';
+import { type ListSeparatorView } from '../list/listseparatorview.js';
 /**
  * A filter function that returns matching item and group names in the list view.
  */
-export default function filterGroupAndItemNames(regExp: RegExp | null, items: ViewCollection<ListItemGroupView | ListItemView | ListSeparatorView>): {
+export declare function filterGroupAndItemNames(regExp: RegExp | null, items: ViewCollection<ListItemGroupView | ListItemView | ListSeparatorView>): {
     resultsCount: number;
     totalItemsCount: number;
 };

package/src/search/filtergroupanditemnames.js

@@ -5,7 +5,7 @@
 /**
  * A filter function that returns matching item and group names in the list view.
  */
-export default function filterGroupAndItemNames(regExp, items) {
+export function filterGroupAndItemNames(regExp, items) {
     let totalItemsCount = 0;
     let resultsCount = 0;
     for (const groupView of items) {

package/src/search/searchinfoview.d.ts

@@ -6,13 +6,13 @@
  * @module ui/search/searchinfoview
 */
 import type { FocusableView } from '../focuscycler.js';
-import View from '../view.js';
+import { View } from '../view.js';
 /**
  * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.
  *
  * @internal
  */
-export default class SearchInfoView extends View implements FocusableView {
+export declare class SearchInfoView extends View implements FocusableView {
     /**
      * Controls whether the view is visible.
      *

package/src/search/searchinfoview.js

@@ -2,13 +2,13 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import View from '../view.js';
+import { View } from '../view.js';
 /**
  * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.
  *
  * @internal
  */
-export default class SearchInfoView extends View {
+export class SearchInfoView extends View {
     /**
      * @inheritDoc
      */

package/src/search/searchresultsview.d.ts

@@ -5,14 +5,14 @@
 /**
  * @module ui/search/searchresultsview
  */
-import View from '../view.js';
-import type ViewCollection from '../viewcollection.js';
+import { View } from '../view.js';
+import { type ViewCollection } from '../viewcollection.js';
 import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
-import { default as FocusCycler, type FocusableView } from '../focuscycler.js';
+import { FocusCycler, type FocusableView } from '../focuscycler.js';
 /**
  * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
  */
-export default class SearchResultsView extends View implements FocusableView {
+export declare class SearchResultsView extends View implements FocusableView {
     /**
      * Tracks information about the DOM focus in the view.
      *

package/src/search/searchresultsview.js

@@ -5,13 +5,13 @@
 /**
  * @module ui/search/searchresultsview
  */
-import View from '../view.js';
+import { View } from '../view.js';
 import { FocusTracker } from '@ckeditor/ckeditor5-utils';
-import { default as FocusCycler } from '../focuscycler.js';
+import { FocusCycler } from '../focuscycler.js';
 /**
  * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
  */
-export default class SearchResultsView extends View {
+export class SearchResultsView extends View {
     /**
      * Tracks information about the DOM focus in the view.
      *

package/src/search/text/searchtextqueryview.d.ts

@@ -2,10 +2,10 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import ButtonView from '../../button/buttonview.js';
-import IconView from '../../icon/iconview.js';
-import LabeledFieldView, { type LabeledFieldViewCreator } from '../../labeledfield/labeledfieldview.js';
-import type InputBase from '../../input/inputbase.js';
+import { ButtonView } from '../../button/buttonview.js';
+import { IconView } from '../../icon/iconview.js';
+import { LabeledFieldView, type LabeledFieldViewCreator } from '../../labeledfield/labeledfieldview.js';
+import { type InputBase } from '../../input/inputbase.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
@@ -13,7 +13,7 @@ import type { Locale } from '@ckeditor/ckeditor5-utils';
  * @internal
  * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
  */
-export default class SearchTextQueryView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>> extends LabeledFieldView<TQueryFieldView> {
+export declare class SearchTextQueryView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>> extends LabeledFieldView<TQueryFieldView> {
     /**
      * The loupe icon displayed next to the {@link #fieldView}.
      */

package/src/search/text/searchtextqueryview.js

@@ -6,9 +6,9 @@
  * @module ui/search/text/searchtextqueryview
  */
 import { IconCancel, IconLoupe } from '@ckeditor/ckeditor5-icons';
-import ButtonView from '../../button/buttonview.js';
-import IconView from '../../icon/iconview.js';
-import LabeledFieldView from '../../labeledfield/labeledfieldview.js';
+import { ButtonView } from '../../button/buttonview.js';
+import { IconView } from '../../icon/iconview.js';
+import { LabeledFieldView } from '../../labeledfield/labeledfieldview.js';
 import { createLabeledInputText } from '../../labeledfield/utils.js';
 /**
  * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
@@ -16,7 +16,7 @@ import { createLabeledInputText } from '../../labeledfield/utils.js';
  * @internal
  * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
  */
-export default class SearchTextQueryView extends LabeledFieldView {
+export class SearchTextQueryView extends LabeledFieldView {
     /**
      * The loupe icon displayed next to the {@link #fieldView}.
      */

package/src/search/text/searchtextview.d.ts

@@ -6,14 +6,14 @@
  * @module ui/search/text/searchtextview
 */
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
-import View from '../../view.js';
-import { default as SearchTextQueryView, type SearchTextQueryViewConfig } from './searchtextqueryview.js';
-import SearchResultsView from '../searchresultsview.js';
-import FocusCycler, { type FocusableView } from '../../focuscycler.js';
-import type FilteredView from '../filteredview.js';
-import type ViewCollection from '../../viewcollection.js';
-import type InputBase from '../../input/inputbase.js';
-import type InputTextView from '../../inputtext/inputtextview.js';
+import { View } from '../../view.js';
+import { SearchTextQueryView, type SearchTextQueryViewConfig } from './searchtextqueryview.js';
+import { SearchResultsView } from '../searchresultsview.js';
+import { FocusCycler, type FocusableView } from '../../focuscycler.js';
+import { type FilteredView } from '../filteredview.js';
+import { type ViewCollection } from '../../viewcollection.js';
+import { type InputBase } from '../../input/inputbase.js';
+import { type InputTextView } from '../../inputtext/inputtextview.js';
 import '../../../theme/components/search/search.css';
 /**
  * A search component that allows filtering of an arbitrary view based on a search query
@@ -33,7 +33,7 @@ import '../../../theme/components/search/search.css';
  * document.body.append( view.element );
  * ```
  */
-export default class SearchTextView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement> = InputTextView> extends View {
+export declare class SearchTextView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement> = InputTextView> extends View {
     /**
      * Tracks information about the DOM focus in the view.
      *

package/src/search/text/searchtextview.js

@@ -6,11 +6,11 @@
  * @module ui/search/text/searchtextview
 */
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import View from '../../view.js';
-import { default as SearchTextQueryView } from './searchtextqueryview.js';
-import SearchInfoView from '../searchinfoview.js';
-import SearchResultsView from '../searchresultsview.js';
-import FocusCycler from '../../focuscycler.js';
+import { View } from '../../view.js';
+import { SearchTextQueryView } from './searchtextqueryview.js';
+import { SearchInfoView } from '../searchinfoview.js';
+import { SearchResultsView } from '../searchresultsview.js';
+import { FocusCycler } from '../../focuscycler.js';
 import { escapeRegExp } from 'es-toolkit/compat';
 import '../../../theme/components/search/search.css';
 /**
@@ -31,7 +31,7 @@ import '../../../theme/components/search/search.css';
  * document.body.append( view.element );
  * ```
  */
-export default class SearchTextView extends View {
+export class SearchTextView extends View {
     /**
      * Tracks information about the DOM focus in the view.
      *

package/src/spinner/spinnerview.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module ui/spinner/spinnerview
  */
-import View from '../view.js';
+import { View } from '../view.js';
 import '../../theme/components/spinner/spinner.css';
 /**
  * The spinner view class.
  */
-export default class SpinnerView extends View {
+export declare class SpinnerView extends View {
     /**
      * Controls whether the spinner is visible.
      *

package/src/spinner/spinnerview.js

@@ -5,12 +5,12 @@
 /**
  * @module ui/spinner/spinnerview
  */
-import View from '../view.js';
+import { View } from '../view.js';
 import '../../theme/components/spinner/spinner.css';
 /**
  * The spinner view class.
  */
-export default class SpinnerView extends View {
+export class SpinnerView extends View {
     /**
      * @inheritDoc
      */

package/src/template.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/template
  */
-import View from './view.js';
-import ViewCollection from './viewcollection.js';
+import { View } from './view.js';
+import { ViewCollection } from './viewcollection.js';
 import { type ArrayOrItem, type Emitter, type Observable } from '@ckeditor/ckeditor5-utils';
 declare const Template_base: {
     new (): Emitter;
@@ -50,7 +50,7 @@ declare const Template_base: {
  * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex
  * template definitions.
  */
-export default class Template extends /* #__PURE__ */ Template_base {
+export declare class Template extends /* #__PURE__ */ Template_base {
     ns?: string;
     /**
      * The tag (`tagName`) of this template, e.g. `div`. It also indicates that the template
@@ -325,7 +325,7 @@ export default class Template extends /* #__PURE__ */ Template_base {
      * }
      * ```
      *
-     * or values bound to {@link module:ui/model~Model} properties:
+     * or values bound to {@link module:ui/model~UIModel} properties:
      *
      * ```ts
      * attributes: {
@@ -377,7 +377,7 @@ export default class Template extends /* #__PURE__ */ Template_base {
      */
     private _revertTemplateFromNode;
 }
-type AttributeValues = Array<TemplateSimpleValue | TemplateBinding> | [
+export type AttributeValues = Array<TemplateSimpleValue | TemplateBinding> | [
     NamespacedValue<Array<TemplateSimpleValue | TemplateBinding>>
 ];
 /**
@@ -910,6 +910,7 @@ export interface BindChain<TObservable> {
 }
 /**
  * The {@link module:ui/template~Template#_renderNode} configuration.
+ * @internal
  */
 export interface RenderData {
     /**

package/src/template.js

@@ -5,8 +5,8 @@
 /**
  * @module ui/template
  */
-import View from './view.js';
-import ViewCollection from './viewcollection.js';
+import { View } from './view.js';
+import { ViewCollection } from './viewcollection.js';
 import { CKEditorError, EmitterMixin, isNode, toArray } from '@ckeditor/ckeditor5-utils';
 import { isObject, cloneDeepWith } from 'es-toolkit/compat';
 const xhtmlNs = 'http://www.w3.org/1999/xhtml';
@@ -48,7 +48,7 @@ const xhtmlNs = 'http://www.w3.org/1999/xhtml';
  * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex
  * template definitions.
  */
-export default class Template extends /* #__PURE__ */ EmitterMixin() {
+export class Template extends /* #__PURE__ */ EmitterMixin() {
     ns;
     /**
      * The tag (`tagName`) of this template, e.g. `div`. It also indicates that the template
@@ -573,7 +573,7 @@ export default class Template extends /* #__PURE__ */ EmitterMixin() {
      * }
      * ```
      *
-     * or values bound to {@link module:ui/model~Model} properties:
+     * or values bound to {@link module:ui/model~UIModel} properties:
      *
      * ```ts
      * attributes: {

package/src/textarea/textareaview.d.ts

@@ -6,7 +6,7 @@
  * @module ui/textarea/textareaview
  */
 import { type Locale } from '@ckeditor/ckeditor5-utils';
-import InputBase from '../input/inputbase.js';
+import { InputBase } from '../input/inputbase.js';
 import '../../theme/components/input/input.css';
 import '../../theme/components/textarea/textarea.css';
 /**
@@ -23,7 +23,7 @@ import '../../theme/components/textarea/textarea.css';
  * document.body.append( textareaView.element );
  * ```
  */
-export default class TextareaView extends InputBase<HTMLTextAreaElement> {
+export declare class TextareaView extends InputBase<HTMLTextAreaElement> {
     /**
      * Specifies the visible height of a text area, in lines.
      *

package/src/textarea/textareaview.js

@@ -6,7 +6,7 @@
  * @module ui/textarea/textareaview
  */
 import { Rect, toUnit, getBorderWidths, global, CKEditorError, isVisible, ResizeObserver } from '@ckeditor/ckeditor5-utils';
-import InputBase from '../input/inputbase.js';
+import { InputBase } from '../input/inputbase.js';
 import '../../theme/components/input/input.css';
 import '../../theme/components/textarea/textarea.css';
 /**
@@ -23,7 +23,7 @@ import '../../theme/components/textarea/textarea.css';
  * document.body.append( textareaView.element );
  * ```
  */
-export default class TextareaView extends InputBase {
+export class TextareaView extends InputBase {
     /**
      * An instance of the resize observer used to detect when the view is visible or not and update
      * its height if any changes that affect it were made while it was invisible.

package/src/toolbar/balloon/balloontoolbar.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ui/toolbar/balloon/balloontoolbar
  */
-import ContextualBalloon from '../../panel/balloon/contextualballoon.js';
-import ToolbarView from '../toolbarview.js';
+import { ContextualBalloon } from '../../panel/balloon/contextualballoon.js';
+import { ToolbarView } from '../toolbarview.js';
 import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
 import { FocusTracker } from '@ckeditor/ckeditor5-utils';
 /**
@@ -14,7 +14,7 @@ import { FocusTracker } from '@ckeditor/ckeditor5-utils';
  *
  * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.
  */
-export default class BalloonToolbar extends Plugin {
+export declare class BalloonToolbar extends Plugin {
     /**
      * The toolbar view displayed in the balloon.
      */

package/src/toolbar/balloon/balloontoolbar.js

@@ -5,10 +5,10 @@
 /**
  * @module ui/toolbar/balloon/balloontoolbar
  */
-import ContextualBalloon from '../../panel/balloon/contextualballoon.js';
-import ToolbarView from '../toolbarview.js';
-import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
-import normalizeToolbarConfig from '../normalizetoolbarconfig.js';
+import { ContextualBalloon } from '../../panel/balloon/contextualballoon.js';
+import { ToolbarView } from '../toolbarview.js';
+import { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';
+import { normalizeToolbarConfig } from '../normalizetoolbarconfig.js';
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { FocusTracker, Rect, ResizeObserver, env, global, toUnit } from '@ckeditor/ckeditor5-utils';
 import { Observer } from '@ckeditor/ckeditor5-engine';
@@ -19,7 +19,7 @@ const toPx = /* #__PURE__ */ toUnit('px');
  *
  * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.
  */
-export default class BalloonToolbar extends Plugin {
+export class BalloonToolbar extends Plugin {
     /**
      * The toolbar view displayed in the balloon.
      */