@lunit/design-system 2.1.0 → 2.2.3

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

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import type { ButtonProps as MuiButtonProps, ButtonTypeMap as MuiButtonTypeMap } from "@mui/material";
-import type { OverridableComponent } from "@mui/material/OverridableComponent";
+import type React from 'react';
+import type { ButtonProps as MuiButtonProps, ButtonTypeMap as MuiButtonTypeMap } from '@mui/material';
+import type { OverridableComponent } from '@mui/material/OverridableComponent';
 /**
  * TODO: Omit 을 사용할 경우 component prop 타입 추론이 안되는 이슈 발생
  * https://github.com/lunit-io/design-system/pull/133#discussion_r1354277785
  * */
-export interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
+export interface BaseButtonProps extends Omit<MuiButtonProps, 'variant'> {
     icon?: React.ReactNode;
-    variant?: "contained" | "outlined" | "text" | "ghost";
+    variant?: 'contained' | 'outlined' | 'text' | 'ghost';
 }
 export interface ContainedButtonProps extends BaseButtonProps {
-    kind?: "contained";
-    variant?: "contained";
-    color?: "primary" | "secondary" | "error";
+    kind?: 'contained';
+    variant?: 'contained';
+    color?: 'primary' | 'secondary' | 'error';
 }
 export interface GhostButtonProps extends BaseButtonProps {
-    kind?: "ghost";
-    variant?: "text" | "ghost";
-    color?: "primary" | "secondary" | "error";
+    kind?: 'ghost';
+    variant?: 'text' | 'ghost';
+    color?: 'primary' | 'secondary' | 'error';
 }
 export interface OutlinedButtonProps extends BaseButtonProps {
-    kind?: "outlined";
-    variant?: "outlined";
-    color?: "primary" | "secondary";
+    kind?: 'outlined';
+    variant?: 'outlined';
+    color?: 'primary' | 'secondary';
 }
 export type ButtonProps = ContainedButtonProps | GhostButtonProps | OutlinedButtonProps;
-export type ButtonTypeMap<P = {}, D extends React.ElementType = MuiButtonTypeMap["defaultComponent"]> = {
+export interface ButtonTypeMap<P = {}, D extends React.ElementType = MuiButtonTypeMap['defaultComponent']> {
     props: P & ButtonProps;
     defaultComponent: D;
-};
+}
 export type ButtonType = OverridableComponent<ButtonTypeMap>;

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

@@ -1 +1 @@
-export { default } from "./Button";
+export { default } from './Button';

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

@@ -1,10 +1,10 @@
-import type { ButtonProps } from "../Button.types";
-import { ToggleButtonProps } from "@/components/ToggleButton/ToggleButton.types";
-type GetButtonPaddingBySizeAndKindParams = Pick<ButtonProps, "kind" | "size"> & Pick<ToggleButtonProps, "selected">;
+import type { ButtonProps } from '../Button.types';
+import { ToggleButtonProps } from '@/components/ToggleButton/ToggleButton.types';
+type GetButtonPaddingBySizeAndKindParams = Pick<ButtonProps, 'kind' | 'size'> & Pick<ToggleButtonProps, 'selected'>;
 /**
  * When kind is outlined,
  * the padding value must include the border width of outlined.
  * This function takes care of this.
  */
-export declare const getButtonPaddingBySizeAndKind: ({ kind, size, selected, }: GetButtonPaddingBySizeAndKindParams) => string;
+export declare const getButtonPaddingBySizeAndKind: ({ kind, size, selected, }: GetButtonPaddingBySizeAndKindParams) => "3px 7px" | "4px 8px" | "7px 11px" | "8px 12px" | "9px 11px" | "10px 12px";
 export {};

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

