@max-ts/components 0.3.0 → 0.3.1

package/lib/components/Accordion/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as p } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,27 +9,26 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Typography as i } from "../Typography/Typography.mjs";
-import p 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 = p("header")`
+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"};
-`, y = p("div")`
+`, x = p("div")`
   margin-left: ${({ theme: r, withStartAdorment: o }) => r.spacing(o ? 8 : 0)};
   padding-top: ${({ theme: r }) => r.spacing(2)};
-`, u = p(i)`
+`, y = p(i)`
   align-self: center;
-`, v = p("div")`
+`, u = p("div")`
   overflow: hidden;
 
   width: 24px;
   height: 24px;
 `;
 export {
-  v as ChevronWrapper,
-  y as ContentWrapper,
-  x as Header,
-  u as Summary
+  u as ChevronWrapper,
+  x as ContentWrapper,
+  h as Header,
+  y as Summary
 };

package/lib/components/ActionCell/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as i } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,11 +8,10 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 c = i("div")`
+const d = i("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  c as Wrapper
+  d as Wrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import { Button as t } from "../../Button/Button.mjs";
 /* empty css                                                                                            */
@@ -6,13 +6,12 @@ import { Button as t } from "../../Button/Button.mjs";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 import { DropdownButton as r } from "../../DropdownButton/DropdownButton.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";
-const w = o(t)`
+const u = o(t)`
   flex-grow: 1;
-`, B = o(r)`
+`, w = o(r)`
   flex-grow: 1;
 `;
 export {
-  w as StyledButton,
-  B as StyledDropdownButton
+  u as StyledButton,
+  w as StyledDropdownButton
 };

package/lib/components/ActionGroup/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as r } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,11 +8,10 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 g = r("div")`
+const f = r("div")`
   display: flex;
   gap: ${({ theme: p }) => p.spacing(1)};
 `;
 export {
-  g as Wrapper
+  f as Wrapper
 };

package/lib/components/Autocomplete/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as m } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,9 +8,8 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { MenuItem as m } from "../MenuItem/MenuItem.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";
-const c = o(m)`
+import { MenuItem as o } from "../MenuItem/MenuItem.mjs";
+const x = m(o)`
   max-height: ${({ theme: t }) => t.spacing(13)};
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
@@ -18,5 +17,5 @@ const c = o(m)`
   }
 `;
 export {
-  c as StyledMenuItem
+  x as StyledMenuItem
 };

package/lib/components/CheckboxField/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -10,13 +10,12 @@ import "react";
 /* empty css                                                                                         */
 import { Checkbox as t } from "../Checkbox/Checkbox.mjs";
 import { FormControlLabel as r } from "../FormControlLabel/FormControlLabel.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";
-const C = o(r)`
+const f = o(r)`
   align-items: flex-start;
-`, y = o(t)`
+`, C = o(t)`
   padding-top: 3px;
 `;
 export {
-  y as StyledCheckbox,
-  C as StyledFormControlledLabel
+  C as StyledCheckbox,
+  f as StyledFormControlledLabel
 };

package/lib/components/Chevron/styles.mjs

