@mmb-digital/design-system-web 0.1.18 → 0.1.19

package/dist/index.d.ts

@@ -1,21 +1,9 @@
-import React, { ReactNode, FC, ReactElement, SyntheticEvent, RefAttributes, HTMLInputTypeAttribute, MouseEvent, HTMLAttributes } from 'react';
-import { ColorScheme as ColorScheme$1 } from '@/util/colorScheme';
-import { ModalProps as ModalProps$1 } from '@/components/modal/modal/modal.types';
-import { TooltipFloatingElement as TooltipFloatingElement$1, TooltipParentElement as TooltipParentElement$1, TooltipPlacement as TooltipPlacement$1 } from '@/components/tooltip/tooltip.types';
-import { FormattedMessageTypes as FormattedMessageTypes$1 } from '@/components/formatted/message';
+import React, { ReactNode, FC, ReactElement, SyntheticEvent, RefAttributes, FocusEvent, ChangeEvent, PropsWithChildren, HTMLInputTypeAttribute, MouseEvent, HTMLAttributes } from 'react';
 import { MessageDescriptor } from 'react-intl';
-import { TooltipFloatingElement as TooltipFloatingElement$2 } from '@/components/tooltip';
-import { CalculatorResultBoxProps as CalculatorResultBoxProps$1 } from '@/components/calculator/calculatorResult/calculatorResultBox/calculatorResultBox.types';
-import { CalculatorResultValues as CalculatorResultValues$1 } from '@/components/calculator/calculatorResult/calculatorResult.types';
-import { MediaType as MediaType$1 } from '@/media';
 import { PrimitiveType } from 'intl-messageformat';
 import { ReactDatePickerProps } from 'react-datepicker';
-import { CheckboxBaseProps } from '@/components/formElement/checkbox/checkboxBase';
-import { RadioButtonLabel as RadioButtonLabel$1 } from '@/components/formElement/radio';
 import { FieldValues, Control, FieldPath } from 'react-hook-form';
 import { Options, Props, PropsValue, SingleValue as SingleValue$1 } from 'react-select';
