@max-ts/components 0.3.4 → 0.3.6

package/lib/components/Select/Select.mjs

@@ -1,43 +1,45 @@
 import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { FormControl as T, InputLabel as L } from "@mui/material";
-import { CircularProgress as P } from "../CircularProgress/CircularProgress.mjs";
-import { FormHelperText as R } from "../FormHelperText/FormHelperText.mjs";
+import { CircularProgress as T } from "../CircularProgress/CircularProgress.mjs";
+import { FormHelperText as L } from "../FormHelperText/FormHelperText.mjs";
 import "react";
 import "../FormHelperText/FormHelperTextContent/styles.mjs";
-import { MenuItem as w } from "../MenuItem/MenuItem.mjs";
-import { TagsList as z } from "../TagsList/TagsList.mjs";
-import { ChevronDown as D, ChevronUp as H } from "lucide-react";
+import { MenuItem as P } from "../MenuItem/MenuItem.mjs";
+import { TagsList as R } from "../TagsList/TagsList.mjs";
 import { CLEAR_TEXT as h } from "./constants.mjs";
-import { StyledSelect as M, Placeholder as N, ProgressWrapper as U, EndAdornmentWrapper as V, StyledIconButton as C, StyledCloseFillSm as W } from "./styles.mjs";
-import { useLogic as X } from "./useLogic/useLogic.mjs";
-const _ = ({ onClick: s, disabled: o, ref: t }) => /* @__PURE__ */ r.jsx(
+import { StyledSelect as w, Placeholder as z, ProgressWrapper as D, EndAdornmentWrapper as H, StyledIconButton as C, StyledCloseFillSm as M } from "./styles.mjs";
+import { useLogic as N } from "./useLogic/useLogic.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/FormControl/FormControl.mjs";
+import V 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/InputLabel/InputLabel.mjs";
+import W from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
+import X from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.mjs";
+const _ = ({ onClick: m, disabled: e, ref: t }) => /* @__PURE__ */ r.jsx(
   C,
   {
-    disabled: o,
+    disabled: e,
     ref: t,
-    onClick: s,
+    onClick: m,
     variant: "text",
     title: h,
     "aria-label": h,
-    children: /* @__PURE__ */ r.jsx(W, {})
+    children: /* @__PURE__ */ r.jsx(M, {})
   }
 );
-function nr({
-  required: s,
-  getOptionLabel: o = (i) => String(i),
+function mr({
+  required: m,
+  getOptionLabel: e = (i) => String(i),
   placeholder: t,
   helperText: d,
   hideHelperText: v = !1,
-  loading: m,
+  loading: s,
   success: y,
   children: c,
   disabled: l,
-  error: u,
-  label: p,
-  fullWidth: x,
+  error: p,
+  label: u,
+  fullWidth: f,
   onChange: n,
   isShowClearButton: g,
-  ...j
+  ...x
 }) {
   const {
     isOpened: i,
@@ -47,16 +49,16 @@ function nr({
     openSelect: a,
     closeSelect: I,
     resetButtonRef: k
-  } = X({
-    ...j,
+  } = N({
+    ...x,
     children: c,
     onChange: n,
     isShowClearButton: g
-  }), B = (e) => {
-    if (Array.isArray(e) && e.length) {
-      const F = (f) => n?.(f ? {
+  }), B = (o) => {
+    if (Array.isArray(o) && o.length) {
+      const F = (j) => n?.(j ? {
         target: {
-          value: f
+          value: j
         }
       } : {
         target: {
@@ -64,24 +66,24 @@ function nr({
         }
       }, void 0);
       return /* @__PURE__ */ r.jsx(
-        z,
+        R,
         {
-          data: e,
+          data: o,
           keyId: "value",
-          getOptionLabel: o,
+          getOptionLabel: e,
           onChange: F,
           onClick: a
         }
       );
     }
-    return (Array.isArray(e) || typeof e == "string") && !e.length ? t : o(e);
+    return (Array.isArray(o) || typeof o == "string") && !o.length ? t : e(o);
   };
-  return /* @__PURE__ */ r.jsxs(T, { error: u, fullWidth: x, children: [
-    p && /* @__PURE__ */ r.jsx(L, { htmlFor: "grouped-select", required: s, children: p }),
+  return /* @__PURE__ */ r.jsxs(U, { error: p, fullWidth: f, children: [
+    u && /* @__PURE__ */ r.jsx(V, { htmlFor: "grouped-select", required: m, children: u }),
     /* @__PURE__ */ r.jsxs(
-      M,
+      w,
       {
-        ...j,
+        ...x,
         open: i,
         disabled: l,
         onOpen: a,
@@ -89,9 +91,9 @@ function nr({
         renderValue: B,
         IconComponent: () => null,
         displayEmpty: !0,
-        fullWidth: x,
+        fullWidth: f,
         onChange: n,
-        endAdornment: /* @__PURE__ */ r.jsxs(V, { children: [
+        endAdornment: /* @__PURE__ */ r.jsxs(H, { children: [
           S && /* @__PURE__ */ r.jsx(
             _,
             {
@@ -106,21 +108,21 @@ function nr({
               variant: "text",
               disabled: l,
               onClick: a,
-              children: i ? /* @__PURE__ */ r.jsx(H, { size: 16 }) : /* @__PURE__ */ r.jsx(D, { size: 16 })
+              children: i ? /* @__PURE__ */ r.jsx(X, { size: 16 }) : /* @__PURE__ */ r.jsx(W, { size: 16 })
             }
           )
         ] }),
         children: [
-          /* @__PURE__ */ r.jsx(N, { value: "", children: t }),
-          m && /* @__PURE__ */ r.jsx(U, { children: /* @__PURE__ */ r.jsx(P, { color: "primary" }) }),
-          !m && c,
-          !m && A && /* @__PURE__ */ r.jsx(w, { disabled: !0, children: "Нет данных" })
+          /* @__PURE__ */ r.jsx(z, { value: "", children: t }),
+          s && /* @__PURE__ */ r.jsx(D, { children: /* @__PURE__ */ r.jsx(T, { color: "primary" }) }),
+          !s && c,
+          !s && A && /* @__PURE__ */ r.jsx(P, { disabled: !0, children: "Нет данных" })
         ]
       }
     ),
-    !v && /* @__PURE__ */ r.jsx(R, { error: u, success: y, children: d })
+    !v && /* @__PURE__ */ r.jsx(L, { error: p, success: y, children: d })
   ] });
 }
 export {
-  nr as Select
+  mr as Select
 };

package/lib/components/Select/styles.mjs

@@ -1,8 +1,17 @@
-import { styled as t, selectClasses as r, Select as o } from "@mui/material";
-import { CircleX as n } from "lucide-react";
-import { IconButton as i } from "../IconButton/IconButton.mjs";
-import { MenuItem as l } from "../MenuItem/MenuItem.mjs";
-const c = t("div")`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { IconButton as r } from "../IconButton/IconButton.mjs";
+import { MenuItem as o } from "../MenuItem/MenuItem.mjs";
+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";
+import i from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-x.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/Select/selectClasses.mjs";
+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/Select/Select.mjs";
+const S = e("div")`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -10,49 +19,49 @@ const c = t("div")`
   min-height: 64px;
 
   .MuiCircularProgress-root {
-    margin-top: ${({ theme: e }) => e.spacing(5)};
+    margin-top: ${({ theme: t }) => t.spacing(5)};
 
-    color: ${({ theme: e }) => e.palette.grey[900]};
+    color: ${({ theme: t }) => t.palette.grey[900]};
   }
-`, g = t(l)`
+`, v = e(o)`
   display: none;
-`, m = t(i)`
+`, k = e(r)`
   padding: 0;
   svg {
-    stroke: ${({ theme: e }) => e.palette.grey[600]};
+    stroke: ${({ theme: t }) => t.palette.grey[600]};
   }
   &:hover {
     background-color: transparent;
     svg {
-      stroke: ${({ theme: e }) => e.palette.grey[700]};
+      stroke: ${({ theme: t }) => t.palette.grey[700]};
     }
   }
 
-  ${({ theme: e }) => e.breakpoints.down("sm")} {
+  ${({ theme: t }) => t.breakpoints.down("sm")} {
     width: 32px;
     height: 32px;
   }
-`, h = t(n)`
+`, C = e(i)`
   width: 16px;
   height: 16px;
   padding: 0;
-`, y = t("div", {
+`, b = e("div", {
   label: "EndAdornmentWrapper"
 })`
   display: flex;
   align-items: center;
 
   margin-left: auto;
-`, x = t(o)`
-  .${r.select} {
-    padding-right: ${({ theme: e }) => e.spacing(2)} !important;
+`, w = e(n)`
+  .${p.select} {
+    padding-right: ${({ theme: t }) => t.spacing(2)} !important;
   }
 `;
 export {
-  y as EndAdornmentWrapper,
-  g as Placeholder,
-  c as ProgressWrapper,
-  h as StyledCloseFillSm,
-  m as StyledIconButton,
-  x as StyledSelect
+  b as EndAdornmentWrapper,
+  v as Placeholder,
+  S as ProgressWrapper,
+  C as StyledCloseFillSm,
+  k as StyledIconButton,
+  w as StyledSelect
 };

package/lib/components/Skeleton/styles.mjs

@@ -1,15 +1,25 @@
-import { alpha as r, skeletonClasses as o, styled as t, Skeleton as d } from "@mui/material";
-const a = t(d)`
-  background-color: ${({ theme: e }) => r(e.palette.grey[900], 0.12)};
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* 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/Skeleton/skeletonClasses.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 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/Skeleton/Skeleton.mjs";
+import { alpha as m } from "../../node_modules/.pnpm/@mui_system@6.4.3_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion_st_5f10f346196051285cfc2e46c43ad4ff/node_modules/@mui/system/esm/colorManipulator/colorManipulator.mjs";
+const b = t(e)`
+  background-color: ${({ theme: o }) => m(o.palette.grey[900], 0.12)};
 
-  &.${o.text} {
-    border-radius: ${({ theme: e }) => e.shape.medium};
+  &.${r.text} {
+    border-radius: ${({ theme: o }) => o.shape.medium};
   }
 
-  &.${o.rounded} {
-    border-radius: ${({ theme: e }) => e.shape.medium};
+  &.${r.rounded} {
+    border-radius: ${({ theme: o }) => o.shape.medium};
   }
 `;
 export {
-  a as StyledSkeleton
+  b as StyledSkeleton
 };

package/lib/components/Slider/styles.mjs

@@ -1,37 +1,37 @@
-import { sliderClasses as r, styled as o, Slider as e } 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 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/Slider/sliderClasses.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 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/Slider/Slider.mjs";
 const $ = o(e)`
   height: 5px;
-  padding: ${({ theme: t }) => t.spacing(0)};
-  .${r.thumb} {
-    background-color: ${({ theme: t }) => t.palette.background.default};
+  padding: ${({ theme: r }) => r.spacing(0)};
+  .${t.thumb} {
+    background-color: ${({ theme: r }) => r.palette.background.default};
     height: 13px;
     width: 13px;
-    border: 2px solid ${({ theme: t }) => t.palette.primary.main};
+    border: 2px solid ${({ theme: r }) => r.palette.primary.main};
   }
-  .${r.rail} {
-    background-color: ${({ theme: t }) => t.palette.grey[300]};
+  .${t.rail} {
+    background-color: ${({ theme: r }) => r.palette.grey[300]};
     height: 2px;
     opacity: 1;
   }
-  .${r.track} {
+  .${t.track} {
     height: 2px;
   }
-  .${r.root} {
+  .${t.root} {
     height: 2px;
   }
-  .${r.valueLabel} {
-    background-color: ${({ theme: t }) => t.palette.background.default};
-    border: 1px solid ${({ theme: t }) => t.palette.secondary.main};
-    color: ${({ theme: t }) => t.palette.secondary.main};
+  .${t.valueLabel} {
+    background-color: ${({ theme: r }) => r.palette.background.default};
+    border: 1px solid ${({ theme: r }) => r.palette.secondary.main};
+    color: ${({ theme: r }) => r.palette.secondary.main};
   }
 `;
 export {

package/lib/components/Switch/styles.mjs

@@ -1,16 +1,25 @@
-import { switchClasses as e, styled as i, Switch as r } from "@mui/material";
-const o = i(r)`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* 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/Switch/switchClasses.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/Switch/Switch.mjs";
+const y = o(i)`
   .Mui-focusVisible {
     border: 2px solid ${({ theme: t }) => t.palette.primary[400]};
   }
-  ${`.${e.track}`}::before {
+  ${`.${r.track}`}::before {
     display: none;
   }
 
-  ${`.${e.track}`}::after {
+  ${`.${r.track}`}::after {
     display: none;
   }
 `;
 export {
-  o as StyledSwitch
+  y as StyledSwitch
 };

package/lib/components/Tab/styles.mjs

@@ -1,24 +1,32 @@
-import { styled as r, Tab as e } from "@mui/material";
-const a = r(e)`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* 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";
+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/Tab/Tab.mjs";
+const n = t(i)`
   min-height: 36px;
-  margin-right: ${({ theme: t }) => t.spacing(4)};
+  margin-right: ${({ theme: r }) => r.spacing(4)};
   padding: 0;
 
   line-height: 20px;
-  color: ${({ theme: t }) => t.palette.grey[900]};
+  color: ${({ theme: r }) => r.palette.grey[900]};
 
   &:last-child {
     margin-right: 0;
   }
 
   &:hover {
-    color: ${({ theme: t }) => t.palette.primary[800]};
+    color: ${({ theme: r }) => r.palette.primary[800]};
   }
 
   &:active {
-    color: ${({ theme: t }) => t.palette.primary[900]};
+    color: ${({ theme: r }) => r.palette.primary[900]};
   }
 `;
 export {
-  a as StyledTab
+  n as StyledTab
 };

package/lib/components/Tabs/Tabs.mjs

@@ -1,10 +1,10 @@
 import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { Tabs as o } from "@mui/material";
 import { Container as t, Divider as m } from "./styles.mjs";
-const j = ({ nextFeatureFlags: i, ...s }) => i?.hasBottomDivider ? /* @__PURE__ */ r.jsxs(t, { children: [
-  /* @__PURE__ */ r.jsx(o, { ...s }),
+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/Tabs/Tabs.mjs";
+const n = ({ nextFeatureFlags: s, ...o }) => s?.hasBottomDivider ? /* @__PURE__ */ r.jsxs(t, { children: [
+  /* @__PURE__ */ r.jsx(i, { ...o }),
   /* @__PURE__ */ r.jsx(m, {})
-] }) : /* @__PURE__ */ r.jsx(o, { ...s });
+] }) : /* @__PURE__ */ r.jsx(i, { ...o });
 export {
-  j as Tabs
+  n as Tabs
 };

package/lib/components/Tabs/styles.mjs

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

package/lib/components/Tag/Tag.mjs

@@ -1,28 +1,26 @@
 import { j as o } from "../../_virtual/jsx-runtime.mjs";
 import { forwardRef as c } from "react";
-import { X as f } from "lucide-react";
-import { useTheme as g } from "@mui/material";
-import "remeda";
-import "clsx";
 import "../Button/styles.mjs";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-import { LabelContainer as j, getBadgeColor as i, StyledTag as u } from "./styles.mjs";
-const V = c(
+import { LabelContainer as f, getBadgeColor as i, StyledTag as g } from "./styles.mjs";
+import j 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";
+import u from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.mjs";
+const L = c(
   ({
     color: r = "grey",
     variant: t = "contained",
     deleteIcon: m,
-    size: p = "small",
-    label: l,
+    size: l = "small",
+    label: p,
     startAddon: e,
     endAddon: s,
     ...a
   }, n) => {
-    g();
-    const x = /* @__PURE__ */ o.jsxs(j, { children: [
+    j();
+    const x = /* @__PURE__ */ o.jsxs(f, { children: [
       e && /* @__PURE__ */ o.jsx(
         e,
         {
@@ -32,7 +30,7 @@ const V = c(
           })
         }
       ),
-      l,
+      p,
       s && /* @__PURE__ */ o.jsx(
         s,
         {
@@ -44,19 +42,19 @@ const V = c(
       )
     ] });
     return /* @__PURE__ */ o.jsx(
-      u,
+      g,
       {
         ref: n,
         customColor: r,
         customVariant: t,
-        customSize: p,
+        customSize: l,
         label: x,
         ...a,
-        deleteIcon: m || /* @__PURE__ */ o.jsx(f, {})
+        deleteIcon: m || /* @__PURE__ */ o.jsx(u, {})
       }
     );
   }
 );
 export {
-  V as Tag
+  L as Tag
 };

package/lib/components/Tag/styles.mjs

@@ -1,13 +1,14 @@
-import { styled as s, Chip as d } from "@mui/material";
-import { Container as u } from "../Container/Container.mjs";
-import { TagStates as o, TagVariants as y, TagColors as l } from "./enums.mjs";
+import { Container as d } from "../Container/Container.mjs";
+import { TagStates as o, TagVariants as u, TagColors as l } from "./enums.mjs";
+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";
+import y 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/Chip/Chip.mjs";
 const f = {
   small: "20px",
   medium: "24px",
   large: "32px"
-}, S = (r) => {
+}, k = (r) => {
   const { tagColor: e, variant: t } = r;
-  return t === y.CONTAINED ? "white" : {
+  return t === u.CONTAINED ? "white" : {
     [l.PRIMARY]: "primary",
     [l.ERROR]: "error",
     [l.GREY]: "grey",
@@ -125,7 +126,7 @@ const f = {
   customVariant: r,
   customColor: e,
   theme: t
-}) => r === "contained" && e !== "grey" && e !== "default" ? t.palette.common.white : t.palette.grey[900], k = s(d, {
+}) => r === "contained" && e !== "grey" && e !== "default" ? t.palette.common.white : t.palette.grey[900], v = s(y, {
   shouldForwardProp: (r) => r !== "customColor" && r !== "customVariant" && r !== "rounded" && r !== "customSize"
 })`
   user-select: none;
@@ -202,13 +203,13 @@ const f = {
     width: 16px;
     height: 16px;
   }
-`, v = s(u)`
+`, E = s(d)`
   align-items: center;
   justify-content: flex-start;
 `;
 export {
-  v as LabelContainer,
-  k as StyledTag,
-  S as getBadgeColor,
+  E as LabelContainer,
+  v as StyledTag,
+  k as getBadgeColor,
   c as getDeleteIconColor
 };

package/lib/components/TagBadge/styles.mjs

@@ -1,15 +1,13 @@
-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 { Badge as o } from "../Badge/Badge.mjs";
-const c = t(o)`
+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 d = o(t)`
   vertical-align: text-top;
 
   &span.MuiBadge-badge {
@@ -21,5 +19,5 @@ const c = t(o)`
   }
 `;
 export {
-  c as StyledBadge
+  d as StyledBadge
 };

package/lib/components/TagsList/Tag/styles.mjs

@@ -1,15 +1,13 @@
-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                                                                                            */
-import { Tag as r } from "../../Tag/Tag.mjs";
-const u = i(r, {
+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 x = r(i, {
   shouldForwardProp: (o) => o !== "$shrinks"
 })`
   min-width: ${({ $shrinks: o }) => o ? "30px" : "unset"};
@@ -22,5 +20,5 @@ const u = i(r, {
   }
 `;
 export {
-  u as StyledTag
+  x as StyledTag
 };