@max-ts/components 0.2.4 → 0.3.1

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

@@ -5,8 +5,8 @@ export declare const ContentWrapper: import('@emotion/styled').StyledComponent<i
     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;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -15,7 +15,7 @@ export declare const Summary: import('@emotion/styled').StyledComponent<{
     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";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "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" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     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/lib/components/Accordion/styles.mjs

@@ -1,25 +1,34 @@
 import { styled as p } from "@mui/material";
-import { Typography as o } from "../Typography/Typography.mjs";
-const t = p("header")`
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Typography as i } from "../Typography/Typography.mjs";
+const h = p("header")`
   cursor: pointer;
 
   display: grid;
   grid-column-gap: ${({ theme: r }) => r.spacing(2)};
   grid-template-columns: ${({ withStartAdornment: r }) => r ? "24px 1fr 24px" : " 1fr 24px"};
-`, a = p("div")`
-  margin-left: ${({ theme: r, withStartAdorment: e }) => r.spacing(e ? 8 : 0)};
+`, x = p("div")`
+  margin-left: ${({ theme: r, withStartAdorment: o }) => r.spacing(o ? 8 : 0)};
   padding-top: ${({ theme: r }) => r.spacing(2)};
-`, d = p(o)`
+`, y = p(i)`
   align-self: center;
-`, g = p("div")`
+`, u = p("div")`
   overflow: hidden;
 
   width: 24px;
   height: 24px;
 `;
 export {
-  g as ChevronWrapper,
-  a as ContentWrapper,
-  t as Header,
-  d as Summary
+  u as ChevronWrapper,
+  x as ContentWrapper,
+  h as Header,
+  y as Summary
 };

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

@@ -1,12 +1,9 @@
-import { TooltipProps } from '../../Tooltip';
+import { TooltipProps } from '../..';
 import { 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;

package/lib/components/ActionCell/MainAction/MainAction.mjs

@@ -1,78 +1,144 @@
-import { j as o } from "../../../_virtual/jsx-runtime.mjs";
+import { j as t } from "../../../_virtual/jsx-runtime.mjs";
 import { createElement as w } from "react";
-import { IconButton as B } from "../../IconButton/IconButton.mjs";
-import { IconDropdownButton as I } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as g } from "../../MenuItem/MenuItem.mjs";
-import { Tooltip as d } from "../../Tooltip/Tooltip.mjs";
-const z = ({
-  action: t,
-  onActionClick: e,
-  tooltipPlacement: i,
-  isDisabled: n
+import "../../Accordion/Accordion.mjs";
+import "lucide-react";
+import { IconDropdownButton as B } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as I } from "../../MenuItem/MenuItem.mjs";
+import "../styles.mjs";
+import "../../ActionGroup/MainActions/styles.mjs";
+import "../../ActionGroup/styles.mjs";
+import "@mui/material";
+import "../../Checkbox/Checkbox.mjs";
+import { Tooltip as s } from "../../Tooltip/Tooltip.mjs";
+import "../../Typography/styles.mjs";
+import "../../OverflowTypography/styles.mjs";
+import "react-use";
+import "../../Tag/Tag.mjs";
+import "../../FormHelperText/FormHelperTextContent/styles.mjs";
+import "../../Autocomplete/styles.mjs";
+import "../../Badge/styles.mjs";
+import { IconButton as g } from "../../IconButton/IconButton.mjs";
+import "../../BottomDrawer/styles.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "../../CheckboxField/styles.mjs";
+import "../../Chevron/styles.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "../../ConfirmAction/styles.mjs";
+import "../../Dialog/styles.mjs";
+import "../../DialogActions/styles.mjs";
+import "../../DialogContent/styles.mjs";
+import "../../DialogContentText/styles.mjs";
+import "../../ConfirmDialog/styles.mjs";
+import "../../Container/styles.mjs";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../ContentState/styles.mjs";
+import "../../CopyTypography/styles.mjs";
+import "../../DataGrid/Cell/styles.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+import "../../DataGridActionCell/styles.mjs";
+import "../../TagsList/Tag/styles.mjs";
+import "../../TagsList/styles.mjs";
+import "../../Select/styles.mjs";
+import "../../DataGridPagination/styles.mjs";
+import "../../Description/Description.mjs";
+import "../../DescriptionList/styles.mjs";
+import "../../DescriptionTooltip/styles.mjs";
+import "../../DialogHeader/styles.mjs";
+import "../../MenuList/styles.mjs";
+import "../../Filename/Filename.mjs";
+import "../../FormControlLabel/styles.mjs";
+import "../../FormLabel/styles.mjs";
+import "../../Link/Link.mjs";
+import "../../ListItem/styles.mjs";
+import "../../ListItemIcon/ListItemIcon.mjs";
+import "../../NavMenu/Item/ItemButton/styles.mjs";
+import "../../Radio/styles.mjs";
+import "../../RadioField/styles.mjs";
+import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+import "../../SearchField/SearchField.mjs";
+import "../../Skeleton/styles.mjs";
+import "../../Slider/styles.mjs";
+import "../../Switch/Switch.mjs";
+import "../../Tab/styles.mjs";
+import "../../Tabs/styles.mjs";
+import "../../TagBadge/styles.mjs";
+const Yo = ({
+  action: i,
+  onActionClick: m,
+  tooltipPlacement: r,
+  isDisabled: o
 }) => {
-  if ("actions" in t) {
-    const { icon: j, disabled: c, disabledReason: b, name: m, actions: k } = t;
-    return /* @__PURE__ */ o.jsx(
-      d,
+  if ("actions" in i) {
+    const { icon: j, disabled: e, disabledReason: b, name: a, actions: k } = i;
+    return /* @__PURE__ */ t.jsx(
+      s,
       {
-        title: b || m,
-        placement: i,
-        withoutContainer: !(n || c),
-        children: /* @__PURE__ */ o.jsx(
-          I,
+        title: b || a,
+        placement: r,
+        withoutContainer: !(o || e),
+        children: /* @__PURE__ */ t.jsx(
+          B,
           {
             icon: j,
             variant: "text",
-            disabled: n || c,
+            disabled: o || e,
             children: k.map(
-              // @ts-ignore
-              ({ name: s, onClick: C, ...R }) => /* @__PURE__ */ w(
-                g,
+              ({ name: c, onClick: C, ...R }) => /* @__PURE__ */ w(
+                I,
                 {
                   ...R,
-                  key: s,
-                  tooltipPlacement: i,
-                  onClick: e(C)
+                  key: c,
+                  tooltipPlacement: r,
+                  onClick: m(C)
                 },
-                s
+                c
               )
             )
           }
         )
       },
-      m
+      a
     );
   }
   const {
-    onClick: l,
-    name: r,
-    icon: p,
+    onClick: d,
+    name: p,
+    icon: l,
     disabledReason: x,
-    disabled: a,
+    disabled: n,
     loading: u,
     isBlockingOperation: v,
     ...f
-  } = t, h = !u && (x || r);
-  return /* @__PURE__ */ o.jsx(
-    d,
+  } = i, h = !u && (x || p);
+  return /* @__PURE__ */ t.jsx(
+    s,
     {
       title: h,
-      placement: i,
-      withoutContainer: !(n || a),
-      children: /* @__PURE__ */ o.jsx(
-        B,
+      placement: r,
+      withoutContainer: !(o || n),
+      children: /* @__PURE__ */ t.jsx(
+        g,
         {
-          disabled: n || a,
+          disabled: o || n,
           ...f,
           variant: "text",
-          onClick: e(l),
-          children: p
+          onClick: m(d),
+          children: l
         }
       )
     },
-    r
+    p
   );
 };
 export {
-  z as MainAction
+  Yo as MainAction
 };

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

@@ -4,9 +4,6 @@ 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;

package/lib/components/ActionCell/styles.mjs

@@ -1,8 +1,17 @@
-import { styled as e } from "@mui/material";
-const r = e("div")`
+import { styled as i } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const d = i("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  r as Wrapper
+  d as Wrapper
 };

package/lib/components/ActionGroup/ActionGroup.d.ts

@@ -0,0 +1,23 @@
+import { ElementType } from 'react';
+import { MainAction } from './MainActions';
+import { SecondaryAction } from './SecondaryActions';
+import { SecondaryVisibleAction } from './SecondaryVisibleActions';
+export type ActionGroupProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = {
+    /**
+     * Основные действия
+     */
+    main?: MainAction<TMainActionComponent>[];
+    /**
+     * Второстепенные действия, спрятанные за троеточием
+     */
+    secondary?: SecondaryAction<TSecondaryActionComponent>[];
+    /**
+     * Видимые второстепенные действия
+     */
+    secondaryVisible?: SecondaryVisibleAction[];
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+};
+export declare const ActionGroup: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ActionGroup/ActionGroup.mjs

@@ -0,0 +1,17 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { MainActions as a } from "./MainActions/MainActions.mjs";
+import { SecondaryActions as e } from "./SecondaryActions/SecondaryActions.mjs";
+import { SecondaryVisibleActions as m } from "./SecondaryVisibleActions/SecondaryVisibleActions.mjs";
+import { Wrapper as d } from "./styles.mjs";
+import { useLogic as p } from "./useLogic/useLogic.mjs";
+const u = (i) => {
+  const { disabledAction: s } = p(i), { main: r, secondary: t, secondaryVisible: n, className: c } = i;
+  return /* @__PURE__ */ o.jsxs(d, { className: c, children: [
+    t && /* @__PURE__ */ o.jsx(e, { isDisabled: s, actions: t }),
+    n && /* @__PURE__ */ o.jsx(m, { actions: n }),
+    r && /* @__PURE__ */ o.jsx(a, { isDisabled: s, actions: r })
+  ] });
+};
+export {
+  u as ActionGroup
+};

package/lib/components/ActionGroup/MainActions/MainActions.d.ts

@@ -0,0 +1,65 @@
+import { ElementType } from 'react';
+import { ButtonProps, DropdownButtonProps, MenuItemProps } from '../..';
+type NestedAction = MenuItemProps & {
+    /** Название действия */
+    text: string;
+};
+type SingleAction<TMainActionComponent extends ElementType> = Omit<ButtonProps<TMainActionComponent>, 'children' | 'component'> & {
+    /**
+     *  Флаг показа выпадающего списка при клике
+     */
+    isNested?: false;
+    /**
+     * Название действия
+     */
+    text: string;
+    /**
+     * Текст тултипа при заблокированном состоянии кнопки
+     */
+    disabledReason?: string;
+    /**
+     * Текст тултипа при наведении на кнопку
+     */
+    note?: string;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+};
+type MultipleAction<TMainActionComponent extends ElementType> = Omit<DropdownButtonProps<TMainActionComponent>, 'children' | 'name' | 'component'> & {
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    isNested: true;
+    /**
+     * Список действий для выпадающего списка
+     */
+    actions: NestedAction[];
+    /**
+     * Название действия
+     */
+    text: string;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Текст тултипа при заблокированном состоянии кнопки
+     */
+    disabledReason?: string;
+    /**
+     * Текст тултипа при наведении на кнопку
+     */
+    note?: string;
+};
+/** Модель основного экшена */
+export type MainAction<TMainActionComponent extends ElementType> = SingleAction<TMainActionComponent> | MultipleAction<TMainActionComponent>;
+export type MainActionsProps<TMainActionComponent extends ElementType> = {
+    actions: MainAction<TMainActionComponent>[];
+    /**
+     * Если true, основные действия будут заблокированы
+     */
+    isDisabled?: boolean;
+};
+export declare const MainActions: <TMainActionComponent extends ElementType = ElementType>({ actions, isDisabled, }: MainActionsProps<TMainActionComponent>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ActionGroup/MainActions/MainActions.mjs

@@ -0,0 +1,129 @@
+import { j as t } from "../../../_virtual/jsx-runtime.mjs";
+import "../../Accordion/Accordion.mjs";
+import "react";
+import "lucide-react";
+import "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as f } from "../../MenuItem/MenuItem.mjs";
+import "../../ActionCell/styles.mjs";
+import { StyledDropdownButton as B, StyledButton as O } from "./styles.mjs";
+import "../styles.mjs";
+import "@mui/material";
+import "../../Checkbox/Checkbox.mjs";
+import { Tooltip as s } from "../../Tooltip/Tooltip.mjs";
+import "../../Typography/styles.mjs";
+import "../../OverflowTypography/styles.mjs";
+import "react-use";
+import "../../Tag/Tag.mjs";
+import "../../FormHelperText/FormHelperTextContent/styles.mjs";
+import "../../Autocomplete/styles.mjs";
+import "../../Badge/styles.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "../../IconButton/styles.mjs";
+import "../../BottomDrawer/styles.mjs";
+import "../../CheckboxField/styles.mjs";
+import "../../Chevron/styles.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "../../ConfirmAction/styles.mjs";
+import "../../Dialog/styles.mjs";
+import "../../DialogActions/styles.mjs";
+import "../../DialogContent/styles.mjs";
+import "../../DialogContentText/styles.mjs";
+import "../../ConfirmDialog/styles.mjs";
+import "../../Container/styles.mjs";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../ContentState/styles.mjs";
+import "../../CopyTypography/styles.mjs";
+import "../../DataGrid/Cell/styles.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+import "../../DataGridActionCell/styles.mjs";
+import "../../TagsList/Tag/styles.mjs";
+import "../../TagsList/styles.mjs";
+import "../../Select/styles.mjs";
+import "../../DataGridPagination/styles.mjs";
+import "../../Description/Description.mjs";
+import "../../DescriptionList/styles.mjs";
+import "../../DescriptionTooltip/styles.mjs";
+import "../../DialogHeader/styles.mjs";
+import "../../MenuList/styles.mjs";
+import "../../Filename/Filename.mjs";
+import "../../FormControlLabel/styles.mjs";
+import "../../FormLabel/styles.mjs";
+import "../../Link/Link.mjs";
+import "../../ListItem/styles.mjs";
+import "../../ListItemIcon/ListItemIcon.mjs";
+import "../../NavMenu/Item/ItemButton/styles.mjs";
+import "../../Radio/styles.mjs";
+import "../../RadioField/styles.mjs";
+import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+import "../../SearchField/SearchField.mjs";
+import "../../Skeleton/styles.mjs";
+import "../../Slider/styles.mjs";
+import "../../Switch/Switch.mjs";
+import "../../Tab/styles.mjs";
+import "../../Tabs/styles.mjs";
+import "../../TagBadge/styles.mjs";
+const Qt = ({
+  actions: d,
+  isDisabled: o
+}) => /* @__PURE__ */ t.jsx(t.Fragment, { children: d.map((i) => {
+  if (Object.prototype.hasOwnProperty.call(i, "isNested")) {
+    const {
+      text: e,
+      isNested: w,
+      actions: x,
+      disabled: p,
+      disabledReason: u,
+      note: h,
+      isBlockingOperation: y,
+      ...j
+    } = i;
+    return /* @__PURE__ */ t.jsx(
+      s,
+      {
+        title: p ? u : h,
+        withoutContainer: !(o || p),
+        children: /* @__PURE__ */ t.jsx(
+          B,
+          {
+            ...j,
+            disabled: o || p,
+            name: e,
+            children: x.map(
+              ({ text: n, ...b }) => /* @__PURE__ */ t.jsx(f, { ...b, children: n }, n)
+            )
+          }
+        )
+      },
+      e
+    );
+  }
+  const {
+    text: m,
+    disabled: r,
+    disabledReason: a,
+    note: l,
+    isBlockingOperation: g,
+    ...c
+  } = i;
+  return /* @__PURE__ */ t.jsx(
+    s,
+    {
+      title: r ? a : l,
+      withoutContainer: !(o || r),
+      children: /* @__PURE__ */ t.jsx(O, { ...c, disabled: o || r, children: m })
+    },
+    m
+  );
+}) });
+export {
+  Qt as MainActions
+};

package/lib/components/ActionGroup/MainActions/index.d.ts

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

package/lib/components/ActionGroup/MainActions/styles.d.ts

@@ -0,0 +1,13 @@
+export declare const StyledButton: 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('../../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../../Button').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 StyledDropdownButton: import('@emotion/styled').StyledComponent<Omit<import('../../Button').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "onClick" | "endIcon" | "selected"> & {
+    name: string;
+    popoverProps?: Omit<import('@mui/material').PopoverProps, "open">;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ActionGroup/MainActions/styles.mjs

@@ -0,0 +1,17 @@
+import { styled as o } from "@mui/material";
+import "remeda";
+import { Button as t } from "../../Button/Button.mjs";
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+import { DropdownButton as r } from "../../DropdownButton/DropdownButton.mjs";
+const u = o(t)`
+  flex-grow: 1;
+`, w = o(r)`
+  flex-grow: 1;
+`;
+export {
+  u as StyledButton,
+  w as StyledDropdownButton
+};

package/lib/components/ActionGroup/SecondaryActions/SecondaryActions.d.ts

@@ -0,0 +1,21 @@
+import { ElementType } from 'react';
+import { ListItemButtonProps, TooltipProps } from '../..';
+export type SecondaryAction<TSecondaryActionComponent extends ElementType> = Omit<ListItemButtonProps<TSecondaryActionComponent>, 'children'> & {
+    /**
+     * Название действия
+     */
+    text: string;
+    tooltipPlacement?: TooltipProps['placement'];
+    /**
+     * Текст тултипа при наведении на элемент меню
+     */
+    note?: string;
+};
+export type SecondaryActionProps<TSecondaryActionComponent extends ElementType> = {
+    actions: SecondaryAction<TSecondaryActionComponent>[];
+    /**
+     * Если true, вторичные действия будут заблокированы
+     */
+    isDisabled?: boolean;
+};
+export declare const SecondaryActions: <TSecondaryActionComponent extends ElementType = ElementType>({ actions, isDisabled, }: SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;