pixel-react 1.2.0 → 1.2.2

package/lib/components/ExcelFile/Types.d.ts

@@ -24,48 +24,9 @@ interface WorkData {
     /** Value of the cell */
     value: string;
     /** Styling options for the cell */
-    style: CellStyle;
+    style: React.CSSProperties;
     type?: boolean;
 }
-interface CellStyle {
-    /** Font name for the cell text */
-    name?: string;
-    /** Font size of the cell text */
-    size?: number;
-    position?: string;
-    /** Whether the text is bold */
-    bold?: boolean;
-    fontSize?: string;
-    fontFamily?: string;
-    /** Whether the text is italicized */
-    italic?: boolean;
-    /** Text color in the cell (hex code) */
-    color?: string;
-    /** Background color of the cell (hex code) */
-    backgroundColor?: string;
-    /** Border color of the cell (hex code) */
-    borderColor?: string;
-    /** Border styles for each side of the cell */
-    border?: {
-        /** Border style for the top side of the cell */
-        top: string;
-        /** Border style for the bottom side of the cell */
-        bottom: string;
-        /** Border style for the left side of the cell */
-        left: string;
-        /** Border style for the right side of the cell */
-        right: string;
-    };
-    /** Text alignment and wrapping properties */
-    alignment?: {
-        /** Horizontal text alignment ('left', 'center', or 'right') */
-        horizontal: string;
-        /** Vertical text alignment ('top', 'middle', or 'bottom') */
-        vertical: string;
-        /** Whether the text is wrapped within the cell */
-        wrapText: boolean;
-    };
-}
 /** A generic type to represent a 2D matrix of any type (or undefined values) */
 type Matrix<T> = (T | undefined)[][];
 interface ContextAction {
@@ -116,18 +77,10 @@ interface SelectedValue {
     /** The column represented as an alphabetical string ('A', 'B') */
     alphaCol: string;
     /** The style applied to the selected cell */
-    style: CellStyle;
+    style: React.CSSProperties;
     /** The sheet name where the cell is located */
     sheet: string;
 }
-interface ExcelToolBarProps {
-    /** use this to hide/show/disable the toolbar */
-    toolbar?: 'show' | 'disable' | 'hide';
-    /** function to apply styles */
-    applyStyle: (styleType: string, value: any) => void;
-    /** function to trigger format painter */
-    formatePaint: () => void;
-}
 interface ExcelSheetBarProps {
     /** Object containing details about the file, including sheet names */
     fileDetails: {

package/lib/components/Form/Form.d.ts

@@ -1,16 +1,2 @@
-import React from 'react';
-import { UseFormProps, SubmitHandler, FieldValues, FieldPath, FieldErrors } from 'react-hook-form';
-import './Form.scss';
-interface FormProps<T extends FieldValues> extends UseFormProps<T> {
-    onSubmit: SubmitHandler<T>;
-    children: (props: {
-        register: (name: FieldPath<T>, options?: any) => any;
-        errors: FieldErrors<T>;
-        handleBlur: (field: FieldPath<T>) => void;
-        getValues: () => T;
-        watch: (field?: FieldPath<T>) => any;
-        setValue: (field: FieldPath<T>, value: any, options?: object) => void;
-    }) => React.ReactNode;
-}
-declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+import * as Form from 'react-hook-form';
 export default Form;

package/lib/components/Form/Form.stories.d.ts

@@ -1,6 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Form from './Form';
-declare const meta: Meta<typeof Form>;
-type Story = StoryObj<typeof Form>;
-export declare const WithControlledState: Story;
+import Forms from './Forms';
+import { Meta, StoryObj } from '@storybook/react/*';
+import './Form.scss';
+declare const meta: Meta<typeof Forms>;
+type Story = StoryObj<typeof Forms>;
+export declare const WithDefaultValues: Story;
 export default meta;

package/lib/components/Form/Forms.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import Form from './Form';
+interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    onSubmit: Form.SubmitHandler<T>;
+    children: (methods: ReturnType<typeof Form.useForm<T>>) => React.ReactNode;
+}
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Forms;

package/lib/components/Form/index.d.ts

@@ -1 +1 @@
-export { default } from './Form';
+export * from './Form';

package/lib/components/InputWithDropdown/types.d.ts

@@ -59,7 +59,7 @@ export interface InputWithDropdownProps {
     /**
      * onChange handler for dropdown changes
      */
-    onDropdownChangeHandler?: (option: Option) => void;
+    onDropdownChangeHandler?: (option: any) => void;
     /**
      * onInputBlurHandler action for input field
      */

package/lib/components/LabelEditTextField/LabelEditTextField.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './LabelEditTextField.scss';
+import { LabelEditTextFieldTypes } from './types';
+declare const LabelEditTextField: FC<LabelEditTextFieldTypes>;
+export default LabelEditTextField;

package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LabelEditTextField from './LabelEditTextField';
+import '../../assets/styles/_colors.scss';
+import './LabelEditTextField.scss';
+declare const meta: Meta<typeof LabelEditTextField>;
+type Story = StoryObj<typeof LabelEditTextField>;
+export declare const textField: Story;
+export declare const textFieldWithOutLabel: Story;
+export declare const textFieldWithDropdown: Story;
+export declare const textFieldWithHighlight: Story;
+export default meta;

package/lib/components/LabelEditTextField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LabelEditTextField';

package/lib/components/LabelEditTextField/types.d.ts

@@ -0,0 +1,38 @@
+export interface IconProps {
+    /** Name of the icon to be displayed. */
+    name: string;
+    /** Optional click handler function for the icon. */
+    onClick?: () => void;
+}
+export interface DropdownOption {
+    /** Unique identifier for the dropdown option. */
+    id: number;
+    /** Value associated with the dropdown option. */
+    value: string;
+    /** Label displayed for the dropdown option. */
+    label: string;
+}
+export interface LabelEditTextFieldTypes {
+    /** Label text displayed above the input field. */
+    label?: string;
+    /** Initial text displayed in the input field. */
+    text: string;
+    /** Text to be highlighted within the displayed text, if provided. */
+    highlightText?: string;
+    /** Custom error message to be displayed, if applicable. */
+    customError?: string;
+    /** Confirm icon properties including icon name and click handler. */
+    confirmIcon?: IconProps;
+    /** Cancel icon properties including icon name and click handler. */
+    cancelIcon?: IconProps;
+    /** Type of input field - standard text field or text field with a dropdown. */
+    variant?: 'textFieldWithDropdown' | 'textField';
+    /** Array of dropdown options used if the dropdown variant is selected. */
+    dropdownData?: DropdownOption[];
+    /** Width of the input field component. */
+    width?: string;
+    /** Height of the input field component. */
+    height?: string;
+    /** Function called when confirming input changes, with input and dropdown values as arguments. */
+    confirmAction?: (inputValue: string, dropdownValue: string) => void;
+}

package/lib/components/MenuOption/types.d.ts

@@ -85,15 +85,15 @@ interface MenuOptionProps {
      */
     dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
-     * Callback function triggered when the icon is clicked.
-     * @type {function}
-     * @optional
-     */
+    * The variant of the menu option, either 'dark' or 'light'.
+    * @type {'dark' | 'light'}
+    * @default 'light'
+    * @optional
+    */
     variant?: 'dark' | 'light';
     /**
-     * The variant of the menu option, either 'dark' or 'light'.
-     * @type {'dark' | 'light'}
-     * @default 'light'
+     * Callback function triggered when the icon is clicked.
+     * @type {function}
      * @optional
      */
     onClick?: () => void;

package/lib/components/ModulesChip/ModuleChip.d.ts

@@ -0,0 +1,4 @@
+import './ModuleChip.scss';
+import { ModuleChipProps } from './types';
+declare const ModuleChip: React.FC<ModuleChipProps>;
+export default ModuleChip;

package/lib/components/ModulesChip/ModuleChip.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ModuleChip from './ModuleChip';
+declare const meta: Meta<typeof ModuleChip>;
+type Story = StoryObj<typeof ModuleChip>;
+export declare const Controlled: Story;
+export default meta;

package/lib/components/ModulesChip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ModuleChip';

package/lib/components/ModulesChip/types.d.ts

@@ -0,0 +1,14 @@
+export interface ModuleChipProps {
+    /**
+     * mandatory | label for the ModuleChip component
+     */
+    label: string;
+    /**
+     * mandatory | isActive for the ModuleChip component
+     */
+    isActive: boolean;
+    /**
+     * mandatory | onClick for the ModuleChip component
+     */
+    onClick: () => void;
+}

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -3,6 +3,7 @@ interface Option {
     value?: string;
     accessor?: string;
     isChecked?: boolean;
+    isDisabled?: boolean;
 }
 interface MultiSelectProps {
     options: Option[];

package/lib/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
 import { SelectProps } from './types';
 import './Select.scss';
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, labelAccessor, valueAccessor, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/lib/components/Select/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
 import { DropDownListProps } from './dropdownTypes';
 import './Dropdown.scss';
-declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, labelAccessor, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts

@@ -6,6 +6,8 @@ export interface DropDownListProps {
     options?: Option[];
     optionZIndex?: number;
     inputRef?: React.RefObject<HTMLInputElement>;
+    labelAccessor?: string;
+    valueAccessor?: string;
 }
 export declare const dropdownDefaultCSSData: {
     margin: number;

package/lib/components/Select/types.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 export interface SelectProps {
     label?: string;
     showLabel?: boolean;
@@ -20,6 +19,14 @@ export interface SelectProps {
      * selectedOptionColor prop provides the custom color for the selected option
      */
     selectedOptionColor?: string;
+    /**
+     * Label accessor
+     */
+    labelAccessor?: string;
+    /**
+     * Value accessor
+     */
+    valueAccessor?: string;
 }
 export interface DrowdownPosition {
     positionX: number;
@@ -69,8 +76,8 @@ export type SelectAction = {
         option: Option['value'];
     };
 };
+type OptionValue = any;
 export interface Option {
-    label: string | ReactNode;
-    value: string;
-    disabled?: boolean;
+    [key: string]: OptionValue;
 }
+export {};

package/lib/components/Toastify/Toastify.d.ts

@@ -0,0 +1,8 @@
+export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
+export default Toastify;
+export declare const toast: {
+    success: (message: string) => void;
+    error: (message: string) => void;
+    warning: (message: string) => void;
+    info: (message: string) => void;
+};

package/lib/components/Toastify/Toastify.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toastify } from './Toastify';
+declare const meta: Meta<typeof Toastify>;
+type Story = StoryObj<typeof Toastify>;
+export declare const Controlled: Story;
+export default meta;

package/lib/components/Toastify/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Toastify';

package/lib/components/Toastify/types.d.ts

@@ -0,0 +1,7 @@
+export type Variant = 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+export interface ToastProps {
+    isOpen: boolean;
+    variant: Variant;
+    toastTitle: string;
+    toastMessage: string;
+}

package/lib/components/Tooltip/types.d.ts

@@ -33,5 +33,11 @@ interface TooltipProps {
      * @default false
      */
     disabled?: boolean;
+    /**.
+     * Z-Index is by default 99
+     *
+     * @default 99
+     */
+    zIndex?: number | string;
 }
 export { TooltipContainerRef, TitleRef, IsTitleEmpty, Position, TooltipProps, };

package/lib/components/Typography/types.d.ts

@@ -44,4 +44,5 @@ export interface TypographyProps {
      * To add onClick function
      */
     onClick?: () => void;
+    required?: boolean;
 }

package/lib/index.d.ts

@@ -1,9 +1,9 @@
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
+import * as Form from 'react-hook-form';
 import * as React$1 from 'react';
 import React__default, { ReactNode, FC, RefObject, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
 import * as DNDCore from '@dnd-kit/core';
 import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
@@ -194,7 +194,7 @@ interface DrawerProps {
 
 declare const Drawer: FC<DrawerProps>;
 
-interface IconProps {
+interface IconProps$1 {
     name: string;
     className?: string;
     height?: number;
@@ -206,7 +206,7 @@ interface IconProps {
     variant?: "dark" | "light";
 }
 
-declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const Icon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<HTMLSpanElement>>;
 
 interface AccordionProps {
     /**
@@ -245,6 +245,7 @@ interface Option$3 {
     value?: string;
     accessor?: string;
     isChecked?: boolean;
+    isDisabled?: boolean;
 }
 interface MultiSelectProps {
     options: Option$3[];
@@ -465,6 +466,12 @@ interface TooltipProps {
      * @default false
      */
     disabled?: boolean;
+    /**.
+     * Z-Index is by default 99
+     *
+     * @default 99
+     */
+    zIndex?: number | string;
 }
 
 declare const Tooltip: React__default.FC<TooltipProps>;
@@ -622,14 +629,21 @@ interface SelectProps$1 {
      * selectedOptionColor prop provides the custom color for the selected option
      */
     selectedOptionColor?: string;
+    /**
+     * Label accessor
+     */
+    labelAccessor?: string;
+    /**
+     * Value accessor
+     */
+    valueAccessor?: string;
 }
+type OptionValue = any;
 interface Option$2 {
-    label: string | ReactNode;
-    value: string;
-    disabled?: boolean;
+    [key: string]: OptionValue;
 }
 
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, labelAccessor, valueAccessor, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
 
 interface TextareaProps {
     /**
@@ -815,15 +829,15 @@ interface MenuOptionProps {
      */
     dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
-     * Callback function triggered when the icon is clicked.
-     * @type {function}
-     * @optional
-     */
+    * The variant of the menu option, either 'dark' or 'light'.
+    * @type {'dark' | 'light'}
+    * @default 'light'
+    * @optional
+    */
     variant?: 'dark' | 'light';
     /**
-     * The variant of the menu option, either 'dark' or 'light'.
-     * @type {'dark' | 'light'}
-     * @default 'light'
+     * Callback function triggered when the icon is clicked.
+     * @type {function}
      * @optional
      */
     onClick?: () => void;
@@ -1116,24 +1130,18 @@ interface TypographyProps {
      * To add onClick function
      */
     onClick?: () => void;
+    required?: boolean;
 }
 
 declare const Typography: React__default.FC<TypographyProps>;
 
 declare const useTheme: () => ThemeContextType;
 
-interface FormProps<T extends FieldValues> extends UseFormProps<T> {
-    onSubmit: SubmitHandler<T>;
-    children: (props: {
-        register: (name: FieldPath<T>, options?: any) => any;
-        errors: FieldErrors<T>;
-        handleBlur: (field: FieldPath<T>) => void;
-        getValues: () => T;
-        watch: (field?: FieldPath<T>) => any;
-        setValue: (field: FieldPath<T>, value: any, options?: object) => void;
-    }) => React__default.ReactNode;
+interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    onSubmit: Form.SubmitHandler<T>;
+    children: (methods: ReturnType<typeof Form.useForm<T>>) => React__default.ReactNode;
 }
-declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface Option$1 {
     label: string | ReactNode;
@@ -1195,7 +1203,7 @@ interface InputWithDropdownProps {
     /**
      * onChange handler for dropdown changes
      */
-    onDropdownChangeHandler?: (option: Option$1) => void;
+    onDropdownChangeHandler?: (option: any) => void;
     /**
      * onInputBlurHandler action for input field
      */
@@ -1627,15 +1635,23 @@ interface AppHeaderProps {
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    projectsList?: string[];
+    projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems?: string[];
+    appHeaderHiddenMenuItems?: {
+        label: string;
+        value: string | string[];
+        icon: string;
+        disable?: boolean;
+    }[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
+    selectedProject?: optionsType;
     onMenuClick?: (text: any) => void;
     onSubMenuClick?: (text: any) => void;
     onQuickMenuClick?: (text: any) => void;
+    onProjectMenuClick?: (text: any) => void;
+    onMoreMenuOptionClick?: (text: any) => void;
 }
 interface appHeaderMenuItemProps {
     label: string;
@@ -1840,6 +1856,91 @@ interface AttachmentUploaderProps {
 
 declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
 
+declare const Toastify: () => react_jsx_runtime.JSX.Element;
+
+declare const toast: {
+    success: (message: string) => void;
+    error: (message: string) => void;
+    warning: (message: string) => void;
+    info: (message: string) => void;
+};
+
+interface IconProps {
+    /** Name of the icon to be displayed. */
+    name: string;
+    /** Optional click handler function for the icon. */
+    onClick?: () => void;
+}
+interface DropdownOption {
+    /** Unique identifier for the dropdown option. */
+    id: number;
+    /** Value associated with the dropdown option. */
+    value: string;
+    /** Label displayed for the dropdown option. */
+    label: string;
+}
+interface LabelEditTextFieldTypes {
+    /** Label text displayed above the input field. */
+    label?: string;
+    /** Initial text displayed in the input field. */
+    text: string;
+    /** Text to be highlighted within the displayed text, if provided. */
+    highlightText?: string;
+    /** Custom error message to be displayed, if applicable. */
+    customError?: string;
+    /** Confirm icon properties including icon name and click handler. */
+    confirmIcon?: IconProps;
+    /** Cancel icon properties including icon name and click handler. */
+    cancelIcon?: IconProps;
+    /** Type of input field - standard text field or text field with a dropdown. */
+    variant?: 'textFieldWithDropdown' | 'textField';
+    /** Array of dropdown options used if the dropdown variant is selected. */
+    dropdownData?: DropdownOption[];
+    /** Width of the input field component. */
+    width?: string;
+    /** Height of the input field component. */
+    height?: string;
+    /** Function called when confirming input changes, with input and dropdown values as arguments. */
+    confirmAction?: (inputValue: string, dropdownValue: string) => void;
+}
+
+declare const LabelEditTextField: FC<LabelEditTextFieldTypes>;
+
+interface ExcelFileProps {
+    /** The Excel data containing sheets and their content */
+    excelData: {
+        sheets: WorkSheet[];
+    };
+    /** Optional: Provide context menu options for actions like right-click */
+    contextOption?: {
+        name: string;
+        title: React__default.ReactNode;
+        action: () => void;
+    }[];
+    /** Controls whether the toolbar is shown, disabled, or hidden */
+    toolbar?: 'show' | 'disable' | 'hide';
+    /** Callback function to save the Excel data */
+    onSave?: (excelData?: any) => void;
+}
+declare const ExcelFile: React__default.FC<ExcelFileProps>;
+
+interface ModuleChipProps {
+    /**
+     * mandatory | label for the ModuleChip component
+     */
+    label: string;
+    /**
+     * mandatory | isActive for the ModuleChip component
+     */
+    isActive: boolean;
+    /**
+     * mandatory | onClick for the ModuleChip component
+     */
+    onClick: () => void;
+}
+
+declare const ModuleChip: React.FC<ModuleChipProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1887,4 +1988,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };