@astral/ui 0.4.1-alpha.8 → 0.5.1

package/Badge/styled.d.ts

@@ -43,7 +43,7 @@ export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
 } & 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;
 }, "color" | "components" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "componentsProps" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BadgeProps, "color"> & {
     customColor: BadgeColor;
 }, {}, {}>;

package/Button/styled.d.ts

@@ -4,7 +4,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<Omi
     variant?: "link" | "light" | "text" | "contained" | undefined;
     size?: "large" | "medium" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     loading?: boolean | undefined;
     startIcon?: import("react").ReactNode;

package/ButtonBase/styled.d.ts

@@ -19,7 +19,7 @@ export declare const getDisabledBgColor: ({ theme, customVariant, }: StyledButto
 export declare const StyledButtonBase: import("@emotion/styled").StyledComponent<Pick<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
     component?: import("react").ElementType<any> | undefined;
 }, string | number | symbol> & import("react").RefAttributes<any> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BaseButtonProps, "color" | "variant"> & {
     customColor?: "primary" | "error" | "warning" | "success" | undefined;
     customVariant?: "link" | "light" | "text" | "contained" | undefined;

package/Checkbox/styled.d.ts

@@ -1,4 +1,4 @@
 import { CheckboxProps } from './types';
 export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & CheckboxProps, {}, {}>;

package/CircularProgress/styled.d.ts

@@ -1,6 +1,6 @@
 import { CircularProgressProps } from './types';
 export declare const StyledCircularProgress: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<CircularProgressProps, "color" | "size"> & {
     customColor?: "primary" | "inverted" | undefined;
 }, {}, {}>;

package/DashboardLayout/Header/styled.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LeftContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LogoContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     withWidget: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LogoStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/DashboardLayout/Main/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const StyledMain: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/DashboardLayout/SideBar/styled.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/DashboardLayout/styled.d.ts

@@ -2,5 +2,5 @@
 export declare const StyledDashboard: import("@emotion/styled").StyledComponent<import("../Grid").GridContainerProps & import("../Grid").GridElementsProps & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/FormControlLabel/styled.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/FormHelperText/styled.d.ts

@@ -15,7 +15,7 @@ export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
 }, "fontSize" | "color" | "shapeRendering" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -33,9 +33,9 @@ export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
 }, "fontSize" | "color" | "shapeRendering" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/Grid/styled.d.ts

@@ -7,7 +7,7 @@ export declare const StyledGrid: import("@emotion/styled").StyledComponent<impor
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | ("fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "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" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     container: boolean;
 }, {}, {}>;

package/IconButton/styled.d.ts

@@ -10,7 +10,7 @@ export declare const StyledIconButton: import("@emotion/styled").StyledComponent
     variant?: "link" | "light" | "text" | "contained" | undefined;
     size?: "large" | "medium" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     loading?: boolean | undefined;
     startIcon?: import("react").ReactNode;

package/MenuList/styled.d.ts