@@ -1,5 +1,5 @@
 import { ChevronDown as o } from "lucide-react";
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,8 +9,7 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 u = t(o, {
+const g = t(o, {
   shouldForwardProp: (r) => r !== "isActive"
 })`
   transform: rotateZ(${({ isActive: r }) => r ? 180 : 0}deg);
@@ -22,5 +21,5 @@ const u = t(o, {
 })};
 `;
 export {
-  u as ChevronIcon
+  g as ChevronIcon
 };

package/lib/components/ConfirmAction/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,19 +9,18 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Typography as o } from "../Typography/Typography.mjs";
-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 l = t("div")`
+const f = t("div")`
   max-width: 380px;
   padding: ${({ theme: p }) => p.spacing(4)};
-`, x = t(o)`
+`, l = t(o)`
   margin-bottom: ${({ theme: p }) => p.spacing(3)};
-`, h = t("div")`
+`, x = t("div")`
   display: flex;
   gap: ${({ theme: p }) => p.spacing(3)};
   justify-content: end;
 `;
 export {
-  h as Actions,
-  x as StyledTypography,
-  l as Wrapper
+  x as Actions,
+  l as StyledTypography,
+  f as Wrapper
 };

package/lib/components/ConfirmDialog/styles.mjs

@@ -1,16 +1,15 @@
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
-import { Button as t } from "../Button/Button.mjs";
+import { Button as r } from "../Button/Button.mjs";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 c = r(t)`
+const a = t(r)`
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     order: 1;
   }
 `;
 export {
-  c as CancelButton
+  a as CancelButton
 };

package/lib/components/ContentState/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,8 +8,7 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 c = t("div")`
+const a = t("div")`
   display: flex;
   flex-grow: 1;
   align-items: center;
@@ -19,5 +18,5 @@ const c = t("div")`
   height: 100%;
 `;
 export {
-  c as LoadingContainer
+  a as LoadingContainer
 };

package/lib/components/CopyTypography/styles.mjs

@@ -1,5 +1,5 @@
 import { Copy as i } from "lucide-react";
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -10,8 +10,7 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Typography as p } from "../Typography/Typography.mjs";
-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 u = t(p)`
+const x = t(p)`
   cursor: pointer;
 
   display: flex;
