@max-ts/components 0.0.2

package/dist/theme/baseTheme/baseTheme.d.ts

@@ -0,0 +1,9 @@
+import { type BreakpointsOptions, type ThemeOptions } from '@mui/material/styles';
+import { type FontsUrls } from '../components';
+import type { Theme } from '../types';
+export type CreateThemeParams = {
+    options?: ThemeOptions;
+    fontsUrls: FontsUrls;
+    breakpoints?: BreakpointsOptions;
+};
+export declare const createTheme: (params: CreateThemeParams) => Theme;

package/dist/theme/baseTheme/index.d.ts

@@ -0,0 +1 @@
+export * from './baseTheme';

package/dist/theme/breakpoints.d.ts

@@ -0,0 +1,2 @@
+import type { BreakpointsOptions } from '@mui/material';
+export declare const defaultBreakpoints: BreakpointsOptions;

package/dist/theme/components/MuiAlert.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/dist/theme/components/MuiAutocomplete.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiAutocomplete: Components<Theme>['MuiAutocomplete'];

package/dist/theme/components/MuiButton.d.ts

@@ -0,0 +1,32 @@
+import { type Components } from '@mui/material';
+import { type ButtonProps, type ButtonState } from '../../components/Button';
+import type { Theme } from '../types';
+type WithTheme<T extends object> = T & {
+    theme: Theme;
+};
+type ButtonPropsWithTheme = WithTheme<ButtonProps<'button'>>;
+type GetButtonHeightOptions = Pick<ButtonPropsWithTheme, 'size'>;
+type GetButtonPaddingOptions = Pick<ButtonPropsWithTheme, 'size' | 'theme'>;
+type GetButtonPaddingMobileOptions = Pick<ButtonPropsWithTheme, 'size' | 'theme' | 'variant'>;
+/**
+ * Получить значения для высоты кнопки в зависимости от size параметра
+ */
+export declare const getButtonHeight: (options: GetButtonHeightOptions) => string;
+/**
+ * Получить значения для высоты кнопки мобильной версии в зависимости от size параметра
+ */
+export declare const getButtonHeightMobile: (options: GetButtonHeightOptions) => string;
+/**
+ * Получить значения внутренних отступов кнопки (padding) в зависимости от size параметра
+ */
+export declare const getButtonPadding: (options: GetButtonPaddingOptions) => string;
+/**
+ * Получить значения внутренних отступов кнопки мобильной версии (padding) в зависимости от size параметра
+ */
+export declare const getButtonPaddingMobile: (options: GetButtonPaddingMobileOptions) => string;
+export declare const getButtonBackgroundColor: ({ selected, color, variant, buttonState, theme, }: Pick<ButtonPropsWithTheme, "selected" | "color" | "variant" | "theme"> & {
+    buttonState: ButtonState;
+}) => string;
+export declare const getButtonDisabledBackgroundColor: ({ theme, variant, }: Pick<ButtonPropsWithTheme, "theme" | "variant">) => string;
+export declare const MuiButton: Components<Theme>['MuiButton'];
+export {};

package/dist/theme/components/MuiButtonBase.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiButtonBase: Components<Theme>['MuiButtonBase'];

package/dist/theme/components/MuiCircularProgress.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
+export default MuiCircularProgress;

package/dist/theme/components/MuiDialog.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/dist/theme/components/MuiDialogActions.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/dist/theme/components/MuiDialogContent.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/dist/theme/components/MuiDialogTitle.d.ts

@@ -0,0 +1,3 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/dist/theme/components/MuiDrawer.d.ts

@@ -0,0 +1,3 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiDrawer: Components<Theme>['MuiDrawer'];

package/dist/theme/components/MuiFormHelperText.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiFormHelperText: Components<Theme>['MuiFormHelperText'];
+export default MuiFormHelperText;

package/dist/theme/components/MuiFormLabel.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiFormLabel: Components<Theme>['MuiFormLabel'];
+export default MuiFormLabel;

package/dist/theme/components/MuiInputLabel.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiInputLabel: Components<Theme>['MuiInputLabel'];
+export default MuiInputLabel;

package/dist/theme/components/MuiLinearProgress.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiLinearProgress: Components<Theme>['MuiLinearProgress'];
+export default MuiLinearProgress;

package/dist/theme/components/MuiListItemButton.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiListItemButton: Components<Theme>['MuiListItemButton'];

package/dist/theme/components/MuiListItemText.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiListItemText: Components<Theme>['MuiListItemText'];

package/dist/theme/components/MuiMenu.d.ts

@@ -0,0 +1,4 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiMenu: Components<Theme>['MuiMenu'];
+export default MuiMenu;

package/dist/theme/components/MuiMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiMenuItem: Components<Theme>['MuiMenuItem'];
+export default MuiMenuItem;

package/dist/theme/components/MuiOutlinedInput.d.ts

@@ -0,0 +1,4 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiOutlinedInput: Components<Theme>['MuiOutlinedInput'];
+export default MuiOutlinedInput;

package/dist/theme/components/MuiPaginationItem.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiPaginationItem: Components<Theme>['MuiPaginationItem'];

