@max-ts/components 0.1.0 → 0.2.0

package/lib/_virtual/jsx-runtime.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.cjs");var r=e.__require();exports.j=r;

package/lib/_virtual/jsx-runtime.mjs

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.mjs";
+var i = r();
+export {
+  i as j
+};

package/lib/_virtual/jsx-runtime2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/lib/_virtual/jsx-runtime2.mjs

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/lib/_virtual/react-jsx-runtime.development.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/lib/_virtual/react-jsx-runtime.development.mjs

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/lib/_virtual/react-jsx-runtime.production.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/lib/_virtual/react-jsx-runtime.production.mjs

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/lib/components/Accordion/Accordion.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),S=require("../Chevron/Chevron.cjs"),m=require("../Collapse/Collapse.cjs"),r=require("./styles.cjs"),q=t.forwardRef(({summary:o,startAdorment:s,isExpanded:n,onChange:l,children:p},h)=>{const[i,x]=t.useState(!1),c=typeof n=="boolean",a=c?n:i,d=!!s,f=j=>{if(c)l?.(!n,j);else{const u=!i;x(u),l?.(u,j)}},C=typeof o=="string"?r.Summary:t.Fragment;return e.j.jsxs("div",{ref:h,children:[e.j.jsxs(r.Header,{onClick:f,withStartAdornment:d,children:[s,e.j.jsx(C,{children:o}),e.j.jsx(r.ChevronWrapper,{children:e.j.jsx(S.Chevron,{isActive:a})})]}),e.j.jsx(m.Collapse,{in:a,children:e.j.jsx(r.ContentWrapper,{withStartAdorment:d,children:p})})]})});exports.Accordion=q;

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

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

package/lib/components/Accordion/Accordion.mjs

