fone-design-system_v2 1.0.1

package/README.md

@@ -0,0 +1,40 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/dist/DesignSystemProvider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+export declare function DesignSystemProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { AccordionProps as MuiAccordionProps } from '@mui/material';
+export type DefaultExpandedListType = string[] | undefined;
+export type ExpandIconType = React.ReactNode;
+export interface DataListProps {
+    id: string;
+    summaryChildren: React.ReactNode | string;
+    detailsChildren: React.ReactNode | string;
+}
+export interface AccordionItemsProps extends DataListProps {
+    expandIcon?: ExpandIconType;
+    ariaControls?: string;
+    defaultExpandedList?: DefaultExpandedListType;
+}
+export interface CustomAccordionProps {
+    /** 클릭한 아코디언만 열리고 나머지 아코디언은 닫히게 한다. */
+    singleExpand?: boolean;
+    /** 버튼과 같은 action 요소를 넣을 수 있다. */
+    actionChildren?: React.ReactNode | undefined;
+}
+export interface AccordionProps extends Omit<MuiAccordionProps, "children" | "expandIcon">, CustomAccordionProps {
+    /** 필수로 받아야 하는 데이터 */
+    dataList: DataListProps[];
+    /** 디폴트로 열려있어야 하는 아코디언 (값: dataList의 id값이 배열로 들어간다)*/
+    defaultExpandedList?: DefaultExpandedListType;
+    /** 사용자지정 아이콘 (값: React.ReactNode)  */
+    expandIcon?: ExpandIconType;
+    /** 비활성화 상태 (기본값: false) */
+    disabled?: boolean;
+    /** 띄어진 공간 제거 (기본값: false) */
+    disableGutters?: boolean;
+    /** 확장 상태 (기본값: false) */
+    allExpanded?: boolean;
+    /** 확장 상태 변경 핸들러 */
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    /** 네모 형태 여부 (기본값: false) */
+    square?: boolean;
+}
+export declare const Accordion: {
+    ({ dataList, allExpanded, expandIcon, singleExpand, actionChildren, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+import { Accordion, AccordionItemsProps, AccordionProps, DataListProps, DefaultExpandedListType, ExpandIconType } from './Accordion';
+export { Accordion, AccordionProps, DefaultExpandedListType, ExpandIconType, AccordionItemsProps, DataListProps, };

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

@@ -0,0 +1,40 @@
+import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteFreeSoloValueMapping, AutocompleteRenderInputParams, AutocompleteValue, AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
+import * as React from "react";
+export interface AutocompleteProps<Value = any, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false | true, FreeSolo extends boolean | undefined = false | true> extends MuiAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo> {
+    /** 옵션 목록 */
+    options: any[];
+    /** 사용자가 텍스트를 입력하는 input 필드를 어떻게 렌더링할지 정한다. */
+    renderInput: (params: AutocompleteRenderInputParams) => React.ReactNode;
+    /** 자동 완성 여부 (기본값: false) */
+    autoComplete?: boolean;
+    /** 항목 선택 후 입력 필드가 자동으로 포커스를 잃는다. */
+    blurOnSelect?: "mouse" | "touch" | boolean | undefined;
+    /** 클리어 아이콘 */
+    clearIcon?: React.ReactNode;
+    /** 옵션을 선택해도 드롭다운이 닫히지 않는다. (기본값: false) */
+    disableCloseOnSelect?: boolean;
+    /** 드롭다운이 부모 요소의 스타일(예: overflow, z-index)의 영향을 받을지에 대한 여부 (false: 부모요소 밖으로 삐져나와도 부모요소에 가려지지 않는다.) */
+    disablePortal?: boolean;
+    /** 비활성화 여부 (기본값: false) */
+    disabled?: boolean;
+    /** 옵션 변경 핸들러 */
+    onChange?: (event: React.SyntheticEvent<Element, Event>, value: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<Value> | undefined) => void;
+    /** 선택한 옵션 텍스트 */
+    getOptionLabel?: (option: Value | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
+    /** 필터링 옵션 */
+    filterOptions?: (options: Array<any>, state: object) => Array<any>;
+    /** 옵션 선택 여부 판단 */
+    isOptionEqualToValue?: (option: Value, value: Value) => boolean;
+    /** 전체 너비 설정 */
+    fullWidth?: boolean;
+    /** 옵션 그룹화 함수 */
+    groupBy?: (option: Value) => string;
+    /** id 속성 */
+    id?: string;
+    /** 선택된 값 */
+    value?: any;
+}
+export declare const Autocomplete: {
+    (props: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BackdropProps as MuiBackdropProps } from '@mui/material';
+export interface BackdropProps extends MuiBackdropProps {
+    className?: string;
+    children?: React.ReactNode;
+    open: boolean;
+    onClick?: () => void;
+}
+declare const Backdrop: ({ className, open, children, onClick, ...props }: BackdropProps) => import("react/jsx-runtime").JSX.Element;
+export default Backdrop;

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

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

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { BadgeProps as MBadgeProps } from '@mui/material/Badge';
+export interface BadgeProps extends MBadgeProps {
+    className?: string;
+    badgeContent?: number;
+    max?: number;
+    color: "primary" | "error" | "info" | "secondary" | "success" | "warning";
+    variant?: "standard" | "dot";
+    overlap?: "rectangular" | "circular";
+    vertical?: "top" | "bottom";
+    horizontal?: "right" | "left";
+    children?: ReactNode;
+    top?: string;
+    right?: string;
+}
+declare const Badge: ({ className, variant, color, overlap, vertical, horizontal, children, top, right, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

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

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

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

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+interface DataItem {
+    [key: string]: string | number;
+}
+export interface BarChartProps {
+    /** 차트에 표시할 데이터 */
+    data: DataItem[];
+    /** 차트의 너비 */
+    width?: number;
+    /** 차트의 높이 */
+    height?: number;
+    /** 데이터 시리즈 설정 */
+    series: {
+        dataKey: string;
+        color?: string;
+        label?: string;
+        layout?: "horizontal" | "vertical";
+        id: string;
+        yAxisId?: string;
+    }[];
+    /** 레이블 표시 여부 */
+    onLabel?: boolean;
+    /** x축 데이터 키 */
+    xAxis: any;
+    /** y축 데이터 키 */
+    yAxis: any;
+    /** 추가 클래스명 */
+    className?: string;
+    /** 차트 여백 설정 */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** 오른쪽 y축 데이터 키 */
+    rightAxis?: string;
+    /** 왼쪽 y축 데이터 키 */
+    leftAxis?: string;
+    /** 차트 레이블 */
+    label?: string;
+    /** 차트 레이아웃 */
+    layout?: "horizontal" | "vertical";
+    /** 애니메이션 활성화 여부 */
+    skipAnimation?: boolean;
+}
+export declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { BottomNavigationProps as MuiBottomNavigationProps } from '@mui/material';
+interface ActionChildrenProps {
+    label: string;
+    icon: React.ReactNode;
+    value?: string;
+}
+interface CustomBottomNavigationProps {
+    actionChildren?: ActionChildrenProps[];
+}
+export interface BottomNavigationProps extends MuiBottomNavigationProps, CustomBottomNavigationProps {
+    /** 값 변경 시 호출되는 이벤트 핸들러 (`event`와 `value`를 인자로 받음) */
+    onChange?: (event: React.SyntheticEvent, value: any) => void;
+    /** 라벨을 표시할지 여부 (`true`면 표시, 기본값: `false`) */
+    showLabels?: boolean;
+    /** 현재 선택된 값 */
+    value?: any;
+}
+export declare const BottomNavigation: {
+    ({ actionChildren, ...props }: BottomNavigationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Box as MuiBox } from '@mui/material';
+export interface BoxProps extends React.ComponentProps<typeof MuiBox> {
+    /** 원하는 태그를 값으로 넣으면 해당 태그로 렌더링된다. (예: 'div', 'section', 'header' 등) */
+    component?: string;
+}
+export declare const Box: {
+    (props: BoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,22 @@
+export interface BreadcrumbsProps {
+    /** 경로 아이템 목록 */
+    items: {
+        /** 표시될 텍스트 */
+        text: string;
+        /** 링크 경로 (마지막 아이템은 생략) */
+        href?: string;
+    }[];
+    /** 구분자 */
+    separator?: string;
+    /** 최대 표시 아이템 수 */
+    maxItems?: number;
+    /** 최대 표시 아이템 수를 초과할 경우 표시할 아이템 수 */
+    itemsAfterCollapse?: number;
+    /** 최대 표시 아이템 수를 초과할 경우 표시할 아이템 수 */
+    itemsBeforeCollapse?: number;
+}
+/** 현재 페이지의 위치를 나타내는 브레드크럼 컴포넌트 */
+export declare const Breadcrumbs: {
+    ({ items, separator, maxItems, itemsAfterCollapse, itemsBeforeCollapse, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "size"> {
+    classsName?: any;
+    /** 자식 요소<br/>: 버튼 내에 포함될 내용 */
+    children?: React.ReactNode;
+    /** 색상 설정<br/>: 버튼 색상 (기본, primary, secondary 등) */
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | string;
+    /** 루트 요소 타입 설정<br/>: HTML 요소 또는 다른 컴포넌트를 루트 노드로 사용 */
+    component?: React.ElementType;
+    /** 비활성화 여부<br/>: true일 경우 버튼이 비활성화 */
+    disabled?: boolean;
+    /** 그림자 제거<br/>: true일 경우 버튼의 그림자 효과 제거 */
+    disableElevation?: boolean;
+    /** 키보드 포커스 리플 제거<br/>: true일 경우 키보드 포커스 리플 효과 비활성화 */
+    disableFocusRipple?: boolean;
+    /** 리플 효과 제거<br/>: true일 경우 리플 효과 비활성화 */
+    disableRipple?: boolean;
+    /** 끝 아이콘<br/>: 버튼의 자식 요소 뒤에 배치될 아이콘 */
+    endIcon?: React.ReactNode;
+    /** 전체 너비<br/>: true일 경우 버튼이 부모 컨테이너의 전체 너비를 차지 */
+    fullWidth?: boolean;
+    /** 링크 URL 설정<br/>: 버튼 클릭 시 이동할 링크 URL */
+    href?: string;
+    /** 로딩 상태<br/>: true일 경우 로딩 인디케이터가 표시되며 버튼이 비활성화됨 */
+    loading?: boolean;
+    /** 로딩 인디케이터<br/>: 로딩 상태일 때 표시될 인디케이터 */
+    loadingIndicator?: React.ReactNode;
+    /** 로딩 인디케이터 위치<br/>: 'start', 'center', 'end' 중 위치 설정 */
+    loadingPosition?: "center" | "end" | "start";
+    /** 버튼 크기 설정<br/>: 'small', 'medium', 'large' 또는 사용자 지정 값 */
+    size?: "small" | "medium" | "large" | string;
+    /** 시작 아이콘<br/>: 버튼의 자식 요소 앞에 배치될 아이콘 */
+    startIcon?: React.ReactNode;
+    /** 버튼 스타일 종류<br/>: 'contained', 'outlined', 'text' 중 선택 */
+    variant?: "text" | "outlined" | "contained";
+    form?: string;
+    type?: "submit" | "button" | "reset";
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

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

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

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

@@ -0,0 +1,18 @@
+import { CardProps as MCardProps } from '@mui/material/Card';
+export interface CardProps extends MCardProps {
+    className?: string;
+    variant?: "elevation" | "outlined";
+    image?: string;
+    imageClassName?: string;
+    title?: string;
+    contents?: string;
+    onActionArea?: () => void;
+    buttons?: button[];
+}
+export interface button {
+    name: string;
+    onClick: () => void;
+    size?: "small" | "medium" | "large";
+}
+declare const Card: ({ variant, className, image, imageClassName, title, contents, onActionArea, buttons, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+export interface DatePicker2Props {
+    value?: string | {
+        startDate?: string | Date | null;
+        endDate?: string | Date | null;
+    };
+    onFocus?: () => void;
+    onChange?: (date: Date | string | null | {
+        startDate: Date | string | null;
+        endDate: Date | string | null;
+    }) => void;
+    onChangeRange?: (date: [Date | null, Date | null]) => void;
+    dateFormat?: string;
+    className?: string;
+    startDate?: string | null;
+    endDate?: string | null;
+    label?: string;
+    formName?: string;
+    defaultValue?: any;
+    labelStyle?: any;
+    showIcon?: boolean;
+    clearButtonClassName?: string;
+    isClearable?: boolean;
+}
+declare const DatePicker2: ({ value, onFocus, onChange, onChangeRange, dateFormat, className, startDate, endDate, label, formName, defaultValue, labelStyle, showIcon, clearButtonClassName, isClearable, }: DatePicker2Props) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker2;

package/dist/components/ui/DatePicker2/DateRangeInput.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface DateRangeInputProps {
+    startDate: Date | null;
+    endDate: Date | null;
+    handleClear: () => void;
+    onClick?: () => void;
+    onChange?: (dates: [Date | null, Date | null]) => void;
+}
+export declare const DateRangePickerBox: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLDivElement>>;
+export default DateRangeInput;

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

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { DatePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
+export interface DatePicker3Props extends Omit<DatePickerProps, "onChange" | "value"> {
+    value?: Dayjs | null;
+    onChange?: ((date: Dayjs, dateString: string | string[]) => void) | undefined;
+}
+declare const DatePicker3: React.ForwardRefExoticComponent<Omit<DatePicker3Props, "ref"> & React.RefAttributes<any>>;
+export default DatePicker3;

package/dist/components/ui/DatePicker3/DateRangePicker.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { RangePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
+export type RangeValue<T> = [T | null, T | null] | null;
+export interface DateRangePickerProps extends Omit<RangePickerProps, "onChange" | "value"> {
+    value?: RangeValue<Dayjs>;
+    onChange?: (dates: RangeValue<Dayjs>, dateStrings: [string, string]) => void;
+}
+declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<any>>;
+export default DateRangePicker;

package/dist/components/ui/DatePicker3/DateStyle.d.ts

@@ -0,0 +1 @@
+export declare const DateStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/components/ui/DatePicker3/RHFDatePicker3Controller.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from 'dayjs';
+import { Control } from 'react-hook-form';
+import { DatePicker3Props } from './DatePicker3';
+export interface RHFDatePicker3ControllerProps extends Omit<DatePicker3Props, "defaultValue" | "onChange" | "value"> {
+    name: string;
+    control: Control<any> | any;
+    defaultValue?: Dayjs | null;
+    value?: Dayjs | null;
+    onChange?: ((date: Dayjs, dateString: string | string[]) => void) | undefined;
+}
+declare const RHFDatePicker3Controller: {
+    ({ name, control, defaultValue, value, onChange, }: RHFDatePicker3ControllerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default RHFDatePicker3Controller;

package/dist/components/ui/DatePicker3/RHFDateRangeController.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from 'dayjs';
+import { Control } from 'react-hook-form';
+import { DateRangePickerProps, RangeValue } from './DateRangePicker';
+export interface RHFDateRangeControllerProps extends Omit<DateRangePickerProps, "defaultValue" | "onChange" | "value"> {
+    name: string;
+    control: Control<any> | any;
+    defaultValue?: RangeValue<Dayjs>;
+    value?: [Dayjs | null, Dayjs | null] | null;
+    onChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+}
+declare const RHFDateRangeController: {
+    ({ name, control, defaultValue, value, onChange, ...rest }: RHFDateRangeControllerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default RHFDateRangeController;

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

@@ -0,0 +1,5 @@
+import { default as DatePicker3, DatePicker3Props } from './DatePicker3';
+import { default as DateRangePicker, DateRangePickerProps } from './DateRangePicker';
+import { default as RHFDatePicker3Controller, RHFDatePicker3ControllerProps } from './RHFDatePicker3Controller';
+import { default as RHFDateRangeController, RHFDateRangeControllerProps } from './RHFDateRangeController';
+export { DatePicker3, DatePicker3Props, RHFDateRangeController, DateRangePicker, DateRangePickerProps, RHFDateRangeControllerProps, RHFDatePicker3Controller, RHFDatePicker3ControllerProps, };

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

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { DialogProps as MuiDialogProps, SxProps, Theme } from '@mui/material';
+interface DialogPropsBase extends Omit<MuiDialogProps, "onSubmit" | "getReset"> {
+    /** 다이얼로그 열린 상태 */
+    open: boolean;
+    /** 다이얼로그 닫기 이벤트 핸들러 */
+    onClose: () => void;
+    /** 다이얼로그 제목 */
+    dialogTitle?: string | React.ReactNode;
+    /** 다이얼로그 내용 */
+    dialogContent?: string | React.ReactNode;
+    /** 다이얼로그 액션 버튼 */
+    actions?: React.ReactNode;
+    /** 최대 너비 */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** 전체 화면 여부 */
+    fullScreen?: boolean;
+    /** 스크롤 동작 */
+    scroll?: "paper" | "body";
+    /** 스타일 속성 */
+    sx?: SxProps<Theme>;
+    /** 영역별 구분선 */
+    dividers?: boolean;
+    /** 자식노드 */
+    children?: React.ReactNode;
+}
+export type DialogWithType = DialogPropsBase & {
+    type?: "warning" | "info" | "success" | "confirm" | "error";
+    onOk: () => void;
+};
+export type DialogWithoutType = DialogPropsBase & {
+    type?: undefined;
+    onOk?: never;
+};
+/** 모달 다이얼로그 컴포넌트
+ *
+ * 대체적으로 Provider로 사용되는 컴포넌트입니다.
+ *
+ */
+export declare const Dialog: {
+    ({ open, onClose, dialogTitle, dialogContent, actions, fullScreen, scroll, size, type, onOk, dividers, children, ...props }: DialogWithType | DialogWithoutType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { Dialog, DialogWithoutType, DialogWithType } from './Dialog';
+export { Dialog, DialogWithType, DialogWithoutType };

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SxProps, Theme, DividerProps as MuiDividerProps } from '@mui/material';
+export interface DividerProps extends MuiDividerProps {
+    /** 구분선 방향 */
+    orientation?: "horizontal" | "vertical";
+    /** 구분선 변형 */
+    variant?: "fullWidth" | "inset" | "middle";
+    /** 텍스트 정렬 */
+    textAlign?: "center" | "left" | "right";
+    /** 구분선 내부 텍스트 */
+    children?: React.ReactNode;
+    /** MUI에서 제공하는 스타일 속성 추가 가능 */
+    sx?: SxProps<Theme>;
+    /** 구분선 둥근 정도 */
+    flexItem?: boolean;
+}
+/** 콘텐츠를 구분하는 구분선 컴포넌트 */
+declare const Divider: ({ orientation, variant, textAlign, children, sx, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

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

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

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MenuProps } from '@mui/material/Menu';
+export interface DropdownMenuProps extends Omit<MenuProps, "open"> {
+    className?: string;
+    menuLabel: string;
+    menuItems: MenuItem[];
+}
+export interface MenuItem {
+    icon?: ReactNode;
+    label: string;
+    onClick: () => void;
+    onClose: () => void;
+}
+declare const DropdownMenu: ({ className, menuLabel, menuItems, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

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

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

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { StackProps } from '@mui/material';
+import { ResponsiveStyleValue } from '@mui/system';
+export interface FlexProps extends StackProps {
+    /** 자식 요소 */
+    children?: React.ReactNode;
+    /** Flex 방향 (row, column 등) ) (기본값: row) */
+    direction?: ResponsiveStyleValue<"row" | "row-reverse" | "column" | "column-reverse">;
+    /** `gap` 사용 여부 (기본값: true)*/
+    useFlexGap?: boolean;
+    /** 항목 간 간격 (숫자 또는 문자열) */
+    spacing?: ResponsiveStyleValue<number | string>;
+    /** 항목 사이 구분선 (MUI Divider 등) */
+    divider?: React.ReactNode;
+}
+export declare const Flex: {
+    ({ className, useFlexGap, direction, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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