@max-ts/components 0.3.0 → 0.3.1

package/lib/components/Description/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 u = t("div", {
+const f = t("div", {
   shouldForwardProp: (o) => !["$justifyContent", "as", "$direction"].includes(o.toString())
 })`
   overflow: hidden;
@@ -29,5 +28,5 @@ const u = t("div", {
   }
 `;
 export {
-  u as Wrapper
+  f as Wrapper
 };

package/lib/components/DescriptionList/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";
@@ -9,8 +9,7 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Description as t } from "../Description/Description.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 w = i(t.Name, {
+const u = i(t.Name, {
   shouldForwardProp: (o) => !["$nameMaxWidth, $direction"].includes(o.toString())
 })`
   max-width: ${({ $nameMaxWidth: o }) => o || "none"};
@@ -19,7 +18,7 @@ const w = i(t.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     margin-bottom: ${({ theme: o, $direction: r }) => Object.is(r, "row") ? 0 : o.spacing(1)};
   }
-`, b = i("article", {
+`, w = i("article", {
   shouldForwardProp: (o) => !["$variant"].includes(o.toString())
 })`
   display: grid;
@@ -30,7 +29,7 @@ const w = i(t.Name, {
   background-color: ${({ $variant: o, theme: r }) => o === "contained" ? r.palette.background.default : "transparent"};
   border: ${({ $variant: o, theme: r }) => o === "contained" ? `1px solid ${r.palette.grey[300]}` : "unset"};
   border-radius: ${({ theme: o }) => o.shape.small};
-`, y = i("dl", {
+`, b = i("dl", {
   shouldForwardProp: (o) => !["$direction"].includes(o.toString())
 })`
   display: grid;
@@ -41,7 +40,7 @@ const w = i(t.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     row-gap: ${({ theme: o }) => o.spacing(3)};
   }
-`, h = i(t.Value, {
+`, y = i(t.Value, {
   shouldForwardProp: (o) => !["$isCopy"].includes(o.toString())
 })`
   display: ${({ $isCopy: o }) => o && "flex"};
@@ -49,8 +48,8 @@ const w = i(t.Name, {
   width: ${({ $isCopy: o }) => o && "calc(100% - 20px)"};
 `;
 export {
-  y as ListWrapper,
-  w as StyledDescriptionName,
-  h as StyledDescriptionValue,
-  b as Wrapper
+  b as ListWrapper,
+  u as StyledDescriptionName,
+  y as StyledDescriptionValue,
+  w as Wrapper
 };

package/lib/components/DescriptionTooltip/DescriptionTooltip.d.ts

@@ -1,5 +1,5 @@
-import { DescriptionListProps } from '../DescriptionList';
 import { ReactElement } from 'react';
+import { DescriptionListProps } from '../DescriptionList';
 type DescriptionTooltipProps = DescriptionListProps & {
     arrow?: boolean;
     followCursor?: boolean;

package/lib/components/DescriptionTooltip/styles.mjs

@@ -1,4 +1,4 @@
-import { tooltipClasses as t } from "@mui/material";
+import { tooltipClasses as t, styled as p } 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 { Tooltip as p } from "../Tooltip/Tooltip.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 $ = i(p)`
+import { Tooltip as i } from "../Tooltip/Tooltip.mjs";
+const n = p(i)`
   .${t.tooltip} {
     background-color: ${({ theme: o }) => o.palette.common.white};
     color: ${({ theme: o }) => o.palette.text.primary};
@@ -23,5 +22,5 @@ const $ = i(p)`
   }
 `;
 export {
-  $ as StyledTooltip
+  n as StyledTooltip
 };

package/lib/components/DialogHeader/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,8 +8,7 @@ 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 u = i("div", {
+const s = i("div", {
   label: "DialogHeader-root",
   shouldForwardProp: (t) => !["hasTitle", "hasOnClose"].includes(t.toString())
 })`
@@ -21,7 +20,7 @@ const u = i("div", {
 
   height: auto;
   padding: ${({ theme: t }) => t.spacing(4, 6)};
-`, f = i("div", {
+`, u = i("div", {
   shouldForwardProp: (t) => !["justifyContent", "columnSpacing"].includes(t.toString()),
   label: "DialogHeader-content"
 })`
@@ -36,6 +35,6 @@ const u = i("div", {
   padding: 0;
 `;
 export {
-  f as HeaderContent,
-  u as Wrapper
+  u as HeaderContent,
+  s as Wrapper
 };

package/lib/components/Filename/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,21 +9,20 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Typography as r } 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 w = t("span")`
+const h = t("span")`
   overflow: hidden;
 
   max-width: 100%;
 
   text-overflow: ellipsis;
   white-space: nowrap;
-`, c = t(r, {
+`, w = t(r, {
   shouldForwardProp: (o) => !["$align"].includes(o.toString())
 })`
   display: flex;
   justify-content: ${({ $align: o }) => o};
 `;
 export {
-  w as FileBaseName,
-  c as StyledTypography
+  h as FileBaseName,
+  w as StyledTypography
 };

package/lib/components/FormHelperText/FormHelperTextContent/styles.mjs

@@ -1,5 +1,5 @@
 import { CircleCheck as n, OctagonAlert as p } from "lucide-react";
-import "@mui/material";
+import { styled as t } from "@mui/material";
 import "remeda";
 import "../../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -9,24 +9,23 @@ 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 i = (r) => `display: inline-flex;
   justify-content: center;
   font-size: ${r.typography.h5.fontSize};
-  vertical-align: middle;`, k = t("span")`
+  vertical-align: middle;`, h = t("span")`
   display: flex;
   gap: ${({ theme: r }) => r.spacing(1)};
   color: ${({ success: r, error: o, theme: e }) => r ? e.palette.success.dark : o ? e.palette.error.dark : "inherit"};
-`, x = t(n)`
+`, k = t(n)`
   ${({ theme: r }) => i(r)}
-`, S = t(p)`
+`, x = t(p)`
   ${({ theme: r }) => i(r)}
-`, v = t("span")`
+`, S = t("span")`
   vertical-align: middle;
 `;
 export {
-  S as ErrorIcon,
-  v as Message,
-  x as SuccessIcon,
-  k as Wrapper
+  x as ErrorIcon,
+  S as Message,
+  k as SuccessIcon,
+  h as Wrapper
 };

package/lib/components/IconButton/styles.mjs

@@ -1,4 +1,4 @@
-import "@mui/material";
+import { styled as s } from "@mui/material";
 import "remeda";
 import { Button as p } from "../Button/Button.mjs";
 import { ButtonSizes as i } from "../Button/enums.mjs";
@@ -6,20 +6,19 @@ import { ButtonSizes as i } from "../Button/enums.mjs";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import s 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 n = ({ type: t, values: r, defaultValue: o }) => t && r[t] || o, e = (t) => n({
   type: t.size,
   values: {
     [i.Large]: "40px"
   },
   defaultValue: "32px"
-}), m = (t) => n({
+}), a = (t) => n({
   type: t.size,
   values: {
     [i.Small]: "36px"
   },
   defaultValue: "48px"
-}), x = s(p, {
+}), f = s(p, {
   shouldForwardProp: (t) => t !== "startIcon" && t !== "endIcon" && t !== "loading"
 })`
   pointer-events: ${({ loading: t }) => t && "none"};
@@ -29,11 +28,11 @@ const n = ({ type: t, values: r, defaultValue: o }) => t && r[t] || o, e = (t) =
   padding: ${({ theme: t }) => t.spacing(1)};
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
-    width: ${m};
+    width: ${a};
   }
 `;
 export {
-  x as StyledButton,
+  f as StyledButton,
   e as getButtonHeight,
-  m as getButtonHeightMobile
+  a as getButtonHeightMobile
 };

package/lib/components/OverflowTypography/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,9 +8,8 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { Typography as i } 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 c = o(i, {
+import { Typography as o } from "../Typography/Typography.mjs";
+const h = i(o, {
   shouldForwardProp: (t) => t !== "rowsCount" && t !== "hasMultipleRows"
 })`
   /* stylelint-disable-next-line */
@@ -24,7 +23,7 @@ const c = o(i, {
   white-space: ${({ hasMultipleRows: t }) => t ? "initial" : "nowrap"};
   -webkit-box-orient: ${({ hasMultipleRows: t }) => t ? "vertical" : ""};
   -webkit-line-clamp: ${({ rowsCount: t }) => t};
-`, x = o(i, {
+`, c = i(o, {
   shouldForwardProp: (t) => !["$align"].includes(t.toString())
 })`
   display: flex;
@@ -35,6 +34,6 @@ const c = o(i, {
   white-space: nowrap;
 `;
 export {
-  c as StyledTypography,
-  x as Wrapper
+  h as StyledTypography,
+  c as Wrapper
 };

package/lib/components/Placeholder/Image/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,9 +8,8 @@ import "react";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-import { SIZE as i } 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 h = r("img", {
+import { SIZE as r } from "../constants.mjs";
+const $ = i("img", {
   shouldForwardProp: (o) => o !== "size"
 })`
   display: block;
@@ -19,7 +18,7 @@ const h = r("img", {
   max-width: 100%;
   height: ${({ height: o }) => o || "auto"};
   margin: auto auto
-    ${({ theme: o, size: t }) => t === i.Small ? o.spacing(4) : o.spacing(6)};
+    ${({ theme: o, size: t }) => t === r.Small ? o.spacing(4) : o.spacing(6)};
 
   color: ${({ theme: o }) => o.palette.grey[900]};
 
@@ -30,5 +29,5 @@ const h = r("img", {
   }
 `;
 export {
-  h as Wrapper
+  $ as Wrapper
 };

package/lib/components/Placeholder/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,15 +8,14 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { Typography as n } from "../Typography/Typography.mjs";
-import { SIZE as p, MAX_INNER_WIDTH as e } 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 i = (t) => t !== "$size", w = r("div", {
+import { Typography as p } from "../Typography/Typography.mjs";
+import { SIZE as n, MAX_INNER_WIDTH as e } from "./constants.mjs";
+const i = (t) => t !== "$size", b = r("div", {
   shouldForwardProp: i
 })`
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: t, $size: o }) => o === p.Small ? t.spacing(4) : t.spacing(6)};
+  gap: ${({ theme: t, $size: o }) => o === n.Small ? t.spacing(4) : t.spacing(6)};
   align-items: center;
   justify-content: center;
 
@@ -32,15 +31,15 @@ const i = (t) => t !== "$size", w = r("div", {
     grid-template-rows: 1fr max-content;
     gap: ${({ theme: t }) => t.spacing(4)};
   }
-`, h = r("div", {
+`, w = r("div", {
   shouldForwardProp: i
 })`
   max-width: ${({ $size: t }) => e[t]};
   margin: 0 auto;
-`, k = r(n, {
+`, h = r(p, {
   shouldForwardProp: i
 })`
-  margin-bottom: ${({ theme: t, $size: o }) => o === p.Small ? t.spacing(2) : t.spacing(4)};
+  margin-bottom: ${({ theme: t, $size: o }) => o === n.Small ? t.spacing(2) : t.spacing(4)};
 
   text-align: center;
 
@@ -51,19 +50,19 @@ const i = (t) => t !== "$size", w = r("div", {
     font-weight: ${({ theme: t }) => t.typography.fontWeightMedium};
     color: ${({ theme: t }) => t.palette.text.secondary};
   }
-`, z = r(n, {
+`, k = r(p, {
   shouldForwardProp: i
 })`
   display: block;
 
-  font-size: ${({ $size: t, theme: o }) => t === p.Large ? o.typography.pxToRem(16) : o.typography.body1.fontSize};
+  font-size: ${({ $size: t, theme: o }) => t === n.Large ? o.typography.pxToRem(16) : o.typography.body1.fontSize};
   text-align: center;
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
     font-size: ${({ theme: t }) => t.typography.body1.fontSize};
     color: ${({ theme: t }) => t.palette.text.secondary};
   }
-`, S = r("footer")`
+`, z = r("footer")`
   display: flex;
   flex-wrap: wrap;
   gap: ${({ theme: t }) => t.spacing(2)};
@@ -79,9 +78,9 @@ const i = (t) => t !== "$size", w = r("div", {
   }
 `;
 export {
-  z as Description,
-  S as Footer,
-  h as InnerContainer,
-  k as Title,
-  w as Wrapper
+  k as Description,
+  z as Footer,
+  w as InnerContainer,
+  h as Title,
+  b as Wrapper
 };

package/lib/components/SearchField/styles.mjs

@@ -1,5 +1,5 @@
 import { Search as r, X as e } from "lucide-react";
-import "@mui/material";
+import { styled as o } from "@mui/material";
 import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
 import "clsx";
@@ -11,10 +11,9 @@ import "react";
 /* empty css                                                                                         */
 import { IconButton as i } from "../IconButton/IconButton.mjs";
 import { TextField as p } from "../TextField/TextField.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 $ = o(r)`
+const F = o(r)`
   color: ${({ theme: t }) => t.palette.grey[600]};
-`, f = o(i, {
+`, $ = o(i, {
   shouldForwardProp: (t) => !["$isActive"].includes(t.toString())
 })`
   opacity: ${({ $isActive: t }) => t ? 1 : 0};
@@ -26,18 +25,18 @@ const $ = o(r)`
       stroke: ${({ theme: t }) => t.palette.grey[700]};
     }
   }
-`, k = o(p)`
+`, f = o(p)`
   & .MuiFormHelperText-root {
     display: none;
   }
-`, v = o(e)`
+`, k = o(e)`
   width: 16px;
   height: 16px;
   stroke: ${({ theme: t }) => t.palette.grey[500]};
 `;
 export {
-  v as StyledCloseFillSm,
-  f as StyledIconButton,
-  $ as StyledSearchIcon,
-  k as StyledTextField
+  k as StyledCloseFillSm,
+  $ as StyledIconButton,
+  F as StyledSearchIcon,
+  f as StyledTextField
 };

package/lib/components/Slider/styles.mjs

@@ -1,4 +1,4 @@
-import { sliderClasses as r, Slider as o } from "@mui/material";
+import { sliderClasses as r, styled as o, Slider as e } 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 e 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 = e(o)`
+const $ = o(e)`
   height: 5px;
   padding: ${({ theme: t }) => t.spacing(0)};
   .${r.thumb} {
@@ -36,5 +35,5 @@ const s = e(o)`
   }
 `;
 export {
-  s as StyledSlider
+  $ as StyledSlider
 };

package/lib/components/Tabs/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,14 +8,13 @@ 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 x = t("div")`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 
   width: 100%;
-`, h = t("div")`
+`, c = t("div")`
   position: relative;
   z-index: -1;
   bottom: 2px;
@@ -26,6 +25,6 @@ const c = t("div")`
   background-color: ${(i) => i.theme.palette.grey[200]};
 `;
 export {
-  c as Container,
-  h as Divider
+  x as Container,
+  c as Divider
 };

package/lib/components/Tag/Tag.mjs

@@ -1,7 +1,7 @@
 import { j as o } from "../../_virtual/jsx-runtime.mjs";
 import { forwardRef as c } from "react";
 import { X as f } from "lucide-react";
-import "@mui/material";
+import { useTheme as g } from "@mui/material";
 import "remeda";
 import "clsx";
 import "../Button/styles.mjs";
@@ -9,9 +9,8 @@ import "../Button/styles.mjs";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { LabelContainer as g, getBadgeColor as s, StyledTag as j } from "./styles.mjs";
-import u 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/useTheme.mjs";
-const X = c(
+import { LabelContainer as j, getBadgeColor as i, StyledTag as u } from "./styles.mjs";
+const V = c(
   ({
     color: r = "grey",
     variant: t = "contained",
@@ -19,25 +18,25 @@ const X = c(
     size: p = "small",
     label: l,
     startAddon: e,
-    endAddon: i,
+    endAddon: s,
     ...a
   }, n) => {
-    u();
-    const x = /* @__PURE__ */ o.jsxs(g, { children: [
+    g();
+    const x = /* @__PURE__ */ o.jsxs(j, { children: [
       e && /* @__PURE__ */ o.jsx(
         e,
         {
-          color: s({
+          color: i({
             variant: t,
             tagColor: r
           })
         }
       ),
       l,
-      i && /* @__PURE__ */ o.jsx(
-        i,
+      s && /* @__PURE__ */ o.jsx(
+        s,
         {
-          color: s({
+          color: i({
             variant: t,
             tagColor: r
           })
@@ -45,7 +44,7 @@ const X = c(
       )
     ] });
     return /* @__PURE__ */ o.jsx(
-      j,
+      u,
       {
         ref: n,
         customColor: r,
@@ -59,5 +58,5 @@ const X = c(
   }
 );
 export {
-  X as Tag
+  V as Tag
 };

package/lib/components/TagBadge/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,9 +8,8 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { Badge as t } from "../Badge/Badge.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 l = o(t)`
+import { Badge as o } from "../Badge/Badge.mjs";
+const c = t(o)`
   vertical-align: text-top;
 
   &span.MuiBadge-badge {
@@ -22,5 +21,5 @@ const l = o(t)`
   }
 `;
 export {
-  l as StyledBadge
+  c as StyledBadge
 };

package/lib/components/TagsList/Tag/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,9 +8,8 @@ import "react";
 /* empty css                                                                                            */
 /* empty css                                                                                            */
 /* empty css                                                                                            */
-import { Tag as i } from "../../Tag/Tag.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 w = r(i, {
+import { Tag as r } from "../../Tag/Tag.mjs";
+const u = i(r, {
   shouldForwardProp: (o) => o !== "$shrinks"
 })`
   min-width: ${({ $shrinks: o }) => o ? "30px" : "unset"};
@@ -23,5 +22,5 @@ const w = r(i, {
   }
 `;
 export {
-  w as StyledTag
+  u as StyledTag
 };

package/lib/components/TagsList/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,11 +8,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 f = o("div")`
+const n = o("div")`
   display: flex;
   column-gap: ${({ theme: p }) => p.spacing(1)};
 `;
 export {
-  f as Wrapper
+  n as Wrapper
 };