@max-ts/components 0.3.4 → 0.3.5

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

@@ -1,33 +1,35 @@
 import { j as r } from "../../../_virtual/jsx-runtime.mjs";
-import { useMemo as f } from "react";
+import { useMemo as d } from "react";
 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(() => {
+import { Wrapper as u, StyledTypography as x } from "./styles.mjs";
+import { useLogic as j } from "./useLogic/useLogic.mjs";
+import m from "../../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/arrow-down-up.mjs";
+import a 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/SvgIcon/SvgIcon.mjs";
+import w from "../../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/arrow-down-wide-narrow.mjs";
+import S from "../../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/arrow-down-narrow-wide.mjs";
+const v = (e) => {
+  const { wrapperProps: l } = j(e), { startAdornment: i, field: s, isSortable: o, align: p, label: c, sorting: t } = e, f = d(() => {
     if (!o)
       return null;
     if (t?.fieldId !== s)
-      return /* @__PURE__ */ r.jsx(l, {});
+      return /* @__PURE__ */ r.jsx(m, {});
     switch (t?.sort) {
       case n.ASC:
-        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(x, {}) });
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(S, {}) });
       case n.DESC:
-        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(u, {}) });
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(w, {}) });
       default:
-        return /* @__PURE__ */ r.jsx(l, {});
+        return /* @__PURE__ */ r.jsx(m, {});
     }
   }, [t, o, s]);
