@max-ts/components 0.2.3 → 0.3.0

package/lib/components/DataGrid/Head/styles.mjs

@@ -1,20 +1,30 @@
-import { styled as t } from "@mui/material";
-import { ROOT_ACTION_CELL_WIDTH as r } from "../constants.mjs";
-const d = t("header", {
-  shouldForwardProp: (e) => !["$gridColumns"].includes(e.toString())
+import "@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                                                                                            */
+import { ROOT_ACTION_CELL_WIDTH as o } from "../constants.mjs";
+import r from "../../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const x = r("header", {
+  shouldForwardProp: (t) => !["$gridColumns"].includes(t.toString())
 })`
   display: grid;
-  grid-template-columns: ${({ $gridColumns: e }) => e};
+  grid-template-columns: ${({ $gridColumns: t }) => t};
 
-  border-bottom: 2px solid ${({ theme: e }) => e.palette.divider};
-`, l = t("div")`
+  border-bottom: 2px solid ${({ theme: t }) => t.palette.divider};
+`, C = r("div")`
   display: flex;
   align-items: center;
   justify-content: center;
 
-  width: ${r}px;
+  width: ${o}px;
 `;
 export {
-  l as CheckboxCell,
-  d as Wrapper
+  C as CheckboxCell,
+  x as Wrapper
 };

package/lib/components/DataGrid/HeadCell/HeadCell.mjs

@@ -1,32 +1,33 @@
 import { j as r } from "../../../_virtual/jsx-runtime.mjs";
 import { useMemo as f } from "react";
