@max-ts/components 0.3.3 → 0.3.5

package/lib/components/Autocomplete/Autocomplete.mjs

@@ -1,17 +1,21 @@
 import { j as r } from "../../_virtual/jsx-runtime.mjs";
 import { useCallback as n, createElement as y } from "react";
-import { ListItemIcon as F, Popper as M, Autocomplete as z, SvgIcon as H } from "@mui/material";
-import { Checkbox as N } from "../Checkbox/Checkbox.mjs";
-import { CircularProgress as V } from "../CircularProgress/CircularProgress.mjs";
-import { OverflowTypography as q } from "../OverflowTypography/OverflowTypography.mjs";
-import { Tag as B } from "../Tag/Tag.mjs";
-import { TextField as W } from "../TextField/TextField.mjs";
-import { X as C, ChevronDown as X } from "lucide-react";
-import { DEFAULT_PLACEHOLDER as $, DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT as G } from "./constants.mjs";
-import { StyledMenuItem as J } from "./styles.mjs";
-import { useLogic as K } from "./useLogic/useLogic.mjs";
-const de = (d) => {
-  const { isValueEmpty: x, isPopperVisible: f, autocompleteProps: R } = K(d), {
+import { Checkbox as F } from "../Checkbox/Checkbox.mjs";
+import { CircularProgress as M } from "../CircularProgress/CircularProgress.mjs";
+import { OverflowTypography as z } from "../OverflowTypography/OverflowTypography.mjs";
+import { Tag as H } from "../Tag/Tag.mjs";
+import { TextField as N } from "../TextField/TextField.mjs";
+import { DEFAULT_PLACEHOLDER as V, DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT as q } from "./constants.mjs";
+import { StyledMenuItem as B } from "./styles.mjs";
+import { useLogic as W } from "./useLogic/useLogic.mjs";
+import X 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/ListItemIcon/ListItemIcon.mjs";
+import C from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.mjs";
+import $ 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/Popper/Popper.mjs";
+import G 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/Autocomplete/Autocomplete.mjs";
+import J from "../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
+import K 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 Ee = (d) => {
+  const { isValueEmpty: x, isPopperVisible: f, autocompleteProps: R } = W(d), {
     required: T,
     success: E,
     error: h,
@@ -21,19 +25,19 @@ const de = (d) => {
     inputRef: O,
     multiple: t,
     size: i = "medium",
-    placeholder: g = $,
+    placeholder: g = V,
     overflowOption: L,
     closeText: k = "Закрыть",
     openText: A = "Открыть",
     clearText: D = "Очистить",
-    loadingText: P = /* @__PURE__ */ r.jsx(V, { color: "primary" }),
+    loadingText: P = /* @__PURE__ */ r.jsx(M, { color: "primary" }),
     isLoadedDataError: Q,
     loadedDataError: Y,
     noOptionsText: Z,
     autoHighlight: ee,
-    renderInput: s,
-    renderTags: c,
-    renderOption: p,
+    renderInput: p,
+    renderTags: m,
+    renderOption: s,
     ...S
   } = d, _ = n(
     (e) => {
@@ -48,11 +52,11 @@ const de = (d) => {
         helperText: I,
         size: i
       };
-      return s ? s(o) : /* @__PURE__ */ r.jsx(W, { ...o });
+      return p ? p(o) : /* @__PURE__ */ r.jsx(N, { ...o });
     },
     [
       x,
-      s,
+      p,
       O,
       T,
       g,
@@ -63,30 +67,30 @@ const de = (d) => {
       i
     ]
   ), v = n(
-    (e, o, m, a) => {
-      if (p)
-        return p(
+    (e, o, c, a) => {
+      if (s)
+        return s(
           e,
           o,
-          m,
+          c,
           a
         );
       const u = !!e["aria-selected"];
-      return /* @__PURE__ */ y(J, { ...e, key: e.id }, t && /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(N, { role: "menuitemcheckbox", checked: u }) }), /* @__PURE__ */ r.jsx(
-        q,
+      return /* @__PURE__ */ y(B, { ...e, key: e.id }, t && /* @__PURE__ */ r.jsx(X, { children: /* @__PURE__ */ r.jsx(F, { role: "menuitemcheckbox", checked: u }) }), /* @__PURE__ */ r.jsx(
+        z,
         {
-          rowsCount: G,
+          rowsCount: q,
           ...L,
           children: e.key
         }
       ));
     },
-    [t, L, p]
+    [t, L, s]
   ), w = n(
-    (e, o, m) => c ? c(e, o, m) : e.map((a, u) => {
+    (e, o, c) => m ? m(e, o, c) : e.map((a, u) => {
       const b = l?.(a) || "";
       return /* @__PURE__ */ y(
-        B,
+        H,
         {
           deleteIcon: /* @__PURE__ */ r.jsx(C, {}),
           color: "grey",
@@ -96,13 +100,13 @@ const de = (d) => {
         }
       );
     }),
-    [l, c]
+    [l, m]
   ), U = n(
-    (e) => f ? /* @__PURE__ */ r.jsx(M, { ...e }) : null,
+    (e) => f ? /* @__PURE__ */ r.jsx($, { ...e }) : null,
     [f]
   );
   return /* @__PURE__ */ r.jsx(
-    z,
+    G,
     {
       ...S,
       size: i,
@@ -112,8 +116,8 @@ const de = (d) => {
       loadingText: P,
       multiple: t,
       disableCloseOnSelect: t,
-      clearIcon: /* @__PURE__ */ r.jsx(H, { children: /* @__PURE__ */ r.jsx(C, {}) }),
-      popupIcon: /* @__PURE__ */ r.jsx(X, { size: 16 }),
+      clearIcon: /* @__PURE__ */ r.jsx(K, { children: /* @__PURE__ */ r.jsx(C, {}) }),
+      popupIcon: /* @__PURE__ */ r.jsx(J, { size: 16 }),
       forcePopupIcon: !0,
       slotProps: {
         clearIndicator: { disableRipple: !0 },
@@ -130,5 +134,5 @@ const de = (d) => {
   );
 };
 export {
-  de as Autocomplete
+  Ee as Autocomplete
 };

package/lib/components/Autocomplete/styles.mjs

@@ -1,6 +1,13 @@
-import { styled as e } from "@mui/material";
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
 import { MenuItem as m } from "../MenuItem/MenuItem.mjs";
-const i = e(m)`
+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 g = o(m)`
   max-height: ${({ theme: t }) => t.spacing(13)};
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
@@ -8,5 +15,5 @@ const i = e(m)`
   }
 `;
 export {
-  i as StyledMenuItem
+  g as StyledMenuItem
 };

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

@@ -4,5 +4,5 @@ type StyledBadgeProps = {
     $withBorder?: boolean;
     $variantColor: BadgeVariantsColor;
 };
-export declare const StyledBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "max" | "style" | "children" | "classes" | "variant" | "components" | "componentsProps" | "slots" | "slotProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledBadgeProps, {}, {}>;
+export declare const StyledBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "components" | "color" | "classes" | "className" | "style" | "children" | "variant" | "componentsProps" | "slots" | "slotProps" | "anchorOrigin" | "max" | "invisible" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledBadgeProps, {}, {}>;
 export {};

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.d.ts

@@ -3,9 +3,9 @@ export declare const StyledDrawer: import('@emotion/styled').StyledComponent<Dra
 export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     drawerHeaderHeight: number;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "style" | "children" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -14,7 +14,7 @@ export declare const HeaderTitle: import('@emotion/styled').StyledComponent<impo
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement>, {}, {}>;
 export declare const Body: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "className" | "color" | "style" | "tabIndex" | "href" | "children" | "size" | "classes" | "action" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "action" | "disabled" | "color" | "classes" | "className" | "style" | "children" | "variant" | "tabIndex" | "fullWidth" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledCircularProgress: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').CircularProgressProps>, "color" | "size">> & {
     color?: "primary" | "inverted";
     size?: "small" | "medium";

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,12 +1,19 @@
-import { styled as o } from "@mui/material";
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
 import { Checkbox as t } from "../Checkbox/Checkbox.mjs";
 import { FormControlLabel as r } from "../FormControlLabel/FormControlLabel.mjs";
-const p = 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;
-`, d = o(t)`
+`, c = o(t)`
   padding-top: 3px;
 `;
 export {
-  d as StyledCheckbox,
-  p as StyledFormControlledLabel
+  c as StyledCheckbox,
+  b as StyledFormControlledLabel
 };

package/lib/components/Chevron/styles.mjs

@@ -1,6 +1,13 @@
-import { ChevronDown as o } from "lucide-react";
-import { styled as t } from "@mui/material";
-const s = t(o, {
+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/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);
@@ -12,5 +19,5 @@ const s = t(o, {
 })};
 `;
 export {
-  s 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
 };