@seeqdev/qomponents 0.0.223 → 0.0.229

package/dist/src/Icon/Icon.types.d.ts

@@ -8,7 +8,7 @@ type IconSize = '2xs' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '1x' | '2x' | '3x' |
  * Props for the Icon component that renders customizable icons with various styling options.
  * Extends TooltipComponentProps to support tooltip functionality on the icon.
  */
-interface IconProps extends TooltipComponentProps {
+type IconProps = {
   /**
    * Icon class name to display, typically from FontAwesome.
    * Examples: 'fc-zoom', 'fc-delete', 'fc-save'. This determines which icon is rendered.
@@ -54,7 +54,7 @@ interface IconProps extends TooltipComponentProps {
    * Receives the mouse event as a parameter. Use this to make icons interactive
    * for actions like opening menus, triggering functions, or navigation.
    */
-  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
+  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
   /**
    * Additional CSS classes to apply to the icon element.
    * Use this to customize the icon's appearance, spacing, or behavior beyond built-in options.
@@ -89,6 +89,6 @@ interface IconProps extends TooltipComponentProps {
    * Can be used for ordering, counting, or any numeric data related to the icon.
    */
   number?: number;
-}
+} & TooltipComponentProps;
 //#endregion
 export { IconProps, IconSize, IconType, iconTypes };

package/dist/src/InputGroup/InputGroup.d.ts

@@ -1,11 +1,10 @@
 import { InputGroupProps } from "./InputGroup.types.js";
-import React from "react";
+import * as react10 from "react";
 
 //#region src/InputGroup/InputGroup.d.ts
-
 /**
  * InputGroup.
  */
-declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const InputGroup: react10.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react10.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { InputGroup };

package/dist/src/InputGroup/InputGroup.types.d.ts

@@ -8,7 +8,7 @@ import { InputLengthStyleProps, TextFieldProps } from "../TextField/TextField.ty
  * Interface for button elements that can be appended to an InputGroup.
  * Used when you want to add interactive buttons alongside the input field.
  */
-interface AppendedButtonProps {
+type AppendedButtonProps = {
   /**
    * Specifies that this appended item is an interactive button.
    * Button items can trigger actions and provide additional functionality to the input.
@@ -19,12 +19,12 @@ interface AppendedButtonProps {
    * Uses all standard Button props including click handlers, styling, icons, and tooltips.
    */
   buttonProps: ButtonProps;
-}
+};
 /**
  * Interface for custom React elements that can be appended to an InputGroup.
  * Used when you need to add non-button content like icons, labels, or decorative elements.
  */
-interface ElementProps {
+type ElementProps = {
   /**
    * Specifies that this appended item is a custom React element.
    * Element items are typically decorative or informational and don't have built-in interactivity.
@@ -35,13 +35,13 @@ interface ElementProps {
    * Can be any valid React node including text, icons, indicators, or complex components.
    */
   element: React.ReactNode;
-}
+};
 type AppendedProps = AppendedButtonProps | ElementProps | undefined;
 /**
  * Base interface for InputGroup component properties.
  * Extends TextFieldProps to inherit all text input functionality while adding group-specific features.
  */
