@progress/kendo-themes-html 9.0.0-dev.2 → 9.0.1-dev.0

package/dist/types/dropdownlist/dropdownlist.spec.d.ts

@@ -14,12 +14,12 @@ export type KendoDropdownListOptions = {
 export type KendoDropdownListProps = KendoDropdownListOptions & {
     valueIconName?: string;
     arrowIconName?: string;
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
     showValue?: boolean;
-    popup?: JSX.Element;
+    popup?: React.JSX.Element;
     opened?: boolean;
 };
 export type KendoDropdownListState = {

package/dist/types/dropdowntree/dropdowntree.spec.d.ts

@@ -15,12 +15,12 @@ export type KendoDropdownTreeOptions = {
 export type KendoDropdownTreeProps = KendoDropdownTreeOptions & {
     valueIconName?: string;
     arrowIconName?: string;
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
     showValue?: boolean;
-    popup?: JSX.Element;
+    popup?: React.JSX.Element;
     opened?: boolean;
     adaptive?: boolean;
     adaptiveSettings?: KendoActionSheetProps;

package/dist/types/editor/editor.spec.d.ts

@@ -2,7 +2,7 @@
 export declare const EDITOR_CLASSNAME = "k-editor";
 declare const states: ("focus" | "disabled" | "readonly")[];
 export type KendoEditorProps = {
-    toolbarItems?: JSX.Element[] | JSX.Element;
+    toolbarItems?: React.JSX.Element[] | React.JSX.Element;
     resizable?: boolean;
     toolbarResizable?: boolean;
 };

package/dist/types/filemanager/filemanager.spec.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const states: "disabled"[];
 export type KendoFileManagerProps = {
-    toolbar?: JSX.Element;
+    toolbar?: React.JSX.Element;
 };
 export type KendoFileManagerState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/filter/filter-item.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type KendoFilterItemProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const FilterItem: {
     (props: KendoFilterItemProps & React.HTMLAttributes<HTMLUListElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/filter/filter-lines.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const FILTER_LINES_CLASSNAME = "k-filter-lines";
 export type KendoFilterLinesProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const FilterLines: {
     (props: KendoFilterLinesProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/filter/filter-toolbar.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const FILTER_TOOLBAR_CLASSNAME = "k-filter-toolbar";
 export type KendoFilterToolbarProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const FilterToolbar: {
     (props: KendoFilterToolbarProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/filter/filter.spec.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const FILTER_CLASSNAME = "k-filter";
 export type KendoFilterProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     showApplyButton?: boolean;
 };
 export declare const Filter: {

package/dist/types/form/form-field.d.ts

@@ -5,7 +5,7 @@ export type KendoFormFieldProps = {
     label?: null | string;
     orientation?: string;
     optional?: boolean;
-    editor?: JSX.Element | string;
+    editor?: React.JSX.Element | string;
     hint?: null | string;
     error?: null | string;
     info?: null | string;

package/dist/types/form/form.spec.d.ts

@@ -9,12 +9,12 @@ export type KendoFormOptions = {
 export type KendoFormProps = KendoFormOptions & {
     orientation?: string;
     layout?: string;
-    formButtons?: JSX.Element | string;
+    formButtons?: React.JSX.Element | string;
     cols?: number;
     gapX?: number;
     gapY?: number;
     tag?: string;
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const Form: {
     (props: KendoFormProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/gantt/gantt-task-content.spec.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const GANTTTASKCONTENT_CLASSNAME = "k-task-content";
 export type KendoGanttTaskContentProps = {
-    content?: string | JSX.Element | JSX.Element[];
+    content?: string | React.JSX.Element | React.JSX.Element[];
 };
 export declare const GanttTaskContent: {
     (props: KendoGanttTaskContentProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/gantt/gantt.spec.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const GANTT_CLASSNAME = "k-gantt";
 export type KendoGanttProps = {
-    headerToolbar?: JSX.Element;
-    footerToolbar?: JSX.Element;
+    headerToolbar?: React.JSX.Element;
+    footerToolbar?: React.JSX.Element;
 };
 export declare const Gantt: {
     (props: KendoGanttProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/grid/grid.spec.d.ts

@@ -7,10 +7,10 @@ export type KendoGridOptions = {
     size?: (typeof options.size)[number] | null;
 };
 export type KendoGridProps = KendoGridOptions & {
-    toolbar?: JSX.Element;
-    pager?: JSX.Element;
+    toolbar?: React.JSX.Element;
+    pager?: React.JSX.Element;
     pagerPosition?: 'top' | 'bottom';
-    groupingHeader?: JSX.Element;
+    groupingHeader?: React.JSX.Element;
     _renderAriaRoot?: boolean;
 };
 export declare const Grid: {

package/dist/types/imageeditor/imageeditor-toolbar.d.ts

@@ -2,7 +2,7 @@
 import { KendoToolbarProps } from '../toolbar';
 export declare const IMAGEEDITORTOOLBAR_CLASSNAME = "k-imageeditor-toolbar";
 export type KendoImageEditorToolbarProps = {
-    toolbarItems?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const ImageEditorToolbar: {
     (props: KendoToolbarProps & KendoImageEditorToolbarProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/imageeditor/imageeditor.spec.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const IMAGEEDITOR_CLASSNAME = "k-imageeditor";
 export type KendoImageEditorProps = {
-    toolbarItems?: JSX.Element | JSX.Element[];
-    actionPane?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
+    actionPane?: React.JSX.Element | React.JSX.Element[];
     contentHeight?: string;
 };
 export declare const ImageEditor: {

package/dist/types/list/list-angular.spec.d.ts

@@ -9,7 +9,7 @@ export type KendoListAngularOptions = {
 };
 export type KendoListAngularProps = KendoListAngularOptions & {
     virtualization?: boolean;
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
 };
 export type KendoListAngularState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/list/list.spec.d.ts

@@ -9,8 +9,8 @@ export type KendoListOptions = {
 };
 export type KendoListProps = KendoListOptions & {
     virtualization?: boolean;
-    children?: JSX.Element[];
-    optionLabel?: JSX.Element;
+    children?: React.JSX.Element[];
+    optionLabel?: React.JSX.Element;
 };
 export type KendoListState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/listbox/listbox.spec.d.ts

@@ -8,7 +8,7 @@ export type KendoListBoxOptions = {
     size?: (typeof options.size)[number] | null;
 };
 export type KendoListBoxProps = KendoListBoxOptions & {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
     actionsPosition?: 'left' | 'right' | 'top' | 'bottom';
     actions?: string[];
     dir?: 'ltr' | 'rtl';

package/dist/types/listgroup/listgroup-item.spec.d.ts

@@ -6,7 +6,7 @@ export type KendoListGroupItemProps = {
     icon?: string;
     showArrow?: boolean;
     arrowIconName?: string;
-    children?: JSX.Element;
+    children?: React.JSX.Element;
     href?: string;
     pseudo?: boolean;
 };

package/dist/types/listgroup/listgroup.spec.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const LISTGROUP_CLASSNAME = "k-listgroup";
 export type KendoListGroupOptions = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     dir?: string;
 };
 export declare const ListGroup: {

package/dist/types/map/map.spec.d.ts

@@ -2,7 +2,7 @@
 export declare const MAP_CLASSNAME = "k-map";
 declare const states: never[];
 export type KendoMapProps = {
-    attribution?: JSX.Element;
+    attribution?: React.JSX.Element;
     markerStyle?: React.CSSProperties;
     scrollContainerStyle?: React.CSSProperties;
     horizontalScrollbarStyle?: React.CSSProperties;

package/dist/types/maskedtextbox/maskedtextbox.spec.d.ts

@@ -12,8 +12,8 @@ export type KendoMaskedTextboxOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoMaskedTextboxProps = KendoMaskedTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;

package/dist/types/mediaplayer/mediaplayer-toolbar.d.ts

@@ -2,7 +2,7 @@
 import { KendoToolbarProps } from '../toolbar';
 export declare const MEDIAPLAYERTOOLBAR_CLASSNAME = "k-mediaplayer-toolbar";
 export type KendoMediaPlayerToolbarProps = {
-    toolbarItems?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const MediaPlayerToolbar: {
     (props: KendoToolbarProps & KendoMediaPlayerToolbarProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/mediaplayer/mediaplayer.spec.d.ts

@@ -3,7 +3,7 @@ export declare const MEDIAPLAYER_CLASSNAME = "k-mediaplayer";
 declare const states: never[];
 export type KendoMediaPlayerProps = {
     title?: string;
-    toolbarItems?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
 };
 export type KendoMediaPlayerState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/menu/menu-item.spec.d.ts

@@ -9,8 +9,8 @@ export type KendoMenuItemProps = {
     showArrow?: boolean;
     arrowIconName?: string;
     dir?: string;
-    children?: JSX.Element[];
-    popup?: JSX.Element;
+    children?: React.JSX.Element[];
+    popup?: React.JSX.Element;
 };
 export type KendoMenuItemState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/menu/menu-list-item.spec.d.ts

@@ -9,8 +9,8 @@ export type KendoMenuListItemProps = {
     showArrow?: boolean;
     arrowIconName?: string;
     dir?: string;
-    children?: JSX.Element[];
-    popup?: JSX.Element;
+    children?: React.JSX.Element[];
+    popup?: React.JSX.Element;
 };
 export type KendoMenuListItemState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/menu/menu-list.spec.d.ts

@@ -4,7 +4,7 @@ declare const options: {
     size: ("small" | "medium" | "large")[];
 };
 export type KendoMenuListOptions = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     size?: (typeof options.size)[number] | null;
     dir?: string;
 };

package/dist/types/menu-button/menu-button.spec.d.ts

@@ -18,7 +18,7 @@ export type KendoMenuButtonProps = KendoMenuButtonOptions & {
     text?: string;
     showArrow?: boolean;
     arrowIconName?: string;
-    popup?: JSX.Element;
+    popup?: React.JSX.Element;
     opened?: boolean;
 };
 export type KendoMenuButtonState = {

package/dist/types/multiselect/multiselect.spec.d.ts

@@ -13,14 +13,14 @@ export type KendoMultiSelectOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoMultiSelectProps = KendoMultiSelectOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;
     placeholder?: string;
-    tags?: JSX.Element;
-    popup?: JSX.Element;
+    tags?: React.JSX.Element;
+    popup?: React.JSX.Element;
     showArrowButton?: boolean;
     opened?: boolean;
     adaptive?: boolean;

package/dist/types/multiselecttree/multiselecttree.spec.d.ts

@@ -13,12 +13,12 @@ export type KendoMultiSelectTreeOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoMultiSelectTreeProps = KendoMultiSelectTreeOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     type?: string;
     placeholder?: string;
-    tags?: JSX.Element;
-    popup?: JSX.Element;
+    tags?: React.JSX.Element;
+    popup?: React.JSX.Element;
     showArrowButton?: boolean;
     opened?: boolean;
     dir?: 'ltr' | 'rtl';

package/dist/types/notification/notification.spec.d.ts

@@ -7,7 +7,7 @@ export type KendoNotificationOptions = {
     themeColor?: (typeof options.themeColor)[number] | null;
 };
 export type KendoNotificationProps = KendoNotificationOptions & {
-    actions?: JSX.Element | JSX.Element[];
+    actions?: React.JSX.Element | React.JSX.Element[];
     closable?: boolean;
     text?: string;
     icon?: string;

package/dist/types/numerictextbox/numerictextbox.spec.d.ts

@@ -12,8 +12,8 @@ export type KendoNumericTextboxOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoNumericTextboxProps = KendoNumericTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     value?: string;
     placeholder?: string;

package/dist/types/orgchart/orgchart-group.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const ORGCHARTGROUP_CLASSNAME = "k-orgchart-group";
 export type KendoOrgchartGroupProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     orientation?: 'horizontal' | 'vertical';
     justifyContent?: null | 'start' | 'center' | 'end' | 'stretch' | 'around';
 };

package/dist/types/pdf-viewer/pdf-viewer.spec.d.ts

@@ -2,7 +2,7 @@
 export declare const PDFVIEWER_CLASSNAME = "k-pdf-viewer";
 declare const states: "disabled"[];
 export type KendoPDFViewerProps = {
-    toolbar?: JSX.Element;
+    toolbar?: React.JSX.Element;
     showSearchPanel?: boolean;
     blank?: boolean;
 };

package/dist/types/pivotgrid/calculated-field.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const CALCULATEDFIELD_CLASSNAME = "k-calculated-field";
 export type KendoCalculatedFieldProps = {
-    headerContent?: JSX.Element | JSX.Element[];
-    headerActions?: JSX.Element | JSX.Element[];
-    fieldActions?: JSX.Element | JSX.Element[];
+    headerContent?: React.JSX.Element | React.JSX.Element[];
+    headerActions?: React.JSX.Element | React.JSX.Element[];
+    fieldActions?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const CalculatedField: {
     (props: KendoCalculatedFieldProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/pivotgrid/pivotgrid-configurator.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const PIVOTGRIDCONFIGURATOR_CLASSNAME = "k-pivotgrid-configurator";
 export type KendoPivotGridConfiguratorProps = {
-    actionButtons?: JSX.Element;
+    actionButtons?: React.JSX.Element;
     orientation?: "horizontal" | "vertical";
     mode?: "overlay" | "push";
     header?: string;

package/dist/types/pivotgrid/pivotgrid.spec.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const PIVOTGRID_CLASSNAME = "k-pivotgrid";
 export type KendoPivotGridProps = {
-    emptyCell?: JSX.Element;
-    columnHeaders?: JSX.Element;
-    rowHeaders?: JSX.Element;
+    emptyCell?: React.JSX.Element;
+    columnHeaders?: React.JSX.Element;
+    rowHeaders?: React.JSX.Element;
 };
 export declare const PivotGrid: {
     (props: KendoPivotGridProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/popover/popover.spec.d.ts

@@ -3,7 +3,7 @@ export declare const POPOVER_CLASSNAME = "k-popover";
 export type KendoPopoverProps = {
     callout?: null | 'top' | 'bottom' | 'left' | 'right';
     title?: string;
-    body?: JSX.Element | JSX.Element[];
+    body?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const Popover: {
     (props: KendoPopoverProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/prompt/prompt-view.d.ts

@@ -2,7 +2,7 @@
 export declare const PROMPTVIEW_CLASSNAME = "k-prompt-view";
 export type KendoPromptViewProps = {
     showSearch?: boolean;
-    suggestions?: JSX.Element;
-    settings?: JSX.Element;
+    suggestions?: React.JSX.Element;
+    settings?: React.JSX.Element;
 };
 export declare const PromptView: (props: KendoPromptViewProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/scheduler/scheduler-event.spec.d.ts

@@ -7,8 +7,8 @@ export type KendoSchedulerEventProps = {
     hover?: boolean;
     focus?: boolean;
     selected?: boolean;
-    eventPrefix?: JSX.Element | null;
-    eventSuffix?: JSX.Element | null;
+    eventPrefix?: React.JSX.Element | null;
+    eventSuffix?: React.JSX.Element | null;
 };
 export declare const SchedulerEvent: {
     (props: KendoSchedulerEventProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/scheduler/scheduler.spec.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export type KendoSchedulerProps = {
     view?: "day" | "week" | "month" | "year" | "agenda" | "timeline";
-    toolbar?: JSX.Element | JSX.Element[];
-    footer?: JSX.Element | JSX.Element[];
+    toolbar?: React.JSX.Element | React.JSX.Element[];
+    footer?: React.JSX.Element | React.JSX.Element[];
     layout?: "table" | "flex";
 };
 export declare const Scheduler: {

package/dist/types/split-button/split-button.spec.d.ts

@@ -19,7 +19,7 @@ export type KendoSplitButtonProps = KendoSplitButtonOptions & {
     iconClassName?: string;
     showArrow?: boolean;
     arrowIconName?: string;
-    popup?: JSX.Element;
+    popup?: React.JSX.Element;
     opened?: boolean;
 };
 export type KendoSplitButtonState = {

package/dist/types/splitter/splitter.spec.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export type KendoSplitterProps = {
     orientation?: "vertical" | "horizontal";
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 };
 export declare const Splitter: {
     (props: KendoSplitterProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/spreadsheet/spreadsheet-sheets-bar.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const SPREADSHEETSHEETSBAR_CLASSNAME = "k-spreadsheet-sheets-bar";
 export type KendoSpreadsheetSheetsBarProps = {
-    tabStripItems?: JSX.Element;
+    tabStripItems?: React.JSX.Element;
 };
 export declare const SpreadsheetSheetsBar: {
     (props: KendoSpreadsheetSheetsBarProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/stepper/step.d.ts

@@ -10,7 +10,7 @@ export type KendoStepProps = {
     label?: string;
     text?: string;
     icon?: string;
-    stepContent?: JSX.Element;
+    stepContent?: React.JSX.Element;
 };
 export type StepState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/tabstrip/tabstrip-item.d.ts

@@ -3,7 +3,7 @@ export declare const TABSTRIPITEM_CLASSNAME = "k-item";
 declare const states: ("active" | "focus" | "disabled" | "hover")[];
 export type KendoTabStripItemProps = {
     dragging?: boolean;
-    value?: string | JSX.Element;
+    value?: string | React.JSX.Element;
     first?: boolean;
     last?: boolean;
 };

package/dist/types/tabstrip/tabstrip.spec.d.ts

@@ -2,7 +2,7 @@
 export declare const TABSTRIP_CLASSNAME = "k-tabstrip";
 export type KendoTabStripProps = {
     position?: "top" | "bottom" | "left" | "right";
-    tabStripItems?: JSX.Element | JSX.Element[];
+    tabStripItems?: React.JSX.Element | React.JSX.Element[];
     scrollable?: boolean;
     header?: boolean | null;
     dir?: "rtl" | "ltr";

package/dist/types/taskboard/taskboard-column.d.ts

@@ -2,7 +2,7 @@
 export declare const TASKBOARDCOLUMN_CLASSNAME = "k-taskboard-column";
 declare const states: never[];
 export type KendoTaskBoardColumnProps = {
-    header?: JSX.Element;
+    header?: React.JSX.Element;
     edit?: boolean;
 };
 export type KendoTaskBoardColumnState = {

package/dist/types/taskboard/taskboard-pane.d.ts

@@ -2,7 +2,7 @@
 export declare const TASKBOARDPANE_CLASSNAME = "k-taskboard-pane";
 declare const states: never[];
 export type KendoTaskBoardPaneProps = {
-    header?: JSX.Element;
+    header?: React.JSX.Element;
 };
 export type KendoTaskBoardPaneState = {
     [K in (typeof states)[number]]?: boolean;

package/dist/types/taskboard/taskboard.spec.d.ts

@@ -2,7 +2,7 @@
 export declare const TASKBOARD_CLASSNAME = "k-taskboard";
 declare const states: "disabled"[];
 export type KendoTaskBoardProps = {
-    toolbar?: JSX.Element;
+    toolbar?: React.JSX.Element;
     pane?: boolean;
     panePosition?: "start" | "end";
 };

package/dist/types/textarea/textarea.spec.d.ts

@@ -13,8 +13,8 @@ export type KendoTextareaOptions = {
     resize: "x" | "y" | "both" | "none";
 };
 export type KendoTextareaProps = KendoTextareaOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     rows?: number;
     value?: string;

package/dist/types/textbox/textbox.spec.d.ts

@@ -12,8 +12,8 @@ export type KendoTextboxOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoTextboxProps = KendoTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;

package/dist/types/time-selector/time-selector.spec.d.ts

@@ -7,8 +7,8 @@ export type KendoTimeSelectorOptions = {
     size?: (typeof options.size)[number] | null;
 };
 export type KendoTimeSelectorProps = KendoTimeSelectorOptions & {
-    header?: null | JSX.Element;
-    fastSelection?: null | JSX.Element;
+    header?: null | React.JSX.Element;
+    fastSelection?: null | React.JSX.Element;
     value?: string;
     columns: Array<timeType>;
     focusedColumn?: null | timeType;

package/dist/types/timedurationpicker/timedurationpicker.spec.d.ts

@@ -12,8 +12,8 @@ export type KendoTimeDurationPickerOptions = {
     fillMode?: (typeof options.fillMode)[number] | null;
 };
 export type KendoTimeDurationPickerProps = KendoTimeDurationPickerOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
     opened?: boolean;