@max-ts/components 0.1.0 → 0.2.0

package/lib/theme/palette/palette.mjs

@@ -0,0 +1,125 @@
+import { componentsColors as F } from "./componentsColors/componentsColors.mjs";
+const t = () => {
+  const r = {
+    primary: {
+      900: "#0F52B8",
+      800: "#2165CC",
+      700: "#1874FF",
+      600: "#2684FF",
+      500: "#4C9AFF",
+      400: "#70AEFF",
+      300: "#94C2FF",
+      200: "#C5DCFF",
+      100: "#E1EDFF"
+    },
+    secondary: {
+      800: "#55B8F0"
+    }
+  };
+  return {
+    red: {
+      900: "#E64343",
+      800: "#F24646",
+      700: "#F35959",
+      600: "#F67E7E",
+      500: "#F79090",
+      400: "#F8A3A3",
+      300: "#FAB5B5",
+      200: "#FCDADA",
+      100: "#FEEDED"
+    },
+    green: {
+      900: "#008055",
+      800: "#00875A",
+      700: "#19936A",
+      600: "#4DAB8C",
+      500: "#66B79C",
+      400: "#80C3AC",
+      300: "#99CFBD",
+      200: "#CCE7DE",
+      100: "#E6F3EF"
+    },
+    yellow: {
+      900: "#ED8000",
+      800: "#F98700",
+      700: "#FA961F",
+      600: "#FBAB4D",
+      500: "#FBB766",
+      400: "#FDCF99",
+      300: "#FDDBB2",
+      200: "#FBE6CC",
+      100: "#FEF3E6"
+    },
+    grey: {
+      900: "#072D57",
+      800: "#1D3F66",
+      700: "#557192",
+      600: "#778DA8",
+      500: "#99A9BA",
+      400: "#B7C2CE",
+      300: "#DDE2E8",
+      200: "#EBEEF1",
+      100: "#F0F4F7"
+    },
+    primary: {
+      main: r.primary[800],
+      dark: r.primary[900],
+      contrastText: "#FFF",
+      ...r.primary
+    },
+    secondary: {
+      main: r.secondary[800],
+      dark: r.primary[900],
+      contrastText: "#FFF",
+      ...r.secondary
+    },
+    background: {
+      default: "#FFF",
+      paper: "#FFF",
+      element: "#FAFBFC",
+      elementHover: "#EEF1F4",
+      modalShadow: "#142A438A"
+    },
+    get text() {
+      return {
+        primary: this.grey[900],
+        secondary: this.grey[700],
+        disabled: this.grey[500]
+      };
+    },
+    get info() {
+      return this.primary;
+    },
+    get warning() {
+      return {
+        ...this.yellow,
+        light: this.yellow[100],
+        main: this.yellow[600],
+        dark: this.yellow[800],
+        contrastText: "#FFF"
+      };
+    },
+    get success() {
+      return {
+        ...this.green,
+        light: this.green[100],
+        main: this.green[600],
+        dark: this.green[800],
+        contrastText: "#FFF"
+      };
+    },
+    get error() {
+      return {
+        ...this.red,
+        light: this.red[100],
+        main: this.red[600],
+        dark: this.red[800],
+        contrastText: "#FFF"
+      };
+    },
+    components: F
+  };
+};
+export {
+  t as getPalette
+};

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