@@ -16,5 +16,5 @@ export declare const StyledMenuList: import("@emotion/styled").StyledComponent<{
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
     ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "autoFocus" | "dense" | "subheader" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/Radio/styled.d.ts

@@ -1,4 +1,4 @@
 import { RadioProps } from './types';
 export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & RadioProps, {}, {}>;

package/Tag/styled.d.ts

@@ -17,7 +17,7 @@ export declare const StyledTag: import("@emotion/styled").StyledComponent<{
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "label" | "variant" | "size" | "icon" | "avatar" | "clickable" | "deleteIcon" | "onDelete"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<TagProps, "color"> & {
     customColor?: "primary" | "default" | "error" | "grey" | "warning" | "success" | undefined;
     customVariant?: "light" | "contained" | undefined;

package/Tooltip/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("@mui/material").TooltipProps & {
     size?: "medium" | "small" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/Badge/styled.d.ts

@@ -43,7 +43,7 @@ export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
 } & 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;
 }, "color" | "components" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "componentsProps" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BadgeProps, "color"> & {
     customColor: BadgeColor;
 }, {}, {}>;

package/esm/Button/styled.d.ts

@@ -4,7 +4,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<Omi
     variant?: "link" | "light" | "text" | "contained" | undefined;
     size?: "large" | "medium" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     loading?: boolean | undefined;
     startIcon?: import("react").ReactNode;

package/esm/ButtonBase/styled.d.ts

@@ -19,7 +19,7 @@ export declare const getDisabledBgColor: ({ theme, customVariant, }: StyledButto
 export declare const StyledButtonBase: import("@emotion/styled").StyledComponent<Pick<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
     component?: import("react").ElementType<any> | undefined;
 }, string | number | symbol> & import("react").RefAttributes<any> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BaseButtonProps, "color" | "variant"> & {
     customColor?: "primary" | "error" | "warning" | "success" | undefined;
     customVariant?: "link" | "light" | "text" | "contained" | undefined;

package/esm/Checkbox/styled.d.ts

@@ -1,4 +1,4 @@
 import { CheckboxProps } from './types';
 export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & CheckboxProps, {}, {}>;

package/esm/CircularProgress/styled.d.ts

@@ -1,6 +1,6 @@
 import { CircularProgressProps } from './types';
 export declare const StyledCircularProgress: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<CircularProgressProps, "color" | "size"> & {
     customColor?: "primary" | "inverted" | undefined;
 }, {}, {}>;

package/esm/DashboardLayout/Header/styled.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LeftContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LogoContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     withWidget: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LogoStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/esm/DashboardLayout/Main/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const StyledMain: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/esm/DashboardLayout/SideBar/styled.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/DashboardLayout/styled.d.ts

@@ -2,5 +2,5 @@
 export declare const StyledDashboard: import("@emotion/styled").StyledComponent<import("../Grid").GridContainerProps & import("../Grid").GridElementsProps & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/FormControlLabel/styled.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/FormHelperText/styled.d.ts

@@ -15,7 +15,7 @@ export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
 }, "fontSize" | "color" | "shapeRendering" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -33,9 +33,9 @@ export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
 }, "fontSize" | "color" | "shapeRendering" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/esm/Grid/styled.d.ts

@@ -7,7 +7,7 @@ export declare const StyledGrid: import("@emotion/styled").StyledComponent<impor
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | ("fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "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" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     container: boolean;
 }, {}, {}>;

package/esm/IconButton/styled.d.ts

@@ -10,7 +10,7 @@ export declare const StyledIconButton: import("@emotion/styled").StyledComponent
     variant?: "link" | "light" | "text" | "contained" | undefined;
     size?: "large" | "medium" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
     loading?: boolean | undefined;
     startIcon?: import("react").ReactNode;

package/esm/MenuList/styled.d.ts

@@ -16,5 +16,5 @@ export declare const StyledMenuList: import("@emotion/styled").StyledComponent<{
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
     ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "autoFocus" | "dense" | "subheader" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/Radio/styled.d.ts

@@ -1,4 +1,4 @@
 import { RadioProps } from './types';
 export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & RadioProps, {}, {}>;

package/esm/Tag/styled.d.ts

@@ -17,7 +17,7 @@ export declare const StyledTag: import("@emotion/styled").StyledComponent<{
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "label" | "variant" | "size" | "icon" | "avatar" | "clickable" | "deleteIcon" | "onDelete"> & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Omit<TagProps, "color"> & {
     customColor?: "primary" | "default" | "error" | "grey" | "warning" | "success" | undefined;
     customVariant?: "light" | "contained" | undefined;

package/esm/Tooltip/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("@mui/material").TooltipProps & {
     size?: "medium" | "small" | undefined;
 } & {
-    theme?: import("@mui/material").Theme | undefined;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/esm/index.d.ts

@@ -19,3 +19,4 @@ export * from './Grid';
 export * from './Tag';
 export * from './Tooltip';
 export * from './TextArea';
+export * from './DashboardLayout';

package/esm/index.js

@@ -19,3 +19,4 @@ export * from './Grid';
 export * from './Tag';
 export * from './Tooltip';
 export * from './TextArea';
+export * from './DashboardLayout';

package/esm/styles/index.d.ts

@@ -1 +1 @@
-export * from './styled';
+export { default as styled } from '@emotion/styled';

package/esm/styles/index.js

@@ -1 +1 @@
-export * from './styled';
+export { default as styled } from '@emotion/styled';

package/index.d.ts

@@ -19,3 +19,4 @@ export * from './Grid';
 export * from './Tag';
 export * from './Tooltip';
 export * from './TextArea';
+export * from './DashboardLayout';

package/index.js

@@ -31,3 +31,4 @@ __exportStar(require("./Grid"), exports);
 __exportStar(require("./Tag"), exports);
 __exportStar(require("./Tooltip"), exports);
 __exportStar(require("./TextArea"), exports);
+__exportStar(require("./DashboardLayout"), exports);

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@astral/ui",
-  "version": "0.4.1-alpha.8",
+  "version": "0.5.1",
+  "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
       "^lodash-es$": "lodash"
     }
   },
   "dependencies": {
-    "@astral/icons": "^0.3.0",
+    "@astral/icons": "^0.5.1",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.5.0",
     "@emotion/server": "11.4.0",
@@ -34,4 +35,4 @@
   "types": "./esm/index.d.ts",
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}

package/styles/index.d.ts

@@ -1 +1 @@
-export * from './styled';
+export { default as styled } from '@emotion/styled';

package/styles/index.js

@@ -1,13 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./styled"), exports);
+exports.styled = void 0;
+var styled_1 = require("@emotion/styled");
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return __importDefault(styled_1).default; } });