-import { SortStates as i } from "../enums.mjs";
-import { ChevronsUpDown as a, ChevronDown as u, ChevronUp as d } from "lucide-react";
-import { Wrapper as x, StyledTypography as j } from "./styles.mjs";
-import { useLogic as h } from "./useLogic/useLogic.mjs";
-const b = (e) => {
-  const { wrapperProps: l } = h(e), { startAdornment: s, field: n, isSortable: o, align: p, label: m, sorting: t } = e, c = f(() => {
+import { SortStates as n } from "../enums.mjs";
+import { SvgIcon as a } from "@mui/material";
+import { ArrowDownUp as l, ArrowDownWideNarrow as u, ArrowDownNarrowWide as x } from "lucide-react";
+import { Wrapper as j, StyledTypography as w } from "./styles.mjs";
+import { useLogic as S } from "./useLogic/useLogic.mjs";
+const I = (e) => {
+  const { wrapperProps: m } = S(e), { startAdornment: i, field: s, isSortable: o, align: p, label: c, sorting: t } = e, d = f(() => {
     if (!o)
       return null;
-    if (t?.fieldId !== n)
-      return /* @__PURE__ */ r.jsx(a, {});
+    if (t?.fieldId !== s)
+      return /* @__PURE__ */ r.jsx(l, {});
     switch (t?.sort) {
-      case i.ASC:
-        return /* @__PURE__ */ r.jsx(d, { color: "primary" });
-      case i.DESC:
-        return /* @__PURE__ */ r.jsx(u, { color: "primary" });
+      case n.ASC:
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(x, {}) });
+      case n.DESC:
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(u, {}) });
       default:
-        return /* @__PURE__ */ r.jsx(a, {});
+        return /* @__PURE__ */ r.jsx(l, {});
     }
-  }, [t, o, n]);
-  return /* @__PURE__ */ r.jsxs(x, { $align: p, $isSortable: o, ...l, children: [
-    s && s,
-    /* @__PURE__ */ r.jsxs(j, { variant: "caption", children: [
-      m,
-      c
+  }, [t, o, s]);
+  return /* @__PURE__ */ r.jsxs(j, { $align: p, $isSortable: o, ...m, children: [
+    i && i,
+    /* @__PURE__ */ r.jsxs(w, { variant: "caption", children: [
+      c,
+      d
     ] })
   ] });
 };
 export {
-  b as HeadCell
+  I as HeadCell
 };

package/lib/components/DataGrid/HeadCell/styles.d.ts

@@ -6,8 +6,8 @@ type HeadCellProps = {
 };
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & HeadCellProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTypography: 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;
@@ -16,7 +16,7 @@ export declare const StyledTypography: 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 {};

package/lib/components/DataGrid/HeadCell/styles.mjs

@@ -1,7 +1,17 @@
-import { styled as i } from "@mui/material";
-import { Typography as e } from "../../Typography/Typography.mjs";
-import { alignToJustifyContent as o } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-const a = i("div", {
+import "@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                                                                                            */
+import { Typography as o } from "../../Typography/Typography.mjs";
+import { alignToJustifyContent as p } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
+import i from "../../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const u = i("div", {
   shouldForwardProp: (t) => !["$align", "$isSortable", "$hasStartAdornment"].includes(t.toString())
 })`
   cursor: ${({ $isSortable: t }) => t ? "pointer" : "initial"};
@@ -9,15 +19,16 @@ const a = i("div", {
 
   display: flex;
   align-items: center;
-  justify-content: ${({ $align: t }) => o(t)};
+  justify-content: ${({ $align: t }) => p(t)};
 
   height: 40px;
   padding: ${({ theme: t, $hasStartAdornment: r }) => r ? t.spacing(1, 2, 1, 0) : t.spacing(1, 2)};
 
   color: ${({ theme: t }) => t.palette.grey[700]};
-`, l = i(e)`
+`, x = i(o)`
   display: flex;
   align-items: center;
+  gap: ${({ theme: t }) => t.spacing(1)};
 
   > svg {
     width: 16px;
@@ -25,6 +36,6 @@ const a = i("div", {
   }
 `;
 export {
-  l as StyledTypography,
-  a as Wrapper
+  x as StyledTypography,
+  u as Wrapper
 };

package/lib/components/DataGrid/Row/Row.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { Variant } from '../enums';
 import { CellValue, DataGridColumns, DataGridRowOptions } from '../types';
 export type RowProps<TData extends Record<string, CellValue>> = {
     /**
@@ -18,50 +17,14 @@ export type RowProps<TData extends Record<string, CellValue>> = {
      * Конфигурация колонок для таблицы
      */
     columns: DataGridColumns<TData>[];
-    /**
-     * Вариант отображения вложенных элементов
-     */
-    variant: `${Variant}`;
     /**
      * Конфигурация ширины колонок
      */
     gridColumns: string;
-    /**
-     * Уровень вложенности в дереве
-     */
-    level: number;
-    /**
-     * Вложенные элементы
-     */
-    nestedChildren: Array<TData & {
-        options?: DataGridRowOptions<TData>;
-    }>;
     /**
      * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
      */
     activeRowId?: string;
-    /**
-     * Если true, то дерево будет раскрыто по умолчанию
-     */
-    isInitialExpanded: boolean;
-    /**
-     * Уровень раскрытия дерева по умолчанию, при isInitialExpanded=true
-     */
-    expandedLevel: number;
-    /**
-     * Количество отображаемых по умолчанию дочерних элементов
-     */
-    initialVisibleChildrenCount: number;
-    /**
-     * Номер колонки, в которой будет расположена кнопка "Показать все"
-     * Работает только для `variant="subrows"`
-     */
-    moreButtonColumnPosition: number;
-    /**
-     * Если false, кнопка разворачивания элементов не показывается
-     * Работает только для `variant="subrows"`
-     */
-    isVisibleCollapseButton: boolean;
     /**
      * Если true, то будет отображаться чекбокс для выбора элемента
      */
@@ -78,7 +41,7 @@ export type RowProps<TData extends Record<string, CellValue>> = {
     /**
      * Дополнительные настройки строки
      */
-    options?: DataGridRowOptions<TData>;
+    options?: DataGridRowOptions;
     /**
      * Обработчик выбора строки
      */

package/lib/components/DataGrid/Row/Row.mjs

@@ -1,159 +1,67 @@
-import { j as e } from "../../../_virtual/jsx-runtime.mjs";
-import { useCallback as I } from "react";
-import { Checkbox as J } from "../../Checkbox/Checkbox.mjs";
-import { Tooltip as K } from "../../Tooltip/Tooltip.mjs";
-import { NestedChildren as M } from "./NestedChildren/NestedChildren.mjs";
-import { DISABLE_ROW_ATTR as Q } from "./constants.mjs";
-import { CellStyled as U, Wrapper as X, ContentWrapper as Y, CollapseCell as Z, CollapseButton as ee, ChevronIcon as oe, CheckboxCell as le } from "./styles.mjs";
-import { useLogic as re } from "./useLogic/useLogic.mjs";
-import { checkIsDisabled as se } from "./utils/checkIsDisabled/checkIsDisabled.mjs";
-const te = (p) => {
-  const {
-    isOpen: u,
-    isShowConnector: h,
-    childrenColumns: x,
-    rowId: S,
-    handleToggle: P,
-    checkboxProps: B,
-    rowProps: A,
-    tooltipProps: D,
-    nestedChildrenProps: y,
-    disabled: r,
-    isRenderCollapseButton: b
-  } = re(p), {
-    className: L,
-    row: T,
-    options: E,
-    variant: n,
-    isSelectable: s,
-    gridColumns: o,
-    isInitialExpanded: j,
-    expandedLevel: w,
-    level: t,
-    nestedChildren: N,
-    initialVisibleChildrenCount: i,
-    moreButtonColumnPosition: c,
-    isVisibleCollapseButton: V,
-    columns: a,
-    emptyCellValue: W,
-    selectedRows: f,
-    activeRowId: v,
-    keyId: d,
-    onSelectRow: R,
-    onRowClick: $,
+import { j as o } from "../../../_virtual/jsx-runtime.mjs";
+import { useCallback as D } from "react";
+import { Checkbox as P } from "../../Checkbox/Checkbox.mjs";
+import { Tooltip as S } from "../../Tooltip/Tooltip.mjs";
+import { Cell as v } from "../Cell/Cell.mjs";
+import { DISABLE_ROW_ATTR as A } from "./constants.mjs";
+import { Wrapper as $, ContentWrapper as y, CheckboxCell as L } from "./styles.mjs";
+import { useLogic as T } from "./useLogic/useLogic.mjs";
+import { checkIsDisabled as W } from "./utils/checkIsDisabled/checkIsDisabled.mjs";
+const Q = (s) => {
+  const { rowId: m, checkboxProps: a, rowProps: p, tooltipProps: d, disabled: r } = T(s), {
+    className: u,
+    row: C,
+    options: f,
+    isSelectable: i,
+    gridColumns: n,
+    columns: e,
+    emptyCellValue: b,
+    selectedRows: B,
+    activeRowId: E,
+    keyId: N,
+    onSelectRow: _,
+    onRowClick: F,
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для NewDataGridInfinite
-    ...F
-  } = p, { isDisabledLastCell: O = !0, isNotSelectable: g } = E || {}, _ = () => !b && (!s || g) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    b && /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsx(ee, { variant: "text", onClick: P, children: /* @__PURE__ */ e.jsx(oe, { $isActive: u }) }) }),
-    s && !g && /* @__PURE__ */ e.jsx(
-      le,
-      {
-        inert: r ? !0 : void 0,
-        onClick: (l) => l.stopPropagation(),
-        children: /* @__PURE__ */ e.jsx(J, { ...B })
-      }
-    )
-  ] }), q = I(() => {
-    const l = O ? void 0 : [a.length - 1];
-    return a?.map((C, m) => {
-      const G = `${S}-${m}`, H = se(
+    ...x
+  } = s, { isDisabledLastCell: w = !0, isNotSelectable: c } = f || {}, h = () => !i || c ? null : i && !c && /* @__PURE__ */ o.jsx(
+    L,
+    {
+      inert: r ? !0 : void 0,
+      onClick: (t) => t.stopPropagation(),
+      children: /* @__PURE__ */ o.jsx(P, { ...a })
+    }
+  ), j = D(() => {
+    const t = w ? void 0 : [e.length - 1];
+    return e?.map((k, l) => {
+      const R = `${m}-${l}`, I = W(
         r,
-        l,
-        m
-      ), k = !m;
-      return /* @__PURE__ */ e.jsx(
-        U,
+        t,
+        l
+      ), g = !l;
+      return /* @__PURE__ */ o.jsx(
+        v,
         {
-          $level: k ? t : 0,
-          row: T,
-          cell: C,
-          emptyCellValue: W,
-          startAdornment: k && _(),
-          isDisabled: H
+          row: C,
+          cell: k,
+          emptyCellValue: b,
+          startAdornment: g && h(),
+          isDisabled: I
         },
-        G
+        R
       );
     });
-  }, [u, a, r]), z = I(
-    ({
-      key: l,
-      ...C
-    }) => /* @__PURE__ */ e.jsx(
-      te,
-      {
-        keyId: d,
-        ...C,
-        variant: n,
-        isSelectable: s,
-        selectedRows: f,
-        gridColumns: o,
-        isInitialExpanded: j,
-        expandedLevel: w,
-        initialVisibleChildrenCount: i,
-        moreButtonColumnPosition: c,
-        isVisibleCollapseButton: V,
-        activeRowId: v,
-        columns: x,
-        onSelectRow: R,
-        onRowClick: $
-      },
-      l
-    ),
-    [
-      d,
-      n,
-      s,
-      f,
-      o,
-      j,
-      w,
-      i,
-      c,
-      v,
-      x,
-      R,
-      $
-    ]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    X,
+  }, [e, r]);
+  return /* @__PURE__ */ o.jsx($, { $gridColumns: n, className: u, ...x, children: /* @__PURE__ */ o.jsx(S, { followCursor: !0, arrow: !1, ...d, children: /* @__PURE__ */ o.jsx(
+    y,
     {
-      $level: t,
-      $isShowConnector: h,
-      $gridColumns: o,
-      className: L,
-      ...F,
-      children: [
-        /* @__PURE__ */ e.jsx(K, { followCursor: !0, arrow: !1, ...D, children: /* @__PURE__ */ e.jsx(
-          Y,
-          {
-            $level: t,
-            $isShowConnector: h,
-            $gridColumns: o,
-            [Q]: r,
-            ...A,
-            children: q()
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          M,
-          {
-            ...y,
-            data: N,
-            keyId: d,
-            level: t,
-            variant: n,
-            gridColumns: o,
-            initialVisibleChildrenCount: i,
-            moreButtonColumnPosition: c,
-            renderRow: z
-          }
-        )
-      ]
+      $gridColumns: n,
+      [A]: r,
+      ...p,
+      children: j()
     }
-  );
+  ) }) });
 };
 export {
-  te as Row
+  Q as Row
 };

package/lib/components/DataGrid/Row/constants.d.ts

@@ -1,2 +1 @@
 export declare const DISABLE_ROW_ATTR = "data-row-disable";
-export declare const HIDDEN_CHILDREN_ROW_CLASSNAME = "astral-ui_datagrid_row_hidden";

package/lib/components/DataGrid/Row/constants.mjs

@@ -1,5 +1,4 @@
-const _ = "data-row-disable", a = "astral-ui_datagrid_row_hidden";
+const a = "data-row-disable";
 export {
-  _ as DISABLE_ROW_ATTR,
-  a as HIDDEN_CHILDREN_ROW_CLASSNAME
+  a as DISABLE_ROW_ATTR
 };

package/lib/components/DataGrid/Row/index.d.ts

@@ -1,2 +1 @@
 export * from './Row';
-export * from './RowContext';

package/lib/components/DataGrid/Row/styles.d.ts

@@ -1,31 +1,9 @@
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isShowConnector: boolean;
     $gridColumns: string;
-    $level: number;
 }, import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const ContentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isShowConnector: boolean;
     $isHovered?: boolean;
     $isSelected?: boolean;
     $gridColumns: string;
-    $level: number;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CellStyled: import('@emotion/styled').StyledComponent<import('../Cell').CellProps<Record<string, unknown>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $level: number;
-}, {}, {}>;
 export declare const CheckboxCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: 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;
-} & {
-    loading?: boolean;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const ChevronIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isActive?: boolean;
-}, {}, {}>;

package/lib/components/DataGrid/Row/styles.mjs

@@ -1,102 +1,45 @@
-import { ChevronRight as i } from "lucide-react";
-import { IconButton as a } from "../../IconButton/IconButton.mjs";
-import { Cell as s } from "../Cell/Cell.mjs";
-import { ROOT_ACTION_CELL_WIDTH as r, TREE_LINE_WIDTH as n } from "../constants.mjs";
-import { styled as o } from "@mui/material";
-import { HIDDEN_CHILDREN_ROW_CLASSNAME as l } from "./constants.mjs";
-const m = o("li")`
+import { ROOT_ACTION_CELL_WIDTH as e } from "../constants.mjs";
+import "@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                                                                                            */
+import o from "../../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const b = o("li")`
   position: relative;
-
   &:not(:last-of-type)::before,
-  &.${l}::before {
-    content: '';
-
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    transform: ${({ $level: t }) => `translateX(calc(${r}px * ${t} - ${n}px))`};
-
-    display: ${({ $isShowConnector: t }) => t ? "block" : "none"};
-
-    width: 0;
-    height: 100%;
-
-    border-left: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-  }
-`, u = o("div")`
+`, v = o("div")`
   position: relative;
 
   display: grid;
   grid-template-columns: ${({ $gridColumns: t }) => t};
 
-  background-color: ${({ theme: t, $isSelected: e }) => e ? t.palette.primary[100] : "transparent"};
+  background-color: ${({ theme: t, $isSelected: r }) => r ? t.palette.primary[100] : "transparent"};
 
   transition: ${({ theme: t }) => t.transitions.create(["background-color"], {
   duration: t.transitions.duration.short
 })};
 
-  &::before {
-    content: '';
-
-    position: absolute;
-    top: 0;
-    transform: ${({ $level: t }) => `translateX(calc(${r}px * ${t} - ${n}px))`};
-
-    display: ${({ $isShowConnector: t }) => t ? "block" : "none"};
-
-    width: ${n}px;
-    height: 50%;
-
-    border-bottom: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-    border-left: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-    border-radius: 0 0 0 ${({ theme: t }) => t.shape.small};
-  }
-
   &:hover {
     cursor: ${({ $isHovered: t }) => t ? "pointer" : "default"};
 
-    background-color: ${({ theme: t, $isHovered: e }) => e ? t.palette.background.elementHover : "transparent"};
+    background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
   }
-`, h = o(s)`
-  margin-left: ${({ $level: t }) => `${t * r}px`};
-`, b = o("div")`
+`, y = o("div")`
   display: flex;
   align-items: center;
   align-self: center;
   justify-content: center;
 
-  width: ${r}px;
-`, x = o("div")`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: ${r}px;
-`, y = o(a)`
-  width: 24px;
-  height: 24px;
-
-  color: inherit;
-
-  &:hover {
-    background-color: ${({ theme: t }) => t.palette.grey[300]};
-  }
-`, C = o(i, {
-  shouldForwardProp: (t) => t !== "$isActive"
-})`
-  transform: rotateZ(${({ $isActive: t }) => t ? 90 : 0}deg);
-
-  transition: ${({ theme: t }) => t.transitions.create("transform", {
-  easing: t.transitions.easing.sharp,
-  duration: t.transitions.duration.short
-})};
+  width: ${e}px;
 `;
 export {
-  h as CellStyled,
-  b as CheckboxCell,
-  C as ChevronIcon,
-  y as CollapseButton,
-  x as CollapseCell,
-  u as ContentWrapper,
-  m as Wrapper
+  y as CheckboxCell,
+  v as ContentWrapper,
+  b as Wrapper
 };