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

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.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--blue-600)",danger:"var(--red-600)",dangerLight:"var(--red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;

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/select/select.es.js

@@ -69,8 +69,8 @@ const De = ge(
       onBlur: ae,
       inputIsHidden: re,
       isTagRemovable: M = !1,
-      optionGroupHeadingText: ne = { modifiers: "small", color: "tertiary" },
-      cacheOptions: ie = !0,
+      optionGroupHeadingText: ie = { modifiers: "small", color: "tertiary" },
+      cacheOptions: ne = !0,
       showRadioButtons: le = !1,
       renderWithoutLabel: se,
       tooltip: ce,
@@ -82,8 +82,8 @@ const De = ge(
     );
     const de = (d) => {
       l == null || l(d), !S && r.current && setTimeout(() => {
-        var n, i;
-        return (i = (n = r.current) == null ? void 0 : n.inputRef) == null ? void 0 : i.focus();
+        var i, n;
+        return (n = (i = r.current) == null ? void 0 : i.inputRef) == null ? void 0 : n.focus();
       }, 0);
     }, me = () => {
       const d = {
@@ -99,13 +99,13 @@ const De = ge(
         MultiValue: (e) => $e({ isTagRemovable: M, ...e }),
         MultiValueRemove: xe,
         Group: Le,
-        GroupHeading: (e) => he({ optionGroupHeadingText: ne, ...e }),
+        GroupHeading: (e) => he({ optionGroupHeadingText: ie, ...e }),
         IndicatorsContainer: ye,
         ValueContainer: Pe,
         LoadingIndicator: Ve
-      }, n = A ? be : Se, i = () => v("select.no-options"), pe = () => v("select.loading");
+      }, i = A ? be : Se, n = () => v("select.no-options"), pe = () => v("select.loading");
       return /* @__PURE__ */ u(
-        n,
+        i,
         {
           id: a,
           "aria-describedby": O,
@@ -118,7 +118,7 @@ const De = ge(
           defaultOptions: V,
           value: $,
           defaultValue: x,
-          cacheOptions: ie,
+          cacheOptions: ne,
           onChange: de,
           onInputChange: H,
           onBlur: ae,
@@ -126,7 +126,7 @@ const De = ge(
           inputId: `${a}-input`,
           loadOptions: T,
           isLoading: D,
-          noOptionsMessage: K || i,
+          noOptionsMessage: K || n,
           loadingMessage: Q || pe,
           classNamePrefix: "select",
           components: d,
@@ -161,9 +161,9 @@ const De = ge(
             ...e,
             colors: {
               ...e.colors,
-              primary: "var(--blue-600)",
-              danger: "var(--red-600)",
-              dangerLight: "var(--red-200)"
+              primary: "var(--tedi-blue-600)",
+              danger: "var(--tedi-red-600)",
+              dangerLight: "var(--tedi-red-200)"
             }
           }),
           styles: {

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/sidenav/sidenav.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__item--level-3":"tedi-sidenav__item--level-3-8613fcad","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;

package/src/tedi/components/layout/sidenav/sidenav.module.scss.es.js

@@ -12,7 +12,6 @@ const e = {
   "tedi-sidenav__toggle-icon": "tedi-sidenav__toggle-icon-63662692",
   "tedi-sidenav__overlay": "tedi-sidenav__overlay-5feeb550",
   "tedi-sidenav__item--level-2": "tedi-sidenav__item--level-2-3ed1a7e8",
-  "tedi-sidenav__item--level-3": "tedi-sidenav__item--level-3-8613fcad",
   "tedi-sidenav__list": "tedi-sidenav__list-58d1ae41",
   "tedi-sidenav__sub-item": "tedi-sidenav__sub-item-c714d866",
   "tedi-sidenav__link--has-children-link": "tedi-sidenav__link--has-children-link-1d49019f",

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.

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type BreakTypes = 'auto' | 'avoid' | 'avoid-column' | 'avoid-page' | 'avoid-region';
 export interface PrintProps {
     /**

package/src/tedi/components/misc/scroll-fade/scroll-fade.d.ts

@@ -31,5 +31,5 @@ export interface ScrollFadeProps {
      */
     onScrollToBottom?: () => void;
 }
-export declare const ScrollFade: import("react").ForwardRefExoticComponent<ScrollFadeProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollFade: import('react').ForwardRefExoticComponent<ScrollFadeProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ScrollFade;