@rabex-kit/rabex-ui 0.0.1

package/dist/FormHelperText/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
+export declare type FormHelperTextProps = MuiFormHelperTextProps;
+declare const FormHelperText: React.FC<FormHelperTextProps>;
+export default FormHelperText;

package/dist/FormLabel/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormLabelProps as MuiFormLabelProps } from '@mui/material';
+export declare type FormLabelProps = MuiFormLabelProps;
+/**
+ * The name MuiFormLabel can be used when providing default props or style overrides in the theme.
+ *
+ * This is a custom wrapper component made of Material-UI FormLabel.
+ *
+ * You can read Material-UI FormLabel Documentation [here](https://mui.com/material-ui/api/form-label/).
+ *
+ * ```typescript
+ *  import { FormLabel } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const FormLabel: React.FC<FormLabelProps>;
+export default FormLabel;

package/dist/Formik/Checkbox/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CheckboxProps } from '../../Checkbox';
+export declare type FormikCheckboxProps = Omit<CheckboxProps, 'name'> & {
+    name: string;
+};
+/**
+ * Formik Checkbox allow the user to select one or more items from a set..
+ *
+ * This is a custom wrapper component made of Rabex-kit Checkbox.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikCheckbox: React.FC<FormikCheckboxProps>;
+export default FormikCheckbox;

package/dist/Formik/FormControlLabel/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FormControlLabelProps } from '../../FormControlLabel';
+export declare type FormikFormControlLabelProps = Omit<FormControlLabelProps, 'name'> & {
+    name: string;
+};
+/**
+ *
+ * This is a custom wrapper component made of Rabex-kit FormControlLabel.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikFormControlLabel: React.FC<FormikFormControlLabelProps>;
+export default FormikFormControlLabel;

package/dist/Formik/Input/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { InputProps } from '../../Input';
+export declare type FormikInputProps = Omit<InputProps, 'name'> & {
+    name: string;
+};
+/**
+ * Formik Input let users enter and edit text.
+ *
+ * This is a custom wrapper component made of Rabex-kit Input.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikInput: React.FC<FormikInputProps>;
+export default FormikInput;

package/dist/Formik/Radio/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RadioProps } from '../../Radio';
+export declare type FormikRadioProps = Omit<RadioProps, 'name'> & {
+    name: string;
+};
+/**
+ * Formik Radio allow the user to select one option from a set..
+ *
+ * This is a custom wrapper component made of Rabex-kit Radio.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikRadio: React.FC<FormikRadioProps>;
+export default FormikRadio;

package/dist/Formik/Select/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from '../../Select';
+export declare type FormikSelectProps = Omit<SelectProps, 'name'> & {
+    name: string;
+    helperText: string;
+};
+/**
+ * Formik Select let users enter and edit text.
+ *
+ * This is a custom wrapper component made of Rabex-kit Select.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikSelect: React.FC<FormikSelectProps>;
+export default FormikSelect;

package/dist/Formik/TextField/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextFieldProps } from '../../TextField';
+export declare type FormikTextFieldProps = Omit<TextFieldProps, 'name'> & {
+    name: string;
+};
+/**
+ * Formik TextField let users enter and edit text.
+ *
+ * This is a custom wrapper component made of Rabex-kit TextField.
+ *
+ * In this component. You should provide a **name** property always.
+ * @param props
+ * @returns
+ */
+declare const FormikTextField: React.FC<FormikTextFieldProps>;
+export default FormikTextField;

