@astral/ui 0.4.0 → 0.4.1-alpha.10

package/esm/Badge/styled.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { BadgeColor, BadgeProps } from './types';
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    classes?: (Partial<import("@mui/material").BadgeUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        colorError?: string | undefined;
+        colorInfo?: string | undefined;
+        colorSuccess?: string | undefined;
+        colorWarning?: string | undefined;
+        anchorOriginTopRightRectangular?: string | undefined;
+        anchorOriginBottomRightRectangular?: string | undefined;
+        anchorOriginTopLeftRectangular?: string | undefined;
+        anchorOriginBottomLeftRectangular?: string | undefined;
+        anchorOriginTopRightCircular?: string | undefined;
+        anchorOriginBottomRightCircular?: string | undefined;
+        anchorOriginTopLeftCircular?: string | undefined;
+        anchorOriginBottomLeftCircular?: string | undefined;
+        overlapRectangular?: string | undefined;
+        overlapCircular?: string | undefined;
+    }) | undefined;
+    color?: "primary" | "secondary" | "default" | "error" | "warning" | "info" | "success" | undefined;
+    overlap?: "circular" | "rectangular" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "standard" | "dot" | undefined;
+} & {
+    anchorOrigin?: import("@mui/material").BadgeOrigin | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Badge?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").BadgeUnstyledComponentsPropsOverrides) | undefined;
+        badge?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").BadgeUnstyledComponentsPropsOverrides) | undefined;
+    } | undefined;
+    badgeContent?: import("react").ReactNode;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").BadgeUnstyledClasses> | undefined;
+    invisible?: boolean | undefined;
+    max?: number | undefined;
+    showZero?: boolean | undefined;
+    variant?: 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;
+}, "color" | "components" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "componentsProps" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Omit<BadgeProps, "color"> & {
+    customColor: BadgeColor;
+}, {}, {}>;

package/esm/Badge/types.d.ts

@@ -0,0 +1,5 @@
+import { BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
+export declare type BadgeColor = 'primary' | 'grey' | 'white' | 'errorLight' | 'error' | 'success';
+export declare type BadgeProps = Omit<MuiBadgeProps, 'color'> & {
+    color: BadgeColor;
+};

package/esm/Button/Button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from './types';
+export declare const Button: ({ children, startIcon, endIcon, loading, ...props }: ButtonProps) => JSX.Element;

package/esm/Button/index.js

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './types';

package/esm/Button/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("@mui/base/ButtonUnstyled/ButtonUnstyledProps").default<"button", {}>, "color" | "variant" | "size"> & {
+    color?: "primary" | "error" | "warning" | "success" | undefined;
+    variant?: "link" | "light" | "text" | "contained" | undefined;
+    size?: "large" | "medium" | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    loading?: boolean | undefined;
+    startIcon?: import("react").ReactNode;
+    endIcon?: import("react").ReactNode;
+}, {}, {}>;

package/esm/Button/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseButtonProps } from '../ButtonBase';
+export declare type ButtonProps = BaseButtonProps & {
+    loading?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+};

package/esm/ButtonBase/ButtonBase.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseButtonProps } from './types';
+export declare const ButtonBase: ({ children, variant, color, ...props }: BaseButtonProps) => JSX.Element;

package/esm/ButtonBase/constants.d.ts

@@ -0,0 +1,22 @@
+export declare enum ButtonColors {
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING = "warning",
+    PRIMARY = "primary"
+}
+export declare enum ButtonVariants {
+    CONTAINED = "contained",
+    LIGHT = "light",
+    TEXT = "text",
+    LINK = "link"
+}
+export declare enum ButtonSizes {
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare enum ButtonStates {
+    DEFAULT = "default",
+    ACTIVE = "active",
+    FOCUS = "focus",
+    HOVER = "hover"
+}

package/esm/ButtonBase/index.js

@@ -0,0 +1,3 @@
+export * from './ButtonBase';
+export * from './constants';
+export * from './types';

package/esm/ButtonBase/styled.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Theme } from '../theme';
+import { BaseButtonProps, ButtonColor, ButtonSize, ButtonState, ButtonVariant } from './types';
+declare type StyledButtonBaseThemeProps = {
+    customColor?: ButtonColor;
+    customVariant?: ButtonVariant;
+    size?: ButtonSize;
+    theme: Theme;
+};
+export declare const getColor: ({ theme, customVariant, customColor, buttonState, }: StyledButtonBaseThemeProps & {
+    buttonState: ButtonState;
+}) => string;
+export declare const getBgColor: ({ customColor, customVariant, buttonState, theme, }: StyledButtonBaseThemeProps & {
+    buttonState: ButtonState;
+}) => string;
+export declare const getButtonHeight: ({ size, }: StyledButtonBaseThemeProps) => string;
+export declare const getButtonPadding: ({ size, theme, }: StyledButtonBaseThemeProps) => string;
+export declare const getDisabledBgColor: ({ theme, customVariant, }: StyledButtonBaseThemeProps) => string;
+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("@emotion/react").Theme | undefined;
+} & Omit<BaseButtonProps, "color" | "variant"> & {
+    customColor?: "primary" | "error" | "warning" | "success" | undefined;
+    customVariant?: "link" | "light" | "text" | "contained" | undefined;
+}, {}, {}>;
+export {};

