@rabex-kit/rabex-ui 0.0.2 → 0.0.5

package/dist/Button/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
-export declare type ButtonProps = Omit<MuiButtonProps, 'size' | 'color' | 'component' | 'isIcon'> & {
+export declare type ButtonProps = Omit<MuiButtonProps, 'size' | 'color' | 'component' | 'isIcon' | 'variant'> & {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     isIcon?: boolean;
     color?: 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    variant?: 'contained' | 'containedSecondary' | 'outlined' | 'text';
     component?: React.ElementType;
 };
 declare const Button: React.FC<ButtonProps>;

package/dist/Chip/index.d.ts

@@ -5,21 +5,7 @@ export declare type ChipProps = Omit<MuiChipProps, 'size'> & {
     bulletColor?: string;
     labelColor?: string;
     mode?: 'normal' | 'light';
-    size?: 'small' | 'medium' | 'large';
+    size?: 'sm' | 'xs';
 };
-/**
- * Chip component of Material is somthing like Badge ,
- * Material Ui Chip is wrapper for content that has
- * Background color and other various Props,
- * you can see Chip Documentation api that I mentioned below [here](https://mui.com/material-ui/api/chip)
- *
- * ```typescript
- *  import { Chip } from '@rabex-kit/core';
- *  ```
- *
- *
- * @param props
- * @returns
- */
 declare const Chip: React.FC<ChipProps>;
 export default Chip;

package/dist/SegmentedControl/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TabsProps as MuiTabsProps } from '@mui/material';
+export declare type SegmentedControlProps = Omit<MuiTabsProps, 'indicatorColor' | 'textColor'> & {
+    size?: 'sm' | 'md' | 'lg';
+    isSeparate?: boolean;
+    hasBorder?: boolean;
+};
+/**
+ * SegmentedControl component for switching between views.
+ *
+ * This component is built on top of Material-UI Tabs and supports additional props
+ * for customizing size, border, and separation of tabs.
+ *
+ * @param props
+ * @returns JSX.Element
+ */
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export default SegmentedControl;

package/dist/SegmentedControlTab/index.d.ts

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

package/dist/Tabs/index.d.ts

@@ -13,13 +13,13 @@ export declare type TabsProps = Omit<MuiTabsProps, 'indicatorColor' | 'textColor
  * You can read Material-UI Tabs Documentation [here](https://mui.com/material-ui/api/tabs/).
  *
  * ```typescript
- *  import { Tabs } from '@rabex-kit/core';
+ *  import { Tabs } from '@rabex-kit/rabex-ui';
  *  ```
  *
  * Also you can read Material-UI Tab Documentation [here](https://mui.com/material-ui/api/tab/).
  *
  * ```typescript
- *  import { Tab } from '@rabex-kit/core';
+ *  import { Tab } from '@rabex-kit/rabex-ui';
  *  ```
  *
  *

package/dist/Theme/Button/index.d.ts

@@ -17,6 +17,12 @@ declare module '@mui/material/Button' {
         lg: true;
         xl: true;
     }
+    interface ButtonPropsVariantOverrides {
+        contained: true;
+        containedSecondary: true;
+        outlined: true;
+        text: true;
+    }
 }
 declare const _default: {
     components: {

package/dist/Theme/Chip/index.d.ts

@@ -15,22 +15,31 @@ declare module '@mui/material/Chip' {
         default: true;
     }
     interface ChipPropsSizeOverrides {
-        small: true;
-        medium: true;
-        large: true;
+        xs: true;
+        sm: true;
     }
 }
 declare const _default: {
     components: {
         styleOverrides: {
-            root: ({ theme }: {
+            root: ({ theme, ownerState, ...rest }: {
+                [x: string]: any;
                 theme: any;
+                ownerState: any;
+            }) => any;
+            icon: ({ theme, ownerState }: {
+                theme: any;
+                ownerState: any;
             }) => {
-                display: string;
-                gap: any;
-                borderRadius: number;
-                fontWeight: number;
-                fontSize: number;
+                margin: number;
+                fontSize: any;
+            };
+            deleteIcon: ({ theme, ownerState }: {
+                theme: any;
+                ownerState: any;
+            }) => {
+                margin: number;
+                fontSize: any;
             };
             label: ({ theme }: {
                 theme: any;
@@ -41,12 +50,6 @@ declare const _default: {
             };
         };
         variants: ({
-            props: ChipProps;
-            style: ({ theme, ...ownerState }: any) => {
-                color: any;
-                backgroundColor: any;
-            };
-        } | {
             props: ChipProps;
             style: ({ theme, ...ownerState }: any) => {
                 color: any;

package/dist/Theme/Palette/base.d.ts

@@ -5,11 +5,15 @@ declare module '@mui/material/styles/createPalette' {
         base: Palette['primary'];
         grayBackground: Palette['primary'];
         textColor: Palette['primary'];
+        backgroundColor: Palette['primary'];
+        neutral: Palette['primary'];
     }
     interface PaletteOptions {
         base: PaletteOptions['primary'];
         grayBackground: PaletteOptions['primary'];
         textColor: PaletteOptions['primary'];
+        backgroundColor: PaletteOptions['primary'];
+        neutral: PaletteOptions['primary'];
     }
     interface PaletteColor {
         950?: string;
@@ -61,9 +65,9 @@ declare module '@mui/material/styles/createPalette' {
     }
 }
 export interface PaletteColor {
-    light: string;
-    main: string;
-    dark: string;
+    light?: string;
+    main?: string;
+    dark?: string;
     contrastText?: string;
     950?: string;
     900?: string;

package/dist/Theme/Palette/dark.d.ts

@@ -84,5 +84,32 @@ declare const _default: {
         A10: string;
         A0: string;
     };
+    neutral: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    backgroundColor: {
+        main: string;
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
 };
 export default _default;

package/dist/Theme/Palette/light.d.ts

@@ -54,6 +54,7 @@ declare const _default: {
         50: string;
     };
     backgroundColor: {
+        main: string;
         950: string;
         900: string;
         800: string;
@@ -146,6 +147,16 @@ declare const _default: {
         A0: string;
     };
     base: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
         main: string;
         A100: string;
         A80: string;