package/dist/Grid/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Grid2Props as MuiGridProps } from '@mui/material/Unstable_Grid2';
+export declare type GridProps = MuiGridProps;
+/**
+ * The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
+ *
+ * This is a custom wrapper component made of Material-UI Grid.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/react-grid2/).
+ *
+ * ```typescript
+ *  import { Grid } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Grid: React.FC<GridProps>;
+export default Grid;

package/dist/Grow/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { GrowProps as MuiGrowProps } from '@mui/material';
+export declare type GrowProps = MuiGrowProps;
+/**
+ * Expands outwards from the center of the child element, while also fading in from transparent to opaque.
+ *
+ * you can see Grow Documentation api that I mentioned below [here](https://mui.com/material-ui/api/grow/)
+ *
+ * ```typescript
+ *  import { Grow } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Grow: React.FC<GrowProps>;
+export default Grow;

package/dist/IconButton/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
+declare type IProps = MuiIconButtonProps & {
+    variant?: 'circular' | 'square' | 'rounded';
+    hasBg?: boolean;
+};
+export declare type IconButtonProps = IProps;
+/**
+ *
+ * Icon buttons are commonly found in app bars and toolbars.
+ * Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected,
+ * such as adding or removing a star to an item.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/icon-button/).
+ *
+ * ```typescript
+ *  import { IconButton } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const IconButton: React.FC<IProps>;
+export default IconButton;

package/dist/Input/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { InputProps as MuiInputProps } from '@mui/material';
+import { TypographyProps } from '../Typography';
+interface CustomInputProps extends MuiInputProps {
+    success?: boolean;
+    size?: 'large' | 'medium' | 'small';
+    helperText?: string | ReactNode;
+    titleProps?: TypographyProps;
+    helperTextIcon?: ReactNode;
+    helperTextProps?: TypographyProps;
+    helperTextEndAdornment?: string | ReactNode;
+    helperTextEndAdornmentProps?: TypographyProps;
+    hasBg?: boolean;
+    valueFormat?: 'numbers' | 'separatedNumbers';
+    valueFormatOption?: {
+        separator?: string;
+        separateBy?: number;
+    };
+}
+export declare type InputProps = CustomInputProps;
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/InputAdornment/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputAdornmentProps as MuiInputAdornmentProps } from '@mui/material';
+export declare type InputAdornmentProps = Omit<MuiInputAdornmentProps, 'hasBorder'> & {
+    hasBorder?: boolean;
+};
+declare const InputAdornment: React.FC<InputAdornmentProps>;
+export default InputAdornment;

package/dist/InputLabel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputLabelProps as MuiInputLabelProps } from '@mui/material';
+export declare type InputLabelProps = MuiInputLabelProps;
+declare const InputLabel: React.FC<InputLabelProps>;
+export default InputLabel;

package/dist/LinearProgress/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material';
+export declare type LinearProgressProps = MuiLinearProgressProps;
+/**
+ * Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process.
+ *
+ *
+ * You can read Material-UI LinearProgress Documentation [here](https://mui.com/material-ui/api/linear-progress/).
+ *
+ * ```typescript
+ *  import { LinearProgress } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const LinearProgress: React.FC<LinearProgressProps>;
+export default LinearProgress;

package/dist/Link/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { LinkProps as MuiLinkProps } from '@mui/material';
+export declare type LinkProps = MuiLinkProps;
+/**
+ * The Link component allows you to easily customize anchor elements with your theme colors and typography styles.
+ *
+ * This is a custom wrapper component made of Material-UI Link.
+ *
+ * You can read Material-UI Link Documentation [here](https://mui.com/material-ui/react-link/).
+ *
+ * ```typescript
+ *  import { Link } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/List/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ListProps as MuiListProps } from '@mui/material';
+export declare type ListProps = MuiListProps;
+/**
+ * Lists are continuous, vertical indexes of text or images.
+ * Lists are a continuous group of text or images.
+ * They are composed of items containing primary and supplemental actions,
+ * which are represented by icons and text.
+ * you can see List Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list)
+ *
+ * ```typescript
+ *  import { List } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const List: React.FC<ListProps>;
+export default List;

package/dist/ListItem/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ListItemProps as MuiListItemProps } from '@mui/material';
+export declare type ListItemProps = MuiListItemProps;
+/**
+ * API documentation for the React ListItem component. Learn about the available props and the CSS API.
+ * you can see ListItem Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item)
+ *
+ * ```typescript
+ *  import { ListItem } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const ListItem: React.FC<ListItemProps>;
+export default ListItem;

package/dist/ListItemAvatar/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ListItemAvatarProps as MuiListItemAvatarProps } from '@mui/material';
+export declare type ListItemAvatarProps = MuiListItemAvatarProps;
+/**
+ *
+ * ListItemAvatar is a wrapper for have Avatar in List component
+ * you can see ListItemAvatar Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item-avatar/)
+ *
+ *
+ * ```typescript
+ *  import { ListItemAvatar } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const ListItemAvatar: React.FC<ListItemAvatarProps>;
+export default ListItemAvatar;

package/dist/ListItemButton/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
+export declare type ListItemButtonProps = MuiListItemButtonProps;
+/**
+ *
+ * ListItemButton is wrapper for have button in List component
+ * you can see ListItemButton Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item-button/)
+ *
+ *
+ * ```typescript
+ *  import { ListItemButton } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const ListItemButton: React.FC<ListItemButtonProps>;
+export default ListItemButton;

package/dist/ListItemIcon/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ListItemIconProps as MuiListItemIconProps } from '@mui/material';
+export declare type ListItemIconProps = MuiListItemIconProps;
+/**
+ *
+ *  you can use ListItemIcon component in list for add icon in list component
+ * you can see ListItemIcon Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item-icon/)
+ *
+ * ```typescript
+ *  import { ListItemIcon } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const ListItemIcon: React.FC<ListItemIconProps>;
+export default ListItemIcon;

package/dist/ListItemSecondaryAction/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ListItemSecondaryActionProps as MuiListItemSecondaryActionProps } from '@mui/material';
+export declare type ListItemSecondaryActionProps = MuiListItemSecondaryActionProps;
+/**
+ * can use ListItemSecondaryAction for adding some element in the end of listItem component.
+ * you can see ListItemSecondaryAction Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item-secondary-action/)
+ *
+ *
+ * ```typescript
+ *  import { ListItemSecondaryAction } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const ListItemSecondaryAction: React.FC<ListItemSecondaryActionProps>;
+export default ListItemSecondaryAction;

package/dist/ListItemText/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ListItemTextProps as MuiListItemTextProps } from '@mui/material';
+export declare type ListItemTextProps = MuiListItemTextProps;
+/**
+ *
+ * ListItemText component is a wrapper for have text element in ListItem component
+ * you can see listItemText Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-item-text/)
+ *
+ *
+ * ```typescript
+ *  import { listItemText } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const listItemText: React.FC<ListItemTextProps>;
+export default listItemText;

package/dist/ListSubHeader/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ListSubheaderProps as MuiListSubHeaderProps } from '@mui/material';
+export declare type ListSubHeaderProps = MuiListSubHeaderProps;
+/**
+ *
+ * SubHeader component used for add Header to List items
+ * you can see ListSubheader Documentation api that I mentioned below [here](https://mui.com/material-ui/api/list-subheader/)
+ *
+ * ```typescript
+ *  import { ListSubheader } from '@rabex-kit/core';
+ *  ```
+ * @param props
+ * @returns
+ */
+declare const ListSubHeader: React.FC<ListSubHeaderProps>;
+export default ListSubHeader;