@@ -0,0 +1,35 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as j, useState as u, Fragment as C } from "react";
+import { Chevron as S } from "../Chevron/Chevron.mjs";
+import { Collapse as w } from "../Collapse/Collapse.mjs";
+import { Header as A, Summary as v, ChevronWrapper as y, ContentWrapper as W } from "./styles.mjs";
+const U = j(
+  ({ summary: e, startAdorment: t, isExpanded: o, onChange: n, children: p }, m) => {
+    const [s, f] = u(!1), i = typeof o == "boolean", l = i ? o : s, a = !!t, x = (c) => {
+      if (i)
+        n?.(!o, c);
+      else {
+        const d = !s;
+        f(d), n?.(d, c);
+      }
+    }, h = typeof e == "string" ? v : C;
+    return /* @__PURE__ */ r.jsxs("div", { ref: m, children: [
+      /* @__PURE__ */ r.jsxs(
+        A,
+        {
+          onClick: x,
+          withStartAdornment: a,
+          children: [
+            t,
+            /* @__PURE__ */ r.jsx(h, { children: e }),
+            /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(S, { isActive: l }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx(w, { in: l, children: /* @__PURE__ */ r.jsx(W, { withStartAdorment: a, children: p }) })
+    ] });
+  }
+);
+export {
+  U as Accordion
+};

package/lib/components/Accordion/styles.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),p=require("../Typography/Typography.cjs"),a=r.styled("header")`
+  cursor: pointer;
+
+  display: grid;
+  grid-column-gap: ${({theme:e})=>e.spacing(2)};
+  grid-template-columns: ${({withStartAdornment:e})=>e?"24px 1fr 24px":" 1fr 24px"};
+`,n=r.styled("div")`
+  margin-left: ${({theme:e,withStartAdorment:t})=>e.spacing(t?8:0)};
+  padding-top: ${({theme:e})=>e.spacing(2)};
+`,i=r.styled(p.Typography)`
+  align-self: center;
+`,o=r.styled("div")`
+  overflow: hidden;
+
+  width: 24px;
+  height: 24px;
+`;exports.ChevronWrapper=o;exports.ContentWrapper=n;exports.Header=a;exports.Summary=i;

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

@@ -0,0 +1,21 @@
+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/lib/components/Accordion/styles.mjs

@@ -0,0 +1,25 @@
+import { styled as p } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const t = 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)};
+  padding-top: ${({ theme: r }) => r.spacing(2)};
+`, d = p(o)`
+  align-self: center;
+`, g = p("div")`
+  overflow: hidden;
+
+  width: 24px;
+  height: 24px;
+`;
+export {
+  g as ChevronWrapper,
+  a as ContentWrapper,
+  t as Header,
+  d as Summary
+};

package/lib/components/ActionCell/ActionCell.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),d=require("./MainAction/MainAction.cjs"),u=require("./SecondaryAction/SecondaryActions.cjs"),m=require("./styles.cjs"),y=require("./useLogic/useLogic.cjs"),t={mainAction:"top",secondaryAction:"left"},j=n=>{const{isSecondaryActionsAvailable:s,handleActionClick:e,handleWrapperClick:r,isDisabledAction:o}=y.useLogic(n),{actions:a}=n,{main:l=[],secondary:A=[]}=a;return i.j.jsxs(m.Wrapper,{onClick:r,children:[l.map(c=>i.j.jsx(d.MainAction,{tooltipPlacement:t.mainAction,onActionClick:e,action:c,isDisabled:o},c.name)),s&&i.j.jsx(u.SecondaryActions,{isDisabled:o,actions:A,tooltipPlacement:t.secondaryAction,onActionClick:e})]})};exports.ActionCell=j;

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

@@ -0,0 +1,24 @@
+import { TooltipProps } from '../Tooltip';
+import { 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/lib/components/ActionCell/ActionCell.mjs

@@ -0,0 +1,40 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { MainAction as A } from "./MainAction/MainAction.mjs";
+import { SecondaryActions as p } from "./SecondaryAction/SecondaryActions.mjs";
+import { Wrapper as d } from "./styles.mjs";
+import { useLogic as C } from "./useLogic/useLogic.mjs";
+const e = {
+  mainAction: "top",
+  secondaryAction: "left"
+}, b = (i) => {
+  const {
+    isSecondaryActionsAvailable: s,
+    handleActionClick: n,
+    handleWrapperClick: r,
+    isDisabledAction: t
+  } = C(i), { actions: a } = i, { main: l = [], secondary: m = [] } = a;
+  return /* @__PURE__ */ o.jsxs(d, { onClick: r, children: [
+    l.map((c) => /* @__PURE__ */ o.jsx(
+      A,
+      {
+        tooltipPlacement: e.mainAction,
+        onActionClick: n,
+        action: c,
+        isDisabled: t
+      },
+      c.name
+    )),
+    s && /* @__PURE__ */ o.jsx(
+      p,
+      {
+        isDisabled: t,
+        actions: m,
+        tooltipPlacement: e.secondaryAction,
+        onActionClick: n
+      }
+    )
+  ] });
+};
+export {
+  b as ActionCell
+};

package/lib/components/ActionCell/MainAction/MainAction.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../_virtual/jsx-runtime.cjs"),C=require("react"),M=require("../../IconButton/IconButton.cjs"),g=require("../../IconDropdownButton/IconDropdownButton.cjs"),w=require("../../MenuItem/MenuItem.cjs"),u=require("../../Tooltip/Tooltip.cjs"),R=({action:t,onActionClick:o,tooltipPlacement:i,isDisabled:e})=>{if("actions"in t){const{icon:x,disabled:c,disabledReason:h,name:d,actions:I}=t;return n.j.jsx(u.Tooltip,{title:h||d,placement:i,withoutContainer:!(e||c),children:n.j.jsx(g.IconDropdownButton,{icon:x,variant:"text",disabled:e||c,children:I.map(({name:l,onClick:k,...B})=>C.createElement(w.MenuItem,{...B,key:l,tooltipPlacement:i,onClick:o(k)},l))})},d)}const{onClick:s,name:r,icon:j,disabledReason:m,disabled:a,loading:p,isBlockingOperation:T,...b}=t,q=!p&&(m||r);return n.j.jsx(u.Tooltip,{title:q,placement:i,withoutContainer:!(e||a),children:n.j.jsx(M.IconButton,{disabled:e||a,...b,variant:"text",onClick:o(s),children:j})},r)};exports.MainAction=R;

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

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

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

@@ -0,0 +1,78 @@
+import { j as o } 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
+}) => {
+  if ("actions" in t) {
+    const { icon: j, disabled: c, disabledReason: b, name: m, actions: k } = t;
+    return /* @__PURE__ */ o.jsx(
+      d,
+      {
+        title: b || m,
+        placement: i,
+        withoutContainer: !(n || c),
+        children: /* @__PURE__ */ o.jsx(
+          I,
+          {
+            icon: j,
+            variant: "text",
+            disabled: n || c,
+            children: k.map(
+              // @ts-ignore
+              ({ name: s, onClick: C, ...R }) => /* @__PURE__ */ w(
+                g,
+                {
+                  ...R,
+                  key: s,
+                  tooltipPlacement: i,
+                  onClick: e(C)
+                },
+                s
+              )
+            )
+          }
+        )
+      },
+      m
+    );
+  }
+  const {
+    onClick: l,
+    name: r,
+    icon: p,
+    disabledReason: x,
+    disabled: a,
+    loading: u,
+    isBlockingOperation: v,
+    ...f
+  } = t, h = !u && (x || r);
+  return /* @__PURE__ */ o.jsx(
+    d,
+    {
+      title: h,
+      placement: i,
+      withoutContainer: !(n || a),
+      children: /* @__PURE__ */ o.jsx(
+        B,
+        {
+          disabled: n || a,
+          ...f,
+          variant: "text",
+          onClick: e(l),
+          children: p
+        }
+      )
+    },
+    r
+  );
+};
+export {
+  z as MainAction
+};

package/lib/components/ActionCell/SecondaryAction/SecondaryActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.cjs"),l=require("react"),s=require("lucide-react"),a=require("../../IconDropdownButton/IconDropdownButton.cjs"),d=require("../../MenuItem/MenuItem.cjs"),m=({actions:n,onActionClick:i,tooltipPlacement:o,isDisabled:c=!1})=>t.j.jsx(a.IconDropdownButton,{icon:t.j.jsx(s.EllipsisVertical,{}),variant:"text",disabled:c,children:n.map(e=>{const{onClick:u,name:r}=e;return l.createElement(d.MenuItem,{...e,key:r,tooltipPlacement:o,onClick:i(u)},r)})});exports.SecondaryActions=m;

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

@@ -0,0 +1,13 @@
+import { TooltipProps } from '../../Tooltip';
+import { 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/lib/components/ActionCell/SecondaryAction/SecondaryActions.mjs

@@ -0,0 +1,34 @@
+import { j as t } from "../../../_virtual/jsx-runtime.mjs";
+import { createElement as p } from "react";
+import { EllipsisVertical as a } from "lucide-react";
+import { IconDropdownButton as c } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as l } from "../../MenuItem/MenuItem.mjs";
+const k = ({
+  actions: e,
+  onActionClick: n,
+  tooltipPlacement: i,
+  isDisabled: m = !1
+}) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    icon: /* @__PURE__ */ t.jsx(a, {}),
+    variant: "text",
+    disabled: m,
+    children: e.map((o) => {
+      const { onClick: s, name: r } = o;
+      return /* @__PURE__ */ p(
+        l,
+        {
+          ...o,
+          key: r,
+          tooltipPlacement: i,
+          onClick: n(s)
+        },
+        r
+      );
+    })
+  }
+);
+export {
+  k as SecondaryActions
+};

package/lib/components/ActionCell/styles.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),r=e.styled("div")`
+  display: inline-flex;
+  align-items: center;
+`;exports.Wrapper=r;

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

@@ -0,0 +1 @@
+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/lib/components/ActionCell/styles.mjs

@@ -0,0 +1,8 @@
+import { styled as e } from "@mui/material";
+const r = e("div")`
+  display: inline-flex;
+  align-items: center;
+`;
+export {
+  r as Wrapper
+};

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

@@ -0,0 +1,66 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { IconButtonProps } from '../IconButton';
+import { MenuItemProps } from '../MenuItem';
+import { 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/lib/components/ActionCell/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),l=({actions:o,row:n})=>{const{main:s,secondary:i}=o,t=s.some(e=>"actions"in e?!1:e?.isBlockingOperation&&e?.loading),c=r.useCallback(e=>()=>{e?.(n)},[n]),a=e=>{e.stopPropagation()};return{isSecondaryActionsAvailable:i&&i.length>=1,handleActionClick:c,handleWrapperClick:a,isDisabledAction:t}};exports.useLogic=l;

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

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from 'react';
+import { ActionsCellProps } from '../ActionCell';
+import { 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 {};

package/lib/components/ActionCell/useLogic/useLogic.mjs

@@ -0,0 +1,23 @@
+import { useCallback as l } from "react";
+const p = ({
+  actions: s,
+  row: o
+}) => {
+  const { main: e, secondary: i } = s, a = e.some((n) => "actions" in n ? !1 : n?.isBlockingOperation && n?.loading), t = l(
+    (n) => () => {
+      n?.(o);
+    },
+    [o]
+  ), c = (n) => {
+    n.stopPropagation();
+  };
+  return {
+    isSecondaryActionsAvailable: i && i.length >= 1,
+    handleActionClick: t,
+    handleWrapperClick: c,
+    isDisabledAction: a
+  };
+};
+export {
+  p as useLogic
+};

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../_virtual/jsx-runtime.cjs"),h=require("../Autocomplete/Autocomplete.cjs"),m=require("./useLogic/useLogic.cjs"),O=e=>{const{options:t,isLoadingData:o,handleOpen:n,handleInputChange:s,emptyOptionsText:i}=m.useLogic(e),{fetchOptions:y,fetchDelayMs:A,minSymbolsToFetch:b,isDisabled:u,isRequired:r,isSuccess:c,isError:l,isLoading:p,isFullWidth:a,onOpen:q,noOptionsText:x,onInputChange:T,...d}=e;return g.j.jsx(h.Autocomplete,{options:t,disabled:u,fullWidth:a,loading:p||o,onOpen:n,error:l,required:r,success:c,noOptionsText:i,onInputChange:s,...d})};exports.AsyncAutocomplete=O;

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -0,0 +1,61 @@
+import { AutocompleteProps } from '../Autocomplete';
+export type AsyncAutocompleteProps<TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options'> & {
+    /**
+     * Если `true`, будет показан индикатор загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если `true`, компонент будет не доступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, компонент растянется на всю ширину
+     */
+    isFullWidth?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии ошибки
+     */
+    isError?: boolean;
+    /**
+     * Если `true`, компонент будет помечен как обязательный
+     */
+    isRequired?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии успеха
+     */
+    isSuccess?: boolean;
+    /**
+     * Задержка для fetchOptions
+     * @default 300
+     */
+    fetchDelayMs?: number;
+    /**
+     * Функция для асинхронной загрузки опций на основе поискового запроса
+     *
+     * @param search - Строка поиска, введенная пользователем. На основе этой
+     *   строки функция должна вернуть подходящие опции.
+     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
+     *   если пользователь изменил поисковый запрос или закрыл компонент.
+     *
+     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
+     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
+     *
+     * @example
+     * ```typescript
+     * const fetchOptions = async (search: string, signal: AbortSignal) => {
+     *   const response = await fetch(`/api/search?query=${search}`, { signal });
+     *   const data = await response.json();
+     *   return data.results;
+     * };
+     *
+     * <AsyncAutocomplete fetchOptions={fetchOptions} />
+     * ```
+     */
+    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
+    /**
+     * Минимальное количество символов для выполнения запроса
+     * @default 0
+     */
+    minSymbolsToFetch?: number;
+};
+export declare const AsyncAutocomplete: <TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>(props: AsyncAutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.mjs

@@ -0,0 +1,45 @@
+import { j as m } from "../../_virtual/jsx-runtime.mjs";
+import { Autocomplete as h } from "../Autocomplete/Autocomplete.mjs";
+import { useLogic as g } from "./useLogic/useLogic.mjs";
+const D = (o) => {
+  const {
+    options: e,
+    isLoadingData: t,
+    handleOpen: n,
+    handleInputChange: s,
+    emptyOptionsText: i
+  } = g(o), {
+    fetchOptions: x,
+    fetchDelayMs: O,
+    minSymbolsToFetch: f,
+    isDisabled: r,
+    isRequired: p,
+    isSuccess: a,
+    isError: c,
+    isLoading: u,
+    isFullWidth: l,
+    onOpen: y,
+    noOptionsText: T,
+    onInputChange: b,
+    ...d
+  } = o;
+  return /* @__PURE__ */ m.jsx(
+    h,
+    {
+      options: e,
+      disabled: r,
+      fullWidth: l,
+      loading: u || t,
+      onOpen: n,
+      error: c,
+      required: p,
+      success: a,
+      noOptionsText: i,
+      onInputChange: s,
+      ...d
+    }
+  );
+};
+export {
+  D as AsyncAutocomplete
+};