@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/typography.d.mts

@@ -1,58 +1,56 @@
-import * as _mui_material_Typography from '@mui/material/Typography';
 import { TypographyProps } from '@mui/material/Typography';
 export { default as Typography } from '@mui/material/Typography';
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_styles from '@mui/material/styles';
-import * as react from 'react';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
 
 /**
  * Mui Typography with variant h5
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Header: React.FC<{
+declare function Header(props: {
     children?: React.ReactNode;
-} & TypographyProps>;
+} & TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant h6
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const SubHeader: React.FC<TypographyProps>;
+declare function SubHeader(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant subtitle1
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const SubTitle: React.FC<TypographyProps>;
+declare function SubTitle(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant caption
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Subscript: React.FC<React.ComponentProps<typeof MSContainer> & React.ComponentProps<typeof MS>>;
-declare const MS: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-declare const MSContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
-    color?: string;
-    fontSize?: string;
-    lineHeight?: string;
-}, {}, {}>;
+declare function Subscript(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant body
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Body: React.FC<React.ComponentProps<typeof MB>>;
-declare const MB: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
-    color?: string;
-}, {}, {}>;
+declare function Body(props: TypographyProps): react_jsx_runtime.JSX.Element;
 
 declare const typographyTheme: {
     readonly styleOverrides: {
-        readonly root: {
-            readonly color: "var(--mui-palette-text-1)";
+        readonly root: () => {
+            textOverflow: "ellipsis";
+            overflow: "hidden";
+            "&:has(svg)": {
+                display: string;
+                alignItems: string;
+                "&>svg": {
+                    fontSize: string;
+                };
+            };
+        };
+        readonly caption: {
+            readonly lineHeight: 1;
         };
     };
 };

package/dist/typography.d.ts

@@ -1,58 +1,56 @@
-import * as _mui_material_Typography from '@mui/material/Typography';
 import { TypographyProps } from '@mui/material/Typography';
 export { default as Typography } from '@mui/material/Typography';
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_styles from '@mui/material/styles';
-import * as react from 'react';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
 
 /**
  * Mui Typography with variant h5
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Header: React.FC<{
+declare function Header(props: {
     children?: React.ReactNode;
-} & TypographyProps>;
+} & TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant h6
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const SubHeader: React.FC<TypographyProps>;
+declare function SubHeader(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant subtitle1
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const SubTitle: React.FC<TypographyProps>;
+declare function SubTitle(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant caption
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Subscript: React.FC<React.ComponentProps<typeof MSContainer> & React.ComponentProps<typeof MS>>;
-declare const MS: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-declare const MSContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
-    color?: string;
-    fontSize?: string;
-    lineHeight?: string;
-}, {}, {}>;
+declare function Subscript(props: TypographyProps): react_jsx_runtime.JSX.Element;
 /**
  * Mui Typography with variant body
  *
  * [Doc](https://material-ui.com/api/typography/)
  */