@@ -0,0 +1,44 @@
+import { Palette as MuiPalette, PaletteOptions as MuiPaletteOptions, PaletteColor, PaletteColorOptions, TypeBackground } from '@mui/material';
+import { 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/lib/theme/shape.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={small:"3px",medium:"6px",large:"9px"};exports.shape=e;

package/lib/theme/shape.mjs

@@ -0,0 +1,8 @@
+const p = {
+  small: "3px",
+  medium: "6px",
+  large: "9px"
+};
+export {
+  p as shape
+};

package/lib/theme/types.d.ts

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

package/lib/theme/typography.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=i=>({h1:{fontSize:"36px",fontWeight:i.typography.fontWeightMedium,lineHeight:"40px"},h2:{fontSize:"28px",fontWeight:i.typography.fontWeightMedium,lineHeight:"32px",[i.breakpoints.down("sm")]:{fontSize:"32px",lineHeight:"40px"}},h3:{fontSize:"24px",fontWeight:i.typography.fontWeightMedium,lineHeight:"28px",[i.breakpoints.down("sm")]:{fontSize:"28px",lineHeight:"36px"}},h4:{fontSize:"20px",fontWeight:i.typography.fontWeightMedium,lineHeight:"24px",[i.breakpoints.down("sm")]:{fontSize:"24px",lineHeight:"28px"}},h5:{fontSize:"16px",fontWeight:i.typography.fontWeightMedium,lineHeight:"20px",[i.breakpoints.down("sm")]:{fontSize:"18px",lineHeight:"20px"}},h6:{fontSize:"14px",fontWeight:i.typography.fontWeightMedium,lineHeight:"20px",[i.breakpoints.down("sm")]:{fontSize:"16px",lineHeight:"20px"}},subtitle1:{fontSize:"16px",fontWeight:i.typography.fontWeightRegular,lineHeight:"20px",[i.breakpoints.down("sm")]:{fontSize:"18px"}},subtitle2:{fontSize:"14px",fontWeight:i.typography.fontWeightMedium,lineHeight:"20px",[i.breakpoints.down("sm")]:{fontSize:"16px"}},body1:{fontSize:"14px",fontWeight:i.typography.fontWeightRegular,lineHeight:"20px",[i.breakpoints.down("sm")]:{fontSize:"16px"}},button:{fontSize:"14px",fontWeight:i.typography.fontWeightMedium,lineHeight:"24px",[i.breakpoints.down("sm")]:{fontSize:"16px"}},caption:{fontSize:"12px",fontWeight:i.typography.fontWeightRegular,lineHeight:"16px",[i.breakpoints.down("sm")]:{fontSize:"14px"}}});exports.getTypography=t;

package/lib/theme/typography.d.ts

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

package/lib/theme/typography.mjs

@@ -0,0 +1,95 @@
+const t = (i) => ({
+  h1: {
+    fontSize: "36px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "40px"
+  },
+  h2: {
+    fontSize: "28px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "32px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "32px",
+      lineHeight: "40px"
+    }
+  },
+  h3: {
+    fontSize: "24px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "28px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "28px",
+      lineHeight: "36px"
+    }
+  },
+  h4: {
+    fontSize: "20px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "24px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "24px",
+      lineHeight: "28px"
+    }
+  },
+  h5: {
+    fontSize: "16px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "20px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "18px",
+      lineHeight: "20px"
+    }
+  },
+  h6: {
+    fontSize: "14px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "20px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "16px",
+      lineHeight: "20px"
+    }
+  },
+  subtitle1: {
+    fontSize: "16px",
+    fontWeight: i.typography.fontWeightRegular,
+    lineHeight: "20px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "18px"
+    }
+  },
+  subtitle2: {
+    fontSize: "14px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "20px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "16px"
+    }
+  },
+  body1: {
+    fontSize: "14px",
+    fontWeight: i.typography.fontWeightRegular,
+    lineHeight: "20px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "16px"
+    }
+  },
+  button: {
+    fontSize: "14px",
+    fontWeight: i.typography.fontWeightMedium,
+    lineHeight: "24px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "16px"
+    }
+  },
+  caption: {
+    fontSize: "12px",
+    fontWeight: i.typography.fontWeightRegular,
+    lineHeight: "16px",
+    [i.breakpoints.down("sm")]: {
+      fontSize: "14px"
+    }
+  }
+});
+export {
+  t as getTypography
+};

package/package.json

@@ -1,8 +1,19 @@
 {
   "name": "@max-ts/components",
-  "version": "0.1.0",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "version": "0.2.0",
+  "browser": "./src/index.ts",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/index.mjs",
+      "types": "./lib/index.d.ts",
+      "require": "./lib/index.cjs"
+    }
+  },
+  "files": [
+    "lib"
+  ],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -13,9 +24,9 @@
     "@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-dom": "^19.0.0",
     "react-use": "^17.6.0",
     "remeda": "^2.20.1"
   },
@@ -26,19 +37,17 @@
     "@storybook/addon-interactions": "^8.5.6",
     "@storybook/addon-onboarding": "^8.5.6",
     "@storybook/blocks": "^8.5.6",
+    "@storybook/builder-vite": "^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"
+    "storybook": "^8.5.6"
   },
   "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch",
