@max-ts/components 0.3.3 → 0.3.5

package/lib/components/OverflowTypography/hooks/useOverflowed/useOverflowed.mjs

@@ -1,21 +1,21 @@
-import { debounce as h } from "@mui/material";
-import { useRef as g, useState as v, useLayoutEffect as d } from "react";
-import { useFirstMountState as m } from "react-use";
+import { useRef as h, useState as g, useLayoutEffect as v } from "react";
+import { useFirstMountState as d } from "../../../../node_modules/.pnpm/react-use@17.6.0_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-use/esm/useFirstMountState.mjs";
+import m from "../../../../node_modules/.pnpm/@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/debounce/debounce.mjs";
 const p = (s) => {
-  const c = g(null), t = s && typeof s != "function" ? s : c, [i, u] = v(!1), l = m(), n = ([
+  const c = h(null), t = s && typeof s != "function" ? s : c, [i, u] = g(!1), l = d(), n = ([
     { target: e, contentRect: r }
   ]) => {
     const o = Math.round(r.height) < e.scrollHeight, f = e.scrollWidth > Math.round(r.width);
     u(o || f);
   };
-  return d(() => {
+  return v(() => {
     if (t?.current) {
       const e = t.current, r = {
         target: e,
         contentRect: e.getBoundingClientRect()
       };
       if (!l) {
-        const o = new ResizeObserver(h(n, 500));
+        const o = new ResizeObserver(m(n, 500));
         return o.observe(e), () => o.unobserve(e);
       }
       n([r]);

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

@@ -3,8 +3,8 @@ type OverflowTypographyWrapperProps = {
     rowsCount: number;
 };
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -13,12 +13,12 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     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> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & OverflowTypographyWrapperProps, {}, {}>;
 export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -27,7 +27,7 @@ export declare const Wrapper: import('@emotion/styled').StyledComponent<{
     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> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align: string;

package/lib/components/OverflowTypography/styles.mjs

@@ -1,6 +1,13 @@
-import { styled as i } from "@mui/material";
-import { Typography as e } from "../Typography/Typography.mjs";
-const r = i(e, {
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* 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 m = o(i, {
   shouldForwardProp: (t) => t !== "rowsCount" && t !== "hasMultipleRows"
 })`
   /* stylelint-disable-next-line */
@@ -14,7 +21,7 @@ const r = i(e, {
   white-space: ${({ hasMultipleRows: t }) => t ? "initial" : "nowrap"};
   -webkit-box-orient: ${({ hasMultipleRows: t }) => t ? "vertical" : ""};
   -webkit-line-clamp: ${({ rowsCount: t }) => t};
-`, p = i(e, {
+`, y = o(i, {
   shouldForwardProp: (t) => !["$align"].includes(t.toString())
 })`
   display: flex;
@@ -25,6 +32,6 @@ const r = i(e, {
   white-space: nowrap;
 `;
 export {
-  r as StyledTypography,
-  p as Wrapper
+  m as StyledTypography,
+  y as Wrapper
 };

package/lib/components/Pagination/Pagination.mjs

@@ -1,6 +1,6 @@
-import { j as n } from "../../_virtual/jsx-runtime.mjs";
-import { Pagination as t } from "@mui/material";
-const r = ({ ...o }) => /* @__PURE__ */ n.jsx(t, { shape: "rounded", ...o });
+import { j as r } from "../../_virtual/jsx-runtime.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/Pagination/Pagination.mjs";
+const a = ({ ...o }) => /* @__PURE__ */ r.jsx(t, { shape: "rounded", ...o });
 export {
-  r as Pagination
+  a as Pagination
 };

package/lib/components/Paper/Paper.mjs

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

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

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

@@ -5,8 +5,8 @@ export type WithSize = {
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WithSize, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WithSize, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -15,12 +15,12 @@ export declare const Title: import('@emotion/styled').StyledComponent<{
     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> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WithSize, {}, {}>;
 export declare const Description: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -29,7 +29,7 @@ export declare const Description: import('@emotion/styled').StyledComponent<{
     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> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WithSize, {}, {}>;
 export declare const Footer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Placeholder/styles.mjs

@@ -1,12 +1,19 @@
-import { styled as n } from "@mui/material";
-import { Typography as r } from "../Typography/Typography.mjs";
-import { SIZE as a, MAX_INNER_WIDTH as i } from "./constants.mjs";
-const e = (t) => t !== "$size", g = n("div", {
-  shouldForwardProp: e
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Typography as e } from "../Typography/Typography.mjs";
+import { SIZE as i, MAX_INNER_WIDTH as p } 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 n = (t) => t !== "$size", x = r("div", {
+  shouldForwardProp: n
 })`
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: t, $size: o }) => o === a.Small ? t.spacing(4) : t.spacing(6)};
+  gap: ${({ theme: t, $size: o }) => o === i.Small ? t.spacing(4) : t.spacing(6)};
   align-items: center;
   justify-content: center;
 
@@ -22,15 +29,15 @@ const e = (t) => t !== "$size", g = n("div", {
     grid-template-rows: 1fr max-content;
     gap: ${({ theme: t }) => t.spacing(4)};
   }
-`, l = n("div", {
-  shouldForwardProp: e
+`, u = r("div", {
+  shouldForwardProp: n
 })`
-  max-width: ${({ $size: t }) => i[t]};
+  max-width: ${({ $size: t }) => p[t]};
   margin: 0 auto;
-`, d = n(r, {
-  shouldForwardProp: e
+`, b = r(e, {
+  shouldForwardProp: n
 })`
-  margin-bottom: ${({ theme: t, $size: o }) => o === a.Small ? t.spacing(2) : t.spacing(4)};
+  margin-bottom: ${({ theme: t, $size: o }) => o === i.Small ? t.spacing(2) : t.spacing(4)};
 
   text-align: center;
 
@@ -41,19 +48,19 @@ const e = (t) => t !== "$size", g = n("div", {
     font-weight: ${({ theme: t }) => t.typography.fontWeightMedium};
     color: ${({ theme: t }) => t.palette.text.secondary};
   }
-`, m = n(r, {
-  shouldForwardProp: e
+`, w = r(e, {
+  shouldForwardProp: n
 })`
   display: block;
 
-  font-size: ${({ $size: t, theme: o }) => t === a.Large ? o.typography.pxToRem(16) : o.typography.body1.fontSize};
+  font-size: ${({ $size: t, theme: o }) => t === i.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};
   }
-`, y = n("footer")`
+`, h = r("footer")`
   display: flex;
   flex-wrap: wrap;
   gap: ${({ theme: t }) => t.spacing(2)};
@@ -69,9 +76,9 @@ const e = (t) => t !== "$size", g = n("div", {
   }
 `;
 export {
-  m as Description,
-  y as Footer,
-  l as InnerContainer,
-  d as Title,
-  g as Wrapper
+  w as Description,
+  h as Footer,
+  u as InnerContainer,
+  b as Title,
+  x as Wrapper
 };

package/lib/components/Popover/Popover.mjs

@@ -1,18 +1,18 @@
 import { j as m } from "../../_virtual/jsx-runtime.mjs";
-import { Popover as s } from "@mui/material";
-import { useViewportType as f } from "../../hooks/useViewportType/useViewportType.mjs";
+import { useViewportType as s } from "../../hooks/useViewportType/useViewportType.mjs";
 import "react";
-import { BottomDrawer as x } from "../BottomDrawer/BottomDrawer.mjs";
-const n = ({
-  children: o,
-  onClose: r,
+import { BottomDrawer as f } from "../BottomDrawer/BottomDrawer.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/Popover/Popover.mjs";
+const w = ({
+  children: r,
+  onClose: o,
   open: t,
   title: p,
-  ...e
+  ...i
 }) => {
-  const { isMobile: i } = f();
-  return i ? /* @__PURE__ */ m.jsx(x, { title: p, onClose: r, open: t, children: o }) : /* @__PURE__ */ m.jsx(s, { open: t, onClose: r, ...e, children: o });
+  const { isMobile: e } = s();
+  return e ? /* @__PURE__ */ m.jsx(f, { title: p, onClose: o, open: t, children: r }) : /* @__PURE__ */ m.jsx(x, { open: t, onClose: o, ...i, children: r });
 };
 export {
-  n as Popover
+  w as Popover
 };

package/lib/components/ProgressBar/ProgressBar.mjs

@@ -1,5 +1,5 @@
 import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { LinearProgress 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/LinearProgress/LinearProgress.mjs";
 const n = ({ className: r, value: t }) => {
   const a = Math.max(0, Math.min(t, 100));
   return /* @__PURE__ */ e.jsx(

package/lib/components/Radio/Icon/Icon.mjs

@@ -1,6 +1,6 @@
 import { j as c } from "../../../_virtual/jsx-runtime.mjs";
-import { SvgIcon as i } from "@mui/material";
 import { DEFAULT_ICON_CLASSES as e, CHECKED_ICON_CLASSES as s } 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/SvgIcon/SvgIcon.mjs";
 const n = ({ ...r }) => /* @__PURE__ */ c.jsxs(i, { viewBox: "0 0 24 24", ...r, children: [
   /* @__PURE__ */ c.jsx(
     "circle",

package/lib/components/Radio/styles.mjs

@@ -1,64 +1,73 @@
-import { styled as l, Radio as t, css as i } from "@mui/material";
-import { DEFAULT_ICON_CLASSES as r, CHECKED_ICON_CLASSES as a } from "./constants.mjs";
-const d = (e) => i`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { DEFAULT_ICON_CLASSES as e, CHECKED_ICON_CLASSES 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";
+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/Radio/Radio.mjs";
+import { css as p } 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 a = (r) => p`
   &.MuiRadio-root:not(.Mui-disabled) {
-    color: ${e.palette.red[800]};
+    color: ${r.palette.red[800]};
 
     &:hover {
       & > svg {
-        color: ${e.palette.red[700]};
+        color: ${r.palette.red[700]};
       }
     }
   }
-`, p = l(t, {
-  shouldForwardProp: (e) => e !== "isError"
+`, f = i(l, {
+  shouldForwardProp: (r) => r !== "isError"
 })`
   padding: 5px;
 
-  color: ${({ theme: e }) => e.palette.grey[300]};
+  color: ${({ theme: r }) => r.palette.grey[300]};
 
   border-radius: unset;
 
-  & > svg > .${r.innerCircle} {
-    fill: ${({ theme: e }) => e.palette.common.white};
+  & > svg > .${e.innerCircle} {
+    fill: ${({ theme: r }) => r.palette.common.white};
   }
 
   &:hover {
     background: none;
 
-    & > svg > .${r.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.grey[100]};
+    & > svg > .${e.innerCircle} {
+      fill: ${({ theme: r }) => r.palette.grey[100]};
     }
   }
 
   &.Mui-disabled:not(.Mui-checked) {
-    color: ${({ theme: e }) => e.palette.grey[200]};
+    color: ${({ theme: r }) => r.palette.grey[200]};
 
-    & > svg > .${r.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.grey[200]};
+    & > svg > .${e.innerCircle} {
+      fill: ${({ theme: r }) => r.palette.grey[200]};
     }
   }
 
   &.Mui-checked {
-    color: ${({ theme: e }) => e.palette.primary.main};
+    color: ${({ theme: r }) => r.palette.primary.main};
 
     &:hover {
       & > svg {
-        color: ${({ theme: e }) => e.palette.primary[700]};
+        color: ${({ theme: r }) => r.palette.primary[700]};
       }
     }
 
     &.Mui-disabled {
-      color: ${({ theme: e }) => e.palette.grey[400]};
+      color: ${({ theme: r }) => r.palette.grey[400]};
     }
 
-    & > svg > .${a.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.common.white};
+    & > svg > .${t.innerCircle} {
+      fill: ${({ theme: r }) => r.palette.common.white};
     }
   }
 
-  ${({ isError: e, theme: o }) => e && d(o)}
+  ${({ isError: r, theme: o }) => r && a(o)}
 `;
 export {
-  p as StyledRadio
+  f as StyledRadio
 };

package/lib/components/RadioField/styles.mjs

@@ -1,10 +1,18 @@
-import { styled as r, FormControlLabel as t } from "@mui/material";
-const e = 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/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/FormControlLabel/FormControlLabel.mjs";
+const s = r(
   t
 )`
   margin-right: ${({ theme: o }) => o.spacing(6)};
   margin-left: -7px;
 `;
 export {
-  e as StyledFormControlLabel
+  s as StyledFormControlLabel
 };

package/lib/components/RadioGroup/RadioGroup.mjs

@@ -1,37 +1,37 @@
 import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { RadioGroup as n } from "@mui/material";
-import { useId as u } from "react";
-import { FormControl as x } from "../FormControl/FormControl.mjs";
-import { FormLabel as c } from "../FormLabel/FormLabel.mjs";
-import { Tooltip as f } from "../Tooltip/Tooltip.mjs";
+import { useId as a } from "react";
+import { FormControl as u } from "../FormControl/FormControl.mjs";
+import { FormLabel as x } from "../FormLabel/FormLabel.mjs";
+import { Tooltip as c } from "../Tooltip/Tooltip.mjs";
 import "./RadioGroupContext/RadioGroupContext.mjs";
-import { RadioGroupContextProvider as h } from "./RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs";
+import { RadioGroupContextProvider as f } from "./RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs";
+import h 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/RadioGroup/RadioGroup.mjs";
 const E = (e) => {
   const {
     children: m,
     groupLabel: o,
-    errorText: p,
+    errorText: l,
     isError: t,
-    required: l,
+    required: p,
     formControlProps: s,
     row: d,
-    ...a
-  } = e, i = u();
+    ...n
+  } = e, i = a();
   return /* @__PURE__ */ r.jsx(
-    f,
+    c,
     {
-      title: t && p,
+      title: t && l,
       placement: "right-start",
       followCursor: !0,
-      children: /* @__PURE__ */ r.jsxs(x, { ...s, children: [
-        o && /* @__PURE__ */ r.jsx(c, { id: i, required: l, children: o }),
+      children: /* @__PURE__ */ r.jsxs(u, { ...s, children: [
+        o && /* @__PURE__ */ r.jsx(x, { id: i, required: p, children: o }),
         /* @__PURE__ */ r.jsx(
-          n,
+          h,
           {
-            ...a,
+            ...n,
             "aria-labelledby": i,
             row: d,
-            children: /* @__PURE__ */ r.jsx(h, { isError: t, children: m })
+            children: /* @__PURE__ */ r.jsx(f, { isError: t, children: m })
           }
         )
       ] })

package/lib/components/RadioGroupField/RadioGroupField.mjs

@@ -1,14 +1,13 @@
 import { j as t } from "../../_virtual/jsx-runtime.mjs";
 import { useContext as i } from "react";
 import { RadioField as m } from "../RadioField/RadioField.mjs";
-import "@mui/material";
 import "../FormLabel/styles.mjs";
 import "../Tooltip/styles.mjs";
 import { RadioGroupContext as p } from "../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
-const f = (o) => {
+const a = (o) => {
   const { isError: r } = i(p);
   return /* @__PURE__ */ t.jsx(m, { ...o, isError: r });
 };
 export {
-  f as RadioGroupField
+  a as RadioGroupField
 };