package/esm/styles/styled/index.d.ts

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

package/esm/styles/styled/index.js

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

package/esm/styles/styled/styled.d.ts

@@ -1,2 +0,0 @@
-import { CreateStyled } from './types';
-export declare const styled: CreateStyled;

package/esm/styles/styled/styled.js

@@ -1,2 +0,0 @@
-import emotionStyled from '@emotion/styled';
-export var styled = emotionStyled;

package/esm/styles/styled/types.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { PropsOf } from '@emotion/react';
-import { CreateStyledComponent, FilteringStyledOptions, StyledOptions } from '@emotion/styled/base';
-import { Theme } from '../../theme';
-/**
- * @desc
- * This function accepts a React component or tag ('div', 'a' etc).
- *
- * @example styled(MyComponent)({ width: 100 })
- * @example styled(MyComponent)(myComponentProps => ({ width: myComponentProps.width })
- * @example styled('div')({ width: 100 })
- * @example styled('div')<Props>(props => ({ width: props.width })
- */
-interface BaseCreateStyled {
-    <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: Theme;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: Theme;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: Theme;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: Theme;
-    }>;
-    <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] = keyof JSX.IntrinsicElements[Tag]>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>): CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
-    <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]>): CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-}
-declare type StyledTags = {
-    [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-};
-export interface CreateStyled extends BaseCreateStyled, StyledTags {
-}
-export {};

package/esm/styles/styled/types.js

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

package/styles/styled/index.d.ts

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

package/styles/styled/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./styled"), exports);

package/styles/styled/styled.d.ts

@@ -1,2 +0,0 @@
-import { CreateStyled } from './types';
-export declare const styled: CreateStyled;

package/styles/styled/styled.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styled = void 0;
-var styled_1 = __importDefault(require("@emotion/styled"));
-exports.styled = styled_1.default;

package/styles/styled/types.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { PropsOf } from '@emotion/react';
-import { CreateStyledComponent, FilteringStyledOptions, StyledOptions } from '@emotion/styled/base';
-import { Theme } from '../../theme';
-/**
- * @desc
- * This function accepts a React component or tag ('div', 'a' etc).
- *
- * @example styled(MyComponent)({ width: 100 })
- * @example styled(MyComponent)(myComponentProps => ({ width: myComponentProps.width })
- * @example styled('div')({ width: 100 })
- * @example styled('div')<Props>(props => ({ width: props.width })
- */
-interface BaseCreateStyled {
-    <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: Theme;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: Theme;
-    }, {}, {
-        ref?: React.Ref<InstanceType<C>>;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
-        theme?: Theme;
-    }>;
-    <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
-        theme?: Theme;
-    }>;
-    <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] = keyof JSX.IntrinsicElements[Tag]>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>): CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
-    <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]>): CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-}
-declare type StyledTags = {
-    [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
-        theme?: Theme;
-        as?: React.ElementType;
-    }, JSX.IntrinsicElements[Tag]>;
-};
-export interface CreateStyled extends BaseCreateStyled, StyledTags {
-}
-export {};

package/styles/styled/types.js

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