-  return /* @__PURE__ */ r.jsxs(j, { $align: p, $isSortable: o, ...m, children: [
+  return /* @__PURE__ */ r.jsxs(u, { $align: p, $isSortable: o, ...l, children: [
     i && i,
-    /* @__PURE__ */ r.jsxs(w, { variant: "caption", children: [
+    /* @__PURE__ */ r.jsxs(x, { variant: "caption", children: [
       c,
-      d
+      f
     ] })
   ] });
 };
 export {
-  I as HeadCell
+  v as HeadCell
 };

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

@@ -1,7 +1,4 @@
-import { styled as i } from "@mui/material";
-import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
-import "clsx";
 import "../../Button/styles.mjs";
 import "react";
 /* empty css                                                                                            */
@@ -10,7 +7,8 @@ import "react";
 /* empty css                                                                                            */
 import { Typography as o } from "../../Typography/Typography.mjs";
 import { alignToJustifyContent as p } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-const f = i("div", {
+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 h = i("div", {
   shouldForwardProp: (t) => !["$align", "$isSortable", "$hasStartAdornment"].includes(t.toString())
 })`
   cursor: ${({ $isSortable: t }) => t ? "pointer" : "initial"};
@@ -24,7 +22,7 @@ const f = i("div", {
   padding: ${({ theme: t, $hasStartAdornment: r }) => r ? t.spacing(1, 2, 1, 0) : t.spacing(1, 2)};
 
   color: ${({ theme: t }) => t.palette.grey[700]};
-`, u = i(o)`
+`, $ = i(o)`
   display: flex;
   align-items: center;
   gap: ${({ theme: t }) => t.spacing(1)};
@@ -35,6 +33,6 @@ const f = i("div", {
   }
 `;
 export {
-  u as StyledTypography,
-  f as Wrapper
+  $ as StyledTypography,
+  h as Wrapper
 };

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

@@ -1,6 +1,14 @@
-import { styled as o, LinearProgress as r } from "@mui/material";
+import "../../../_virtual/jsx-runtime.mjs";
+import "../../Button/styles.mjs";
+import "react";
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
 import { Divider as t } from "../../Divider/Divider.mjs";
-const p = o("div")`
+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";
+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/LinearProgress/LinearProgress.mjs";
+const l = o("div")`
   position: absolute;
   top: 0;
 
@@ -8,17 +16,17 @@ const p = o("div")`
   height: 100%;
 
   opacity: 0.3;
-  background-color: ${({ theme: e }) => e.palette.background.element};
-`, s = o(t)`
+  background-color: ${({ theme: r }) => r.palette.background.element};
+`, b = o(t)`
   border-width: 1px;
-`, a = o("div")`
+`, v = o("div")`
   height: 2px;
-`, n = o(r)`
+`, x = o(i)`
   height: 2px;
 `;
 export {
-  p as Backdrop,
-  a as LoaderWrapper,
-  s as StyledDivider,
-  n as StyledLinearProgress
+  l as Backdrop,
+  v as LoaderWrapper,
+  b as StyledDivider,
+  x as StyledLinearProgress
 };

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

@@ -1,18 +1,16 @@
 import { ROOT_ACTION_CELL_WIDTH as e } from "../constants.mjs";
-import { styled as o } 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 g = o("li")`
+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 u = o("li")`
   position: relative;
   &:not(:last-of-type)::before,
-`, b = o("div")`
+`, f = o("div")`
   position: relative;
 
   display: grid;
@@ -29,7 +27,7 @@ const g = o("li")`
 
     background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
   }
-`, v = o("div")`
+`, g = o("div")`
   display: flex;
   align-items: center;
   align-self: center;
@@ -38,7 +36,7 @@ const g = o("li")`
   width: ${e}px;
 `;
 export {
-  v as CheckboxCell,
-  b as ContentWrapper,
-  g as Wrapper
+  g as CheckboxCell,
+  f as ContentWrapper,
+  u as Wrapper
 };

package/lib/components/DataGrid/styles.mjs

@@ -1,14 +1,12 @@
-import { styled as o } 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 c = o("div", {
+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 s = o("div", {
   shouldForwardProp: (i) => i !== "$maxHeight"
 })`
   position: relative;
@@ -20,20 +18,20 @@ const c = o("div", {
   width: 100%;
   height: 100%;
   max-height: ${({ $maxHeight: i }) => i ? `${i}px` : "initial"};
-`, t = o("div")`
+`, e = o("div")`
   overflow: hidden;
   display: flex;
   flex-direction: column;
 
   height: 100%;
-`, x = o(t)`
+`, h = o(e)`
   pointer-events: none;
 
   background: ${({ theme: i }) => i.palette.background.element};
   mix-blend-mode: luminosity;
 `;
 export {
-  c as Container,
-  t as DataGridWrapper,
-  x as DisabledDataGridWrapper
+  s as Container,
+  e as DataGridWrapper,
+  h as DisabledDataGridWrapper
 };

package/lib/components/DataGrid/useLogic/useLogic.mjs

@@ -1,74 +1,75 @@
-import { useRef as A, useEffect as G, useMemo as N, useCallback as m } from "react";
-import { uniqueBy as q, prop as x } from "remeda";
+import { useRef as A, useEffect as G, useMemo as N, useCallback as h } from "react";
+import { a as T } from "../../../node_modules/.pnpm/remeda@2.20.2/node_modules/remeda/dist/chunk-IXASGXCR.mjs";
+import { a as x } from "../../../node_modules/.pnpm/remeda@2.20.2/node_modules/remeda/dist/chunk-G5B2IDWB.mjs";
 import { getGridTemplateColumns as E } from "./utils/getGridTemplateColumns/getGridTemplateColumns.mjs";
-const j = ({
-  keyId: e,
+const z = ({
+  keyId: r,
   columns: s,
-  rows: r = [],
+  rows: e = [],
   selectedRows: i = [],
-  isLoading: l,
+  isLoading: o,
   isDisabled: u,
   onSelectRow: n
 }) => {
-  const b = !!r?.length, c = !!n, g = l || u, f = r.filter(
+  const b = !!e?.length, c = !!n, g = o || u, f = e.filter(
     (t) => !(t.options?.isDisabled || t.options?.isNotSelectable)
   ), p = A([]);
   G(() => {
-    l || (p.current = r);
-  }, [r, l]);
-  const h = E(s), C = N(() => f.filter(
-    (t) => !i.find((o) => o[e] === t[e])
-  ).length, [f, i, e]), B = m(() => r.length <= 1 ? s.map((t) => ({ ...t, sortable: !1 })) : s, [s, r]), D = l ? p.current : r, d = (t) => {
+    o || (p.current = e);
+  }, [e, o]);
+  const m = E(s), C = N(() => f.filter(
+    (t) => !i.find((a) => a[r] === t[r])
+  ).length, [f, i, r]), D = h(() => e.length <= 1 ? s.map((t) => ({ ...t, sortable: !1 })) : s, [s, e]), d = o ? p.current : e, v = (t) => {
     if (!n)
       return;
     if (t.target.checked) {
-      const a = q(
+      const l = T(
         [...i, ...f],
-        x(e)
+        x(r)
       );
-      return n(a);
+      return n(l);
     }
-    const o = i.filter(
-      (a) => !r.find((P) => P[e] === a[e])
+    const a = i.filter(
+      (l) => !e.find((P) => P[r] === l[r])
     );
-    n(o);
-  }, v = m(
-    (t) => (o) => {
+    n(a);
+  }, B = h(
+    (t) => (a) => {
       if (n) {
-        if (o.target.checked)
+        if (a.target.checked)
           return n([...i, t]);
         n(
           i.filter(
-            (a) => a[e] !== t[e]
+            (l) => l[r] !== t[r]
           )
         );
       }
     },
-    [i, n, e]
+    [i, n, r]
   );
   return {
     isDataGridDisabled: g,
-    renderRows: D,
+    renderRows: d,
     headProps: {
       rowsCount: f.length,
       uncheckedRowsCount: C,
-      gridColumns: h,
+      gridColumns: m,
       isSelectable: c,
-      columns: B(),
-      onSelectAllRows: d
+      columns: D(),
+      onSelectAllRows: v
     },
     bodyProps: {
-      gridColumns: h,
+      gridColumns: m,
       isSelectable: c,
-      onSelectRow: v
+      onSelectRow: B
     },
     loaderProps: {
-      isLoading: b && l,
-      isVisibleDivider: !!r.length,
+      isLoading: b && o,
+      isVisibleDivider: !!e.length,
       isDisabled: u
     }
   };
 };
 export {
-  j as useLogic
+  z as useLogic
 };

package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.mjs

@@ -1,23 +1,23 @@
 import { j as t } from "../../../_virtual/jsx-runtime.mjs";
 import { createElement as c } from "react";
-import { EllipsisVertical as p } from "lucide-react";
-import { IconDropdownButton as a } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as l } from "../../MenuItem/MenuItem.mjs";
+import { IconDropdownButton as p } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as a } from "../../MenuItem/MenuItem.mjs";
+import l from "../../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.mjs";
 const k = ({
   actions: e,
   onActionClick: n,
   tooltipPlacement: i,
   isDisabled: m
 }) => /* @__PURE__ */ t.jsx(
-  a,
+  p,
   {
-    icon: /* @__PURE__ */ t.jsx(p, {}),
+    icon: /* @__PURE__ */ t.jsx(l, {}),
     variant: "text",
     disabled: m,
     children: e.map((o) => {
       const { onClick: s, name: r } = o;
       return /* @__PURE__ */ c(
-        l,
+        a,
         {
           ...o,
           key: r,

package/lib/components/DataGridActionCell/styles.mjs

@@ -1,17 +1,15 @@
-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")`
+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 s = i("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  d as Wrapper
+  s as Wrapper
 };

package/lib/components/DataGridPagination/styles.mjs

@@ -1,24 +1,23 @@
-import { styled as o, formControlClasses 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                                                                                         */
-import { Typography as p } from "../Typography/Typography.mjs";
-const y = o("div")`
+import { Typography as e } from "../Typography/Typography.mjs";
+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";
+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/FormControl/formControlClasses.mjs";
+const f = o("div")`
   display: flex;
   align-items: center;
   justify-content: space-between;
 
   height: 48px;
   padding-top: ${({ theme: t }) => t.spacing(4)};
-`, x = o(p)`
+`, y = o(e)`
   color: ${({ theme: t }) => t.palette.grey[700]};
-`, $ = o("div")`
+`, x = o("div")`
   display: flex;
   gap: ${({ theme: t }) => t.spacing(3)};
   align-items: center;
@@ -28,7 +27,7 @@ const y = o("div")`
   }
 `;
 export {
-  y as PaginationWrapper,
-  x as Range,
-  $ as RangeWrapper
+  f as PaginationWrapper,
+  y as Range,
+  x as RangeWrapper
 };

package/lib/components/Description/Name/styles.mjs

@@ -1,21 +1,19 @@
-import { styled as t } 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 l = t("dt", {
+import t 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 s = t("dt", {
   shouldForwardProp: (r) => r !== "$leader"
 })`
   flex-shrink: 0;
 
   max-width: ${({ $leader: r }) => r ? "calc(100% - 36px)" : "calc(100% - 12px)"};
   margin-right: ${({ theme: r }) => r.spacing(2)};
-`, x = t("div")`
+`, h = t("div")`
   flex: 1;
 
   min-width: 12px;
@@ -29,6 +27,6 @@ const l = t("dt", {
   }
 `;
 export {
-  x as DashedSeparator,
-  l as Wrapper
+  h as DashedSeparator,
+  s as Wrapper
 };

package/lib/components/Description/Value/styles.mjs

@@ -1,9 +1,7 @@
 import "../../Accordion/Accordion.mjs";
 import "../../../_virtual/jsx-runtime.mjs";
 import "react";
-import "lucide-react";
 import "../../IconDropdownButton/IconDropdownButton.mjs";
-import { styled as r } from "@mui/material";
 import "../../Tooltip/styles.mjs";
 import "../../ActionCell/styles.mjs";
 import "../../ActionGroup/MainActions/styles.mjs";
@@ -11,12 +9,10 @@ import "../../ActionGroup/styles.mjs";
 import "../../Checkbox/Checkbox.mjs";
 import { Typography as t } from "../../Typography/Typography.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";
@@ -42,7 +38,6 @@ 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";
@@ -74,7 +69,8 @@ import "../../TagBadge/styles.mjs";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-const Fo = r(t, {
+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 ko = r(t, {
   shouldForwardProp: (o) => !["$canCopy", "$leader", "$direction"].includes(o.toString())
 })`
   cursor: ${({ $canCopy: o }) => o ? "pointer" : "default"};
@@ -92,7 +88,7 @@ const Fo = r(t, {
   &:hover {
     text-decoration: ${({ $canCopy: o }) => o ? "underline" : "none"};
   }
-`, Po = r(i, {
+`, So = r(i, {
   shouldForwardProp: (o) => !["$leader", "$direction"].includes(o.toString())
 })`
   display: unset;
@@ -108,13 +104,13 @@ const Fo = r(t, {
   & > svg {
     margin-bottom: ${({ theme: o }) => o.spacing(-1)};
   }
-`, Wo = r("dd")`
+`, To = r("dd")`
   overflow: hidden;
 
   margin: 0;
 `;
 export {
-  Po as StyledCopyTypography,
-  Fo as StyledTypography,
-  Wo as Wrapper
+  So as StyledCopyTypography,
+  ko as StyledTypography,
+  To as Wrapper
 };

package/lib/components/Description/styles.mjs

@@ -1,14 +1,12 @@
-import { styled as t } 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 f = t("div", {
+import t 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 a = t("div", {
   shouldForwardProp: (o) => !["$justifyContent", "as", "$direction"].includes(o.toString())
 })`
   overflow: hidden;
@@ -28,5 +26,5 @@ const f = t("div", {
   }
 `;
 export {
-  f as Wrapper
+  a as Wrapper
 };

package/lib/components/DescriptionList/DescriptionList.mjs

@@ -4,7 +4,7 @@ import { Description as a } from "../Description/Description.mjs";
 import { GuidTypography as g } from "../GuidTypography/GuidTypography.mjs";
 import { Tag as $ } from "../Tag/Tag.mjs";
 import { Typography as T } from "../Typography/Typography.mjs";
-import { StyledDescriptionValue as D, Wrapper as V, ListWrapper as W, StyledDescription as C } from "./styles.mjs";
+import { StyledDescriptionValue as D, Wrapper as V, ListWrapper as W, StyledDescriptionName as C } from "./styles.mjs";
 import { getTooltipProps as b } from "./utils/getTooltipProps/getTooltipProps.mjs";
 const N = ({
   items: d,
@@ -51,15 +51,20 @@ const N = ({
     /* @__PURE__ */ r.jsx(W, { $direction: p, children: d.map(({ name: t, value: o, options: s }) => {
       const { nameMaxWidth: n, ...i } = s || {};
       return /* @__PURE__ */ r.jsxs(
-        C,
+        a,
         {
           direction: p,
           ...x,
           component: "div",
-          $nameMaxWidth: n,
-          $direction: p,
           children: [
-            /* @__PURE__ */ r.jsx(a.Name, { children: t }),
+            /* @__PURE__ */ r.jsx(
+              C,
+              {
+                $nameMaxWidth: n,
+                $direction: p,
+                children: t
+              }
+            ),
             h(o, i)
           ]
         },

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

@@ -4,7 +4,7 @@ type DescriptionNameProps = {
     $direction?: Direction;
 };
 type DescriptionListVariant = 'contained' | 'default';
-export declare const StyledDescription: import('@emotion/styled').StyledComponent<import('../Description').DescriptionProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DescriptionNameProps, {}, {}>;
+export declare const StyledDescriptionName: import('@emotion/styled').StyledComponent<import('../Description/Name').NameProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DescriptionNameProps, {}, {}>;
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $variant: DescriptionListVariant;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;