@max-ts/components 0.3.4 → 0.3.6

package/lib/components/Badge/styles.mjs

@@ -1,4 +1,5 @@
-import { styled as o, Badge as l } from "@mui/material";
+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 l 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/Badge/Badge.mjs";
 const p = ({
   $customColor: e,
   theme: r,
@@ -37,7 +38,7 @@ const p = ({
     default: r.palette.primary.contrastText
   };
   return e === "white" ? r.palette.grey[900] : t === "contained" ? r.palette.common.white : a[e || "default"];
-}, d = o(l, {
+}, g = o(l, {
   shouldForwardProp: (e) => !["$customColor", "$withBorder", "$variantColor"].includes(e.toString())
 })`
   .MuiBadge-badge {
@@ -69,5 +70,5 @@ const p = ({
   }
 `;
 export {
-  d as StyledBadge
+  g as StyledBadge
 };

package/lib/components/BottomDrawer/BottomDrawer.mjs

@@ -1,11 +1,11 @@
 import { j as r } from "../../_virtual/jsx-runtime.mjs";
 import { IconButton as s } from "../IconButton/IconButton.mjs";
-import { X as c } from "lucide-react";
-import { DEFAULT_HEADER_HEIGHT as x } from "./constants.mjs";
-import { StyledDrawer as d, Header as p, HeaderTitle as j, Body as h } from "./styles.mjs";
+import { DEFAULT_HEADER_HEIGHT as c } from "./constants.mjs";
+import { StyledDrawer as x, Header as d, HeaderTitle as p, Body as j } from "./styles.mjs";
+import h from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.mjs";
 const u = ({
   title: o,
-  drawerHeaderHeight: e = x,
+  drawerHeaderHeight: e = c,
   children: i,
   onClose: t,
   ...n
@@ -13,12 +13,12 @@ const u = ({
   const a = (m) => {
     t && t(m, "escapeKeyDown");
   };
-  return /* @__PURE__ */ r.jsxs(d, { ...n, anchor: "bottom", onClose: t, children: [
-    /* @__PURE__ */ r.jsxs(p, { drawerHeaderHeight: e, children: [
-      /* @__PURE__ */ r.jsx(j, { variant: "h5", noWrap: !0, children: o }),
-      /* @__PURE__ */ r.jsx(s, { variant: "text", onClick: a, children: /* @__PURE__ */ r.jsx(c, {}) })
+  return /* @__PURE__ */ r.jsxs(x, { ...n, anchor: "bottom", onClose: t, children: [
+    /* @__PURE__ */ r.jsxs(d, { drawerHeaderHeight: e, children: [
+      /* @__PURE__ */ r.jsx(p, { variant: "h5", noWrap: !0, children: o }),
+      /* @__PURE__ */ r.jsx(s, { variant: "text", onClick: a, children: /* @__PURE__ */ r.jsx(h, {}) })
     ] }),
-    /* @__PURE__ */ r.jsx(h, { children: i })
+    /* @__PURE__ */ r.jsx(j, { children: i })
   ] });
 };
 export {

package/lib/components/BottomDrawer/styles.mjs

@@ -1,34 +1,44 @@
-import { paperClasses as a, styled as r, Drawer as o, Typography as i } from "@mui/material";
-import { OFFSET_TOP_SCREEN as t } from "./constants.mjs";
-const d = r(o)`
-  ${`.${a.root}`} {
-    max-height: calc(100vh - ${t});
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { OFFSET_TOP_SCREEN as e } from "./constants.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/Paper/paperClasses.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";
+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/Drawer/Drawer.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/Typography/Typography.mjs";
+const x = t(i)`
+  ${`.${o.root}`} {
+    max-height: calc(100vh - ${e});
 
     @supports (height: 100dvh) {
-      max-height: calc(100dvh - ${t});
+      max-height: calc(100dvh - ${e});
     }
 
-    border-top-left-radius: ${({ theme: e }) => e.shape.large};
-    border-top-right-radius: ${({ theme: e }) => e.shape.large};
+    border-top-left-radius: ${({ theme: r }) => r.shape.large};
+    border-top-right-radius: ${({ theme: r }) => r.shape.large};
   }
-`, h = r("header")`
+`, v = t("header")`
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
 
-  height: ${({ drawerHeaderHeight: e }) => `${e}px`};
-  padding: ${({ theme: e }) => e.spacing(1, 2, 1, 4)};
+  height: ${({ drawerHeaderHeight: r }) => `${r}px`};
+  padding: ${({ theme: r }) => r.spacing(1, 2, 1, 4)};
 
-  border-bottom: 1px solid ${({ theme: e }) => e.palette.divider};
-`, l = r(i)`
-  margin-right: ${({ theme: e }) => e.spacing(2)};
-`, g = r("div")`
+  border-bottom: 1px solid ${({ theme: r }) => r.palette.divider};
+`, b = t(p)`
+  margin-right: ${({ theme: r }) => r.spacing(2)};
+`, u = t("div")`
   overflow-y: auto;
 `;
 export {
-  g as Body,
-  h as Header,
-  l as HeaderTitle,
-  d as StyledDrawer
+  u as Body,
+  v as Header,
+  b as HeaderTitle,
+  x as StyledDrawer
 };

package/lib/components/Button/Button.mjs

@@ -1,5 +1,5 @@
 import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { clsx as d } from "clsx";
+import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
 import { LOADING_BUTTON_CLASSNAME as c } from "./constants.mjs";
 import { ButtonVariants as p, ButtonColors as u } from "./enums.mjs";
 import { StyledButton as f, StyledCircularProgress as g } from "./styles.mjs";

package/lib/components/Button/styles.mjs

@@ -1,17 +1,24 @@
-import { styled as r, Button as i } from "@mui/material";
-import { CircularProgress as n } from "../CircularProgress/CircularProgress.mjs";
+import "../../_virtual/jsx-runtime.mjs";
 import { ButtonVariants as t } from "./enums.mjs";
-const d = r(i)`
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { CircularProgress as i } from "../CircularProgress/CircularProgress.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";
+import m 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/Button/Button.mjs";
+const g = r(m)`
   min-width: ${({ variant: o }) => o === t.Link ? "auto" : ""};
   padding: ${({ variant: o }) => o === t.Link ? 0 : ""};
 
   :active {
     box-shadow: none;
   }
-`, m = r(n)`
+`, y = r(i)`
   position: absolute;
 `;
 export {
-  d as StyledButton,
-  m as StyledCircularProgress
+  g as StyledButton,
+  y as StyledCircularProgress
 };

package/lib/components/Checkbox/icons.mjs

@@ -1,5 +1,5 @@
 import { j as C } from "../../_virtual/jsx-runtime.mjs";
-import { SvgIcon as o } from "@mui/material";
+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/SvgIcon/SvgIcon.mjs";
 const i = ({
   ...e
 }) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [

package/lib/components/Checkbox/styles.mjs

@@ -1,31 +1,40 @@
-import { styled as o, Checkbox as l, css as t } from "@mui/material";
-const c = (e) => t`
+import "../../_virtual/jsx-runtime.mjs";
+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";
+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/Checkbox/Checkbox.mjs";
+import { css as i } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.mjs";
+const l = (r) => i`
   &.Mui-checked {
-    color: ${e.palette.red[800]};
+    color: ${r.palette.red[800]};
 
     &:hover {
-      color: ${e.palette.red[700]};
+      color: ${r.palette.red[700]};
     }
   }
 
   & .MuiSvgIcon-border {
-    fill: ${e.palette.red[800]};
+    fill: ${r.palette.red[800]};
   }
-`, a = o(l, {
-  shouldForwardProp: (e) => e !== "isError"
+`, h = o(t, {
+  shouldForwardProp: (r) => r !== "isError"
 })`
-  padding: ${({ theme: e }) => e.spacing(2)};
+  padding: ${({ theme: r }) => r.spacing(2)};
 
-  color: ${({ theme: e }) => e.palette.background.element};
+  color: ${({ theme: r }) => r.palette.background.element};
 
   border-radius: unset;
 
   &:hover {
-    color: ${({ theme: e }) => e.palette.grey[100]};
+    color: ${({ theme: r }) => r.palette.grey[100]};
   }
 
   & .MuiSvgIcon-border {
-    fill: ${({ theme: e }) => e.palette.grey[300]};
+    fill: ${({ theme: r }) => r.palette.grey[300]};
   }
 
   & > svg {
@@ -34,7 +43,7 @@ const c = (e) => t`
   }
 
   &.Mui-disabled {
-    color: ${({ theme: e }) => e.palette.grey[200]};
+    color: ${({ theme: r }) => r.palette.grey[200]};
 
     & .MuiSvgIcon-border {
       fill: currentColor;
@@ -43,23 +52,23 @@ const c = (e) => t`
 
   &.Mui-checked,
   &.MuiCheckbox-indeterminate {
-    color: ${({ theme: e }) => e.palette.primary.main};
+    color: ${({ theme: r }) => r.palette.primary.main};
 
     &:hover {
-      color: ${({ theme: e }) => e.palette.primary[700]};
+      color: ${({ theme: r }) => r.palette.primary[700]};
     }
 
     &.Mui-disabled {
-      color: ${({ theme: e }) => e.palette.grey[500]};
+      color: ${({ theme: r }) => r.palette.grey[500]};
     }
 
     & .MuiSvgIcon-mark {
-      fill: ${({ theme: e }) => e.palette.common.white};
+      fill: ${({ theme: r }) => r.palette.common.white};
     }
   }
 
-  ${({ isError: e, theme: r }) => e && c(r)}
+  ${({ isError: r, theme: e }) => r && l(e)}
 `;
 export {
-  a as StyledCheckbox
+  h as StyledCheckbox
 };

package/lib/components/CheckboxField/styles.mjs

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

package/lib/components/Chevron/styles.mjs

@@ -1,15 +1,13 @@
-import { ChevronDown as o } from "lucide-react";
-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 g = t(o, {
+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 t from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
+const c = o(t, {
   shouldForwardProp: (r) => r !== "isActive"
 })`
   transform: rotateZ(${({ isActive: r }) => r ? 180 : 0}deg);
@@ -21,5 +19,5 @@ const g = t(o, {
 })};
 `;
 export {
-  g as ChevronIcon
+  c as ChevronIcon
 };

package/lib/components/CircularProgress/CircularProgress.mjs

@@ -1,12 +1,12 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { CircularProgress as e } from "@mui/material";
-import { useLogic as c } from "./useLogic/useLogic.mjs";
-const u = (r) => {
-  const { size: o } = c({ ...r }), { size: a, color: s, ...i } = r;
-  return /* @__PURE__ */ t.jsx(
-    e,
+import { j as i } from "../../_virtual/jsx-runtime.mjs";
+import { useLogic as e } from "./useLogic/useLogic.mjs";
+import c 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/CircularProgress/CircularProgress.mjs";
+const p = (r) => {
+  const { size: o } = e({ ...r }), { size: m, color: s, ...t } = r;
+  return /* @__PURE__ */ i.jsx(
+    c,
     {
-      ...i,
+      ...t,
       size: o,
       color: "inherit",
       "data-color": s
@@ -14,5 +14,5 @@ const u = (r) => {
   );
 };
 export {
-  u as CircularProgress
+  p as CircularProgress
 };

package/lib/components/Collapse/Collapse.mjs

@@ -1,6 +1,6 @@
 import { j as s } from "../../_virtual/jsx-runtime.mjs";
-import { Collapse as p } from "@mui/material";
-const t = (o) => /* @__PURE__ */ s.jsx(p, { ...o });
+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/Collapse/Collapse.mjs";
+const m = (o) => /* @__PURE__ */ s.jsx(p, { ...o });
 export {
-  t as Collapse
+  m as Collapse
 };

package/lib/components/ConfirmAction/styles.mjs

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

package/lib/components/ConfirmAction/useLogic/useLogic.mjs

@@ -1,15 +1,13 @@
-import "@mui/material";
 import "react";
 import { usePopover as l } from "../../../hooks/usePopover/usePopover.mjs";
 import "../../../_virtual/jsx-runtime.mjs";
-import "clsx";
 import { ButtonVariants as t, ButtonColors as r } from "../../Button/enums.mjs";
 import "../../Button/styles.mjs";
-const k = ({
+const h = ({
   confirmButtonProps: c,
   onConfirm: i
 }) => {
-  const { isOpen: s, anchor: p, actions: o } = l(), { isAccented: n } = c || {}, e = n ? t.Light : t.Contained, m = n ? r.Error : r.Primary, a = () => {
+  const { isOpen: s, anchor: e, actions: o } = l(), { isAccented: n } = c || {}, p = n ? t.Light : t.Contained, a = n ? r.Error : r.Primary, m = () => {
     i(), o.close();
   };
   return {
@@ -18,19 +16,19 @@ const k = ({
     },
     popoverProps: {
       open: s,
-      anchorEl: p,
+      anchorEl: e,
       onClose: o.close
     },
     cancelButtonProps: {
       onClick: o.close
     },
     confirmButtonProps: {
-      variant: e,
-      color: m,
-      onClick: a
+      variant: p,
+      color: a,
+      onClick: m
     }
   };
 };
 export {
-  k as useLogic
+  h as useLogic
 };

package/lib/components/ConfirmDialog/styles.mjs

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

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

@@ -1,4 +1,3 @@
-import { Theme } from '@mui/material';
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 export type ContainerRootProps = {
     variant?: 'flex' | 'grid';
@@ -22,4 +21,4 @@ export type ContainerRootProps = {
     hidden?: HTMLAttributes<HTMLDivElement>['hidden'];
     borderRadius?: number;
 };
-export declare const ContainerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme> & ContainerRootProps, import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ContainerRootProps, import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Container/styles.mjs

@@ -1,4 +1,4 @@
-import { styled as n } from "@mui/material";
+import n 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 i = n("div", {
   shouldForwardProp: (e) => ![
     "variant",

package/lib/components/ContentState/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 a = 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 l = t("div")`
   display: flex;
   flex-grow: 1;
   align-items: center;
@@ -18,5 +16,5 @@ const a = t("div")`
   height: 100%;
 `;
 export {
-  a as LoadingContainer
+  l as LoadingContainer
 };

package/lib/components/CopyTypography/styles.mjs

@@ -1,16 +1,14 @@
-import { Copy as i } from "lucide-react";
-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                                                                                         */
-import { Typography as p } from "../Typography/Typography.mjs";
-const x = t(p)`
+import { Typography as i } 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";
+import p from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/copy.mjs";
+const y = t(i)`
   cursor: pointer;
 
   display: flex;
@@ -19,7 +17,7 @@ const x = t(p)`
   &:hover {
     text-decoration: underline;
   }
-`, u = t(i, {
+`, f = t(p, {
   shouldForwardProp: (o) => !["$copyPosition"].includes(o.toString())
 })`
   margin-right: ${({ $copyPosition: o, theme: r }) => o === "left" ? r.spacing(1) : ""};
@@ -31,6 +29,6 @@ const x = t(p)`
   fill: ${({ color: o }) => o};
 `;
 export {
-  u as StyledCopyIcon,
-  x as Wrapper
+  f as StyledCopyIcon,
+  y as Wrapper
 };

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

@@ -1,25 +1,23 @@
-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                                                                                            */
-import { MIN_ROW_HEIGHT as i } from "../constants.mjs";
-const $ = t("ul", {
+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 g = i("ul", {
   shouldForwardProp: (o) => !["$isEmpty", "$minDisplayRows"].includes(o.toString())
 })`
   overflow-y: auto;
 
-  height: ${({ $isEmpty: o, $minDisplayRows: r }) => o ? `${i * r}px` : "100%"};
+  height: ${({ $isEmpty: o, $minDisplayRows: r }) => o ? `${t * r}px` : "100%"};
   margin: 0;
   padding: 0;
 
   list-style-type: none;
 `;
 export {
-  $ as Wrapper
+  g as Wrapper
 };

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

@@ -1,28 +1,26 @@
-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                                                                                            */
-import { MIN_ROW_HEIGHT as r } from "../constants.mjs";
-import { alignToJustifyContent as p } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-const h = o("div", {
+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 $ = p("div", {
   shouldForwardProp: (i) => !["$align", "$isDisabled", "$hasStartAdornment"].includes(i.toString())
 })`
   overflow: hidden;
   display: flex;
   align-items: center;
-  justify-content: ${({ $align: i }) => p(i)};
+  justify-content: ${({ $align: i }) => r(i)};
 
-  min-height: ${r}px;
+  min-height: ${o}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 {
-  h as Wrapper
+  $ as Wrapper
 };

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

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