package/dist/theme/components/MuiPaper.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiPaper: Components<Theme>['MuiPaper'];

package/dist/theme/components/MuiStep.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiStep: Components<Theme>['MuiStep'];

package/dist/theme/components/MuiStepConnector.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiStepConnector: Components<Theme>['MuiStepConnector'];

package/dist/theme/components/MuiStepLabel.d.ts

@@ -0,0 +1,3 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiStepLabel: Components<Theme>['MuiStepLabel'];

package/dist/theme/components/MuiSwitch.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiSwitch: Components<Theme>['MuiSwitch'];

package/dist/theme/components/MuiTab.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTab: Components<Theme>['MuiTab'];

package/dist/theme/components/MuiTableCell.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTableCell: Components<Theme>['MuiTableCell'];

package/dist/theme/components/MuiTableHead.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTableHead: Components<Theme>['MuiTableHead'];

package/dist/theme/components/MuiTableRow.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTableRow: Components<Theme>['MuiTableRow'];

package/dist/theme/components/MuiTabs.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTabs: Components<Theme>['MuiTabs'];

package/dist/theme/components/MuiTextField.d.ts

@@ -0,0 +1,3 @@
+import { type Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiTextField: Components<Theme>['MuiTextField'];

package/dist/theme/components/MuiToggleButton.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiToggleButton: Components<Theme>['MuiToggleButton'];

package/dist/theme/components/MuiToggleButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export declare const MuiToggleButtonGroup: Components<Theme>['MuiToggleButtonGroup'];

package/dist/theme/components/MuiTypography.d.ts

@@ -0,0 +1,21 @@
+import type { Components } from '@mui/material';
+export type FontsUrls = {
+    bold: {
+        woff: string;
+        woff2: string;
+    };
+    light: {
+        woff: string;
+        woff2: string;
+    };
+    medium: {
+        woff: string;
+        woff2: string;
+    };
+    regular: {
+        woff: string;
+        woff2: string;
+    };
+};
+export declare const MuiTypography: Components['MuiTypography'];
+export default MuiTypography;

package/dist/theme/components/components.d.ts

@@ -0,0 +1,21 @@
+import type { Components } from '@mui/material';
+import type { Theme } from '../types';
+export type FontsUrls = {
+    bold: {
+        woff: string;
+        woff2: string;
+    };
+    light: {
+        woff: string;
+        woff2: string;
+    };
+    medium: {
+        woff: string;
+        woff2: string;
+    };
+    regular: {
+        woff: string;
+        woff2: string;
+    };
+};
+export declare const getComponents: (fontUrls: FontsUrls) => Components<Theme>;

package/dist/theme/components/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/theme/constants.d.ts

@@ -0,0 +1 @@
+export declare const SPACING = 4;

package/dist/theme/elevation.d.ts

@@ -0,0 +1,8 @@
+export type Elevation = {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+};
+export declare const elevation: Elevation;

package/dist/theme/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/dist/theme/hooks/useTheme/index.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../../types';
+export declare const useTheme: () => Theme;

package/dist/theme/index.d.ts

@@ -0,0 +1,7 @@
+export * from './types';
+export * from './baseTheme';
+export * from './palette';
+export * from './constants';
+export * from './elevation';
+export * from './shape';
+export * from './hooks';

package/dist/theme/palette/componentsColors/componentsColors.d.ts

@@ -0,0 +1,5 @@
+import { type LinkColors } from './linkColors';
+export type ComponentsColors = {
+    link: LinkColors;
+};
+export declare const componentsColors: ComponentsColors;

package/dist/theme/palette/componentsColors/index.d.ts

@@ -0,0 +1 @@
+export { type ComponentsColors, componentsColors } from './componentsColors';

package/dist/theme/palette/componentsColors/linkColors/index.d.ts

@@ -0,0 +1 @@
+export * from './linkColors';

package/dist/theme/palette/componentsColors/linkColors/linkColors.d.ts

@@ -0,0 +1,7 @@
+export type LinkColors = {
+    main: string;
+    hover: string;
+    visited: string;
+    active: string;
+};
+export declare const linkColors: LinkColors;

package/dist/theme/palette/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './componentsColors';
+export * from './palette';

package/dist/theme/palette/palette.d.ts

@@ -0,0 +1,2 @@
+import type { PaletteOptions } from './types';
+export declare const getPalette: () => PaletteOptions;

package/dist/theme/palette/types.d.ts

@@ -0,0 +1,44 @@
+import type { Palette as MuiPalette, PaletteOptions as MuiPaletteOptions, PaletteColor, PaletteColorOptions, TypeBackground } from '@mui/material';
+import type { ComponentsColors } from './componentsColors';
+export type Color = {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+};
+export type PrimaryColorOptions = PaletteColorOptions & Color;
+export type Background = TypeBackground & {
+    element: string;
+    elementHover: string;
+    modalShadow: string;
+};
+export type PaletteOptions = MuiPaletteOptions & {
+    red: Color;
+    green: Color;
+    yellow: Color;
+    grey: Color;
+    error: Color;
+    warning: Color;
+    success: Color;
+    primary: PrimaryColorOptions;
+    background: Background;
+    components: ComponentsColors;
+};
+export type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
+    red: Color;
+    green: Color;
+    yellow: Color;
+    grey: Color;
+    error: Color;
+    warning: Color;
+    success: Color;
+    primary: PaletteColor & Color;
+    secondary: PaletteColor & Color;
+    background: Background;
+    components: ComponentsColors;
+};