package/esm/ButtonBase/types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonUnstyledProps } from '@mui/base/ButtonUnstyled';
+import { ButtonColors, ButtonSizes, ButtonStates, ButtonVariants } from './constants';
+export declare type ButtonColor = `${ButtonColors}`;
+export declare type ButtonVariant = `${ButtonVariants}`;
+export declare type ButtonSize = `${ButtonSizes}`;
+export declare type ButtonState = `${ButtonStates}`;
+export declare type BaseButtonProps = Omit<ButtonUnstyledProps, 'color' | 'variant' | 'size'> & {
+    color?: ButtonColor;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};

package/esm/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+export declare const Checkbox: ({ icon, checkedIcon, indeterminateIcon, ...props }: CheckboxProps) => JSX.Element;

package/esm/Checkbox/icons.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export declare const DefaultIcon: React.FunctionComponent<SvgIconProps>;
+export declare const CheckedIcon: React.FunctionComponent<SvgIconProps>;
+export declare const IndeterminateIcon: React.FunctionComponent<SvgIconProps>;

package/esm/Checkbox/index.js

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './types';

package/esm/Checkbox/styled.d.ts

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

package/esm/Checkbox/types.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+export declare type CheckboxProps = Omit<MuiCheckboxProps, 'size' | 'color'>;

package/esm/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CircularProgressProps } from './types';
+export declare const CircularProgress: ({ color, size, ...props }: CircularProgressProps) => JSX.Element;
+export default CircularProgress;

package/esm/CircularProgress/constants.d.ts

@@ -0,0 +1,8 @@
+export declare enum CircularProgressColors {
+    PRIMARY = "primary",
+    INVERTED = "inverted"
+}
+export declare enum CircularProgressSizes {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

package/esm/CircularProgress/index.js

@@ -0,0 +1,2 @@
+export * from './CircularProgress';
+export * from './types';

package/esm/CircularProgress/styled.d.ts

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

package/esm/CircularProgress/types.d.ts

@@ -0,0 +1,8 @@
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+import { CircularProgressColors, CircularProgressSizes } from './constants';
+export declare type CircularProgressColor = `${CircularProgressColors}`;
+export declare type CircularProgressSize = `${CircularProgressSizes}`;
+export declare type CircularProgressProps = Omit<MuiCircularProgressProps, 'color' | 'size'> & {
+    color?: CircularProgressColor;
+    size?: CircularProgressSize;
+};

package/esm/DashboardLayout/DashboardLayout.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface DashBoardLayoutProps {
+    children: ReactNode;
+}
+export declare const DashboardLayout: {
+    ({ children }: DashBoardLayoutProps): JSX.Element;
+    Header: import("react").ForwardRefExoticComponent<import("./Header/types").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    SideBar: import("react").ForwardRefExoticComponent<{
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Main: import("react").ForwardRefExoticComponent<{
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default DashboardLayout;

package/esm/DashboardLayout/DashboardLayout.js

@@ -0,0 +1,24 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Header } from './Header/';
+import { SideBar } from './SideBar/';
+import { Main } from './Main/';
+import { StyledDashboard } from './styled';
+export var DashboardLayout = function (_a) {
+    var children = _a.children;
+    return (_jsx(StyledDashboard, __assign({ container: true, templateColumns: "auto 1fr", templateRows: "auto 1fr" }, { children: children }), void 0));
+};
+DashboardLayout.Header = Header;
+DashboardLayout.SideBar = SideBar;
+DashboardLayout.Main = Main;
+export default DashboardLayout;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderProps } from './types';
+export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Header;

package/esm/DashboardLayout/Header/Header.js

@@ -0,0 +1,19 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { InnerContainer, LeftContainer, LogoContainer, LogoStyle, StyledHeader, } from './styled';
+export var Header = forwardRef(function (_a, ref) {
+    var children = _a.children, logoSrc = _a.logoSrc, logoAlt = _a.logoAlt, LogoLink = _a.LogoLink, Widget = _a.Widget;
+    return (_jsx(StyledHeader, __assign({ ref: ref }, { children: _jsxs(InnerContainer, { children: [_jsxs(LeftContainer, { children: [Widget && _jsx(Widget, {}, void 0), _jsx(LogoContainer, __assign({ withWidget: !!Widget }, { children: _jsx(LogoLink, { Logo: _jsx(LogoStyle, { src: logoSrc, alt: logoAlt }, void 0) }, void 0) }), void 0)] }, void 0), children] }, void 0) }), void 0));
+});
+export default Header;

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

@@ -0,0 +1,2 @@
+export * from './Header';
+export * from './types';

package/esm/DashboardLayout/Header/index.js

@@ -0,0 +1,2 @@
+export * from './Header';
+export * from './types';

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
+    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("@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("@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("@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("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/esm/DashboardLayout/Header/styled.js

@@ -0,0 +1,29 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { styled } from '../../styles';
+export var StyledHeader = styled('header')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  grid-column: 1 / -1;\n  min-height: 56px;\n  height: 56px;\n  width: 100%;\n  z-index: ", ";\n  box-shadow: ", ";\n  padding: 0 ", ";\n  background-color: ", ";\n"], ["\n  grid-column: 1 / -1;\n  min-height: 56px;\n  height: 56px;\n  width: 100%;\n  z-index: ", ";\n  box-shadow: ", ";\n  padding: 0 ", ";\n  background-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.zIndex.appBar;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.elevation[200];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(5);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.background.default;
+});
+export var InnerContainer = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  height: 100%;\n"])));
+export var LeftContainer = styled('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  height: 100%;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  height: 100%;\n  align-items: center;\n"])));
+export var LogoContainer = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: ", ";\n  margin-right: ", ";\n  max-height: 24px;\n  height: 100%;\n  > * {\n    height: 100%;\n  }\n"], ["\n  margin-left: ", ";\n  margin-right: ", ";\n  max-height: 24px;\n  height: 100%;\n  > * {\n    height: 100%;\n  }\n"])), function (_a) {
+    var withWidget = _a.withWidget, theme = _a.theme;
+    return withWidget && theme.spacing(2);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(4);
+});
+export var LogoStyle = styled('img')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n  cursor: pointer;\n"], ["\n  height: 100%;\n  cursor: pointer;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1,10 @@
+import { ElementType, FC, ReactNode } from 'react';
+export declare type HeaderProps = {
+    logoSrc: string;
+    logoAlt: string;
+    LogoLink: FC<LogoLinkProps>;
+    Widget?: ElementType;
+};
+export declare type LogoLinkProps = {
+    Logo: ReactNode;
+};

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare type MainProps = {
+    children: ReactNode;
+};
+export declare const Main: import("react").ForwardRefExoticComponent<MainProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Main;

package/esm/DashboardLayout/Main/Main.js

@@ -0,0 +1,19 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledMain } from './styled';
+export var Main = forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return _jsx(StyledMain, __assign({ ref: ref }, { children: children }), void 0);
+});
+export default Main;

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

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