package/dist/LoadingButton/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { LoadingButtonProps as MuiLoadingButtonProps } from '@mui/lab';
+export declare type LoadingButtonProps = Omit<MuiLoadingButtonProps, 'size' | 'color'> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    isIcon?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+};
+/**
+ * The loading buttons can show loading state and disable interactions.
+ *
+ * This is a custom wrapper component made of Material-UI LoadingButton.
+ *
+ * You can read Material-UI LoadingButton Documentation [here](https://mui.com/material-ui/api/loading-button/).
+ *
+ * ```typescript
+ *  import { LoadingButton } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const LoadingButton: React.FC<LoadingButtonProps>;
+export default LoadingButton;

package/dist/Menu/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MenuProps as MuiMenuProps } from '@mui/material';
+export declare type MenuProps = MuiMenuProps;
+/**
+ * API documentation for the React Menu component. Learn about the available props and the CSS API.
+ * you can see Menu Documentation api that I mentioned below [here](https://mui.com/material-ui/api/menu)
+ *
+ * ```typescript
+ *  import { Menu } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/dist/MenuItem/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MenuItemProps as MuiMenuItemProps } from '@mui/material';
+export declare type MenuItemProps = MuiMenuItemProps;
+/**
+ * API documentation for the React MenuItem component. Learn about the available props and the CSS API.
+ * you can see MenuItem Documentation api that I mentioned below [here](https://mui.com/material-ui/api/menu-item)
+ *
+ * ```typescript
+ *  import { MenuItem } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const MenuItem: React.FC<MenuItemProps>;
+export default MenuItem;

package/dist/MenuList/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MenuListProps as MuiMenuListProps } from '@mui/material';
+export declare type MenuListProps = MuiMenuListProps;
+/**
+ * API documentation for the React MenuList component. Learn about the available props and the CSS API.
+ * you can see MenuList Documentation api that I mentioned below [here](https://mui.com/material-ui/api/menu-list)
+ *
+ * ```typescript
+ *  import { MenuList } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

package/dist/MobileStepper/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { MobileStepperProps as MuiMobileStepperProps } from '@mui/material';
+export declare type MobileStepperProps = MuiMobileStepperProps;
+/**
+ * This component implements a compact stepper suitable for a mobile device.
+ *  It has more limited functionality than the vertical stepper.
+ *  See mobile steps for its inspiration.
+ *
+ * The mobile stepper supports three variants to display progress through the available steps: text, dots, and progress.
+ *
+ * You can read Material-UI MobileStepper Documentation [here](https://mui.com/material-ui/api/mobile-stepper/).
+ *
+ * ```typescript
+ *  import { MobileStepper } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const MobileStepper: React.FC<MobileStepperProps>;
+export default MobileStepper;

package/dist/Modal/index.d.ts

@@ -0,0 +1,17 @@
+import { ModalProps as MuiModalProps } from '@mui/material';
+import React from 'react';
+export declare type ModalProps = MuiModalProps;
+/**
+ * The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else.
+ * You can read Material-UI Modal Documentation [here](https://mui.com/material-ui/react-modal/).
+ *
+ *
+ * ```typescript
+ *  import { Modal, ModalContent } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/ModalContent/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ButtonProps } from '../Button';
+import { PaperProps } from '../Paper';
+import { BoxProps } from '../Box';
+import { SvgIconProps } from '../SvgIcon';
+export declare type ModalContentProps = Omit<PaperProps, 'headerProps'> & {
+    hasCloseButton?: boolean;
+    headerProps?: BoxProps;
+    closeButtonProps?: ButtonProps;
+    iconCloseProps?: SvgIconProps;
+};
+declare const ModalContent: React.FC<ModalContentProps>;
+export default ModalContent;

package/dist/NoSsr/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { NoSsrProps as MuiNoSsrProps } from '@mui/material';
+export declare type NoSsrProps = MuiNoSsrProps;
+/**
+ * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
+ *
+ * This is a custom wrapper component made of Material-UI NoSsr.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/base/api/no-ssr/).
+ *
+ * ```typescript
+ *  import { NoSsr } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const NoSsr: React.FC<NoSsrProps>;
+export default NoSsr;

package/dist/Pagination/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PaginationProps as MuiPaginationProps } from '@mui/material';
+export declare type PaginationProps = MuiPaginationProps;
+/**
+ * The Pagination component enables the user to select a specific page from a range of pages.
+ *
+ * you can see Pagination Documentation api that I mentioned below [here](https://mui.com/material-ui/api/pagination/)
+ *
+ * ```typescript
+ *  import { Pagination } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/PaginationItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PaginationItemProps as MuiPaginationItemProps } from '@mui/material';
+export declare type PaginationItemProps = MuiPaginationItemProps;
+declare const PaginationItem: React.FC<PaginationItemProps>;
+export default PaginationItem;

package/dist/Paper/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PaperProps as MuiPaperProps } from '@mui/material';
+export interface PaperProps extends MuiPaperProps {
+    hasBg?: boolean;
+}
+/**
+ * The background of an application resembles the flat, opaque texture of a sheet of paper, and an application's behavior mimics paper's ability to be re-sized, shuffled, and bound together in multiple sheets.
+ *
+ * This is a custom wrapper component made of Material-UI Paper.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/Paper/).
+ *
+ * ```typescript
+ *  import { Paper } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Paper: React.FC<PaperProps>;
+export default Paper;

package/dist/Popover/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PopoverProps as MuiPopoverProps } from '@mui/material';
+export declare type PopoverProps = MuiPopoverProps;
+/**
+ * API documentation for the React Popover component. Learn about the available props and the CSS API.
+ * you can see Popover Documentation api that I mentioned below [here](https://mui.com/material-ui/api/popover)
+ *
+ * ```typescript
+ *  import { Popover } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Popover: React.FC<PopoverProps>;
+export default Popover;