-interface BaseInputGroupProps extends TextFieldProps {
+type BaseInputGroupProps = {
   /**
    * Array of elements to append to the right side of the input field.
    * Each item can be either a button (for interactive functionality) or an element (for decoration).
@@ -54,7 +54,7 @@ interface BaseInputGroupProps extends TextFieldProps {
    * The field will be integrated seamlessly with the appended elements.
    */
   field?: React.ReactNode;
-}
+} & TextFieldProps;
 /**
  * Complete props interface for the InputGroup component.
  * Combines base input group functionality with tooltip support and text length constraints.

package/dist/src/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,5 +1,5 @@
 import { LoadingIndicatorProps } from "./LoadingIndicator.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/LoadingIndicator/LoadingIndicator.d.ts
 /**
@@ -19,6 +19,6 @@ declare const LoadingIndicator: ({
   role,
   onClick,
   title
-}: LoadingIndicatorProps) => react_jsx_runtime4.JSX.Element;
+}: LoadingIndicatorProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { LoadingIndicator as default };

package/dist/src/Modal/Modal.d.ts

@@ -1,9 +1,50 @@
 import { ModalProps } from "./Modal.types.js";
-import React from "react";
-import "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/Modal/Modal.d.ts
 
-declare const Modal: React.FunctionComponent<ModalProps>;
+declare const Modal: ({
+  titleIcon,
+  title,
+  titleSuffixLabel,
+  subtitle,
+  children,
+  open,
+  onClose,
+  customButton,
+  customButtonLabel,
+  onClickCustomButton,
+  submitButtonLabel,
+  cancelButtonLabel,
+  disableSubmitButton,
+  stopPropagationSubmitButton,
+  onSubmit,
+  isTitleEditable,
+  onTitleChanged,
+  inputExtraClassNames,
+  hideCloseIcon,
+  size,
+  titleIconPosition,
+  hideFooterButtons,
+  hideSubmitButton,
+  hideCancelButton,
+  testId,
+  modalFooter,
+  dialogClassName,
+  titlePlaceholder,
+  titleRequired,
+  titleError,
+  submitButtonTooltip,
+  cancelButtonTooltip,
+  disableCustomButton,
+  customHeader,
+  middleFooterSection,
+  customButtonVariant,
+  submitButtonVariant,
+  keepFocusInsideModal,
+  onPointerDownOutside,
+  onInteractOutside,
+  ariaDescribedBy
+}: ModalProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Modal as default };

package/dist/src/Modal/Modal.types.d.ts

@@ -5,7 +5,7 @@ import React from "react";
 //#region src/Modal/Modal.types.d.ts
 type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
 type TitleIconPosition = 'left' | 'right';
-interface ModalProps {
+type ModalProps = {
   /**
    * Main title text displayed prominently in the modal header.
    * This is the primary heading that identifies the purpose or content of the modal.
@@ -58,7 +58,7 @@ interface ModalProps {
    * Called when clicking the X button, cancel button, or clicking outside the modal.
    * Use this to handle modal closure logic and update the `open` state.
    */
-  onClose?: () => any;
+  onClose?: () => void;
   /**
    * When true, displays an additional custom button in the footer alongside default buttons.
    * The custom button appears before the submit and cancel buttons.
@@ -74,7 +74,7 @@ interface ModalProps {
    * Callback function triggered when the custom button is clicked.
    * Use this to define the action that should occur when users click the custom button.
    */
-  onClickCustomButton?: () => any;
+  onClickCustomButton?: () => void;
   /**
    * Text label for the primary submit/confirmation button.
    * This button typically confirms the modal action or submits form data.
@@ -104,7 +104,7 @@ interface ModalProps {
    * Receives the click event as a parameter for additional event handling.
    * Use this to handle form submission, data processing, or confirmation actions.
    */
-  onSubmit?: (event: React.MouseEvent) => any;
+  onSubmit?: (event: React.MouseEvent) => void;
   /**
    * When true, allows the title text to be edited inline by clicking on it.
    * The title becomes an input field that users can modify directly in the modal header.
@@ -249,6 +249,6 @@ interface ModalProps {
    * More general than `onPointerDownOutside` and covers additional interaction types.
    */
   onInteractOutside?: (e: Event) => void;
-}
+};
 //#endregion
 export { ModalProps, ModalSize, TitleIconPosition };

package/dist/src/ProgressBar/ProgressBar.d.ts

@@ -1,7 +1,12 @@
 import { ProgressBarProps } from "./ProgressBar.types.js";
-import React from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/ProgressBar/ProgressBar.d.ts
-declare const ProgressBar: React.FunctionComponent<ProgressBarProps>;
+declare const ProgressBar: ({
+  values,
+  max,
+  containerExtraClasses,
+  zeroValueLabel
+}: ProgressBarProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ProgressBar as default };

package/dist/src/ProgressBar/ProgressBar.types.d.ts

@@ -7,7 +7,7 @@ import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
  * Each indicator represents a segment of the overall progress with its own value and styling.
  * Extends TooltipComponentProps to support tooltip functionality on individual indicators.
  */
-interface ProgressIndicatorProps extends TooltipComponentProps {
+type ProgressIndicatorProps = {
   /**
    * Additional CSS classes to apply to this specific progress indicator.
    * Use this to customize the appearance of individual indicators within the progress bar.
@@ -42,12 +42,12 @@ interface ProgressIndicatorProps extends TooltipComponentProps {
    * independently from the indicator itself.
    */
   labelClasses?: string;
-}
+} & TooltipComponentProps;
 /**
  * Props for the ProgressBar component that displays one or more progress indicators.
  * Supports multiple indicators for showing different categories or segments of progress.
  */
