@lunit/design-system 2.2.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,7 +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<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "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/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "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/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "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/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "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 @@
-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";
+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,7 +1,6 @@
-/// <reference types="react" />
-import { DropdownProps } from "./Dropdown.types";
+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<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>, "classes" | "className" | "style" | "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").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & 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 @@
-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";
+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 @@
-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"> {
+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 @@
-import { type JSX } from "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;

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

@@ -1,6 +1,6 @@
-import { SwitchProps } from "@mui/material";
+import { SwitchProps } from '@mui/material';
 interface ToggleProps extends SwitchProps {
-    toggleSize: "small" | "large";
+    toggleSize: 'small' | 'large';
 }
 export declare const CommonToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;
 export declare const CommonIndeterminateToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;

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

@@ -1,10 +1,10 @@
-import type { SwitchProps } from "@mui/material";
-export interface ToggleProps extends Omit<SwitchProps, "size"> {
+import type { SwitchProps } from '@mui/material';
+export interface ToggleProps extends Omit<SwitchProps, 'size'> {
     /**
      * The size of the component.
      * @default small
      */
-    size?: "small" | "large";
+    size?: 'small' | 'large';
     /**
      * If `true`, the component has consistent 'checked' value and change shape.
      * @default false

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

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

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

@@ -1,3 +1,3 @@
-import React from "react";
+import React from 'react';
 declare const ToggleButton: React.ForwardRefExoticComponent<(Omit<import("./ToggleButton.types").ContainedToggleButtonProps, "ref"> | Omit<import("./ToggleButton.types").GhostToggleButtonProps, "ref"> | Omit<import("./ToggleButton.types").OutlinedToggleButtonProps, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default ToggleButton;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import type { ToggleButtonProps } from "../ToggleButton/ToggleButton.types";
+import type { ToggleButtonProps } from '../ToggleButton/ToggleButton.types';
 type CustomToggleButtonProps = ToggleButtonProps & {
     hasIconOnly: boolean;
 };
-export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "classes" | "className" | "style" | "children" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
+export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & (Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "value" | "disableFocusRipple" | "fullWidth" | "size" | "selected"> & (import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps)), {}, {}>;
 export declare const IconAndChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     hasIconOnly: boolean;

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import type { ToggleButtonProps as MuiToggleButtonProps } from "@mui/material";
-export interface ToggleButtonBaseProps extends Omit<MuiToggleButtonProps, "variant"> {
-    selectedColor?: "primary" | "secondary";
+import type React from 'react';
+import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material';
+export interface ToggleButtonBaseProps extends Omit<MuiToggleButtonProps, 'variant'> {
+    selectedColor?: 'primary' | 'secondary';
     icon?: React.ReactNode;
 }
 export interface ContainedToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "contained";
-    color?: "primary" | "secondary";
+    kind?: 'contained';
+    color?: 'primary' | 'secondary';
 }
 export interface GhostToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "ghost";
-    color?: "primary" | "secondary";
+    kind?: 'ghost';
+    color?: 'primary' | 'secondary';
 }
 export interface OutlinedToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "outlined";
-    color?: "primary";
+    kind?: 'outlined';
+    color?: 'primary';
 }
 export type ToggleButtonProps = ContainedToggleButtonProps | GhostToggleButtonProps | OutlinedToggleButtonProps;

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

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

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

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

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

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

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

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