@@ -1,4 +1,5 @@
-declare const getHoverStyle: (backgroundColor: React.CSSProperties["color"]) => {
+import { CSSProperties } from 'react';
+declare const getHoverStyle: (backgroundColor: CSSProperties["color"]) => {
     position: string;
     zIndex: number;
     backgroundColor: import("csstype").Property.Color | undefined;

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

@@ -1,10 +1,10 @@
-import type { ButtonProps } from "../Button.types";
-import { ToggleButtonProps } from "@/components/ToggleButton/ToggleButton.types";
-type GetIconButtonPaddingBySizeAndKindProps = Pick<ButtonProps, "kind" | "size"> & Pick<ToggleButtonProps, "selected">;
+import type { ButtonProps } from '../Button.types';
+import { ToggleButtonProps } from '@/components/ToggleButton/ToggleButton.types';
+type GetIconButtonPaddingBySizeAndKindProps = Pick<ButtonProps, 'kind' | 'size'> & Pick<ToggleButtonProps, 'selected'>;
 /**
  * When kind is outlined,
  * the padding value must include the border width of outlined.
  * This function takes care of this.
  */
-export declare const getIconButtonPaddingBySizeAndKind: ({ kind, size, selected, }: GetIconButtonPaddingBySizeAndKindProps) => string;
+export declare const getIconButtonPaddingBySizeAndKind: ({ kind, size, selected, }: GetIconButtonPaddingBySizeAndKindProps) => "12px" | "8px" | "4px" | "11px" | "3px" | "7px";
 export {};

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

@@ -1,3 +1,3 @@
-import type { CheckboxProps } from "@mui/material";
+import type { CheckboxProps } from '@mui/material';
 declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

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

@@ -1 +1 @@
-export { default } from "./Checkbox";
+export { default } from './Checkbox';

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

@@ -1,3 +1,3 @@
-import type { ChipType } from "./Chip.types";
+import type { ChipType } from './Chip.types';
 declare const Chip: ChipType;
 export default Chip;

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

@@ -1,79 +1,6 @@
-/// <reference types="react" />
-import type { Theme } from "@mui/material/styles";
-import type { OutlinedChipProps, BaseContainedChipProps, EnableContainedChipProps } from "./Chip.types";
-export declare const StyledOutlinedChip: import("@emotion/styled").StyledComponent<{
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
-export declare const StyledContainedChipBase: import("@emotion/styled").StyledComponent<{
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
-export declare const StyledContainedChipEnable: import("@emotion/styled").StyledComponent<{
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
-export declare const StyledContainedChipDeletable: import("@emotion/styled").StyledComponent<{
-    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    children?: null | undefined;
-    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
-    clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
-    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    disabled?: boolean | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    label?: import("react").ReactNode;
-    onDelete?: ((event: any) => void) | undefined;
-    size?: "small" | "medium" | undefined;
-    skipFocusWhenDisabled?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    tabIndex?: number | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
+import type { Theme } from '@mui/material/styles';
+import type { OutlinedChipProps, BaseContainedChipProps, EnableContainedChipProps } from './Chip.types';
+export declare const StyledOutlinedChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "slots" | "slotProps" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
+export declare const StyledContainedChipBase: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "slots" | "slotProps" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
+export declare const StyledContainedChipEnable: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "slots" | "slotProps" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
+export declare const StyledContainedChipDeletable: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "slots" | "slotProps" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;

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

@@ -1,28 +1,29 @@
-/// <reference types="react" />
-import { CHIP_COLORS } from "./consts";
-import type { ChipProps as MuiChipProps, ChipTypeMap as MuiChipTypeMap } from "@mui/material";
-import type { OverridableComponent } from "@mui/material/OverridableComponent";
-type DesignSystemChipKind = "outlined" | "contained";
-type DesignSystemAndMuiContainedChipKind = "filled" | "contained";
+import type React from 'react';
+import { CHIP_COLORS } from './consts';
+import type { ChipProps as MuiChipProps, ChipTypeMap as MuiChipTypeMap } from '@mui/material';
+import type { OverridableComponent } from '@mui/material/OverridableComponent';
+import type { JSX } from 'react';
+type DesignSystemChipKind = 'outlined' | 'contained';
+type DesignSystemAndMuiContainedChipKind = 'filled' | 'contained';
 type ColorKeys = keyof typeof CHIP_COLORS;
 export type ChipColor = (typeof CHIP_COLORS)[ColorKeys];
 export type ChipThumbnail = string | JSX.Element;
 /**
  * Mui Chip's variant is 'kind' in our design system
  */
-export interface BaseChipProps extends Pick<MuiChipProps, "label" | "sx" | "style" | "classes" | "onDelete"> {
+export interface BaseChipProps extends Pick<MuiChipProps, 'label' | 'sx' | 'style' | 'classes' | 'onDelete'> {
     kind?: DesignSystemChipKind;
-    variant?: "outlined" | DesignSystemAndMuiContainedChipKind;
+    variant?: 'outlined' | DesignSystemAndMuiContainedChipKind;
     color?: ChipColor;
 }
 export interface OutlinedChipProps extends BaseChipProps {
-    kind?: "outlined";
-    variant?: "outlined";
+    kind?: 'outlined';
+    variant?: 'outlined';
     onClick?: never;
     onDelete?: never;
 }
-export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, "color" | "size" | "avatar" | "deleteIcon" | "icon" | "variant"> {
-    kind?: "contained";
+export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, 'color' | 'size' | 'avatar' | 'deleteIcon' | 'icon' | 'variant'> {
+    kind?: 'contained';
     variant?: DesignSystemAndMuiContainedChipKind;
     thumbnail?: ChipThumbnail;
     onClick?: () => void;
@@ -41,9 +42,9 @@ export interface DeletableContainedChipProps extends BaseContainedChipProps {
 }
 export type ContainedChipProps = EnableContainedChipProps | ReadOnlyContainedChipProps | DeletableContainedChipProps;
 export type ChipProps = OutlinedChipProps | ContainedChipProps;
-export type ChipTypeMap<P = {}, D extends React.ElementType = MuiChipTypeMap["defaultComponent"]> = {
+export interface ChipTypeMap<P = {}, D extends React.ElementType = MuiChipTypeMap['defaultComponent']> {
     props: P & ChipProps;
     defaultComponent: D;
-};
+}
 export type ChipType = OverridableComponent<ChipTypeMap>;
 export {};

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

@@ -1 +1 @@
-export { default } from "./Chip";
+export { default } from './Chip';

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

@@ -1 +1 @@
-export { default } from "./DataTable";
+export { default } from './DataTable';

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

@@ -1 +1 @@
-export { default } from "./DatePicker";
+export { default } from './DatePicker';

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

@@ -1,29 +1,29 @@
-import React from "react";
-import type { SxProps } from "@mui/material/styles";
-import type { TypographyProps } from "@mui/material";
-export interface DialogBase {
+import React from 'react';
+import type { SxProps } from '@mui/material/styles';
+import type { TypographyProps } from '@mui/material';
+export interface DialogBaseProps {
     isOpen: boolean;
     onClose(): void;
-    type?: "passive" | "action";
+    type?: 'passive' | 'action';
     nonModal?: boolean;
     title: string;
     titleIcon?: React.ReactNode;
-    titleVariant?: TypographyProps["variant"];
+    titleVariant?: TypographyProps['variant'];
     children: React.ReactNode;
     actions?: React.ReactNode;
     enableBackdropClose?: boolean;
-    size?: "small" | "medium";
+    size?: 'small' | 'medium';
     sx?: SxProps;
     style?: React.CSSProperties;
     className?: string;
 }
-export interface PassiveDialogType extends DialogBase {
-    type: "passive";
+export interface PassiveDialogType extends DialogBaseProps {
+    type: 'passive';
     actions?: undefined;
     enableBackdropClose?: true;
 }
-export interface ActionDialogType extends DialogBase {
-    type: "action";
+export interface ActionDialogType extends DialogBaseProps {
+    type: 'action';
     actions: React.ReactNode;
     enableBackdropClose?: boolean;
 }

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import type { DialogBase } from "./Dialog";
-import type { CSSObject } from "@mui/material/styles";
+import type { DialogBaseProps } from './Dialog';
+import type { CSSObject } from '@mui/material/styles';
 export interface DialogElementStyle {
     [key: string]: CSSObject;
 }
-export type DialogStyle = Pick<DialogBase, "size" | "type" | "nonModal">;
+export type DialogStyle = Pick<DialogBaseProps, 'size' | 'type' | 'nonModal'>;
 export declare const StyledBackdrop: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & DialogStyle, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/types/components/Dialog/components/DialogAction.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 interface DialogActionProps {
     children: React.ReactNode;
-    justifyContent?: React.CSSProperties["justifyContent"];
+    justifyContent?: React.CSSProperties['justifyContent'];
     sx?: React.CSSProperties;
 }
 export declare function DialogAction(props: DialogActionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export { default } from "./Dialog";
-export type { DialogBase, PassiveDialogType, ActionDialogType, PassiveModalProps, ActionModalProps, PassiveNonModalProps, ActionNonModalProps, ModalProps, NonModalProps, DialogProps, } from "./Dialog";
+export { default } from './Dialog';
+export type { DialogBaseProps, PassiveDialogType, ActionDialogType, PassiveModalProps, ActionModalProps, PassiveNonModalProps, ActionNonModalProps, ModalProps, NonModalProps, DialogProps, } from './Dialog';

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

@@ -1,4 +1,4 @@
-import React from "react";
-import { DropdownProps } from "./Dropdown.types";
+import React from 'react';
+import { DropdownProps } from './Dropdown.types';
 declare const Dropdown: React.ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & React.RefAttributes<unknown>>;
 export default Dropdown;

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

@@ -1,41 +1,6 @@
-/// <reference types="react" />
-import { DropdownProps } from "./Dropdown.types";
-export declare const StyledSelect: import("@emotion/styled").StyledComponent<import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Omit<DropdownProps, "size"> & {
+import { DropdownProps } from './Dropdown.types';
+export declare const StyledSelect: import("@emotion/styled").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>) & Omit<DropdownProps, "size"> & {
     selectSize: "small" | "medium" | "large";
 }, {}, {}>;
-export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
-    autoFocus?: boolean | undefined;
-    classes?: Partial<import("@mui/material/MenuItem").MenuItemClasses> | undefined;
-    dense?: boolean | undefined;
-    disabled?: boolean | undefined;
-    disableGutters?: boolean | undefined;
-    divider?: boolean | undefined;
-    selected?: boolean | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, ("zIndex" | "typography" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "children" | "sx" | "ref" | "component"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "dense" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { MenuItemProps, SelectProps } from "@mui/material";
-export interface DropdownProps extends Omit<SelectProps, "size" | "variant" | "placeholder"> {
-    select?: "single" | "multiple";
-    size?: "small" | "medium" | "large";
+import type { MenuItemProps, SelectProps } from '@mui/material';
+import type { JSX } from 'react';
+export interface DropdownProps extends Omit<SelectProps, 'size' | 'variant' | 'placeholder'> {
+    select?: 'single' | 'multiple';
+    size?: 'small' | 'medium' | 'large';
 }
 export interface DropdownItemProps extends MenuItemProps {
     leftIcon?: JSX.Element;

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -1,10 +1,10 @@
-import { SxProps } from "@mui/material";
-import { DropdownItemProps } from "./Dropdown.types";
+import { SxProps } from '@mui/material';
+import { DropdownItemProps } from './Dropdown.types';
 export declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export declare function DropdownDivider({ sx }: {
     sx?: SxProps;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownSubtitle({ title, sx, }: {
+export declare function DropdownSubtitle({ title, sx }: {
     title: string;
     sx?: SxProps;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
-export { default } from "./Dropdown";
-export { DropdownItem, DropdownDivider, DropdownSubtitle, } from "./DropdownItem";
-export type { DropdownProps, DropdownItemProps } from "./Dropdown.types";
+export { default } from './Dropdown';
+export { DropdownItem, DropdownDivider, DropdownSubtitle } from './DropdownItem';
+export type { DropdownProps, DropdownItemProps } from './Dropdown.types';

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

@@ -1,3 +1,3 @@
-import { FormControlLabelProps } from "@mui/material";
+import { FormControlLabelProps } from '@mui/material';
 declare const FormLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FormLabel;

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

@@ -1 +1 @@
-export { default } from "./FormLabel";
+export { default } from './FormLabel';

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

@@ -1,3 +1,3 @@
-import { RadioProps } from "@mui/material/Radio";
+import { RadioProps } from '@mui/material/Radio';
 declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
 export default Radio;

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

@@ -1 +1 @@
-export { default } from "./Radio";
+export { default } from './Radio';

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

@@ -1,2 +1,2 @@
-import RadioGroup from "@mui/material/RadioGroup";
+import RadioGroup from '@mui/material/RadioGroup';
 export default RadioGroup;

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

@@ -1,4 +1,4 @@
-import React from "react";
-import type { MultiTextFieldProps, SingleTextFieldProps } from "./TextField.types";
+import React from 'react';
+import type { MultiTextFieldProps, SingleTextFieldProps } from './TextField.types';
 declare const TextField: React.ForwardRefExoticComponent<(Omit<SingleTextFieldProps, "ref"> | Omit<MultiTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export default TextField;

package/dist/types/components/TextField/TextField.style.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import type { TextFieldProps, TextFieldSize } from "./TextField.types";
+import type { TextFieldProps, TextFieldSize } from './TextField.types';
 declare const BaseTextField: import("@emotion/styled").StyledComponent<{
     variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
 } & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Omit<TextFieldProps, "size"> & {
     textFieldSize: TextFieldSize;
-    hasLeftIcon?: boolean | undefined;
-    hasRightIcon?: boolean | undefined;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
 }, {}, {}>;
 declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export { BaseTextField, IconWrapper };

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { SxProps } from "@mui/material";
-import type { TextFieldProps as MuiTextFieldProps, OutlinedTextFieldProps } from "@mui/material/TextField";
-export type TextFieldSize = "small" | "medium" | "large";
-export interface BaseTextFieldProps extends Omit<OutlinedTextFieldProps, "size" | "value" | "helperText" | "variant"> {
+import type { SxProps } from '@mui/material';
+import type { TextFieldProps as MuiTextFieldProps, OutlinedTextFieldProps } from '@mui/material/TextField';
+import type { JSX } from 'react';
+export type TextFieldSize = 'small' | 'medium' | 'large';
+export interface BaseTextFieldProps extends Omit<OutlinedTextFieldProps, 'size' | 'value' | 'helperText' | 'variant'> {
     /**
      * The design system TextField has only on kind, which is "contained"
       Below are all return same kind "contained"
@@ -11,7 +11,7 @@ export interface BaseTextFieldProps extends Omit<OutlinedTextFieldProps, "size"
       <TextField variant="filled" />
       <TextField variant="standard" />
      */
-    variant?: MuiTextFieldProps["variant"];
+    variant?: MuiTextFieldProps['variant'];
     value?: string;
     helperText?: string;
     /**

package/dist/types/components/TextField/TextFieldIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { SxProps } from "@mui/material";
+import { type JSX } from 'react';
+import type { SxProps } from '@mui/material';
 interface TextFieldProps {
     sx?: SxProps;
     icon: JSX.Element;

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

@@ -1,2 +1,2 @@
-export { default } from "./TextField";
-export type { TextFieldProps, BaseTextFieldProps, MultiTextFieldProps, SingleTextFieldProps, } from "./TextField.types";
+export { default } from './TextField';
+export type { TextFieldProps, BaseTextFieldProps, MultiTextFieldProps, SingleTextFieldProps, } from './TextField.types';

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

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

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

@@ -1,4 +1,4 @@
-import { AlertProps as BaseAlertProps } from "@mui/material";
-export interface ToastProps extends Omit<BaseAlertProps, "variant" | "slots" | "slotProps" | "components" | "componentsProps" | "severity"> {
-    severity?: "success" | "info" | "warning" | "error" | "normal";
+import { AlertProps as BaseAlertProps } from '@mui/material';
+export interface ToastProps extends Omit<BaseAlertProps, 'variant' | 'slots' | 'slotProps' | 'components' | 'componentsProps' | 'severity'> {
+    severity?: 'success' | 'info' | 'warning' | 'error' | 'normal';
 }

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

@@ -1,2 +1,2 @@
-import type { AlertColor, Theme } from "@mui/material";
+import type { AlertColor, Theme } from '@mui/material';
 export declare const getIconColor: (theme: Theme, severity: AlertColor | undefined) => string;

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

@@ -1,2 +1,2 @@
-export { default } from "./Toast";
-export type { ToastProps } from "./Toast.types";
+export { default } from './Toast';
+export type { ToastProps } from './Toast.types';

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

@@ -1,3 +1,3 @@
-import type { ToggleProps } from "./Toggle.types";
+import type { ToggleProps } from './Toggle.types';
 declare const Toggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;