package/esm/DashboardLayout/Main/index.js

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

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

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

package/esm/DashboardLayout/Main/styled.js

@@ -0,0 +1,7 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { styled } from '../../styles';
+export var StyledMain = styled('main')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  grid-row: 2;\n  grid-column: 2;\n  overflow: hidden;\n"], ["\n  grid-row: 2;\n  grid-column: 2;\n  overflow: hidden;\n"])));
+var templateObject_1;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare type SideBarProps = {
+    children: ReactNode;
+};
+export declare const SideBar: import("react").ForwardRefExoticComponent<SideBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export default SideBar;

package/esm/DashboardLayout/SideBar/SideBar.js

@@ -0,0 +1,19 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledDrawer } from './styled';
+export var SideBar = forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return (_jsx(StyledDrawer, __assign({ ref: ref, open: true, variant: "persistent" }, { children: children }), void 0));
+});
+export default SideBar;

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

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

package/esm/DashboardLayout/SideBar/index.js

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

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

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

package/esm/DashboardLayout/SideBar/styled.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Drawer } from '@mui/material';
+import { styled } from '../../styles';
+export var StyledDrawer = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: ", ";\n  grid-column: 1;\n  width: 241px;\n  position: relative;\n  .MuiPaper-root {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    background-color: ", ";\n    padding: ", ";\n    border-right: 1px solid ", ";\n  }\n"], ["\n  z-index: ", ";\n  grid-column: 1;\n  width: 241px;\n  position: relative;\n  .MuiPaper-root {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    background-color: ", ";\n    padding: ", ";\n    border-right: 1px solid ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.zIndex.appBar - 1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.background.element;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(5, 0);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[300];
+});
+var templateObject_1;

package/esm/DashboardLayout/index.d.ts

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

package/esm/DashboardLayout/index.js

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

package/esm/DashboardLayout/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledDashboard: import("@emotion/styled").StyledComponent<import("../Grid").GridContainerProps & import("../Grid").GridElementsProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/esm/DashboardLayout/styled.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Grid } from '../Grid';
+import { styled } from '../styles';
+export var StyledDashboard = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 100vh;\n"], ["\n  min-height: 100vh;\n"])));
+var templateObject_1;

package/esm/FormControlLabel/FormControlLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormControlLabelProps } from './types';
+export declare const FormControlLabel: ({ ...props }: FormControlLabelProps) => JSX.Element;

package/esm/FormControlLabel/index.js

@@ -0,0 +1,2 @@
+export * from './FormControlLabel';
+export * from './types';

package/esm/FormControlLabel/styled.d.ts

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

package/esm/FormControlLabel/types.d.ts

@@ -0,0 +1,2 @@
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
+export declare type FormControlLabelProps = MuiFormControlLabelProps;

package/esm/FormHelperText/FormHelperText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormHelperTextProps } from './types';
+export declare const FormHelperText: React.FC<FormHelperTextProps>;
+export default FormHelperText;

package/esm/FormHelperText/index.js

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