fone-design-system_v2 1.0.1

package/dist/components/ui/FloatingButton/FloatingButton.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { FabProps } from '@mui/material';
+export interface FloatingButtonProps extends FabProps {
+    className?: string;
+    color?: "primary" | "secondary" | "default";
+    variant?: "circular" | "extended";
+    size?: "small" | "medium" | "large";
+    children: React.ReactNode;
+    onClick?: () => void;
+    placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top" | "bottom" | "left" | "right";
+}
+declare const FloatingButton: ({ className, color, variant, size, onClick, children, placement, ...props }: FloatingButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default FloatingButton;

package/dist/components/ui/FloatingButton/index.d.ts

@@ -0,0 +1,2 @@
+import { default as FloatingButton, FloatingButtonProps } from './FloatingButton';
+export { FloatingButton, FloatingButtonProps };

package/dist/components/ui/Form/Form.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface FormProps {
+    className?: string;
+    onSubmit?: (data: {
+        [key: string]: string;
+    }) => void;
+    children: React.ReactNode;
+    getReset?: (reset: (values?: Record<string, any>) => void) => void;
+    addInputs?: React.ElementType[];
+    id?: string;
+}
+declare const Form: ({ className, onSubmit, children, getReset, addInputs, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export default Form;

package/dist/components/ui/Form/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Form, FormProps } from './Form';
+export { Form, FormProps };

package/dist/components/ui/Grid/Grid.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { Grid2Props } from '@mui/material';
+export interface GridProps extends Grid2Props {
+    /** 자식노드로 추가<br/>: Grid의 자식 요소로 들어갈 컴포넌트를 설정 */
+    children?: React.ReactNode;
+    /** 열 갯수<br/>: 그리드의 열 개수를 설정 */
+    columns?: number;
+    /** 열 간격<br/>: 열 사이의 간격을 설정 (px, %, 등) */
+    columnSpacing?: number | string;
+    /** 컨테이너 여부<br/>: 그리드를 컨테이너로 사용할지 여부 */
+    container?: boolean;
+    /** 방향 설정<br/>: 그리드 아이템의 배치 방향 (row, column 등) */
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    /** 행 간격<br/>: 행 사이의 간격을 설정 (px, %, 등) */
+    rowSpacing?: number | string;
+    /** 크기<br/>: 그리드 항목의 크기를 설정 (MUI Grid2Props size 참조) */
+    size?: "auto" | "grow" | number | false | object;
+    /** 간격 설정<br/>: 그리드 항목 간의 간격을 설정 (px, %, 등) */
+    spacing?: number | string;
+    /** 오프셋 설정<br/>: 그리드 항목을 특정 위치로 이동시키는 데 사용. */
+    offset?: "auto" | number | object;
+    /** 랩 설정<br/>: 아이템이 넘칠 경우 처리 방식 (wrap, nowrap 등) */
+    wrap?: "nowrap" | "wrap-reverse" | "wrap";
+}
+export declare const Grid: {
+    ({ children, className, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ui/Grid/index.d.ts

@@ -0,0 +1,2 @@
+import { Grid, GridProps } from './Grid';
+export { Grid, GridProps };

package/dist/components/ui/IconButton/IconButton.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
+export interface IconButtonProps extends Omit<MuiIconButtonProps, "color"> {
+    /** 자식 요소<br/>: 버튼 내에 포함될 내용 */
+    children?: React.ReactNode;
+    /** 색상 설정<br/>: 버튼 색상 (기본, primary, secondary 등) */
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | string;
+    /** 비활성화 여부<br/>: true일 경우 버튼이 비활성화 */
+    disabled?: boolean;
+    /** 키보드 포커스 리플 제거<br/>: true일 경우 키보드 포커스 리플 효과 비활성화 */
+    disableFocusRipple?: boolean;
+    /** 리플 효과 제거<br/>: true일 경우 리플 효과 비활성화 */
+    disableRipple?: boolean;
+    edge?: "start" | "end" | false;
+    /** 로딩 상태<br/>: true일 경우 로딩 인디케이터가 표시되며 버튼이 비활성화됨 */
+    loading?: boolean;
+    /** 로딩 인디케이터<br/>: 로딩 상태일 때 표시될 인디케이터 */
+    loadingIndicator?: React.ReactNode;
+    /** 버튼 크기 설정<br/>: 'small', 'medium', 'large' 또는 사용자 지정 값 */
+    size?: "small" | "medium" | "large";
+}
+export declare const IconButton: ({ children, color, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonProps } from './IconButton';
+export { IconButton, IconButtonProps };

package/dist/components/ui/InputLabel/InputLabel.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface InputLabelProps {
+    title: string;
+    htmlFor: string;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+    size?: "small" | "medium" | "large";
+    ref?: React.ForwardedRef<HTMLLabelElement>;
+}
+declare const InputLabel: React.ForwardRefExoticComponent<Omit<InputLabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export default InputLabel;

package/dist/components/ui/InputLabel/index.d.ts

@@ -0,0 +1,3 @@
+import { InputLabelProps } from '@mui/material';
+import { default as InputLabel } from './InputLabel';
+export { InputLabel, InputLabelProps };

package/dist/components/ui/Label/Label.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface LabelProps {
+    htmlFor?: string;
+    title?: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: "small" | "medium";
+    color?: string;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export default Label;

package/dist/components/ui/Label/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Label, LabelProps } from './Label';
+export { Label, LabelProps };

package/dist/components/ui/Menu/Menu.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ListProps } from '@mui/material';
+export interface MenuProps extends ListProps {
+    /** 리스트 내부에 포함될 콘텐츠 */
+    children?: React.ReactNode;
+    /** 컴포넌트의 스타일을 변경하거나 확장 */
+    classes?: Record<string, string>;
+    /** HTML 요소 또는 다른 컴포넌트를 루트 노드로 사용 */
+    component?: React.ElementType;
+    /** true일 경우 세로 패딩이 작아짐 (기본값: false) */
+    dense?: boolean;
+    /** true일 경우 리스트의 세로 패딩 제거 (기본값: false) */
+    disablePadding?: boolean;
+    /** 리스트 상단에 표시될 추가 콘텐츠 */
+    subheader?: React.ReactNode;
+}
+export declare const Menu: {
+    ({ className, children, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ui/Menu/index.d.ts

@@ -0,0 +1,2 @@
+import { Menu, MenuProps } from './Menu';
+export { Menu, MenuProps };

package/dist/components/ui/MobileMenu/MobileMenu.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { DrawerProps, ModalProps } from '@mui/material';
+import { TransitionProps } from '@mui/material/transitions';
+export interface MobileMenuProps extends DrawerProps {
+    /** 열리는 방향 (하단, 좌측, 우측, 상단) */
+    anchor?: "bottom" | "left" | "right" | "top";
+    /** 내부에 렌더링할 자식 요소 */
+    children?: NonNullable<React.ReactNode>;
+    /** 그림자 깊이 (MUI elevation 값) */
+    elevation?: number;
+    /** 배경(backdrop) 숨김 여부 (기본값: false) */
+    hideBackdrop?: boolean;
+    /** Modal 관련 추가 속성 (ex. disableScrollLock 등) */
+    ModalProps?: object;
+    /** 닫기 이벤트 핸들러 */
+    onClose?: ModalProps["onClose"];
+    /** 열려 있는지 여부 */
+    open?: boolean;
+    /** 전환(Transition) 지속 시간 설정 */
+    transitionDuration?: TransitionProps["timeout"];
+    /** 동작 방식
+     * - "permanent": 항상 열려 있음
+     * - "persistent": 열고 닫을 수 있으나 닫혀 있어도 공간이 유지됨
+     * - "temporary": 완전히 사라지는 형태로 열고 닫힘
+     */
+    variant?: "permanent" | "persistent" | "temporary";
+}
+export declare const MobileMenu: {
+    ({ children, ...props }: MobileMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ui/MobileMenu/index.d.ts

@@ -0,0 +1,2 @@
+import { MobileMenu, MobileMenuProps } from './MobileMenu';
+export { MobileMenu, MobileMenuProps };

package/dist/components/ui/Notification/Notification.d.ts

@@ -0,0 +1,13 @@
+import { AlertProps } from '@mui/material/Alert';
+export interface NotificationProps extends AlertProps {
+    className?: string;
+    /** 알림 문구 */
+    text: string;
+    /** 알림 유형 */
+    severity: "success" | "info" | "warning" | "error";
+    /** 알림 스타일 */
+    variant?: "standard" | "filled" | "outlined";
+    onClose?: () => void;
+}
+declare const Notification: ({ className, text, severity, variant, ...props }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/dist/components/ui/Notification/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Notification, NotificationProps } from './Notification';
+export { Notification, NotificationProps };

package/dist/components/ui/Pagination/Pagination.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { PaginationProps as MPaginationProps } from '@mui/material/Pagination';
+export interface PaginationProps extends MPaginationProps {
+    className?: string;
+    /** 현재 페이지 */
+    page: number;
+    /** 페이지 변경 이벤트 */
+    onChange: (event: React.ChangeEvent<unknown>, value: number) => void;
+    /** 전체 페이지 */
+    count: number;
+    /** 페이지네이션 색상 */
+    color?: "standard" | "primary" | "secondary";
+    /** 페이지네이션 테두리 */
+    variant?: "text" | "outlined";
+    /** 페이지네이션 모양 */
+    shape?: "circular" | "rounded";
+    /** 페이지네이션 크기 */
+    size?: "small" | "medium" | "large";
+    /** 페이지네이션 비활성화 여부 */
+    disabled?: boolean;
+    /** 맨앞으로 이동 버튼 표시 여부 */
+    showFirstButton?: boolean;
+    /** 맨뒤로 이동 버튼 표시 여부 */
+    showLastButton?: boolean;
+    /** 이전 버튼 숨김 여부 */
+    hidePrevButton?: boolean;
+    /** 다음 버튼 숨김 여부 */
+    hideNextButton?: boolean;
+}
+declare const Pagination: ({ className, page, onChange, count, color, variant, size, shape, disabled, showFirstButton, showLastButton, hidePrevButton, hideNextButton, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/dist/components/ui/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Pagination, PaginationProps } from './Pagination';
+export { Pagination, PaginationProps };

package/dist/components/ui/PieChart/PieChart.d.ts

@@ -0,0 +1,40 @@
+import { default as React, ReactNode } from 'react';
+interface DataItem {
+    [key: string]: string | number;
+}
+export interface PieChartProps {
+    /** 차트에 표시할 데이터 */
+    data: DataItem[];
+    /** 차트의 너비 */
+    width?: number;
+    /** 차트의 높이 */
+    height?: number;
+    /** 데이터 시리즈 설정 */
+    series: {
+        data: {
+            id: number;
+            value: number;
+            label: string;
+        }[];
+        color?: string;
+        label?: string;
+        innerRadius?: number;
+        outerRadius?: number;
+        paddingAngle?: number;
+    }[];
+    /** 추가 클래스명 */
+    className?: string;
+    /** 차트 여백 설정 */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    children?: ReactNode;
+    centerLabel?: string;
+    centerLabelColor?: string;
+    labelKey?: string;
+}
+export declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/ui/PieChart/index.d.ts

@@ -0,0 +1,2 @@
+import { PieChart, PieChartProps } from './PieChart';
+export { PieChart, PieChartProps };

package/dist/components/ui/Progress/Progress.d.ts

@@ -0,0 +1,11 @@
+import { CircularProgressProps } from '@mui/material';
+export interface ProgressProps extends CircularProgressProps {
+    className?: string;
+    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning" | "inherit";
+    size?: number | string;
+    value?: number;
+    timerSec?: number;
+    linear?: boolean;
+}
+declare const Progress: ({ className, color, size, value, timerSec, linear, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default Progress;

package/dist/components/ui/Progress/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Progress, ProgressProps } from './Progress';
+export { Progress, ProgressProps };

package/dist/components/ui/Radio/Group.d.ts

@@ -0,0 +1,20 @@
+import { FormControlLabelProps } from '@mui/material';
+import { RadioGroupProps } from '@mui/material/RadioGroup';
+import { Control, FieldPath, FieldValues, PathValue } from 'react-hook-form';
+import { RadioProps } from './Radio';
+import * as React from "react";
+export interface GroupProps<T extends FieldValues> extends RadioGroupProps {
+    name: string;
+    label?: string;
+    row?: boolean;
+    children?: React.ReactNode;
+    options?: Array<Omit<FormControlLabelProps, "control"> & RadioProps>;
+    formName?: FieldPath<T>;
+    control?: Control<T>;
+    defaultValue?: PathValue<T, FieldPath<T>>;
+    value?: string;
+    field?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const Group: ({ name, label, row, children, options, formName, control, field, value, onChange, defaultValue, ...props }: GroupProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;
+export default Group;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { RadioProps as MuiRadioProps } from '@mui/material/Radio';
+export interface RadioProps extends Omit<MuiRadioProps, "checkedIcon"> {
+    className?: string;
+    value: string;
+    label?: string;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    color?: "default" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+    size?: "small" | "medium";
+    disabled?: boolean;
+    labelPlacement?: "start" | "end" | "top" | "bottom";
+}
+declare const Radio: ({ className, value, label, checked, onChange, disabled, labelPlacement, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

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

@@ -0,0 +1,4 @@
+import { GroupProps as RadioGroupProps } from './Group';
+import { default as Radio, RadioProps } from './Radio';
+declare const RadioGroup: ({ name, label, row, children, options, formName, control, field, value, onChange, defaultValue, ...props }: RadioGroupProps<import('react-hook-form').FieldValues>) => import("react/jsx-runtime").JSX.Element;
+export { Radio, RadioGroup, RadioProps, RadioGroupProps };

package/dist/components/ui/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollArea;

package/dist/components/ui/ScrollArea/ScrollBar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+export interface ScrollbarProps extends ScrollAreaPrimitive.ScrollAreaScrollbarProps {
+    trackClassName?: string;
+    thumbClassName?: string;
+}
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollBar;

package/dist/components/ui/ScrollArea/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ScrollAreaProps } from './ScrollArea';
+import { default as ScrollBarProps } from './ScrollBar';
+export { ScrollArea, ScrollBar, ScrollAreaProps, ScrollBarProps };

package/dist/components/ui/Searchbar/Searchbar.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface SearchItem {
+    label: string;
+    type: "select" | "radio" | "text" | "date";
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    value?: string;
+    onChange?: (value: string) => void;
+    width?: number;
+    dateType?: "single" | "range" | "multiple";
+}
+interface SearchbarProps {
+    items: SearchItem[];
+    onSearch?: () => void;
+    onRefresh?: () => void;
+    className?: string;
+    onItemChange?: (label: string, value: string) => void;
+}
+export declare const Searchbar: React.FC<SearchbarProps>;
+export {};

package/dist/components/ui/Searchbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Searchbar';
+export type { SearchItem } from './Searchbar';

package/dist/components/ui/Select/Select.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { MenuItem, SxProps, Theme } from '@mui/material';
+import { SelectChangeEvent } from '@mui/material/Select';
+import { Control, FieldPath, FieldValues, PathValue } from 'react-hook-form';
+export interface SelectProps<T extends FieldValues> {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: "outlined" | "filled" | "standard";
+    label?: string;
+    helperText?: string;
+    size?: "small" | "medium";
+    disabled?: boolean;
+    error?: boolean;
+    required?: boolean;
+    MenuItems?: MenuItem[];
+    formName?: FieldPath<T>;
+    control?: Control<T>;
+    defaultValue?: PathValue<T, FieldPath<T>>;
+    value?: string;
+    field?: any;
+    onChange?: (event: SelectChangeEvent) => void;
+    labelPosition?: "top" | "bottom" | "left" | "right";
+    fullWidth?: boolean;
+    id?: string;
+    sx?: SxProps<Theme>;
+    all?: boolean;
+    select?: boolean;
+    title?: string;
+}
+interface MenuItem {
+    value: string;
+    label: string;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps<FieldValues> & React.RefAttributes<any>>;
+export default Select;

package/dist/components/ui/Select/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Select, SelectProps } from './Select';
+export { Select, SelectProps };

package/dist/components/ui/Select2/RHFSelect2Controller.d.ts

@@ -0,0 +1,12 @@
+import { SelectChangeEvent } from '@mui/material';
+import { Control } from 'react-hook-form';
+import { Select2Props } from './Select2';
+export interface RHFSelect2ControllerProps extends Omit<Select2Props, "onChange"> {
+    name: string;
+    control: Control<any> | any;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (event: SelectChangeEvent<any>) => void;
+}
+declare const RHFSelect2Controller: ({ name, control, defaultValue, value, onChange, ...rest }: RHFSelect2ControllerProps) => import("react/jsx-runtime").JSX.Element;
+export default RHFSelect2Controller;

package/dist/components/ui/Select2/Select2.d.ts

@@ -0,0 +1,27 @@
+import { SelectProps as MSelectProps, SelectChangeEvent, SxProps, Theme } from '@mui/material';
+import * as React from "react";
+type CustomSelect2Props = {
+    width?: string | number;
+};
+export interface Select2Props extends Omit<MSelectProps, any>, CustomSelect2Props {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: "outlined" | "filled" | "standard";
+    helperText?: string;
+    size?: "small" | "medium";
+    disabled?: boolean;
+    MenuItems?: {
+        label: string;
+        value: string;
+    }[];
+    value?: string;
+    onChange?: (event: SelectChangeEvent | any) => void;
+    fullWidth?: boolean;
+    sx?: SxProps<Theme>;
+    width?: string | number;
+    displayEmpty?: boolean;
+    renderValue?: (value: unknown) => React.ReactNode;
+    all?: boolean;
+}
+declare const Select2: React.ForwardRefExoticComponent<Select2Props & React.RefAttributes<HTMLDivElement>>;
+export default Select2;

package/dist/components/ui/Select2/index.d.ts

@@ -0,0 +1,3 @@
+import { RHFSelect2ControllerProps, default as RHFSelect2Controller } from './RHFSelect2Controller';
+import { default as Select2, Select2Props } from './Select2';
+export { Select2, Select2Props, RHFSelect2ControllerProps, RHFSelect2Controller, };

package/dist/components/ui/Skeleton/Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SkeletonProps as MSkeletonProps } from '@mui/material/Skeleton';
+export interface SkeletonProps extends MSkeletonProps {
+    className?: string;
+    variant?: "rectangular" | "circular" | "text";
+    animation?: "pulse" | "wave" | false;
+    children?: ReactNode;
+    isLoading?: boolean;
+}
+declare const Skeleton: ({ className, variant, animation, children, isLoading, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/dist/components/ui/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Skeleton, SkeletonProps } from './Skeleton';
+export { Skeleton, SkeletonProps };

package/dist/components/ui/Snackbar/Snackbar.d.ts

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
+type AlertType = "success" | "info" | "warning" | "error";
+export interface SnackbarProps extends MuiSnackbarProps {
+    /** 스낵바 Open 상태값 */
+    open: boolean;
+    /** 스낵바 Close 이벤트 핸들러 */
+    onClose?: () => void;
+    /** 메시지 내용 */
+    message?: string;
+    /** 자동 닫힘 시간 (ms) */
+    autoHideDuration?: number;
+    /** 스낵바 위치 */
+    anchorOrigin?: {
+        vertical: "top" | "bottom";
+        horizontal: "left" | "center" | "right";
+    };
+    /** 알림 타입 */
+    severity?: AlertType;
+    /** 알림 표시 시 추가 액션 */
+    action?: React.ReactNode;
+    /** 알림 타입(severity)이 있을 경우 적용되는 표시 형태
+     *
+     * 기본값은 standard
+     */
+    variant?: "filled" | "outlined" | "standard";
+}
+/**
+ * 임시 알림을 표시하는 스낵바 컴포넌트
+ *
+ * SnakBar 컴포넌트는 MUI에서 제공하는 스낵바 컴포넌트를 사용하여 구현되었습니다.
+ *
+ * MUI의 스낵바 컴포넌트는 다양한 속성을 지원하며, 이를 활용하여 다양한 형태의 스낵바를 구현할 수 있습니다.
+ *
+ * 대체적으로 직접 화면에서 호출하는 것이 아닌 Provider 형태로 사용되는 경우가 많습니다.
+ *
+ * 기본적인 duration은 1초이며, autoHideDuration 속성을 통해 변경할 수 있습니다.
+ * 기본적으로 클릭 가능한 버튼을 제공하며, 클릭 가능한 버튼을 제공하지 않으면 자동 닫힘 시간이 적용됩니다.
+ * 클릭 가능한 버튼을 제공하면 자동 닫힘 시간이 적용되지 않습니다.
+ *
+ * Notification과 사용 용도가 다릅니다.
+ * -----------------------------
+ *
+ * Snackbar은 화면에 표시되는 간단한 알림을 의미하며,
+ * Notification은 화면 상단 또는 하단에 표시되는 알림을 의미합니다.
+ *
+ * 예를들면 저장 후 알림, 삭제 후 알림, 로그인 후 알림 등 화면에 표시되는 알림을 표현할 때는 Snackbar을 사용하고,
+ *
+ * 화면 상단 또는 하단에 표시되는 알림을 표현할 때는 Notification을 사용합니다.
+ *
+ */
+export declare const Snackbar: {
+    ({ open, onClose, autoHideDuration, anchorOrigin, sx, message, severity, variant, ...props }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/ui/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+import { Snackbar, SnackbarProps } from './Snackbar';
+export { Snackbar, SnackbarProps };

package/dist/components/ui/Switch/Switch.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SwitchProps as MuiSwitchProps } from '@mui/material/Switch';
+import { Control, FieldPath, FieldValues } from 'react-hook-form';
+export interface SwitchProps<T extends FieldValues> extends Omit<MuiSwitchProps, "defaultValue"> {
+    className?: string;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    size?: "small" | "medium";
+    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning" | "default";
+    formName?: FieldPath<T>;
+    control?: Control<T>;
+    defaultValue?: boolean;
+    field?: any;
+    labelPlacement?: "start" | "end" | "top" | "bottom";
+}
+declare const Switch: <T extends FieldValues>({ className, disabled, required, label, size, color, formName, control, field, defaultValue, checked, onChange, labelPlacement, ...props }: SwitchProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/dist/components/ui/Switch/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Switch, SwitchProps } from './Switch';
+export { Switch, SwitchProps };