+    "build": "vite build",
+    "dev": "vite build --watch",
     "type:check": "tsc --noEmit",
     "type:watch": "tsc --noEmit --watch",
     "storybook": "storybook dev -p 6006",

package/.storybook/main.ts

@@ -1,26 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-import { dirname, join } from 'node:path';
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')));
-}
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    getAbsolutePath('@storybook/addon-onboarding'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/addon-interactions'),
-    getAbsolutePath('storybook-addon-rslib'),
-  ],
-  framework: {
-    name: getAbsolutePath('@storybook/react-vite'),
-    options: {},
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from '@storybook/react';
-
-const preview: Preview = {
-	parameters: {
-		controls: {
-			matchers: {
-				color: /(background|color)$/i,
-				date: /Date$/i,
-			},
-		},
-	},
-};
-
-export default preview;

package/.turbo/turbo-build.log

@@ -1,26 +0,0 @@
-
-
-> @max-ts/components@0.0.2 build /Users/maksim/Projects/PET/toolkit/packages/components
-> rslib build
-
-  Rslib v0.4.1
-
-ready   Built in 0.11 s (cjs)
-ready   Built in 0.11 s (esm)
-start   Generating DTS... (cjs)
-start   Generating DTS... (esm)
-start   Generating DTS... (esm)
-start   Generating DTS... (cjs)
-ready   DTS generated in 9.70 s (esm)
-ready   DTS generated in 9.72 s (cjs)
-ready   DTS generated in 9.79 s (cjs)
-ready   DTS generated in 9.82 s (esm)
-
-  File (esm)        Size       Gzip    
-  dist/index.mjs    0.10 kB
-
-  -----
-
-  File (cjs)       Size      Gzip    
-  dist/index.js    2.1 kB    0.68 kB
-

package/.turbo/turbo-type$colon$check.log

@@ -1,5 +0,0 @@
-
-
-> @max-ts/components@0.0.2 type:check /Users/maksim/Projects/PET/toolkit/packages/components
-> tsc --noEmit
-

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @max-ts/components
-
-## 0.1.0
-
-### Minor Changes
-
-- added new components
-
-## 0.0.2
-
-### Patch Changes
-
-- init

package/dist/components/Accordion/Accordion.d.ts

@@ -1,39 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-export type AccordionProps = PropsWithChildren<{
-    /**
-     *  Заголовок
-     */
-    summary: React.ReactElement | string;
-    /**
-     *  Элемент, отображаемый перед заголовком
-     */
-    startAdorment?: React.ReactNode;
-    /**
-     *  Управляет состоянием аккордеона
-     */
-    isExpanded?: boolean;
-    /**
-     *  Обработчик, вызываемый при клике по хедеру
-     */
-    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-}>;
-export declare const Accordion: React.ForwardRefExoticComponent<{
-    /**
-     *  Заголовок
-     */
-    summary: React.ReactElement | string;
-    /**
-     *  Элемент, отображаемый перед заголовком
-     */
-    startAdorment?: React.ReactNode;
-    /**
-     *  Управляет состоянием аккордеона
-     */
-    isExpanded?: boolean;
-    /**
-     *  Обработчик, вызываемый при клике по хедеру
-     */
-    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-} & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Accordion/styles.d.ts

@@ -1,21 +0,0 @@
-export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    withStartAdornment: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const ContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    withStartAdorment: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Summary: import("@emotion/styled").StyledComponent<{
-    ref?: import("react").Ref<HTMLSpanElement> | undefined;
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
-    color?: import("../Typography").TypographyColor;
-    variant?: import("../Typography").TypographyVariant;
-    colorIntensity?: import("../Typography").Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import("react").ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
-    isUpperCase?: boolean;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ChevronWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ActionCell/ActionCell.d.ts

@@ -1,24 +0,0 @@
-import type { TooltipProps } from '../Tooltip';
-import type { MainActionKind, SecondaryActionKind } from './types';
-export type Actions<T> = {
-    /**
-     * Основные действия
-     */
-    main: MainActionKind<T>[];
-    /**
-     * Второстепенные действия
-     */
-    secondary?: SecondaryActionKind<T>[];
-};
-export type ActionsCellProps<T> = {
-    actions: Actions<T>;
-    /**
-     * Данные строки из DataGrid
-     */
-    row: T;
-    /**
-     * @deprecated Положение тултипа инкапсулировано внутри ActionCell
-     */
-    tooltipPlacement?: TooltipProps['placement'];
-};
-export declare const ActionCell: <T>(props: ActionsCellProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionCell/MainAction/MainAction.d.ts

@@ -1,13 +0,0 @@
-import { type TooltipProps } from '../../Tooltip';
-import type { ActionCellHandler, MainActionKind } from '../types';
-type MainActionProps<T> = {
-    action: MainActionKind<T>;
-    onActionClick: ActionCellHandler<T>;
-    tooltipPlacement: TooltipProps['placement'];
-    /**
-     *  Если true, action не доступен
-     */
-    isDisabled?: boolean;
-};
-export declare const MainAction: <T>({ action, onActionClick, tooltipPlacement, isDisabled, }: MainActionProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ActionCell/SecondaryAction/SecondaryActions.d.ts

@@ -1,13 +0,0 @@
-import type { TooltipProps } from '../../Tooltip';
-import type { ActionCellHandler, SecondaryActionKind } from '../types';
-type SecondaryActionsProps<T> = {
-    actions: SecondaryActionKind<T>[];
-    onActionClick: ActionCellHandler<T>;
-    tooltipPlacement: TooltipProps['placement'];
-    /**
-     *  Если true, action не доступен
-     */
-    isDisabled?: boolean;
-};
-export declare const SecondaryActions: <T>({ actions, onActionClick, tooltipPlacement, isDisabled, }: SecondaryActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ActionCell/styles.d.ts

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

package/dist/components/ActionCell/types.d.ts

@@ -1,66 +0,0 @@
-import type { MouseEventHandler, ReactNode } from 'react';
-import type { IconButtonProps } from '../IconButton';
-import type { MenuItemProps } from '../MenuItem';
-import type { TooltipProps } from '../Tooltip';
-export type SecondaryActionKind<T> = MenuItemProps & SingleAction<T> & {
-    /**
-     * Причина блокировки
-     */
-    disabledReason?: TooltipProps['title'];
-};
-export type NestedAction<T> = MenuItemProps & {
-    /**
-     * Обработчик действия
-     */
-    onClick?: (row: T) => void;
-    /**
-     * Название действия
-     */
-    name: string;
-};
-export type SingleAction<T> = {
-    /**
-     * Причина блокировки
-     */
-    disabledReason?: TooltipProps['title'];
-    /**
-     * Иконка действия
-     */
-    icon?: ReactNode;
-    /**
-     * Обработчик действия
-     */
-    onClick?: (row: T) => void;
-    /**
-     * Название действия
-     */
-    name: string;
-    /**
-     * Флаг показа выпадающего списка при клике
-     */
-    nested?: false;
-    /**
-     * Если true, блокирует взаимодействие с actions
-     */
-    isBlockingOperation?: boolean;
-};
-export type MultipleAction<T> = MenuItemProps & {
-    /**
-     * Иконка действия
-     */
-    icon: ReactNode;
-    /**
-     * Список действий для выпадающего списка
-     */
-    actions: Array<NestedAction<T>>;
-    /**
-     * Флаг показа выпадающего списка при клике
-     */
-    nested: true;
-    /**
-     * Название действия
-     */
-    name: string;
-};
-export type ActionCellHandler<T> = (onClick: SingleAction<T>['onClick'] | NestedAction<T>['onClick']) => MouseEventHandler<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement> | undefined;
-export type MainActionKind<T> = (IconButtonProps<'button'> & SingleAction<T>) | MultipleAction<T>;

package/dist/components/ActionCell/useLogic/useLogic.d.ts

@@ -1,11 +0,0 @@
-import { type MouseEventHandler } from 'react';
-import type { ActionsCellProps } from '../ActionCell';
-import type { NestedAction, SingleAction } from '../types';
-type UseLogicParams<TRowData> = ActionsCellProps<TRowData>;
-export declare const useLogic: <TRowData>({ actions, row, }: UseLogicParams<TRowData>) => {
-    isSecondaryActionsAvailable: boolean | undefined;
-    handleActionClick: (onClick: SingleAction<TRowData>["onClick"] | NestedAction<TRowData>["onClick"]) => () => void;
-    handleWrapperClick: MouseEventHandler<HTMLDivElement>;
-    isDisabledAction: boolean;
-};
-export {};