@astral/ui 0.23.0-alpha.3 → 0.23.0-alpha.4

package/DataGridPagination/styled.d.ts

@@ -3,8 +3,18 @@ export declare const PaginationWrapper: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Range: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const Range: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/Placeholder/styled.d.ts

@@ -11,14 +11,34 @@ export declare const StyledImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const StyledTitle: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledDescription: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const StyledDescription: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledActions: import("@emotion/styled").StyledComponent<{

package/Typography/Typography.d.ts

@@ -1,8 +1 @@
-/// <reference types="react" />
-import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
-import { Variant } from '@mui/material/styles/createTypography';
-export declare type TypographyProps = Omit<MuiTypographyProps, 'variant'> & {
-    variant?: Variant | 'h7' | 'h8' | 'h9' | 'ui' | 'link' | 'pointer' | 'small' | 'code';
-};
-export declare const Typography: ({ variant, children, ...props }: TypographyProps) => JSX.Element;
-export default Typography;
+export { default as Typography } from '@mui/material/Typography';

package/Typography/Typography.js

@@ -1,36 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Typography = function (_a) {
-    var variant = _a.variant, children = _a.children, props = __rest(_a, ["variant", "children"]);
-    return ((0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ variant: variant }, props, { children: children }), void 0));
-};
-exports.Typography = Typography;
-exports.default = exports.Typography;
+var Typography_1 = require("@mui/material/Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return __importDefault(Typography_1).default; } });

package/Typography/types.d.ts

@@ -0,0 +1,18 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import { Variant } from '@mui/material/styles/createTypography';
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h7: true;
+        h8: true;
+        h9: true;
+        ui: true;
+        link: true;
+        pointer: true;
+        small: true;
+        code: true;
+        div: true;
+    }
+}
+export declare type TypographyProps = Omit<MuiTypographyProps, 'variant'> & {
+    variant?: Variant | 'h7' | 'h8' | 'h9' | 'ui' | 'link' | 'pointer' | 'small' | 'code' | 'div';
+};

package/Typography/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/esm/DataGridPagination/styled.d.ts

@@ -3,8 +3,18 @@ export declare const PaginationWrapper: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Range: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const Range: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/Placeholder/styled.d.ts

@@ -11,14 +11,34 @@ export declare const StyledImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const StyledTitle: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const StyledTitle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledDescription: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
-    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
-} & {
+export declare const StyledDescription: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui" | undefined;
+    variantMapping?: Partial<Record<"link" | "small" | "button" | "caption" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "pointer" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "h7" | "h8" | "h9" | "ui", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("margin" | "p" | "color" | "fontSize" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "left" | "right" | "top" | "bottom" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledActions: import("@emotion/styled").StyledComponent<{

package/esm/Typography/Typography.d.ts

@@ -1,8 +1 @@
-/// <reference types="react" />
-import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
-import { Variant } from '@mui/material/styles/createTypography';
-export declare type TypographyProps = Omit<MuiTypographyProps, 'variant'> & {
-    variant?: Variant | 'h7' | 'h8' | 'h9' | 'ui' | 'link' | 'pointer' | 'small' | 'code';
-};
-export declare const Typography: ({ variant, children, ...props }: TypographyProps) => JSX.Element;
-export default Typography;
+export { default as Typography } from '@mui/material/Typography';

package/esm/Typography/Typography.js

@@ -1,29 +1 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import MuiTypography from '@mui/material/Typography';
-export var Typography = function (_a) {
-    var variant = _a.variant, children = _a.children, props = __rest(_a, ["variant", "children"]);
-    return (_jsx(MuiTypography, __assign({ variant: variant }, props, { children: children }), void 0));
-};
-export default Typography;
+export { default as Typography } from '@mui/material/Typography';

package/esm/Typography/types.d.ts

@@ -0,0 +1,18 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import { Variant } from '@mui/material/styles/createTypography';
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h7: true;
+        h8: true;
+        h9: true;
+        ui: true;
+        link: true;
+        pointer: true;
+        small: true;
+        code: true;
+        div: true;
+    }
+}
+export declare type TypographyProps = Omit<MuiTypographyProps, 'variant'> & {
+    variant?: Variant | 'h7' | 'h8' | 'h9' | 'ui' | 'link' | 'pointer' | 'small' | 'code' | 'div';
+};

package/esm/Typography/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.23.0-alpha.3",
+  "version": "0.23.0-alpha.4",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^0.23.0-alpha.3",
+    "@astral/icons": "^0.23.0-alpha.4",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.8.1",
     "@emotion/server": "11.4.0",