-interface ProgressBarProps {
+type ProgressBarProps = {
   /**
    * Array of progress indicators to display within the progress bar.
    * Each indicator can have its own value, color, label, and styling.
@@ -77,6 +77,6 @@ interface ProgressBarProps {
    * Only shown when the total progress is zero.
    */
   zeroValueLabel?: string;
-}
+};
 //#endregion
 export { ProgressBarProps, ProgressIndicatorProps };

package/dist/src/SeeqActionDropdown/SeeqActionDropdown.d.ts

@@ -1,7 +1,25 @@
 import { SeeqActionDropdownProps } from "./SeeqActionDropdown.types.js";
-import * as React$1 from "react";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/SeeqActionDropdown/SeeqActionDropdown.d.ts
-declare const SeeqActionDropdown: React$1.FunctionComponent<SeeqActionDropdownProps>;
+declare const SeeqActionDropdown: ({
+  seeqActionDropdownItems,
+  trigger,
+  id,
+  extraClassNames,
+  containerTestId,
+  disabled,
+  align,
+  placement,
+  placementOffset,
+  alignOffset,
+  hasArrow,
+  onOpenChange,
+  isOpen,
+  setFocusOnTriggerOnClose,
+  keepFocusInsideDropdown,
+  variant,
+  ...tooltipProps
+}: SeeqActionDropdownProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { SeeqActionDropdown as default };

package/dist/src/SeeqActionDropdown/SeeqActionDropdown.types.d.ts

@@ -7,7 +7,7 @@ import React from "react";
  * Interface for individual action items within a SeeqActionDropdown.
  * Each item represents a clickable action with optional icon, text, and divider.
  */
-interface SeeqActionDropdownItems {
+type SeeqActionDropdownItems = {
   /**
    * HTML ID attribute for the dropdown item element.
    * Should be unique for proper HTML semantics and accessibility.
@@ -65,12 +65,12 @@ interface SeeqActionDropdownItems {
    * still allows interaction, cursor changes, and hover states.
    */
   dim?: boolean;
-}
+};
 /**
  * Props for the SeeqActionDropdown component that creates specialized Seeq-branded action menus.
  * Extends TooltipComponentProps to support tooltip functionality on the trigger.
  */
-interface SeeqActionDropdownProps extends TooltipComponentProps {
+type SeeqActionDropdownProps = {
   /**
    * Array of action items to display in the dropdown menu.
    * Each item represents a specific action users can perform, with icons and descriptions.
@@ -170,6 +170,6 @@ interface SeeqActionDropdownProps extends TooltipComponentProps {
    * Each variant has specific styling and may filter available actions.
    */
   variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
-}
+} & TooltipComponentProps;
 //#endregion
 export { SeeqActionDropdownItems, SeeqActionDropdownProps };

package/dist/src/SeeqActionDropdown/variants.d.ts

@@ -1,9 +1,9 @@
 import { SeeqActionDropdownItems } from "./SeeqActionDropdown.types.js";
-import React from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/SeeqActionDropdown/variants.d.ts
-declare const SeeqActionDropdownItem: React.FC<SeeqActionDropdownItems>;
-declare const ViewWorkbench: React.FC<SeeqActionDropdownItems>;
-declare const InsertSeeqContent: React.FC<SeeqActionDropdownItems>;
+declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
+declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
+declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { InsertSeeqContent, SeeqActionDropdownItem, ViewWorkbench };

package/dist/src/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { SegmentedControlProps } from "./SegmentedControl.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/SegmentedControl/SegmentedControl.d.ts
 declare function SegmentedControl<T extends string | number | boolean>({
@@ -10,6 +10,6 @@ declare function SegmentedControl<T extends string | number | boolean>({
   id,
   testId,
   ariaLabel
-}: SegmentedControlProps<T>): react_jsx_runtime0.JSX.Element;
+}: SegmentedControlProps<T>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { SegmentedControl as default };

package/dist/src/SegmentedControl/SegmentedControl.types.d.ts

@@ -1,11 +1,11 @@
 //#region src/SegmentedControl/SegmentedControl.types.d.ts
-interface SegmentedControlOption<T extends string | number | boolean> {
+type SegmentedControlOption<T extends string | number | boolean> = {
   /** The text label displayed on the option button. */
   label: string;
   /** The value associated with this option, passed to `onChange` when selected. */
   value: T;
-}
-interface SegmentedControlProps<T extends string | number | boolean> {
+};
+type SegmentedControlProps<T extends string | number | boolean> = {
   /** The list of options to render as selectable pill buttons. */
   options: SegmentedControlOption<T>[];
   /** The currently selected value. The matching option will be displayed as active. */
@@ -20,6 +20,6 @@ interface SegmentedControlProps<T extends string | number | boolean> {
   testId?: string;
   /** Accessible label for the group of option buttons. */
   ariaLabel?: string;
-}
+};
 //#endregion
 export { SegmentedControlOption, SegmentedControlProps };

package/dist/src/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps } from "./Select.types.js";
-import React from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { MultiValue as MultiValue$1, SingleValue as SingleValue$1 } from "react-select";
 
 //#region src/Select/Select.d.ts
@@ -12,6 +12,44 @@ type SingleValue<T> = SingleValue$1<T>;
  *  For ease of testing most of the elements of this select can be identified by classNames prefixed with "spec".
  *
  */
-declare const Select: React.FunctionComponent<SelectProps>;
+declare const Select: ({
+  options,
+  value,
+  placeholder,
+  noOptionsMessage,
+  isSearchable,
+  creatable,
+  isMulti,
+  isClearable,
+  closeMenuOnSelect,
+  id,
+  inputId,
+  menuPortalTarget,
+  getOptionLabel,
+  getSelectedValueLabel,
+  getOptionValue,
+  onChange,
+  menuIsOpen,
+  menuPlacement,
+  extraClassNames,
+  controlClassNames,
+  inputGroup,
+  filterConfig,
+  filterOption,
+  small,
+  isDisabled,
+  showError,
+  isLoading,
+  formatGroupLabel,
+  onRemove,
+  defaultValue,
+  onMenuOpen,
+  onMenuClose,
+  components,
+  onMenuInputFocus,
+  onInputChange,
+  inputValue,
+  onMenuScrollToBottom
+}: SelectProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { MultiValue, SingleValue, Select as default };

package/dist/src/Select/Select.types.d.ts

@@ -1,6 +1,6 @@
 import { InputGroupPlacement } from "../types.js";
 import { ReactNode } from "react";
-import { GroupBase, InputActionMeta, MenuPlacement, MultiValue, SingleValue } from "react-select";
+import { GroupBase, InputActionMeta, MenuPlacement, MultiValue, SelectComponentsConfig, SingleValue } from "react-select";
 
 //#region src/Select/Select.types.d.ts
 type Option = {
@@ -15,7 +15,7 @@ type GroupedOption = {
  * Props for the Select component that provides a customizable dropdown selection interface.
  * Built on top of react-select with additional Seeq-specific styling and functionality.
  */
-interface SelectProps {
+type SelectProps = {
   /**
    * When false (default), automatically closes the dropdown menu after an option is selected.
    * When true, keeps the menu open after selection, useful for multi-select scenarios
@@ -204,7 +204,7 @@ interface SelectProps {
    * Allows deep customization of option rendering, control appearance, etc.
    * See react-select documentation for available component slots.
    */
-  components?: Partial<any>;
+  components?: SelectComponentsConfig<Option, boolean, GroupBase<Option>>;
   /**
    * Callback triggered when the search input within the menu receives focus.
    * Receives the current input value. Useful for search-related functionality.
@@ -226,6 +226,6 @@ interface SelectProps {
    * Use this to fetch the next page of options when implementing infinite-scroll loading.
    */
   onMenuScrollToBottom?: (event: WheelEvent | TouchEvent) => void;
-}
+};
 //#endregion
 export { GroupedOption, Option, SelectProps };

package/dist/src/Slider/Slider.d.ts

@@ -1,11 +1,24 @@
 import { SliderProps } from "./Slider.types.js";
-import React from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/Slider/Slider.d.ts
-
 /**
- * Slider .
+ * Slider component for selecting a value within a range.
  */
-declare const Slider: React.FunctionComponent<SliderProps>;
+declare const Slider: ({
+  onValueChange,
+  onPointerUp,
+  id,
+  value,
+  name,
+  disabled,
+  rootExtraClassNames,
+  trackExtraClassNames,
+  rangeExtraClassNames,
+  thumbExtraClassNames,
+  step,
+  min,
+  max
+}: SliderProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Slider };

package/dist/src/Slider/Slider.types.d.ts

@@ -2,7 +2,7 @@
 /**
  * Props for the Slider component that provides an interactive range input control.
  */
-interface SliderProps {
+type SliderProps = {
   /**
    * When true, disables the slider preventing user interaction.
    * Disabled sliders appear visually dimmed and don't respond to mouse or keyboard input.
@@ -82,6 +82,6 @@ interface SliderProps {
    * @default 100
    */
   max?: number;
-}
+};
 //#endregion
 export { SliderProps };

package/dist/src/SvgIcon/SvgIcon.d.ts

@@ -1,5 +1,5 @@
 import { SvgIconProps } from "./SvgIcon.types.js";
-import React from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/SvgIcon/SvgIcon.d.ts
 
@@ -18,6 +18,17 @@ import React from "react";
  * @param type - default will use dark/light text colors otherwise will use the theme color
  * @param tooltipProps - props to pass to the tooltip
  */
-declare const SvgIcon: React.FunctionComponent<SvgIconProps>;
+declare const SvgIcon: ({
+  onClick,
+  icon,
+  color,
+  type,
+  extraClassNames,
+  viewBox,
+  id,
+  testId,
+  customId,
+  ...tooltipProps
+}: SvgIconProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SvgIcon as default };

package/dist/src/SvgIcon/SvgIcon.types.d.ts

@@ -8,7 +8,7 @@ type SvgIconType = (typeof svgIconTypes)[number];
  * Extends TooltipComponentProps to support tooltip functionality on the icon.
  * Similar to Icon component but specifically for SVG icons instead of font icons.
  */
-interface SvgIconProps extends TooltipComponentProps {
+type SvgIconProps = {
   /**
    * SVG icon identifier or class name to display.
    * This should correspond to an available SVG icon in your icon system.
@@ -45,7 +45,7 @@ interface SvgIconProps extends TooltipComponentProps {
    * Receives the mouse event as a parameter. Use this to make icons interactive
    * for actions like opening menus, triggering functions, or navigation.
    */
-  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
+  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
   /**
    * Additional CSS classes to apply to the SVG icon element.
    * Use this to customize the icon's appearance, spacing, or behavior beyond built-in options.
@@ -74,6 +74,6 @@ interface SvgIconProps extends TooltipComponentProps {
    * Use this to crop or scale the icon's visible area.
    */
   viewBox?: string;
-}
+} & TooltipComponentProps;
 //#endregion
 export { SvgIconProps, SvgIconType, svgIconTypes };

package/dist/src/Tabs/Tabs.d.ts

@@ -1,7 +1,16 @@
 import { TabsProps } from "./Tabs.types.js";
-import React from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/Tabs/Tabs.d.ts
-declare const Tabs: React.FunctionComponent<TabsProps>;
+declare const Tabs: ({
+  tabs,
+  defaultActiveTab,
+  activeTab,
+  onTabSelect,
+  extraClassNames,
+  testId,
+  id,
+  stretchTabs
+}: TabsProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Tabs as default };

package/dist/src/Tabs/Tabs.types.d.ts

@@ -5,7 +5,7 @@ import React from "react";
 /**
  * Props for the Tabs component that creates a tabbed interface for organizing content.
  */
-interface TabsProps {
+type TabsProps = {
   /**
    * Additional CSS classes to apply to the tabs container.
    * Use this to customize the overall appearance and layout of the tab component.
@@ -100,6 +100,6 @@ interface TabsProps {
      */
     tabLabelExtraClassNames?: string;
   }[];
-}
+};
 //#endregion
 export { TabsProps };

package/dist/src/TextArea/TextArea.d.ts

@@ -1,11 +1,10 @@
 import { TextAreaProps } from "./TextArea.types.js";
-import React from "react";
+import * as react0 from "react";
 
 //#region src/TextArea/TextArea.d.ts
-
 /**
  * TextArea.
  */
-declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: react0.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react0.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 export { TextArea };

package/dist/src/TextArea/TextArea.types.d.ts

@@ -5,7 +5,7 @@ import { FormControlElement } from "../types.js";
 /**
  * Props for the TextArea component that provides a multi-line text input control.
  */
-interface TextAreaProps {
+type TextAreaProps = {
   /**
    * Additional CSS classes to apply to the textarea element.
    * Use this to customize the appearance beyond the default styling.
@@ -115,6 +115,6 @@ interface TextAreaProps {
    * Ref object to access the underlying textarea DOM element.
    */
   ref?: React.Ref<HTMLTextAreaElement>;
-}
+};
 //#endregion
 export { TextAreaProps };