@max-ts/components 0.2.4 → 0.3.1

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

@@ -8,31 +8,31 @@ type StyledCopyTypographyProps = {
     $direction: string;
 };
 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;
     paragraph?: boolean | undefined;
 } & {
-    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";
+    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>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledTypographyProps, {}, {}>;
 export declare const StyledCopyTypography: 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;
     paragraph?: boolean | undefined;
 } & {
-    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";
+    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>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string;

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

@@ -1,7 +1,80 @@
+import "../../Accordion/Accordion.mjs";
+import "../../../_virtual/jsx-runtime.mjs";
+import "react";
+import "lucide-react";
+import "../../IconDropdownButton/IconDropdownButton.mjs";
 import { styled as r } from "@mui/material";
-import { CopyTypography as t } from "../../CopyTypography/CopyTypography.mjs";
-import { Typography as e } from "../../Typography/Typography.mjs";
-const p = r(e, {
+import "../../Tooltip/styles.mjs";
+import "../../ActionCell/styles.mjs";
+import "../../ActionGroup/MainActions/styles.mjs";
+import "../../ActionGroup/styles.mjs";
+import "../../Checkbox/Checkbox.mjs";
+import { Typography as t } from "../../Typography/Typography.mjs";
+import "../../OverflowTypography/styles.mjs";
+import "react-use";
+import "../../Tag/Tag.mjs";
+import "../../FormHelperText/FormHelperTextContent/styles.mjs";
+import "../../Autocomplete/styles.mjs";
+import "../../Badge/styles.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "../../IconButton/styles.mjs";
+import "../../BottomDrawer/styles.mjs";
+import "../../CheckboxField/styles.mjs";
+import "../../Chevron/styles.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "../../ConfirmAction/styles.mjs";
+import "../../Dialog/styles.mjs";
+import "../../DialogActions/styles.mjs";
+import "../../DialogContent/styles.mjs";
+import "../../DialogContentText/styles.mjs";
+import "../../ConfirmDialog/styles.mjs";
+import "../../Container/styles.mjs";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../ContentState/styles.mjs";
+import { CopyTypography as i } from "../../CopyTypography/CopyTypography.mjs";
+import "../../DataGrid/Cell/styles.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+import "../../DataGridActionCell/styles.mjs";
+import "../../TagsList/Tag/styles.mjs";
+import "../../TagsList/styles.mjs";
+import "../../Select/styles.mjs";
+import "../../DataGridPagination/styles.mjs";
+import "../Description.mjs";
+import "../../DescriptionList/styles.mjs";
+import "../../DescriptionTooltip/styles.mjs";
+import "../../DialogHeader/styles.mjs";
+import "../../MenuList/styles.mjs";
+import "../../Filename/Filename.mjs";
+import "../../FormControlLabel/styles.mjs";
+import "../../FormLabel/styles.mjs";
+import "../../Link/Link.mjs";
+import "../../ListItem/styles.mjs";
+import "../../ListItemIcon/ListItemIcon.mjs";
+import "../../NavMenu/Item/ItemButton/styles.mjs";
+import "../../Radio/styles.mjs";
+import "../../RadioField/styles.mjs";
+import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+import "../../SearchField/SearchField.mjs";
+import "../../Skeleton/styles.mjs";
+import "../../Slider/styles.mjs";
+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, {
   shouldForwardProp: (o) => !["$canCopy", "$leader", "$direction"].includes(o.toString())
 })`
   cursor: ${({ $canCopy: o }) => o ? "pointer" : "default"};
@@ -19,7 +92,7 @@ const p = r(e, {
   &:hover {
     text-decoration: ${({ $canCopy: o }) => o ? "underline" : "none"};
   }
-`, d = r(t, {
+`, Po = r(i, {
   shouldForwardProp: (o) => !["$leader", "$direction"].includes(o.toString())
 })`
   display: unset;
@@ -35,13 +108,13 @@ const p = r(e, {
   & > svg {
     margin-bottom: ${({ theme: o }) => o.spacing(-1)};
   }
-`, l = r("dd")`
+`, Wo = r("dd")`
   overflow: hidden;
 
   margin: 0;
 `;
 export {
-  d as StyledCopyTypography,
-  p as StyledTypography,
-  l as Wrapper
+  Po as StyledCopyTypography,
+  Fo as StyledTypography,
+  Wo as Wrapper
 };

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

@@ -2,9 +2,9 @@ import { useContext as o } from "react";
 import { ConfigContext as m } from "../../../ConfigProvider/ConfigProvider.mjs";
 import { DescriptionContext as u } from "../../DescriptionContext/DescriptionContext.mjs";
 import "../../../../_virtual/jsx-runtime.mjs";
-const x = ({ canCopy: t, children: e, stub: n }) => {
-  const { emptySymbol: r } = o(m), { leader: i, direction: s } = o(u);
-  return { valueToRender: e || n || r, isDefaultValueRender: !t || !e, leader: i, direction: s };
+const x = ({ canCopy: t, children: e, stub: r }) => {
+  const { emptySymbol: n } = o(m), { leader: i, direction: s } = o(u);
+  return { valueToRender: e || r || n, isDefaultValueRender: !t || !e, leader: i, direction: s };
 };
 export {
   x as useLogic

package/lib/components/Description/styles.mjs

@@ -1,5 +1,14 @@
 import { styled as t } from "@mui/material";
-const i = t("div", {
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const f = t("div", {
   shouldForwardProp: (o) => !["$justifyContent", "as", "$direction"].includes(o.toString())
 })`
   overflow: hidden;
@@ -19,5 +28,5 @@ const i = t("div", {
   }
 `;
 export {
-  i as Wrapper
+  f 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: "row" | "default" | "column";
+    direction: "default" | "row" | "column";
 };
 export {};

package/lib/components/DescriptionList/styles.mjs

@@ -1,6 +1,15 @@
 import { styled as i } from "@mui/material";
-import { Description as n } from "../Description/Description.mjs";
-const s = i(n.Name, {
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Description as t } from "../Description/Description.mjs";
+const u = i(t.Name, {
   shouldForwardProp: (o) => !["$nameMaxWidth, $direction"].includes(o.toString())
 })`
   max-width: ${({ $nameMaxWidth: o }) => o || "none"};
@@ -9,7 +18,7 @@ const s = i(n.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     margin-bottom: ${({ theme: o, $direction: r }) => Object.is(r, "row") ? 0 : o.spacing(1)};
   }
-`, d = i("article", {
+`, w = i("article", {
   shouldForwardProp: (o) => !["$variant"].includes(o.toString())
 })`
   display: grid;
@@ -20,7 +29,7 @@ const s = i(n.Name, {
   background-color: ${({ $variant: o, theme: r }) => o === "contained" ? r.palette.background.default : "transparent"};
   border: ${({ $variant: o, theme: r }) => o === "contained" ? `1px solid ${r.palette.grey[300]}` : "unset"};
   border-radius: ${({ theme: o }) => o.shape.small};
-`, e = i("dl", {
+`, b = i("dl", {
   shouldForwardProp: (o) => !["$direction"].includes(o.toString())
 })`
   display: grid;
@@ -31,7 +40,7 @@ const s = i(n.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     row-gap: ${({ theme: o }) => o.spacing(3)};
   }
-`, p = i(n.Value, {
+`, y = i(t.Value, {
   shouldForwardProp: (o) => !["$isCopy"].includes(o.toString())
 })`
   display: ${({ $isCopy: o }) => o && "flex"};
@@ -39,8 +48,8 @@ const s = i(n.Name, {
   width: ${({ $isCopy: o }) => o && "calc(100% - 20px)"};
 `;
 export {
-  e as ListWrapper,
-  s as StyledDescriptionName,
-  p as StyledDescriptionValue,
-  d as Wrapper
+  b as ListWrapper,
+  u as StyledDescriptionName,
+  y as StyledDescriptionValue,
+  w as Wrapper
 };

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { DescriptionListProps } from '../DescriptionList';
+type DescriptionTooltipProps = DescriptionListProps & {
+    arrow?: boolean;
+    followCursor?: boolean;
+    children: ReactElement;
+};
+export declare function DescriptionTooltip({ arrow, followCursor, children, ...descriptionListProps }: DescriptionTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/DescriptionTooltip/DescriptionTooltip.mjs

@@ -0,0 +1,14 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { DescriptionList as i } from "../DescriptionList/DescriptionList.mjs";
+import { StyledTooltip as p } from "./styles.mjs";
+function f({
+  arrow: s,
+  followCursor: e,
+  children: r,
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(p, { arrow: !0, title: /* @__PURE__ */ o.jsx(i, { ...t }), children: r });
+}
+export {
+  f as DescriptionTooltip
+};

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

@@ -0,0 +1 @@
+export * from './DescriptionTooltip';

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

@@ -0,0 +1,4 @@
+export declare const StyledTooltip: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<import('@mui/material').TooltipProps> & {
+    size?: import('../Tooltip').TooltipSize;
+    withoutContainer?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DescriptionTooltip/styles.mjs

@@ -0,0 +1,26 @@
+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)`
+  .${t.tooltip} {
+    background-color: ${({ theme: o }) => o.palette.common.white};
+    color: ${({ theme: o }) => o.palette.text.primary};
+    box-shadow: ${({ theme: o }) => o.shadows[1]};
+    font-size: 11px;
+    width: auto;
+    max-width: 400px;
+    padding: ${({ theme: o }) => o.spacing(2)};
+    box-shadow: ${({ theme: o }) => o.shadows[4]};
+  }
+`;
+export {
+  n 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" | "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>, {}, {}>;
+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>, {}, {}>;

package/lib/components/DialogHeader/styles.mjs

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

@@ -1,19 +1,28 @@
-import { styled as e } from "@mui/material";
-import { Typography as t } from "../Typography/Typography.mjs";
-const p = e("span")`
+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")`
   overflow: hidden;
 
   max-width: 100%;
 
   text-overflow: ellipsis;
   white-space: nowrap;
-`, l = e(t, {
+`, w = t(r, {
   shouldForwardProp: (o) => !["$align"].includes(o.toString())
 })`
   display: flex;
   justify-content: ${({ $align: o }) => o};
 `;
 export {
-  p as FileBaseName,
-  l as StyledTypography
+  h as FileBaseName,
+  w as StyledTypography
 };

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

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

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

@@ -1 +1 @@
-export declare const StyledFormLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormLabelBaseProps & import('@mui/material').FormLabelOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "sx" | "suppressHydrationWarning" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "content" | "translate" | keyof import('@mui/material/OverridableComponent').CommonProps | "form" | "slot" | "title" | "disabled" | "error" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "filled" | "focused" | "required" | "htmlFor"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledFormLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormLabelBaseProps & import('@mui/material').FormLabelOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "sx" | "error" | "disabled" | "filled" | "color" | "content" | "translate" | keyof import('@mui/material/OverridableComponent').CommonProps | "children" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "focused" | "required" | "htmlFor"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;