@lunit/oui 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/foundations/typography.js

@@ -0,0 +1,288 @@
+const typographyOptions = {
+    fontFamily: [
+        'Pretendard',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+    ].join(','),
+    h1: {
+        fontWeight: 600,
+        fontSize: '52px',
+        lineHeight: '68px',
+    },
+    h2: {
+        fontWeight: 700,
+        fontSize: '38px',
+        lineHeight: '48px',
+    },
+    h3: {
+        fontWeight: 500,
+        fontSize: '38px',
+        lineHeight: '48px',
+    },
+    h4: {
+        fontWeight: 600,
+        fontSize: '30px',
+        lineHeight: '48px',
+    },
+    h5: {
+        fontWeight: 400,
+        fontSize: '30px',
+        lineHeight: '48px',
+    },
+    h6: {
+        fontWeight: 700,
+        fontSize: '28px',
+        lineHeight: 'auto',
+    },
+    h7: {
+        fontWeight: 600,
+        fontSize: '24px',
+        lineHeight: '36px',
+    },
+    h8: {
+        fontWeight: 600,
+        fontSize: '20px',
+        lineHeight: '28px',
+    },
+    h9: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    subtitle1: {
+        fontSize: 20,
+        fontWeight: 600,
+        lineHeight: '28px',
+    },
+    subtitle2: {
+        fontSize: 18,
+        fontWeight: 600,
+        lineHeight: '24px',
+    },
+    subtitle3: {
+        fontSize: 16,
+        fontWeight: 600,
+        lineHeight: '24px',
+    },
+    body_b1: {
+        fontWeight: 700,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_b2: {
+        fontWeight: 700,
+        fontSize: '14px',
+        lineHeight: 'auto',
+    },
+    body_sb1: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    body_sb2: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '20px',
+    },
+    body_sb3: {
+        fontWeight: 700,
+        fontSize: '15px',
+        lineHeight: '16px',
+    },
+    body_sb4: {
+        fontWeight: 600,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_sb5: {
+        fontWeight: 600,
+        fontSize: '12.4px',
+        lineHeight: '16px',
+    },
+    body_m1: {
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_m2: {
+        fontWeight: 500,
+        fontSize: '13px',
+        lineHeight: '18px',
+        letterSpacing: '0.2px',
+    },
+    body1: {
+        fontWeight: 400,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    body2: {
+        fontWeight: 400,
+        fontSize: '16px',
+        lineHeight: 'auto',
+    },
+    body3: {
+        fontWeight: 400,
+        fontSize: '15px',
+        lineHeight: '24px',
+    },
+    body4: {
+        fontWeight: 400,
+        fontSize: '14px',
+        lineHeight: '28px',
+    },
+    body5: {
+        fontWeight: 400,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body6: {
+        fontWeight: 400,
+        fontSize: '13px',
+        lineHeight: '18px',
+    },
+    body7: {
+        fontWeight: 400,
+        fontSize: '12.4px',
+        lineHeight: '16px',
+    },
+    body8: {
+        fontWeight: 400,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_b1: {
+        fontWeight: 700,
+        fontSize: '12px',
+        lineHeight: '12px',
+    },
+    small_body_b2: {
+        fontWeight: 700,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_b3: {
+        fontWeight: 700,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body_b4: {
+        fontWeight: 700,
+        fontSize: '10px',
+        lineHeight: '12px',
+    },
+    small_body_b5: {
+        fontWeight: 700,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_sb1: {
+        fontWeight: 600,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_m1: {
+        fontWeight: 500,
+        fontSize: '13px',
+        lineHeight: '20px',
+    },
+    small_body_m2: {
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '20px',
+    },
+    small_body_m3: {
+        fontWeight: 500,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body_m4: {
+        fontWeight: 500,
+        fontSize: '10px',
+        lineHeight: '16px',
+    },
+    small_body_m5: {
+        fontWeight: 500,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_m6: {
+        fontWeight: 500,
+        fontSize: '8px',
+        lineHeight: '12px',
+    },
+    small_body_m7: {
+        fontWeight: 500,
+        fontSize: '7px',
+        lineHeight: 'auto',
+    },
+    small_body1: {
+        fontWeight: 400,
+        fontSize: '13px',
+        lineHeight: '24px',
+    },
+    small_body2: {
+        fontWeight: 400,
+        fontSize: '12px',
+        lineHeight: '20px',
+    },
+    small_body3: {
+        fontWeight: 400,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body4: {
+        fontWeight: 400,
+        fontSize: '10px',
+        lineHeight: '14px',
+    },
+    small_body5: {
+        fontWeight: 400,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_l1: {
+        fontWeight: 300,
+        fontSize: '10px',
+        lineHeight: '20px',
+    },
+    small_body_l2: {
+        fontWeight: 300,
+        fontSize: '7px',
+        lineHeight: 'auto',
+    },
+    overline: {
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '20px',
+        letterSpacing: '1px',
+        textTransform: 'uppercase',
+    },
+    button1: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '22px',
+        textTransform: 'capitalize',
+    },
+    button2: {
+        fontWeight: 600,
+        fontSize: '14px',
+        lineHeight: '20px',
+        letterSpacing: '0.2px',
+        textTransform: 'capitalize',
+    },
+    caption: {
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+};
+export default typographyOptions;
+//# sourceMappingURL=typography.js.map

package/dist/index.js

@@ -0,0 +1,4 @@
+import theme from './theme';
+export { theme };
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/dist/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/dist/systems/drawer.js

@@ -0,0 +1,6 @@
+const drawer = {
+    leftDrawer: { width: 240 },
+    rightDrawer: { width: 260 },
+};
+export default drawer;
+//# sourceMappingURL=drawer.js.map

package/dist/systems/index.js

@@ -0,0 +1,7 @@
+export const SCROLLBAR_WIDTH = 10;
+export const SMALL_SCROLLBAR_WIDTH = 6;
+export const DRAWER_WIDTH_OPEN = 280;
+export const DRAWER_WIDTH_CLOSE = 52;
+export const VIEWER_DRAWER_WIDTH_OPEN = 280;
+export { default as drawer } from './drawer';
+//# sourceMappingURL=index.js.map

package/dist/theme.js

@@ -0,0 +1,21 @@
+import { createTheme } from '@mui/material/styles';
+import MuiCssBaseline from './components/MuiCssBaseline';
+import MuiInputBase from './components/MuiInputBase';
+import MuiOutlinedInput from './components/MuiOutlinedInput';
+import MuiTextField from './components/MuiTextField';
+import { palette, spacing, typography } from './foundations';
+import { drawer } from './systems';
+const theme = createTheme({
+    ...drawer,
+    palette,
+    spacing,
+    typography,
+    components: {
+        MuiCssBaseline,
+        MuiInputBase,
+        MuiOutlinedInput,
+        MuiTextField,
+    },
+});
+export default theme;
+//# sourceMappingURL=theme.js.map

package/dist/types/assets/ic-bell-noti-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcBellNotioutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcBellNotioutlined20Px;

package/dist/types/assets/ic-close-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcCloseLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcCloseLargeoutlined20Px;

package/dist/types/assets/ic-close-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcCloseSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcCloseSmalloutlined20Px;

package/dist/types/assets/ic-download-pdf-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcDownloadPdfoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcDownloadPdfoutlined20Px;

package/dist/types/assets/ic-ellipse-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcEllipseoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcEllipseoutlined20Px;

package/dist/types/assets/ic-filter-noti-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcFilterNotioutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcFilterNotioutlined20Px;

package/dist/types/assets/ic-hide-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcHideLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcHideLargeoutlined20Px;

package/dist/types/assets/ic-hide-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcHideSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcHideSmalloutlined20Px;

package/dist/types/assets/ic-information-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcInformationLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcInformationLargeoutlined20Px;

package/dist/types/assets/ic-information-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcInformationSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcInformationSmalloutlined20Px;

package/dist/types/assets/ic-manufacturer-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcManufactureroutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcManufactureroutlined20Px;

package/dist/types/assets/ic-rectangle-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRectangleoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRectangleoutlined20Px;

package/dist/types/assets/ic-refresh-left-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRefreshLeftoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRefreshLeftoutlined20Px;

package/dist/types/assets/ic-refresh-right-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRefreshRightoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRefreshRightoutlined20Px;

package/dist/types/assets/ic-show-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcShowLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcShowLargeoutlined20Px;

package/dist/types/assets/ic-show-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcShowSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcShowSmalloutlined20Px;

package/dist/types/assets/index.d.ts

@@ -0,0 +1,16 @@
+export { default as IcBellNotiOutlined20Px } from './ic-bell-noti-outlined-20px';
+export { default as IcCloseLargeOutlined20Px } from './ic-close-large-outlined-20px';
+export { default as IcCloseSmallOutlined20Px } from './ic-close-small-outlined-20px';
+export { default as IcDownloadPdfOutlined20Px } from './ic-download-pdf-outlined-20px';
+export { default as IcEllipseOutlined20Px } from './ic-ellipse-outlined-20px';
+export { default as IcFilterNotiOutlined20Px } from './ic-filter-noti-outlined-20px';
+export { default as IcHideLargeOutlined20Px } from './ic-hide-large-outlined-20px';
+export { default as IcHideSmallOutlined20Px } from './ic-hide-small-outlined-20px';
+export { default as IcInformationLargeOutlined20Px } from './ic-information-large-outlined-20px';
+export { default as IcInformationSmallOutlined20Px } from './ic-information-small-outlined-20px';
+export { default as IcManufacturerOutlined20Px } from './ic-manufacturer-outlined-20px';
+export { default as IcRectangleOutlined20Px } from './ic-rectangle-outlined-20px';
+export { default as IcRefreshLeftOutlined20Px } from './ic-refresh-left-outlined-20px';
+export { default as IcRefreshRightOutlined20Px } from './ic-refresh-right-outlined-20px';
+export { default as IcShowLargeOutlined20Px } from './ic-show-large-outlined-20px';
+export { default as IcShowSmallOutlined20Px } from './ic-show-small-outlined-20px';

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AlertProps } from './Alert.types';
+declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/dist/types/components/Alert/Alert.styled.d.ts

@@ -0,0 +1,3 @@
+import type { AlertProps } from './Alert.types';
+declare const BaseAlert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertProps, {}, {}>;
+export default BaseAlert;

package/dist/types/components/Alert/Alert.types.d.ts

@@ -0,0 +1,4 @@
+import type { AlertProps as MuiAlertProps } from '@mui/material';
+export interface AlertProps extends MuiAlertProps {
+    onClose?: () => void;
+}

package/dist/types/components/Alert/Alert.utils.d.ts

@@ -0,0 +1,4 @@
+import { AlertColor } from '@mui/material';
+export declare const getIcons: (severity: AlertColor | undefined) => import("react/jsx-runtime").JSX.Element;
+export declare const getBackgroundColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
+export declare const getAccentColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,4 @@
+import Alert from './Alert';
+import type { AlertProps } from './Alert.types';
+export { Alert };
+export type { AlertProps };

package/dist/types/components/BaseTextField/BaseTextField.styled.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { Theme } from '@mui/material';
+import type { BaseTextFieldContainerProps, HelperMsgProps } from './BaseTextField.types';
+declare const BaseTextFieldBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTextFieldContainerProps, {}, {}>;
+declare const BaseTextFieldContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTextFieldContainerProps, {}, {}>;
+declare const InputMsg: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme> & HelperMsgProps, {}, {}>;
+declare const styles: {
+    baseTextFieldStyle: (theme: Theme) => {
+        backgroundColor: import("csstype").Property.Color | undefined;
+        borderRadius: string;
+        border: string;
+        borderColor: string;
+        color: import("csstype").Property.Color | undefined;
+        fontWeight: string;
+        fontSize: string;
+        fontFamily: string;
+        lineHeight: string;
+        padding: string;
+        '&::placeholder': {
+            color: import("csstype").Property.Color | undefined;
+        };
+        '&:focus': {
+            outline: string;
+            border: string;
+            borderColor: import("csstype").Property.Color | undefined;
+        };
+        '&:hover': {
+            borderColor: import("csstype").Property.Color | undefined;
+        };
+        '&:disabled': {
+            opacity: string;
+            pointerEvents: string;
+        };
+        '&:read-only': {
+            border: string;
+            backgroundColor: string;
+            color: import("csstype").Property.Color | undefined;
+            pointerEvents: string;
+        };
+    };
+    baseTextFieldErrorStyle: (theme: Theme) => {
+        borderColor: import("csstype").Property.Color | undefined;
+    };
+    baseTextFieldMsgStyle: (theme: Theme) => {
+        width: string;
+        maxWidth: string;
+        minHeight: string;
+        color: import("csstype").Property.Color | undefined;
+        padding: string;
+    };
+    baseTextFieldMsgErrorStyle: (theme: Theme) => {
+        color: import("csstype").Property.Color | undefined;
+    };
+};
+export { styles, BaseTextFieldContainer, BaseTextFieldBox, InputMsg };

package/dist/types/components/BaseTextField/BaseTextField.types.d.ts

@@ -0,0 +1,17 @@
+import type { BoxProps } from '@mui/material';
+interface BaseTextFieldContainerProps {
+    width?: string | number;
+}
+interface RootTextFieldProps extends BaseTextFieldContainerProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    defaultValue?: string;
+    error?: boolean;
+    BoxProps?: BoxProps;
+}
+interface HelperMsgProps {
+    error?: boolean;
+    helperMsg?: string;
+}
+export { RootTextFieldProps, BaseTextFieldContainerProps, HelperMsgProps };

package/dist/types/components/BaseTextField/BaseTextField.utils.d.ts

@@ -0,0 +1,2 @@
+declare function formatCSSSize(sizeVal: string | number | undefined): string | undefined;
+export { formatCSSSize };

package/dist/types/components/Button/BaseButton.d.ts

@@ -0,0 +1,3 @@
+import type { BaseButtonProps } from './Button.types';
+declare const BaseButton: ({ variant, ...otherProps }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default BaseButton;

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from './Button.types';
+declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/types/components/Button/Button.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { ButtonProps as MuiButtonProps } from '@mui/material';
+type ButtonVariant = 'contained' | 'ghost' | 'outlined';
+type ButtonColor = 'primary' | 'secondary' | 'error';
+type ButtonSize = 'small' | 'medium' | 'large';
+interface BaseButtonProps extends Omit<MuiButtonProps, 'variant' | 'color'> {
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    disabled?: boolean;
+    focusOutline?: boolean;
+    isIconOnly: boolean;
+    loading?: boolean;
+    label?: string;
+}
+interface IconButtonProps extends Omit<BaseButtonProps, 'isIconOnly'> {
+    icon: React.ReactNode;
+}
+interface NormalButtonProps extends Omit<BaseButtonProps, 'isIconOnly'> {
+    label: string;
+    icon?: React.ReactNode;
+}
+type ButtonProps = IconButtonProps | NormalButtonProps;
+export type { ButtonVariant, ButtonColor, BaseButtonProps, IconButtonProps, NormalButtonProps, ButtonProps, };

package/dist/types/components/Button/Button.utils.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonProps, IconButtonProps } from './Button.types';
+/**
+ * @param props
+ * @returns boolean
+ * @description checks for presence of `label` prop to assert between Icon and Normal Button
+ */
+declare function isIconButton(props: ButtonProps): props is IconButtonProps;
+export { isIconButton };

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,5 @@
+import Button from './Button';
+import BaseButton from './BaseButton';
+import type { BaseButtonProps, ButtonProps } from './Button.types';
+export { Button, BaseButton };
+export type { ButtonProps, BaseButtonProps };