@max-ts/components 0.3.2 → 0.3.3

package/lib/components/DataGrid/HeadCell/styles.d.ts

@@ -6,8 +6,8 @@ type HeadCellProps = {
 };
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & HeadCellProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    children?: import('react').ReactNode;
     ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -16,7 +16,7 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../../Typography').TypographyColor;
     variant?: import('../../Typography').TypographyVariant;
     colorIntensity?: import('../../Typography').Intensity;
-    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>;
+    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";
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export {};

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

@@ -1,16 +1,7 @@
 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 { Typography as o } from "../../Typography/Typography.mjs";
-import { alignToJustifyContent as p } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-const f = i("div", {
+import { Typography as e } from "../../Typography/Typography.mjs";
+import { alignToJustifyContent as o } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
+const s = i("div", {
   shouldForwardProp: (t) => !["$align", "$isSortable", "$hasStartAdornment"].includes(t.toString())
 })`
   cursor: ${({ $isSortable: t }) => t ? "pointer" : "initial"};
@@ -18,13 +9,13 @@ const f = i("div", {
 
   display: flex;
   align-items: center;
-  justify-content: ${({ $align: t }) => p(t)};
+  justify-content: ${({ $align: t }) => o(t)};
 
   height: 40px;
   padding: ${({ theme: t, $hasStartAdornment: r }) => r ? t.spacing(1, 2, 1, 0) : t.spacing(1, 2)};
 
   color: ${({ theme: t }) => t.palette.grey[700]};
-`, u = i(o)`
+`, l = i(e)`
   display: flex;
   align-items: center;
   gap: ${({ theme: t }) => t.spacing(1)};
@@ -35,6 +26,6 @@ const f = i("div", {
   }
 `;
 export {
-  u as StyledTypography,
-  f as Wrapper
+  l as StyledTypography,
+  s as Wrapper
 };

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

@@ -1,18 +1,9 @@
-import { ROOT_ACTION_CELL_WIDTH as e } from "../constants.mjs";
-import { styled as o } from "@mui/material";
-import "remeda";
-import "../../../_virtual/jsx-runtime.mjs";
-import "clsx";
-import "../../Button/styles.mjs";
-import "react";
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-const g = o("li")`
+import { ROOT_ACTION_CELL_WIDTH as o } from "../constants.mjs";
+import { styled as e } from "@mui/material";
+const a = e("li")`
   position: relative;
   &:not(:last-of-type)::before,
-`, b = o("div")`
+`, l = e("div")`
   position: relative;
 
   display: grid;
@@ -29,16 +20,16 @@ const g = o("li")`
 
     background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
   }
-`, v = o("div")`
+`, s = e("div")`
   display: flex;
   align-items: center;
   align-self: center;
   justify-content: center;
 
-  width: ${e}px;
+  width: ${o}px;
 `;
 export {
-  v as CheckboxCell,
-  b as ContentWrapper,
-  g as Wrapper
+  s as CheckboxCell,
+  l as ContentWrapper,
+  a as Wrapper
 };

package/lib/components/DataGrid/styles.mjs

@@ -1,15 +1,6 @@
-import { styled as o } from "@mui/material";
-import "remeda";
-import "../../_virtual/jsx-runtime.mjs";
-import "clsx";
-import "../Button/styles.mjs";
-import "react";
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-const c = o("div", {
-  shouldForwardProp: (i) => i !== "$maxHeight"
+import { styled as i } from "@mui/material";
+const n = i("div", {
+  shouldForwardProp: (e) => e !== "$maxHeight"
 })`
   position: relative;
 
@@ -19,21 +10,21 @@ const c = o("div", {
 
   width: 100%;
   height: 100%;
-  max-height: ${({ $maxHeight: i }) => i ? `${i}px` : "initial"};
-`, t = o("div")`
+  max-height: ${({ $maxHeight: e }) => e ? `${e}px` : "initial"};
+`, o = i("div")`
   overflow: hidden;
   display: flex;
   flex-direction: column;
 
   height: 100%;
-`, x = o(t)`
+`, d = i(o)`
   pointer-events: none;
 
-  background: ${({ theme: i }) => i.palette.background.element};
+  background: ${({ theme: e }) => e.palette.background.element};
   mix-blend-mode: luminosity;
 `;
 export {
-  c as Container,
-  t as DataGridWrapper,
-  x as DisabledDataGridWrapper
+  n as Container,
+  o as DataGridWrapper,
+  d as DisabledDataGridWrapper
 };

package/lib/components/DataGridActionCell/styles.mjs

@@ -1,17 +1,8 @@
-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                                                                                         */
-const d = i("div")`
+import { styled as e } from "@mui/material";
+const r = e("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  d as Wrapper
+  r as Wrapper
 };

package/lib/components/DataGridOld/Cell/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align?: "left" | "center" | "right" | "justify";
     $disabled?: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/HeadCell/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledHeadCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align?: "left" | "center" | "right" | "justify";
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

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

@@ -1,7 +1,7 @@
 export declare const PaginationWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Range: import('@emotion/styled').StyledComponent<{
-    children?: import('react').ReactNode;
     ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -10,7 +10,7 @@ export declare const Range: import('@emotion/styled').StyledComponent<{
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    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>;
+    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";
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const RangeWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridPagination/styles.mjs

@@ -1,34 +1,25 @@
-import { styled as o, formControlClasses 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 { Typography as p } from "../Typography/Typography.mjs";
-const y = o("div")`
+import { styled as t, formControlClasses as n } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const a = t("div")`
   display: flex;
   align-items: center;
   justify-content: space-between;
 
   height: 48px;
-  padding-top: ${({ theme: t }) => t.spacing(4)};
-`, x = o(p)`
-  color: ${({ theme: t }) => t.palette.grey[700]};
-`, $ = o("div")`
+  padding-top: ${({ theme: e }) => e.spacing(4)};
+`, r = t(o)`
+  color: ${({ theme: e }) => e.palette.grey[700]};
+`, s = t("div")`
   display: flex;
-  gap: ${({ theme: t }) => t.spacing(3)};
+  gap: ${({ theme: e }) => e.spacing(3)};
   align-items: center;
 
-  .${i.root} {
+  .${n.root} {
     flex-direction: unset;
   }
 `;
 export {
-  y as PaginationWrapper,
-  x as Range,
-  $ as RangeWrapper
+  a as PaginationWrapper,
+  r as Range,
+  s as RangeWrapper
 };

package/lib/components/Description/Name/styles.mjs

@@ -1,21 +1,12 @@
-import { styled as t } from "@mui/material";
-import "remeda";
-import "../../../_virtual/jsx-runtime.mjs";
-import "clsx";
-import "../../Button/styles.mjs";
-import "react";
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-const l = t("dt", {
+import { styled as a } from "@mui/material";
+const t = a("dt", {
   shouldForwardProp: (r) => r !== "$leader"
 })`
   flex-shrink: 0;
 
   max-width: ${({ $leader: r }) => r ? "calc(100% - 36px)" : "calc(100% - 12px)"};
   margin-right: ${({ theme: r }) => r.spacing(2)};
-`, x = t("div")`
+`, p = a("div")`
   flex: 1;
 
   min-width: 12px;
@@ -29,6 +20,6 @@ const l = t("dt", {
   }
 `;
 export {
-  x as DashedSeparator,
-  l as Wrapper
+  p as DashedSeparator,
+  t as Wrapper
 };

package/lib/components/Description/Value/styles.d.ts

@@ -8,8 +8,8 @@ type StyledCopyTypographyProps = {
     $direction: string;
 };
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    children?: import('react').ReactNode;
     ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -18,12 +18,12 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../..').TypographyColor;
     variant?: import('../..').TypographyVariant;
     colorIntensity?: import('../..').Intensity;
-    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>;
+    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";
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledTypographyProps, {}, {}>;
 export declare const StyledCopyTypography: import('@emotion/styled').StyledComponent<{
-    children?: import('react').ReactNode;
     ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -32,7 +32,7 @@ export declare const StyledCopyTypography: import('@emotion/styled').StyledCompo
     color?: import('../..').TypographyColor;
     variant?: import('../..').TypographyVariant;
     colorIntensity?: import('../..').Intensity;
-    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>;
+    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";
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string;

package/lib/components/Description/Value/styles.mjs

@@ -70,11 +70,7 @@ import "../../Switch/Switch.mjs";
 import "../../Tab/styles.mjs";
 import "../../Tabs/styles.mjs";
 import "../../TagBadge/styles.mjs";
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-/* empty css                                                                                            */
-const Fo = r(t, {
+const ko = r(t, {
   shouldForwardProp: (o) => !["$canCopy", "$leader", "$direction"].includes(o.toString())
 })`
   cursor: ${({ $canCopy: o }) => o ? "pointer" : "default"};
@@ -92,7 +88,7 @@ const Fo = r(t, {
   &:hover {
     text-decoration: ${({ $canCopy: o }) => o ? "underline" : "none"};
   }
-`, Po = r(i, {
+`, So = r(i, {
   shouldForwardProp: (o) => !["$leader", "$direction"].includes(o.toString())
 })`
   display: unset;
@@ -108,13 +104,13 @@ const Fo = r(t, {
   & > svg {
     margin-bottom: ${({ theme: o }) => o.spacing(-1)};
   }
-`, Wo = r("dd")`
+`, To = r("dd")`
   overflow: hidden;
 
   margin: 0;
 `;
 export {
-  Po as StyledCopyTypography,
-  Fo as StyledTypography,
-  Wo as Wrapper
+  So as StyledCopyTypography,
+  ko as StyledTypography,
+  To as Wrapper
 };

package/lib/components/Description/useLogic/useLogic.d.ts

@@ -4,6 +4,6 @@ export declare const useLogic: ({ direction, separator, }: UseLogicParams) => {
     descriptionContextProviderProps: {
         separator: string;
     };
-    direction: "default" | "row" | "column";
+    direction: "row" | "default" | "column";
 };
 export {};

package/lib/components/DescriptionTooltip/styles.mjs

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

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

@@ -1 +1 @@
-export declare const StyledDialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & 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>, {}, {}>;
+export declare const StyledDialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & 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>, {}, {}>;

package/lib/components/DialogHeader/styles.mjs

@@ -1,40 +1,31 @@
-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                                                                                         */
-const s = i("div", {
+import { styled as t } from "@mui/material";
+const i = t("div", {
   label: "DialogHeader-root",
-  shouldForwardProp: (t) => !["hasTitle", "hasOnClose"].includes(t.toString())
+  shouldForwardProp: (e) => !["hasTitle", "hasOnClose"].includes(e.toString())
 })`
   overflow: hidden;
   display: grid;
-  grid-template-columns: ${({ hasTitle: t, hasOnClose: r }) => t && r ? "max-content 1fr 32px" : t ? "max-content 1fr" : r ? "1fr 32px" : "1fr"};
-  column-gap: ${({ theme: t }) => t.spacing(2)};
+  grid-template-columns: ${({ hasTitle: e, hasOnClose: n }) => e && n ? "max-content 1fr 32px" : e ? "max-content 1fr" : n ? "1fr 32px" : "1fr"};
+  column-gap: ${({ theme: e }) => e.spacing(2)};
   align-items: center;
 
   height: auto;
-  padding: ${({ theme: t }) => t.spacing(4, 6)};
-`, u = i("div", {
-  shouldForwardProp: (t) => !["justifyContent", "columnSpacing"].includes(t.toString()),
+  padding: ${({ theme: e }) => e.spacing(4, 6)};
+`, o = t("div", {
+  shouldForwardProp: (e) => !["justifyContent", "columnSpacing"].includes(e.toString()),
   label: "DialogHeader-content"
 })`
   overflow: hidden;
   display: flex;
-  column-gap: ${({ columnSpacing: t, theme: r }) => r.spacing(t)};
+  column-gap: ${({ columnSpacing: e, theme: n }) => n.spacing(e)};
   align-items: center;
-  justify-content: ${({ justifyContent: t }) => t};
+  justify-content: ${({ justifyContent: e }) => e};
 
   width: 100%;
   height: 100%;
   padding: 0;
 `;
 export {
-  u as HeaderContent,
-  s as Wrapper
+  o as HeaderContent,
+  i as Wrapper
 };

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

@@ -1,7 +1,7 @@
 export declare const FileBaseName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    children?: import('react').ReactNode;
     ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -10,7 +10,7 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    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>;
+    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";
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align: string;

package/lib/components/Filename/styles.mjs

@@ -1,28 +1,19 @@
-import { styled as t } from "@mui/material";
-import "remeda";
-import "../../_virtual/jsx-runtime.mjs";
-import "clsx";
-import "../Button/styles.mjs";
-import "react";
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-/* empty css                                                                                         */
-import { Typography as r } from "../Typography/Typography.mjs";
-const h = t("span")`
+import { styled as e } from "@mui/material";
+import { Typography as t } from "../Typography/Typography.mjs";
+const p = e("span")`
   overflow: hidden;
 
   max-width: 100%;
 
   text-overflow: ellipsis;
   white-space: nowrap;
-`, w = t(r, {
+`, l = e(t, {
   shouldForwardProp: (o) => !["$align"].includes(o.toString())
 })`
   display: flex;
   justify-content: ${({ $align: o }) => o};
 `;
 export {
-  h as FileBaseName,
-  w as StyledTypography
+  p as FileBaseName,
+  l as StyledTypography
 };