@@ -20,7 +19,7 @@ const u = t(p)`
   &:hover {
     text-decoration: underline;
   }
-`, $ = t(i, {
+`, u = t(i, {
   shouldForwardProp: (o) => !["$copyPosition"].includes(o.toString())
 })`
   margin-right: ${({ $copyPosition: o, theme: r }) => o === "left" ? r.spacing(1) : ""};
@@ -32,6 +31,6 @@ const u = t(p)`
   fill: ${({ color: o }) => o};
 `;
 export {
-  $ as StyledCopyIcon,
-  u as Wrapper
+  u as StyledCopyIcon,
+  x as Wrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,19 +8,18 @@ import "react";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-import { MIN_ROW_HEIGHT as t } from "../constants.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 f = i("ul", {
+import { MIN_ROW_HEIGHT as i } from "../constants.mjs";
+const $ = t("ul", {
   shouldForwardProp: (o) => !["$isEmpty", "$minDisplayRows"].includes(o.toString())
 })`
   overflow-y: auto;
 
-  height: ${({ $isEmpty: o, $minDisplayRows: r }) => o ? `${t * r}px` : "100%"};
+  height: ${({ $isEmpty: o, $minDisplayRows: r }) => o ? `${i * r}px` : "100%"};
   margin: 0;
   padding: 0;
 
   list-style-type: none;
 `;
 export {
-  f as Wrapper
+  $ as Wrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,22 +8,21 @@ import "react";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-import { MIN_ROW_HEIGHT as o } from "../constants.mjs";
-import { alignToJustifyContent as r } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-import p 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 = p("div", {
+import { MIN_ROW_HEIGHT as r } from "../constants.mjs";
+import { alignToJustifyContent as p } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
+const h = o("div", {
   shouldForwardProp: (i) => !["$align", "$isDisabled", "$hasStartAdornment"].includes(i.toString())
 })`
   overflow: hidden;
   display: flex;
   align-items: center;
-  justify-content: ${({ $align: i }) => r(i)};
+  justify-content: ${({ $align: i }) => p(i)};
 
-  min-height: ${o}px;
+  min-height: ${r}px;
   padding: ${({ theme: i, $hasStartAdornment: t }) => t ? i.spacing(1, 2, 1, 0) : i.spacing(1, 2)};
 
   opacity: ${({ $isDisabled: i }) => i ? 0.5 : 1};
 `;
 export {
-  u as Wrapper
+  h as Wrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as r } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,15 +9,14 @@ import "react";
 /* 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", {
+const u = r("header", {
   shouldForwardProp: (t) => !["$gridColumns"].includes(t.toString())
 })`
   display: grid;
   grid-template-columns: ${({ $gridColumns: t }) => t};
 
   border-bottom: 2px solid ${({ theme: t }) => t.palette.divider};
-`, C = r("div")`
+`, x = r("div")`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -25,6 +24,6 @@ const x = r("header", {
   width: ${o}px;
 `;
 export {
-  C as CheckboxCell,
-  x as Wrapper
+  x as CheckboxCell,
+  u as Wrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as i } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -10,8 +10,7 @@ import "react";
 /* 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", {
+const f = i("div", {
   shouldForwardProp: (t) => !["$align", "$isSortable", "$hasStartAdornment"].includes(t.toString())
 })`
   cursor: ${({ $isSortable: t }) => t ? "pointer" : "initial"};
@@ -25,7 +24,7 @@ const u = 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]};
-`, x = i(o)`
+`, u = i(o)`
   display: flex;
   align-items: center;
   gap: ${({ theme: t }) => t.spacing(1)};
@@ -36,6 +35,6 @@ const u = i("div", {
   }
 `;
 export {
-  x as StyledTypography,
-  u as Wrapper
+  u as StyledTypography,
+  f as Wrapper
 };

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

@@ -1,5 +1,5 @@
 import { ROOT_ACTION_CELL_WIDTH as e } from "../constants.mjs";
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,11 +9,10 @@ import "react";
 /* 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")`
+const g = o("li")`
   position: relative;
   &:not(:last-of-type)::before,
-`, v = o("div")`
+`, b = o("div")`
   position: relative;
 
   display: grid;
@@ -30,7 +29,7 @@ const b = o("li")`
 
     background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
   }
-`, y = o("div")`
+`, v = o("div")`
   display: flex;
   align-items: center;
   align-self: center;
@@ -39,7 +38,7 @@ const b = o("li")`
   width: ${e}px;
 `;
 export {
-  y as CheckboxCell,
-  v as ContentWrapper,
-  b as Wrapper
+  v as CheckboxCell,
+  b as ContentWrapper,
+  g as Wrapper
 };

package/lib/components/DataGrid/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,8 +8,7 @@ import "react";
 /* 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 x = o("div", {
+const c = o("div", {
   shouldForwardProp: (i) => i !== "$maxHeight"
 })`
   position: relative;
@@ -27,14 +26,14 @@ const x = o("div", {
   flex-direction: column;
 
   height: 100%;
-`, f = o(t)`
+`, x = o(t)`
   pointer-events: none;
 
   background: ${({ theme: i }) => i.palette.background.element};
   mix-blend-mode: luminosity;
 `;
 export {
-  x as Container,
+  c as Container,
   t as DataGridWrapper,
-  f as DisabledDataGridWrapper
+  x as DisabledDataGridWrapper
 };

package/lib/components/DataGridActionCell/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as i } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,11 +8,10 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-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 c = i("div")`
+const d = i("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  c as Wrapper
+  d as Wrapper
 };

package/lib/components/DataGridPagination/styles.mjs

@@ -1,4 +1,4 @@
-import { formControlClasses as i } from "@mui/material";
+import { styled as o, formControlClasses as i } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,17 +9,16 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Typography as p } 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";
-const x = o("div")`
+const y = o("div")`
   display: flex;
   align-items: center;
   justify-content: space-between;
 
   height: 48px;
   padding-top: ${({ theme: t }) => t.spacing(4)};
-`, $ = o(p)`
+`, x = o(p)`
   color: ${({ theme: t }) => t.palette.grey[700]};
-`, h = o("div")`
+`, $ = o("div")`
   display: flex;
   gap: ${({ theme: t }) => t.spacing(3)};
   align-items: center;
@@ -29,7 +28,7 @@ const x = o("div")`
   }
 `;
 export {
-  x as PaginationWrapper,
-  $ as Range,
-  h as RangeWrapper
+  y as PaginationWrapper,
+  x as Range,
+  $ as RangeWrapper
 };

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

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -8,15 +8,14 @@ import "react";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-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 x = t("dt", {
+const l = 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)};
-`, c = t("div")`
+`, x = t("div")`
   flex: 1;
 
   min-width: 12px;
@@ -30,6 +29,6 @@ const x = t("dt", {
   }
 `;
 export {
-  c as DashedSeparator,
-  x as Wrapper
+  x as DashedSeparator,
+  l as Wrapper
 };

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

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