-import { MinMaxLabels as MinMaxLabels$1, SliderStepType as SliderStepType$1, SliderSteps as SliderSteps$1 } from '@/components/slider/slider/slider.types';
-import { ColorScheme as ColorScheme$2, ChooseColor as ChooseColor$1 } from '@/util/colorScheme/colorScheme.types';
 
 declare enum ButtonStyle {
     PRIMARY = "primary",
@@ -119,13 +107,28 @@ declare const TableHeadData: FC<TableProps>;
 
 declare const TableRow: FC<TableProps>;
 
+declare enum ColorScheme {
+    dark = "dark",
+    light = "light"
+}
+interface ColorSchemeObject<Dark extends string = string, Light extends string = string> {
+    dark: Dark;
+    light: Light;
+}
+type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
+type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
+
+declare const useColorScheme: (colorScheme: ColorScheme) => ChooseColor;
+
+declare const getColor: GetColor;
+
 declare enum TabsVariant {
     primary = "primary",
     secondary = "secondary",
     tertiary = "tertiary"
 }
 interface TabsItemProps {
-    colorScheme: ColorScheme$1;
+    colorScheme: ColorScheme;
     icon?: ReactNode;
     id: string;
     isActive?: boolean;
@@ -134,7 +137,7 @@ interface TabsItemProps {
     variant: TabsVariant;
 }
 interface TabsProps {
-    colorScheme?: ColorScheme$1;
+    colorScheme?: ColorScheme;
     defaultActiveStep?: number;
     steps: TabsItemProps[];
     variant: TabsVariant;
@@ -157,7 +160,7 @@ declare enum IconProductVariant {
     default = "default"
 }
 interface IconProductProps {
-    readonly colorScheme?: ColorScheme$1;
+    readonly colorScheme?: ColorScheme;
     readonly size: IconProductSize;
     readonly type: IconProductType;
     readonly variant?: IconProductVariant | undefined;
@@ -187,7 +190,7 @@ declare enum IconSystemSize {
     small = "small"
 }
 interface IconSystemProps {
-    readonly colorScheme?: ColorScheme$1;
+    readonly colorScheme?: ColorScheme;
     readonly fill?: string;
     readonly size: IconSystemSize;
     readonly stroke?: string;
@@ -196,8 +199,6 @@ interface IconSystemProps {
 
 declare const IconSystem: React.FC<IconSystemProps>;
 
-declare const Modal: React.FC<ModalProps$1>;
-
 type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
 interface ModalProps {
     readonly children: ReactElement | string;
@@ -213,23 +214,7 @@ declare enum ReasonForClosing {
     OVERLAY = "overlay"
 }
 
-interface TooltipInfoProps {
-    readonly colorScheme?: ColorScheme$1;
-    readonly floatingElement: TooltipFloatingElement$1;
-}
-
-declare const TooltipInfo: React.FC<TooltipInfoProps>;
-
-interface TooltipGeneralProps {
-    readonly colorScheme: ColorScheme$1;
-    readonly floatingElement: TooltipFloatingElement$1;
-    readonly onClose?: (() => void) | undefined;
-    readonly onOpen?: (() => void) | undefined;
-    readonly parentElement: TooltipParentElement$1;
-    readonly placement?: TooltipPlacement$1 | undefined;
-}
-
-declare const TooltipGeneral: React.FC<TooltipGeneralProps>;
+declare const Modal: React.FC<ModalProps>;
 
 interface TooltipParentElementProps extends Record<string, unknown> {
     ref: (node: Element | null) => void;
@@ -250,24 +235,58 @@ declare enum TooltipInfoDisplayMethod {
     WITH_NBSP = "withNbsp"
 }
 
+interface TooltipInfoProps {
+    readonly colorScheme?: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+}
+
+declare const TooltipInfo: React.FC<TooltipInfoProps>;
+
+interface TooltipGeneralProps {
+    readonly colorScheme: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+    readonly onClose?: (() => void) | undefined;
+    readonly onOpen?: (() => void) | undefined;
+    readonly parentElement: TooltipParentElement;
+    readonly placement?: TooltipPlacement | undefined;
+}
+
+declare const TooltipGeneral: React.FC<TooltipGeneralProps>;
+
+interface FormattedMessageTypes extends MessageDescriptor {
+    values?: Record<string, PrimitiveType>;
+}
+
+type FormattedMessageProps = FormattedMessageTypes;
+
+declare const FormattedMessage: React.FC<FormattedMessageProps>;
+
+type FormattedHtmlMessageProps = FormattedMessageTypes;
+
+declare const FormattedHtmlMessage: React.FC<FormattedHtmlMessageProps>;
+
+type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
+
+declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
+
 interface TooltipInfoDisplayableCheckProps {
-    body: FormattedMessageTypes$1;
-    colorScheme?: ColorScheme$1;
+    body: FormattedMessageTypes;
+    colorScheme?: ColorScheme;
     displayMethod: TooltipInfoDisplayMethod;
-    title?: FormattedMessageTypes$1 | undefined;
+    title?: FormattedMessageTypes | undefined;
 }
 
 declare const TooltipInfoDisplayableCheck: React.FC<TooltipInfoDisplayableCheckProps>;
 
 interface TooltipInfoConditionalProps {
-    colorScheme?: ColorScheme$1;
+    colorScheme?: ColorScheme;
     displayMethod: TooltipInfoDisplayMethod;
     floatingElement?: Partial<TooltipFloatingElement> | undefined;
 }
 
 declare const TooltipInfoConditional: React.FC<TooltipInfoConditionalProps>;
 
-type CreateTooltipFloatingElementHookReturnFunction = (body: FormattedMessageTypes$1, title?: MessageDescriptor | undefined) => TooltipFloatingElement | undefined;
+type CreateTooltipFloatingElementHookReturnFunction = (body: FormattedMessageTypes, title?: MessageDescriptor | undefined) => TooltipFloatingElement | undefined;
 
 declare const useCreateTooltipFloatingElement: () => CreateTooltipFloatingElementHookReturnFunction;
 
@@ -280,7 +299,7 @@ interface CalculatorResultBodyItem {
     left: {
         element: ReactElement | string;
         tooltip?: {
-            floatingElement: TooltipFloatingElement$2;
+            floatingElement: TooltipFloatingElement;
         } | undefined;
     };
     right: {
@@ -305,34 +324,39 @@ interface CalculatorResultProps extends CalculatorResultValues {
  */
 declare const CalculatorResult: React.FC<CalculatorResultProps>;
 
-/**
- * If you just want CalculatorResult without text below it, consider using CalculatorResult
- */
-declare const CalculatorResultBox: React.FC<CalculatorResultBoxProps$1>;
+declare enum MediaType {
+    desktop = "desktop",
+    mobile = "mobile"
+}
 
 interface CalculatorResultBoxModal {
     content: ReactElement | string;
     text: ReactElement | string;
 }
-interface CalculatorResultBoxProps extends CalculatorResultValues$1 {
+interface CalculatorResultBoxProps extends CalculatorResultValues {
     description?: ReactElement | string;
-    mediaType: MediaType$1;
+    mediaType: MediaType;
     modal: CalculatorResultBoxModal | undefined;
 }
 
+/**
+ * If you just want CalculatorResult without text below it, consider using CalculatorResult
+ */
+declare const CalculatorResultBox: React.FC<CalculatorResultBoxProps>;
+
 declare enum LoaderSize {
     LG = "lg",
     SM = "sm"
 }
 interface LoaderProps {
-    colorScheme: ColorScheme$1;
+    colorScheme: ColorScheme;
     loaderSize: LoaderSize;
 }
 
 declare const Loader: React.FC<LoaderProps>;
 
 interface LoaderOverlayBoxProps {
-    colorScheme: ColorScheme$1;
+    colorScheme: ColorScheme;
     loaderSize: LoaderSize;
 }
 
@@ -354,22 +378,6 @@ interface UseFormatPercentageTypeParam {
 type UseFormatPercentage = (param: UseFormatPercentageTypeParam) => string;
 declare const useFormattedPercentage: () => UseFormatPercentage;
 
-interface FormattedMessageTypes extends MessageDescriptor {
-    values?: Record<string, PrimitiveType>;
-}
-
-type FormattedMessageProps = FormattedMessageTypes;
-
-declare const FormattedMessage: React.FC<FormattedMessageProps>;
-
-type FormattedHtmlMessageProps = FormattedMessageTypes;
-
-declare const FormattedHtmlMessage: React.FC<FormattedHtmlMessageProps>;
-
-type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
-
-declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
-
 interface FormattedAmountProps {
     readonly amount: number;
     readonly currency?: string;
@@ -400,13 +408,22 @@ interface DatePickerProps extends Omit<ReactDatePickerProps, 'calendarContainer'
 
 declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
 
+interface CheckboxBaseProps extends RefAttributes<HTMLInputElement> {
+    readonly disabled?: boolean | undefined;
+    readonly id?: string | undefined;
+    readonly isError?: boolean | undefined;
+    readonly name: string;
+    readonly onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
+    readonly onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
+}
+
 declare enum CheckboxPosition {
     left = "left",
     right = "right"
 }
 interface CheckboxLabel {
     readonly label: React.ReactElement | string;
-    readonly tooltip?: TooltipFloatingElement$2 | undefined;
+    readonly tooltip?: TooltipFloatingElement | undefined;
 }
 interface CheckboxProps extends CheckboxBaseProps {
     readonly errorMessage?: React.ReactElement | string | undefined;
@@ -416,6 +433,39 @@ interface CheckboxProps extends CheckboxBaseProps {
 
 declare const Checkbox: React.FC<CheckboxProps>;
 
+declare enum InputSize {
+    MD = "md",
+    XL = "xl"
+}
+declare enum TextAlign {
+    center = "center",
+    left = "left",
+    right = "right"
+}
+interface FieldWrapperValues {
+    errorMessage?: ReactNode | string;
+    hasError?: boolean;
+    hintText?: ReactNode | string;
+    id?: string;
+    label?: ReactNode | string;
+    tooltip?: TooltipFloatingElement;
+}
+interface InputProps {
+    disabled?: boolean;
+    halfWidth?: boolean;
+    maxLength?: number;
+    name: string;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
+    size: InputSize;
+    value?: string;
+}
+
+interface FieldWrapperProps extends FieldWrapperValues, PropsWithChildren {
+}
+
+declare const FieldWrapper: FC<FieldWrapperProps>;
+
 interface RadioGeneralProps extends RefAttributes<HTMLInputElement> {
     readonly disabled?: boolean;
     readonly id?: string | undefined;
@@ -428,7 +478,7 @@ interface RadioGeneralProps extends RefAttributes<HTMLInputElement> {
 
 interface RadioLabel {
     readonly label: React.ReactElement | string;
-    readonly tooltip?: TooltipFloatingElement$2 | undefined;
+    readonly tooltip?: TooltipFloatingElement | undefined;
 }
 declare enum RadioPosition {
     left = "left",
@@ -455,11 +505,11 @@ declare const RadioButton: React.FC<RadioButtonProps>;
 
 interface RadioButtonsHorizontalLabel {
     readonly element: React.ReactElement | string;
-    readonly tooltip?: TooltipFloatingElement$2 | undefined;
+    readonly tooltip?: TooltipFloatingElement | undefined;
 }
 interface RadioButtonsHorizontalItem {
     id?: string | undefined;
-    label: RadioButtonLabel$1;
+    label: RadioButtonLabel;
     value: string;
 }
 interface RadioButtonsHorizontalProps {
@@ -510,32 +560,6 @@ interface ToggleProps {
  */
 declare const Toggle: FC<ToggleProps>;
 
-declare enum InputSize {
-    MD = "md",
-    XL = "xl"
-}
-declare enum TextAlign {
-    center = "center",
-    left = "left",
-    right = "right"
-}
-interface InputProps {
-    disabled?: boolean;
-    errorMessage?: ReactNode | string;
-    halfWidth?: boolean;
-    hasError?: boolean;
-    hintText?: ReactNode | string;
-    id?: string | undefined;
-    label?: ReactNode | string;
-    maxLength?: number;
-    name: string;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
-    size: InputSize;
-    tooltip?: TooltipFloatingElement$2 | undefined;
-    value?: string;
-}
-
 interface InputBaseProps extends RefAttributes<HTMLInputElement> {
     button?: ReactNode;
     colorInput?: string | undefined;
@@ -563,25 +587,25 @@ interface InputLabelProps {
     hasError?: boolean;
     id?: string;
     label?: ReactNode | string;
-    tooltip?: TooltipFloatingElement$2 | undefined;
+    tooltip?: TooltipFloatingElement;
 }
 
 declare const InputLabel: FC<InputLabelProps>;
 
-interface EmailInputProps extends InputProps {
+interface EmailInputProps extends InputProps, FieldWrapperValues {
     placeholder?: string;
 }
 
 declare const EmailInput: FC<EmailInputProps>;
 
-interface PhoneInputProps extends InputProps {
+interface PhoneInputProps extends FieldWrapperValues, InputProps {
     placeholder?: string;
     prefix?: string;
 }
 
 declare const PhoneInput: FC<PhoneInputProps>;
 
-interface SearchInputProps extends InputProps {
+interface SearchInputProps extends FieldWrapperValues, InputProps {
     buttonAction?: () => void;
     buttonText?: ReactNode | string;
     placeholder?: string;
@@ -591,7 +615,7 @@ declare const SearchInput: FC<SearchInputProps>;
 
 interface SliderInputLabel {
     element: ReactNode | string;
-    tooltip?: TooltipFloatingElement$2 | undefined;
+    tooltip?: TooltipFloatingElement | undefined;
 }
 interface SliderInputMinMax {
     max: number;
@@ -603,33 +627,44 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement> {
     id?: string | undefined;
     isInputHidden?: boolean | undefined;
     label: SliderInputLabel;
-    mediaType: MediaType$1;
+    mediaType: MediaType;
     minMax: SliderInputMinMax;
-    minMaxLabels: MinMaxLabels$1 | undefined;
+    minMaxLabels: MinMaxLabels | undefined;
     name: string;
     onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
     onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
     prefix?: ReactNode | string | undefined;
-    stepType: SliderStepType$1;
-    steps: SliderSteps$1;
+    stepType: SliderStepType;
+    steps: SliderSteps;
     suffix?: ReactNode | string | undefined;
 }
 
 declare const SliderInput: React.FC<SliderInputProps>;
 
-interface TextInputProps extends InputProps {
+interface TextInputProps extends FieldWrapperValues, InputProps {
     placeholder?: string;
 }
 
 declare const TextInput: FC<TextInputProps>;
 
-interface TrailingTextInputProps extends InputProps {
+interface TrailingTextInputProps extends InputProps, FieldWrapperValues {
     placeholder?: string;
     suffix?: ReactNode | string;
 }
 
 declare const TrailingTextInput: FC<TrailingTextInputProps>;
 
+interface TextAreaProps extends RefAttributes<HTMLTextAreaElement>, FieldWrapperValues {
+    hasError?: boolean;
+    onBlur?: ((event: FocusEvent<HTMLTextAreaElement>) => Promise<boolean | void>) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
+    placeholder?: string;
+    rows?: number;
+    value?: string;
+}
+
+declare const TextArea: FC<TextAreaProps>;
+
 declare enum TypographyVariant {
     H1 = "h1",
     H2 = "h2",
@@ -693,26 +728,6 @@ type StackProps = HTMLAttributes<HTMLDivElement> & {
 
 declare const Stack: React.FC<StackProps>;
 
-declare enum MediaType {
-    desktop = "desktop",
-    mobile = "mobile"
-}
-
-declare const useColorScheme: (colorScheme: ColorScheme$2) => ChooseColor$1;
-
-declare enum ColorScheme {
-    dark = "dark",
-    light = "light"
-}
-interface ColorSchemeObject<Dark extends string = string, Light extends string = string> {
-    dark: Dark;
-    light: Light;
-}
-type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
-type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
-
-declare const getColor: GetColor;
-
 declare const theme: {
     palette: {
         gold100: string;
@@ -1241,4 +1256,4 @@ declare const theme: {
     };
 };
 
-export { Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };
+export { Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, FieldWrapper, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };