@max-ts/components 0.6.0 → 1.0.0

package/lib/theme/typography.d.ts

@@ -1,3 +1,3 @@
-import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { TypographyVariantsOptions } from '@mui/material/styles/createTypography';
 import { Theme } from './types';
-export declare const getTypography: (theme: Theme) => TypographyOptions;
+export declare const getTypography: (theme: Theme) => TypographyVariantsOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "0.6.0",
+  "version": "1.0.0",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",
@@ -21,16 +21,16 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fontsource-variable/roboto": "^5.2.5",
-    "@mui/material": "^7.0.2",
-    "@mui/system": "^7.0.2",
+    "@mui/material": "^7.1.0",
+    "@mui/system": "^7.1.0",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.488.0",
+    "lucide-react": "^0.508.0",
     "react": "^19.1.0",
     "react-day-picker": "^9.6.7",
     "react-dom": "^19.1.0",
-    "react-hook-form": "^7.55.0",
+    "react-hook-form": "^7.56.2",
     "react-use": "^17.6.0",
     "remeda": "^2.21.3"
   },
@@ -45,7 +45,7 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
-    "@types/react": "^19.1.2",
+    "@types/react": "^19.1.3",
     "prop-types": "^15.8.1",
     "storybook": "^8.6.12"
   },

package/lib/components/Checkbox/icons.d.ts

@@ -1,4 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare const DefaultIcon: React.FunctionComponent<SvgIconProps>;
-export declare const CheckedIcon: React.FunctionComponent<SvgIconProps>;
-export declare const IndeterminateIcon: React.FunctionComponent<SvgIconProps>;

package/lib/components/Checkbox/styles.d.ts

@@ -1,5 +0,0 @@
-type CheckboxStyledProps = {
-    isError?: boolean;
-};
-export declare const StyledCheckbox: import('@emotion/styled').StyledComponent<import('@mui/material').CheckboxProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & CheckboxStyledProps, {}, {}>;
-export {};

package/lib/components/Layout/Header/Header.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { ProductProps, ProfileProps } from '../..';
-export type HeaderProps = {
-    profile?: ProfileProps;
-    product?: ProductProps;
-    children?: ReactNode;
-};
-export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Header/index.d.ts

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

package/lib/components/Layout/Header/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    isFocusedMode: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;

package/lib/components/Layout/Layout.d.ts

@@ -1,13 +0,0 @@
-export type LayoutProps = {
-    children: React.ReactNode;
-    isFocusedMode?: boolean;
-};
-export declare const Layout: {
-    ({ children, isFocusedMode }: LayoutProps): import("react/jsx-runtime").JSX.Element;
-    Header: (props: import('./Header').HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Sidebar: (props: import('./Sidebar').SidebarProps) => import("react/jsx-runtime").JSX.Element;
-    Main: ({ children }: {
-        children: import('react').ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Alert: ({ children, title, closeText, isVisible, actions, onClose, ...props }: import('..').AlertProps) => import("react/jsx-runtime").JSX.Element;
-};

package/lib/components/Layout/LayoutContext/LayoutContext.d.ts

@@ -1,6 +0,0 @@
-export type LayoutContextProps = {
-    isFocusedMode: boolean;
-    collapsedIn: boolean;
-    onToggleSidebar: () => void;
-};
-export declare const LayoutContext: import('react').Context<LayoutContextProps>;

package/lib/components/Layout/LayoutContext/index.d.ts

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

package/lib/components/Layout/Main/Main.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export type MainProps = {
-    children: ReactNode;
-};
-/**
- * Основной контент приложения
- */
-export declare const Main: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/Sidebar.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { NavMenuProps } from '../..';
-export type SidebarProps = {
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Пропс для передачи контента в заголовок сайдбара
-     * @example <Sidebar header={<SidebarButton />>} >
-     */
-    header?: ReactNode;
-    /**
-     * Описание меню
-     */
-    menu: {
-        /**
-         * Пункты меню
-         */
-        items: NavMenuProps['items'];
-    };
-};
-/**
- * Основной sidebar приложения
- */
-export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/SidebarNav/SidebarNav.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-export type SidebarNavProps = {
-    menu: ReactElement;
-};
-export declare const SidebarNav: (props: SidebarNavProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/SidebarNav/styles.d.ts

@@ -1 +0,0 @@
-export declare const Navigation: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/ToggleButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../../../..';
-export type TogglerButtonProps = ButtonProps<'button'> & {
-    collapsedIn: boolean;
-};
-export declare const ToggleButton: (props: TogglerButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/index.d.ts

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

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const TogglerButtonRoot: import('@emotion/styled').StyledComponent<Omit<import('../../../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
-    variant?: `${import('../../../..').ButtonVariants}`;
-    loading?: boolean;
-    loadingIndicator?: import('react').ReactNode;
-    loadingPosition?: "start" | "end" | "center";
-    color?: `${import('../../../..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    selected?: boolean;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const TogglerIconWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Layout/Sidebar/Toggler/Toggler.d.ts

@@ -1,5 +0,0 @@
-export type TogglerProps = {
-    collapsedIn: boolean;
-    onToggle: () => void;
-};
-export declare const Toggler: (props: TogglerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/Toggler/index.d.ts

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

package/lib/components/Layout/Sidebar/Toggler/styles.d.ts

@@ -1,12 +0,0 @@
-export declare const TogglerRoot: import('@emotion/styled').StyledComponent<Omit<import('../../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<"button">>, "color" | "variant"> & {
-    variant?: `${import('../../..').ButtonVariants}`;
-    loading?: boolean;
-    loadingIndicator?: import('react').ReactNode;
-    loadingPosition?: "start" | "end" | "center";
-    color?: `${import('../../..').ButtonColors}`;
-    component?: "button" | undefined;
-    selected?: boolean;
-} & {
-    collapsedIn: boolean;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const TogglerContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/lib/components/Layout/Sidebar/constants.d.ts

@@ -1 +0,0 @@
-export declare const LAYOUT_SIDEBAR_CLASSNAME = "layout-sidebar";

package/lib/components/Layout/Sidebar/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const SidebarRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $collapsedIn: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SidebarHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SidebarContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SidebarFooter: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Layout/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const HEADER_HEIGHT = "60px";
-export declare const LAYOUT_CLASSNAME = "app-layout";
-export declare const LOCAL_STORAGE_KEY = "sidebar::collapsedIn";

package/lib/components/Layout/hooks/index.d.ts

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

package/lib/components/Layout/hooks/useSidebar/index.d.ts

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

package/lib/components/Layout/hooks/useSidebar/useSidebar.d.ts

@@ -1,7 +0,0 @@
-type ReturnedSidebarHook = {
-    collapsedIn: boolean;
-    onToggleSidebar: () => void;
-};
-type UseSidebarHook = (localStorageKey: string, isFocusedMode: boolean) => ReturnedSidebarHook;
-export declare const useSidebar: UseSidebarHook;
-export {};

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

@@ -1,3 +0,0 @@
-export * from './Layout';
-export * from './LayoutContext';
-export type { SidebarProps } from './Sidebar';

package/lib/components/Layout/styles.d.ts

@@ -1,5 +0,0 @@
-import { Alert } from '../Alert';
-export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    isFocusedMode: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledAlert: typeof Alert;

package/lib/components/NavMenu/Item/Item.d.ts

@@ -1,16 +0,0 @@
-import { ElementType, ReactElement, ReactNode } from 'react';
-import { ListProps } from './List';
-export type ItemProps<TComponent extends ElementType = ElementType> = {
-    collapsedIn: boolean;
-    item: [
-        key: string,
-        value: {
-            icon: ReactElement;
-            text: ReactNode;
-            active?: boolean;
-            items?: ListProps['items'];
-            component?: TComponent;
-        }
-    ];
-};
-export declare const Item: <TComponent extends ElementType>(props: ItemProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavMenu/Item/ItemButton/ItemButton.d.ts

@@ -1,11 +0,0 @@
-import { ElementType, ReactElement, ReactNode } from 'react';
-import { ListItemButtonProps } from '../../../ListItemButton';
-export type NavMenuItemButtonProps<RootComponent extends ElementType = ElementType> = ListItemButtonProps<RootComponent> & {
-    opened?: boolean;
-    collapsedIn: boolean;
-    selected?: boolean;
-    text: ReactNode;
-    icon: ReactElement;
-    component?: RootComponent;
-};
-export declare const ItemButton: (props: NavMenuItemButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavMenu/Item/ItemButton/index.d.ts

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