@tedi-design-system/react 14.2.1 → 14.3.0-rc.1

package/src/community/components/map-components/map-accordion/map-accordion.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 export interface MapAccordionProps {
     /**
      * Accordion children – typically a list of AccordionItem components.
@@ -61,8 +61,8 @@ export declare const MapAccordion: {
     (props: MapAccordionProps): JSX.Element;
     displayName: string;
 } & {
-    Item: (props: import("./map-accordion-item").MapAccordionItemProps) => JSX.Element;
-    Content: (props: import("./map-accordion-item-content").MapAccordionItemContentProps) => JSX.Element;
-    Header: (props: import("./map-accordion-item-header").MapAccordionItemHeaderProps) => JSX.Element;
+    Item: (props: import('./map-accordion-item').MapAccordionItemProps) => JSX.Element;
+    Content: (props: import('./map-accordion-item-content').MapAccordionItemContentProps) => JSX.Element;
+    Header: (props: import('./map-accordion-item-header').MapAccordionItemHeaderProps) => JSX.Element;
 };
 export default MapAccordion;

package/src/community/components/map-components/map-dropdown/map-dropdown.d.ts

@@ -1,5 +1,5 @@
 import { FloatingFocusManager, Placement } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export type MapDropdownItem = {
     /**
      * Content of the item

package/src/community/components/map-components/map-info/map-info.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PopoverContentProps } from '../../../../tedi';
 export interface MapInfoProps {
     /**

package/src/community/components/map-components/map-preview/map-preview.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 export interface MapPreviewProps {
     /**
      * The content to be displayed when the overlay is in the open state.

package/src/community/components/map-components/right-panel/right-panel.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 interface AccordionItemData {
     /**
      * Unique identifier for the accordion item.

package/src/community/components/map-components/scale-bar/scale-bar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface ScaleBarProps {
     /**
      * The current zoom level of the map.

package/src/community/components/map-components/timeline/timeline.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PopoverContentProps } from '../../../../tedi';
 type IntervalType = 'day' | 'week' | 'year';
 interface TimelineProps {

package/src/community/components/modal/modal-closer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ModalCloserProps {
     /**
      * The element that closes the modal.

package/src/community/components/modal/modal-provider.d.ts

@@ -1,5 +1,5 @@
 import { FloatingContext, ReferenceType } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export interface ModalProviderProps {
     /**
      * ModalTrigger and Modal components

package/src/community/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card/card';
 export interface ModalProps {
     /**

package/src/community/components/placeholder/placeholder.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
 import { IconProps } from '../icon/icon';

package/src/community/components/stepper/step.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface StepProps {
     /**
      * ID of step

package/src/community/components/stepper/stepper-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type AllowStepLabelClick = boolean | 'completed' | 'completed-or-next';
 export interface IStepperContext {
     activeStep: number;

package/src/community/components/stepper/stepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card';
 import { StepProps } from './step';
 import { AllowStepLabelClick } from './stepper-context';

package/src/community/components/table/components/customize-table-cell/customize-table-cell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type AlignCell = 'top' | 'middle' | 'bottom' | 'baseline';
 interface CustomizeTableCellProps {
     /**

package/src/community/components/table/components/helpers.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef, ColumnFiltersState, PaginationState, SortingState } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 export declare function getExpandColumn<TData>(id?: string, showExpandAll?: boolean): ColumnDef<TData, any>;
 export declare function getRowSelectionColumn<TData>(id?: string, showSelectAll?: boolean): ColumnDef<TData, any>;
 export declare function useDefaultPagination(initial?: PaginationState, 

package/src/community/components/table/components/table-filter/table-filter-context.d.ts

@@ -1,5 +1,5 @@
 import { Column, Row } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 import { DefaultTData } from '../../table.types';
 export interface DateRangeFilterValues {
     from: string | null;

package/src/community/components/table/table-context.d.ts

@@ -1,5 +1,5 @@
 import { Table as TableType } from '@tanstack/table-core';
-import React from 'react';
+import { default as React } from 'react';
 import { DefaultTData, TableProps } from './table.types';
 export interface ITableContext<TData extends DefaultTData<TData>> extends Pick<TableProps<TData>, 'id' | 'isLoading' | 'isError' | 'hideRowBorder' | 'caption' | 'placeholder' | 'errorPlaceholder' | 'renderSubComponent' | 'renderGroupHeading' | 'onRowClick' | 'size'> {
     table: TableType<TData> | null;

package/src/community/components/table/table.types.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef, ColumnFiltersState, ColumnPinningState, ExpandedState, FilterFn, PaginationState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 import { IntentionalAny } from '../../types';
 import { CardProps } from '../card';
 import { ChoiceGroupItemProps } from '../form/choice-group';

package/src/community/components/table-of-contents/table-of-contents-items.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TableOfContentsProps } from './table-of-contents';
 export declare const TableOfContentsItems: (props: TableOfContentsProps & {
     setReturnFocus?: React.Dispatch<React.SetStateAction<boolean>>;

package/src/community/components/table-of-contents/table-of-contents.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Layouts } from '../../helpers';
 import { ModalProps, ModalProviderProps } from '../modal';
 import { TableOfContentsItemProps } from './table-of-contents-item';

package/src/community/components/tabs/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PrintProps } from '../../../../tedi/components/misc/print/print';
 export interface TabsProps {
     /**

package/src/community/components/tabs/tabs-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface ITabsContext {
     currentTab: string;
     setCurrentTab: (id: string) => void;

package/src/community/components/tabs/tabs-item/tabs-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { CardContentProps } from '../../card';
 type TabsItemBreakpointProps = Pick<CardContentProps, 'padding' | 'background'>;

package/src/community/components/tabs/tabs-nav/tabs-nav-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AnchorProps } from '../../anchor/anchor';
 import { TabsItemProps } from '../tabs-item/tabs-item';
 export type TabsNavItemProps<C extends React.ElementType = 'a'> = AnchorProps<C> & Pick<TabsItemProps, 'id'>;

package/src/community/components/tag/tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TagColor = 'default' | 'primary' | 'accent' | 'positive' | 'warning' | 'important';
 export type TagType = 'default' | 'secondary' | 'ghost' | 'invisible' | 'borderless';
 export type TagSize = 'default' | 'large';

package/src/community/components/tooltip/tooltip-provider.d.ts

@@ -1,5 +1,5 @@
 import { FloatingContext, FloatingFocusManager, OffsetOptions, Placement, ReferenceType, Strategy, UseRoleProps } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export type TooltipOpenWith = 'click' | 'hover';
 export declare const ARROW_HEIGHT = 7;
 export declare const ARROW_WIDTH = 14;

package/src/community/components/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card';
 export interface TooltipProps {
     /**

package/src/community/components/typography/text/text.d.ts

@@ -1,5 +1,5 @@
 import { BreakpointSupport } from '../../../helpers';
-import type { HeadingLevel } from '../heading/heading';
+import { HeadingLevel } from '../heading/heading';
 export type HeadingModifiers = `h${HeadingLevel}`;
 export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed';
 export type TextColor = 'default' | 'primary' | 'muted' | 'subtle' | 'disabled' | 'inverted' | 'positive' | 'important' | 'warning';

package/src/community/components/vertical-progress/vertical-progress-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface VerticalProgressItemProps {
     /**
      * The index of the item. Index is used to pass to onItemOpen callback

package/src/community/components/vertical-progress/vertical-progress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface VerticalProgressProps {
     /**
      * VerticalProgress children (VerticalProgressItem)

package/src/community/components/vertical-stepper/step-item/step-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface StepItemProps {
     /**
      * SubItems

package/src/community/helpers/polymorphic/types.d.ts

@@ -1,7 +1,4 @@
-/**
- * This file should contain only helpers that are used for developing components. They don't get exported separately from component library
- */
-import React from 'react';
+import { default as React } from 'react';
 /**
  * Types for polymorphic components
  */

package/src/community/providers/style-provider/style-provider.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import '../../styles/index.scss';
+import { default as React } from 'react';
 export interface StyleProviderProps {
     children: React.ReactNode;
 }

package/src/tedi/components/base/icon/icon.d.ts

@@ -58,4 +58,4 @@ export interface IconWithoutBackgroundProps extends IconSharedProps {
     display?: 'block' | 'inline';
 }
 export type IconProps = IconSharedProps & (IconWithBackgroundProps | IconWithoutBackgroundProps);
-export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<HTMLDivElement>>;

package/src/tedi/components/base/typography/text/text.d.ts

@@ -1,7 +1,7 @@
 import { BreakpointSupport } from '../../../../helpers';
-import type { HeadingLevel } from '../heading/heading';
+import { HeadingLevel } from '../heading/heading';
 export type HeadingModifiers = `h${HeadingLevel}`;
-export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed' | 'subtitle';
+export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'extra-small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed' | 'subtitle';
 export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'white' | 'disabled' | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 export type TextElement = 'div' | 'p' | 'span' | 'li' | 'label' | HeadingModifiers;
 type TextBreakpointProps = {

package/src/tedi/components/buttons/button/button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { ButtonContentProps } from '../button-content/button-content';
 export type ButtonType = 'primary' | 'secondary' | 'neutral' | 'link';

package/src/tedi/components/buttons/button-content/button-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AllowedHTMLTags, PolymorphicComponentPropWithRef } from '../../../helpers/polymorphic/types';
 import { UnknownType } from '../../../types/commonTypes';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';

package/src/tedi/components/buttons/closing-button/closing-button.d.ts

@@ -1,5 +1,4 @@
-import { MouseEventHandler } from 'react';
-import { ButtonHTMLAttributes } from 'react';
+import { MouseEventHandler, ButtonHTMLAttributes } from 'react';
 type ClosingButtonSize = 'medium' | 'large';
 export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**

package/src/tedi/components/buttons/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { RowProps } from '../../layout/grid';
 type CollapseBreakpointProps = {

package/src/tedi/components/buttons/info-button/info-button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonProps } from '../button/button';
 export interface InfoButtonProps extends Omit<ButtonProps, 'size'> {
     /**

package/src/tedi/components/cards/card/card-content/card-content.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../../helpers';
 import { SharedCardProps } from '../card';
 export interface CardContentProps extends BreakpointSupport<SharedCardProps> {

package/src/tedi/components/cards/card/card-context.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { CardContentProps } from './card-content/card-content';
+import { default as React } from 'react';
+import { CardContentProps } from './card-content/card-content';
 type CardContext = Pick<CardContentProps, 'padding' | 'background'>;
 export declare const CardContext: React.Context<CardContext>;
 export {};

package/src/tedi/components/cards/card/card.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { CardContentProps } from './card-content/card-content';
 import { CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
@@ -80,6 +80,6 @@ export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;
     Header: (props: CardContentProps) => JSX.Element;
-    Notification: (props: import("./card-notification/card-notification").CardNotificationProps) => JSX.Element;
+    Notification: (props: import('./card-notification/card-notification').CardNotificationProps) => JSX.Element;
 };
 export default Card;

package/src/tedi/components/content/label/label.d.ts

@@ -32,5 +32,5 @@ export interface LabelProps extends BreakpointSupport<LabelBreakpointProps>, Lab
      */
     tooltip?: string;
 }
-export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
 export {};

package/src/tedi/components/content/section/section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface SectionProps {
     /**
      * Section content

package/src/tedi/components/content/text-group/text-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 type TextGroupType = 'vertical' | 'horizontal';
 type TextGroupBreakpointProps = {

package/src/tedi/components/content/truncate/truncate.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { ButtonProps } from '../../buttons/button/button';
 type TruncateBreakpointProps = {

package/src/tedi/components/form/choice-group/choice-group-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemType, ChoiceGroupValue } from './choice-group.types';
 export interface IChoiceGroupContext {
     name: string;

package/src/tedi/components/form/choice-group/choice-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { BreakpointSupport } from '../../../helpers';

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../../../helpers';
 import { ColProps, Direction } from '../../../../layout/grid';
 import { ChoiceInputProps } from '../../../choice-input.types';

package/src/tedi/components/form/file-upload/examples/multiple-handled.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import FileUpload from '../file-upload';
+import { default as FileUpload } from '../file-upload';
 export declare const MultipleHandledTemplate: StoryFn<typeof FileUpload>;

package/src/tedi/components/form/form-label/form-label.d.ts

@@ -40,5 +40,5 @@ export interface FormLabelProps {
      */
     tooltip?: string;
 }
-export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const FormLabel: import('react').ForwardRefExoticComponent<FormLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
 export default FormLabel;

package/src/tedi/components/form/number-field/number-field.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';
 import { FormLabelProps } from '../form-label/form-label';

package/src/tedi/components/form/search/search.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';
 import { ButtonProps } from '../../buttons/button/button';
 import { TextFieldForwardRef, TextFieldProps } from '../textfield/textfield';

package/src/tedi/components/form/select/examples/async.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/custom-option.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/editable.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/multiple-handled.d.ts

@@ -1,4 +1,4 @@
 import { StoryFn } from '@storybook/react';
-import Select, { ISelectOption } from '../select';
+import { default as Select, ISelectOption } from '../select';
 export declare const colourOptions: ISelectOption[];
 export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups, SelectInstance } from 'react-select';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';