package/dist/theme/shape.d.ts

@@ -0,0 +1,6 @@
+export type Shape = {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const shape: Shape;

package/dist/theme/types.d.ts

@@ -0,0 +1,21 @@
+import type { Breakpoints, BreakpointsOptions, Theme as MuiTheme, SimplePaletteColorOptions } from '@mui/material';
+import type { Elevation } from './elevation';
+import type { Palette } from './palette';
+import type { Shape } from './shape';
+import type { TypographyThemeOptions } from './typography';
+declare module '@mui/material/styles' {
+    interface Theme {
+        palette: Palette;
+        breakpoints: Breakpoints;
+        shape: Shape;
+        typography: TypographyThemeOptions;
+        elevation: Elevation;
+    }
+    interface ThemeOptions {
+        breakpoints?: BreakpointsOptions;
+        shape: Shape;
+        elevation: Elevation;
+    }
+}
+export type { SimplePaletteColorOptions };
+export type Theme = MuiTheme;

package/dist/theme/typography.d.ts

@@ -0,0 +1,153 @@
+import type { Typography } from '@mui/material/styles/createTypography';
+import type { CSSProperties } from 'react';
+import type { Theme } from './types';
+type CustomTypographyVariantStyle = {
+    fontSize: CSSProperties['fontSize'];
+    fontWeight: CSSProperties['fontWeight'];
+    lineHeight: CSSProperties['lineHeight'];
+};
+export type TypographyThemeOptions = Omit<Typography, 'overline'> & {
+    /**
+     * @deprecated
+     * Данный вариант больше не поддерживается и будет удален в следующем мажорном релизе. Используйте `pointer` или другой более подходящий вариант.
+     * Причина отказа от поддержки: данный вариант отсутствует в обновленной дизайн-системе
+     */
+    h7: CustomTypographyVariantStyle;
+    /**
+     * @deprecated
+     * Данный вариант больше не поддерживается и будет удален в следующем мажорном релизе. Используйте `pointer` или другой более подходящий вариант.
+     * Причина отказа от поддержки: данный вариант отсутствует в обновленной дизайн-системе
+     */
+    h8: CustomTypographyVariantStyle;
+    /**
+     * @deprecated
+     * Данный вариант больше не поддерживается и будет удален в следующем мажорном релизе. Используйте `body1` или другой подходящий вариант.
+     * Причина отказа от поддержки: данный вариант отсутствует в обновленной дизайн-системе
+     */
+    ui: CustomTypographyVariantStyle;
+    /**
+     * @deprecated
+     * Данный вариант больше не поддерживается и будет удален в следующем мажорном релизе. Используйте `caption` или другой подходящий вариант.
+     * Причина отказа от поддержки: данный вариант отсутствует в обновленной дизайн-системе
+     */
+    small: CustomTypographyVariantStyle;
+    /**
+     * @deprecated
+     * Данный вариант больше не поддерживается и будет удален в следующем мажорном релизе. Используйте `body1` или  другой подходящий вариант.
+     * Причина отказа от поддержки: данный вариант отсутствует в обновленной дизайн-системе
+     */
+    body2: CustomTypographyVariantStyle;
+    link: CustomTypographyVariantStyle;
+    pointer: CustomTypographyVariantStyle;
+};
+export declare const pxToRem: (fontSize: number, htmlFontSize?: number) => string;
+export declare const baseTypography: Partial<TypographyThemeOptions>;
+export declare const getTypography: (theme: Theme) => {
+    h1: {
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h2: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h3: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h4: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h5: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h6: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    subtitle1: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    subtitle2: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    body1: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    button: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    link: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    caption: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    pointer: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+};
+export {};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@max-ts/components",
+  "version": "0.0.2",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^6.4.4",
+    "@mui/system": "^6.4.3",
+    "clsx": "^2.1.1",
+    "csstype": "^3.1.3",
+    "lucide-react": "^0.475.0",
+    "react": "^19.0.0",
+    "react-use": "^17.6.0",
+    "remeda": "^2.20.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@faker-js/faker": "^9.5.0",
+    "@storybook/addon-essentials": "^8.5.6",
+    "@storybook/addon-interactions": "^8.5.6",
+    "@storybook/addon-onboarding": "^8.5.6",
+    "@storybook/blocks": "^8.5.6",
+    "@storybook/react": "^8.5.6",
+    "@storybook/react-vite": "^8.5.6",
+    "@storybook/test": "^8.5.6",
+    "@types/react": "^19.0.8",
+    "prop-types": "^15.8.1",
+    "storybook": "^8.5.6",
+    "storybook-addon-rslib": "^0.1.10",
+    "storybook-react-rsbuild": "^0.1.10",
+    "vitest": "^3.0.5"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "type:check": "tsc --noEmit",
+    "type:watch": "tsc --noEmit --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}