-declare const Body: React.FC<React.ComponentProps<typeof MB>>;
-declare const MB: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
-    color?: string;
-}, {}, {}>;
+declare function Body(props: TypographyProps): react_jsx_runtime.JSX.Element;
 
 declare const typographyTheme: {
     readonly styleOverrides: {
-        readonly root: {
-            readonly color: "var(--mui-palette-text-1)";
+        readonly root: () => {
+            textOverflow: "ellipsis";
+            overflow: "hidden";
+            "&:has(svg)": {
+                display: string;
+                alignItems: string;
+                "&>svg": {
+                    fontSize: string;
+                };
+            };
+        };
+        readonly caption: {
+            readonly lineHeight: 1;
         };
     };
 };

package/dist/typography.js

@@ -45,75 +45,49 @@ var import_Typography = __toESM(require("@mui/material/Typography"));
 
 // src/components/elemental/Typography/src/Variants.tsx
 var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_Box = __toESM(require("@mui/material/Box"));
-var import_styles = require("@mui/material/styles");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Header = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MH, { variant: "h5", ...props });
-};
-var MH = (0, import_styles.styled)(import_Typography2.default)({
-  fontWeight: "700"
-});
-var SubHeader = (props) => {
+function Header(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography2.default, { variant: "h5", ...props });
+}
+function SubHeader(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography2.default, { variant: "h6", ...props });
-};
-var SubTitle = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MST, { variant: "subtitle1", ...props });
-};
-var MST = (0, import_styles.styled)(import_Typography2.default, {})(() => ({}));
-var Subscript = (props) => {
-  const { color, fontSize, lineHeight, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MSContainer, { color, fontSize, lineHeight, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MS, { variant: "caption", ...rest }) });
-};
-var MS = (0, import_styles.styled)(import_Typography2.default)({
-  "&.MuiTypography-root": {
-    color: "inherit",
-    fontSize: "inherit",
-    lineHeight: "inherit",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    cursor: "inherit"
-  }
-});
-var MSContainer = (0, import_styles.styled)(import_Box.default, {
-  shouldForwardProp: (prop) => prop !== "color" && prop !== "fontSize" && prop !== "lineHeight"
-})(({
-  color = "var(--mui-palette-text-subscript)",
-  fontSize = "0.75rem",
-  lineHeight = "1.66"
-}) => ({
-  "&": {
-    "--fs": fontSize,
-    "--lh": lineHeight,
-    "--c": color,
-    fontSize: "var(--fs)",
-    lineHeight: "var(--lh)",
-    color: "var(--c)",
-    textOverflow: "ellipsis",
-    overflow: "hidden"
-  }
-}));
-var Body = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MB, { variant: "body1", ...props });
-};
-var MB = (0, import_styles.styled)(import_Typography2.default, {
-  shouldForwardProp: (prop) => prop !== "color"
-})(({ color = "var(--Color-Text-1)" }) => ({
-  "&.MuiTypography-root.MuiTypography-body1": {
-    "--color": color,
-    color: "var(--color)",
-    whiteSpace: "pre",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    cursor: "inherit"
-  }
-}));
+}
+function SubTitle(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography2.default, { variant: "subtitle1", ...props });
+}
+function Subscript(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Typography2.default,
+    {
+      variant: "caption",
+      ...props,
+      sx: {
+        ...props.sx,
+        color: props.color ?? "var(--mui-palette-text-subscript)"
+      }
+    }
+  );
+}
+function Body(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography2.default, { variant: "body1", ...props });
+}
 
 // src/components/elemental/Typography/src/theme.ts
 var typographyTheme = {
   styleOverrides: {
-    root: {
-      color: "var(--mui-palette-text-1)"
+    root: () => ({
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      "&:has(svg)": {
+        display: "inline-flex",
+        alignItems: "center",
+        "&>svg": {
+          fontSize: "1em"
+        }
+      }
+    }),
+    caption: {
+      lineHeight: 1
     }
   }
 };

package/dist/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/elemental/Typography/index.ts","../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Typography/src/Variants.tsx","../src/components/elemental/Typography/src/theme.ts"],"sourcesContent":["export * from './src'","export { default } from '@mui/material/Typography'","'use client'\nimport Typography, {type TypographyProps}  from '@mui/material/Typography'\nimport Box from '@mui/material/Box'\nimport { styled } from '@mui/material/styles'\n\n/**\n * Mui Typography with variant h5\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Header :React.FC<{\n\tchildren?: React.ReactNode, \n} & TypographyProps> = (props) => {\n\treturn (\n\t\t<MH variant=\"h5\" {...props}/>\n\t)\n}\nconst MH = styled(Typography)({\n\tfontWeight: \"700\",\n})\n\n\n/**\n * Mui Typography with variant h6\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubHeader:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<Typography variant=\"h6\" {...props}/>\n\t)\n}\n\n/**\n * Mui Typography with variant subtitle1\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubTitle:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<MST variant=\"subtitle1\" {...props}/>\n\t)\n}\nconst MST = styled(Typography,{})(()=>({}))\n\n/**\n * Mui Typography with variant caption\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Subscript:React.FC<\n  React.ComponentProps<typeof MSContainer>\n  & React.ComponentProps<typeof MS>\n> = (props) => {\n\tconst {color, fontSize, lineHeight, ...rest} = props\n  // need to add a container to wrap the span, so that the overflow text ... will share the same color with the text\n  // https://stackoverflow.com/questions/21861125/set-dot-color-of-text-overflow-ellipsis\n  return (\n    <MSContainer color={color} fontSize={fontSize} lineHeight={lineHeight}>\n\t\t  <MS variant=\"caption\" {...rest}/>\n    </MSContainer>\n\t)\n}\nconst MS = styled(Typography,)({\n\t\"&.MuiTypography-root\":{\n\t\tcolor: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t\tcursor: 'inherit',\n\t},\n})\nconst MSContainer = styled(Box,{\n\tshouldForwardProp: (prop) => \n\t\tprop !== 'color' \n\t\t&& prop !== 'fontSize'\n\t\t&& prop !== 'lineHeight',\n})<{color?:string, fontSize?:string, lineHeight?:string}>(({\n\tcolor='var(--mui-palette-text-subscript)', \n\tfontSize='0.75rem', \n\tlineHeight='1.66'\n})=>({\n\t\"&\":{\n\t\t\"--fs\": fontSize,\n\t\t\"--lh\": lineHeight,\n\t\t\"--c\": color,\n\t\tfontSize: 'var(--fs)',\n\t\tlineHeight: 'var(--lh)',\n\t\tcolor: 'var(--c)',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t},\n}))\n\n\n/**\n * Mui Typography with variant body\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Body:React.FC<React.ComponentProps<typeof MB>> = (props) => {\n\treturn (\n\t\t<MB variant=\"body1\" {...props}/>\n\t)\n}\nconst MB = styled(Typography,{\n\tshouldForwardProp: (prop) => prop !== 'color',\n})<{color?:string}>(({color='var(--Color-Text-1)'})=>({\n\t\"&.MuiTypography-root.MuiTypography-body1\":{\n\t\t\"--color\": color,\n\t\tcolor: \"var(--color)\",\n\t\twhiteSpace: 'pre',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden',\n\t\tcursor: 'inherit',\n\t},\n}))","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const typographyTheme = {\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-text-1)',\n    }\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTypography\">"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,wBAAwB;;;ACCxB,IAAAA,qBAAgD;AAChD,iBAAgB;AAChB,oBAAuB;AAWrB;AAJK,IAAM,SAEU,CAAC,UAAU;AACjC,SACC,4CAAC,MAAG,SAAQ,MAAM,GAAG,OAAM;AAE7B;AACA,IAAM,SAAK,sBAAO,mBAAAC,OAAU,EAAE;AAAA,EAC7B,YAAY;AACb,CAAC;AAQM,IAAM,YAAsC,CAAC,UAAU;AAC7D,SACC,4CAAC,mBAAAA,SAAA,EAAW,SAAQ,MAAM,GAAG,OAAM;AAErC;AAOO,IAAM,WAAqC,CAAC,UAAU;AAC5D,SACC,4CAAC,OAAI,SAAQ,aAAa,GAAG,OAAM;AAErC;AACA,IAAM,UAAM,sBAAO,mBAAAA,SAAW,CAAC,CAAC,EAAE,OAAK,CAAC,EAAE;AAOnC,IAAM,YAGT,CAAC,UAAU;AACd,QAAM,EAAC,OAAO,UAAU,YAAY,GAAG,KAAI,IAAI;AAG9C,SACE,4CAAC,eAAY,OAAc,UAAoB,YAC/C,sDAAC,MAAG,SAAQ,WAAW,GAAG,MAAK,GAC/B;AAEJ;AACA,IAAM,SAAK,sBAAO,mBAAAA,OAAW,EAAE;AAAA,EAC9B,wBAAuB;AAAA,IACtB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD,CAAC;AACD,IAAM,kBAAc,sBAAO,WAAAC,SAAI;AAAA,EAC9B,mBAAmB,CAAC,SACnB,SAAS,WACN,SAAS,cACT,SAAS;AACd,CAAC,EAAyD,CAAC;AAAA,EAC1D,QAAM;AAAA,EACN,WAAS;AAAA,EACT,aAAW;AACZ,OAAK;AAAA,EACJ,KAAI;AAAA,IACH,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,EACX;AACD,EAAE;AAQK,IAAM,OAAiD,CAAC,UAAU;AACxE,SACC,4CAAC,MAAG,SAAQ,SAAS,GAAG,OAAM;AAEhC;AACA,IAAM,SAAK,sBAAO,mBAAAD,SAAW;AAAA,EAC5B,mBAAmB,CAAC,SAAS,SAAS;AACvC,CAAC,EAAmB,CAAC,EAAC,QAAM,sBAAqB,OAAK;AAAA,EACrD,4CAA2C;AAAA,IAC1C,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD,EAAE;;;ACnHK,IAAM,kBAAkB;AAAA,EAC7B,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,EACF;AAEF;","names":["import_Typography","Typography","Box"]}
+{"version":3,"sources":["../src/components/elemental/Typography/index.ts","../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Typography/src/Variants.tsx","../src/components/elemental/Typography/src/theme.ts"],"sourcesContent":["export * from './src'","export { default } from '@mui/material/Typography'","import React from 'react'\nimport Typography, {type TypographyProps}  from '@mui/material/Typography'\n\n/**\n * Mui Typography with variant h5\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport function Header(props: { children?: React.ReactNode } & TypographyProps) {\n\treturn <Typography variant=\"h5\" {...props} />\n}\n\n\n/**\n * Mui Typography with variant h6\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport function SubHeader(props: TypographyProps) {\n\treturn <Typography variant=\"h6\" {...props} />\n}\n\n/**\n * Mui Typography with variant subtitle1\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport function SubTitle(props: TypographyProps) {\n\treturn <Typography variant=\"subtitle1\" {...props} />\n}\n\n/**\n * Mui Typography with variant caption\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport function Subscript(props: TypographyProps) {\n\treturn (\n\t\t<Typography\n\t\t\tvariant=\"caption\"\n\t\t\t{...props}\n\t\t\tsx={{\n\t\t\t\t...props.sx,\n\t\t\t\tcolor: props.color ?? 'var(--mui-palette-text-subscript)',\n\t\t\t}}\n\t\t/>\n\t)\n}\n\n/**\n * Mui Typography with variant body\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport function Body(props: TypographyProps) {\n\treturn <Typography variant=\"body1\" {...props} />\n}","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const typographyTheme = {\n  styleOverrides: {\n    root: ()=>({\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n     \n      \"&:has(svg)\":{\n        display: 'inline-flex',\n        alignItems: 'center',\n        \"&>svg\":{\n          fontSize: '1em',\n          \n        },\n      },\n      \n    }),\n    caption: {\n      lineHeight: 1,\n    },\n    \n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTypography\">"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,wBAAwB;;;ACCxB,IAAAA,qBAAgD;AAQxC;AADD,SAAS,OAAO,OAAyD;AAC/E,SAAO,4CAAC,mBAAAC,SAAA,EAAW,SAAQ,MAAM,GAAG,OAAO;AAC5C;AAQO,SAAS,UAAU,OAAwB;AACjD,SAAO,4CAAC,mBAAAA,SAAA,EAAW,SAAQ,MAAM,GAAG,OAAO;AAC5C;AAOO,SAAS,SAAS,OAAwB;AAChD,SAAO,4CAAC,mBAAAA,SAAA,EAAW,SAAQ,aAAa,GAAG,OAAO;AACnD;AAOO,SAAS,UAAU,OAAwB;AACjD,SACC;AAAA,IAAC,mBAAAA;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACP,GAAG;AAAA,MACJ,IAAI;AAAA,QACH,GAAG,MAAM;AAAA,QACT,OAAO,MAAM,SAAS;AAAA,MACvB;AAAA;AAAA,EACD;AAEF;AAOO,SAAS,KAAK,OAAwB;AAC5C,SAAO,4CAAC,mBAAAA,SAAA,EAAW,SAAQ,SAAS,GAAG,OAAO;AAC/C;;;ACtDO,IAAM,kBAAkB;AAAA,EAC7B,gBAAgB;AAAA,IACd,MAAM,OAAK;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MAEV,cAAa;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,SAAQ;AAAA,UACN,UAAU;AAAA,QAEZ;AAAA,MACF;AAAA,IAEF;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EAEF;AAEF;","names":["import_Typography","Typography"]}

package/dist/typography.mjs

@@ -6,7 +6,8 @@ import {
   Subscript,
   default as default2,
   typographyTheme
-} from "./chunk-YGBJCPUS.mjs";
+} from "./chunk-4RPFRNXG.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
 export {
   Body,
   Header,