package/src/tedi/components/form/textarea/textarea.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TextFieldForwardRef, TextFieldProps } from '../textfield/textfield';
 export interface TextAreaProps extends TextFieldProps {
     /**

package/src/tedi/components/form/textfield/textfield.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';

package/src/tedi/components/layout/grid/col.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type NumberAttr = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export type ColOrderNumber = number | '1' | '2' | '3' | '4' | '5';
 export type ColOrder = ColOrderNumber | 'first' | 'last';

package/src/tedi/components/layout/grid/row-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowElement } from './row';
 interface IRowContext {
     element: RowElement;

package/src/tedi/components/layout/grid/row.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ColProps } from './col';
 export type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
 export type Spacer = 0 | 1 | 2 | 3 | 4 | 5;

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SideNavItemProps } from '../sidenav-item/sidenav-item';
 type SideNavDropdownProps<C extends React.ElementType = 'a'> = {
     trigger: React.ReactNode;

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconWithoutBackgroundProps } from '../../../../base/icon/icon';
 import { LinkProps } from '../../../../navigation/link/link';
 import { SideNavItemSize } from '../../sidenav';

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SideNavItemProps } from '../sidenav-item/sidenav-item';
 type SideNavMobileProps<C extends React.ElementType = 'a'> = {
     navItems: SideNavItemProps<C>[];

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UnknownType } from '../../../../../../tedi/types/commonTypes';
 export type SidenavToggleVariant = 'mobile' | 'collapse';
 export type SidenavToggleProps = {

package/src/tedi/components/layout/sidenav/sidenav.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
 import { UnknownType } from '../../../types/commonTypes';
 import { SideNavItemProps } from './components/sidenav-item/sidenav-item';
@@ -80,7 +80,7 @@ export type SideNavProps<C extends React.ElementType = 'a'> = ConditionalTypes<C
     sideNavItemSize?: SideNavItemSize;
 };
 export declare const SideNav: (<C extends React.ElementType = "a">(props: SideNavProps<C>) => React.ReactElement | null) & {
-    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, }: import("./components/sidenav-toggle/sidenav-toggle").SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
+    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, }: import('./components/sidenav-toggle/sidenav-toggle').SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
     Item: <C extends React.ElementType = "a">(props: SideNavItemProps<C> & {
         onItemClick?: () => void;
         level?: number;

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.d.ts

@@ -25,6 +25,6 @@ export interface VerticalSpacingProps extends BreakpointSupport<VerticalSpacingB
 }
 export declare const VerticalSpacing: {
     (props: VerticalSpacingProps): JSX.Element;
-    Item: (props: import("./vertical-spacing-item").VerticalSpacingItemProps) => JSX.Element;
+    Item: (props: import('./vertical-spacing-item').VerticalSpacingItemProps) => JSX.Element;
 };
 export default VerticalSpacing;

package/src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../../helpers';
 type SkeletonBlockBreakpointProps = {
     /**

package/src/tedi/components/loaders/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface SkeletonProps {
     /**
      * The content to be rendered inside the skeleton placeholder.
@@ -31,6 +31,6 @@ export interface SkeletonProps {
 }
 export declare const Skeleton: {
     (props: SkeletonProps): JSX.Element;
-    Block: (props: import("./skeleton-block/skeleton-block").SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
+    Block: (props: import('./skeleton-block/skeleton-block').SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Skeleton;

package/src/tedi/components/misc/ellipsis/ellipsis.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface EllipsisProps {
     /**
      * The content to be displayed inside the ellipsis container.